/*
 * index.css — styles for the public awareness website (index.html).
 * Extracted from the former inline <style> block; keep in sync with the
 * inline style="" attributes used throughout index.html.
 * The other pages (app-details.html, privacy.html, ...) use styles.css instead.
 */
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:#081423;color:#e8f0f8;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  ::selection{background:#F58220;color:#081423;}
  a{color:inherit;text-decoration:none;}
  input,button,textarea,select{font-family:inherit;}
  :focus-visible{outline:2px solid #F58220;outline-offset:3px;border-radius:4px;}
  @keyframes vxFadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
  @keyframes vxFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
  @keyframes vxPulse{0%,100%{opacity:.5;}50%{opacity:1;}}
  @keyframes vxDrawer{from{transform:translateX(40px);opacity:0;}to{transform:translateX(0);opacity:1;}}
  ::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:#081423;}::-webkit-scrollbar-thumb{background:#1d3550;border-radius:6px;}
  .vx-burger{display:none;}
  @media(max-width:1100px){
    .vx-g4{grid-template-columns:repeat(2,1fr)!important;}
  }
  @media(max-width:920px){
    .vx-hero{grid-template-columns:1fr!important;gap:40px!important;}
    .vx-g2{grid-template-columns:1fr!important;}
    .vx-g3{grid-template-columns:repeat(2,1fr)!important;}
    .vx-founder{grid-template-columns:1fr!important;gap:18px!important;}
    .vx-foot{grid-template-columns:1fr!important;gap:30px!important;}
    .vx-navlinks{display:none!important;}
    .vx-burger{display:inline-flex!important;}
  }
  @media(max-width:640px){
    .vx-g3{grid-template-columns:1fr!important;}
    .vx-g4{grid-template-columns:1fr!important;}
    .vx-sec{padding-top:74px!important;padding-bottom:74px!important;padding-left:18px!important;padding-right:18px!important;}
    footer{padding-left:18px!important;padding-right:18px!important;}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  }

  /* ===== one-section-per-screen (desktop) ===== */
  @media (min-width:768px) and (min-height:560px){
    html{ scroll-snap-type:y proximity; }
    main > section{
      min-height:100vh;
      display:flex; flex-direction:column; justify-content:center;
      scroll-snap-align:start;
      padding-top:74px!important; padding-bottom:42px!important;
    }
    main > section.vx-band{
      min-height:0!important; display:block!important;
      scroll-snap-align:none; padding-top:32px!important; padding-bottom:32px!important;
    }
    main > .vx-closing{
      min-height:100vh; display:flex; flex-direction:column;
      scroll-snap-align:start;
    }
    .vx-closing > section#contact{
      min-height:0!important; flex:1 1 auto;
      display:flex; flex-direction:column; justify-content:center;
      padding-top:92px!important; padding-bottom:30px!important;
    }
    .vx-closing > footer{ flex:none; }
  }