* { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { background:#0B0B0B; color:#fff; font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
  a { color:#8CEEFF; text-decoration:none; transition:color .25s ease; }
  a:hover { color:#6EDFFF; }
  ::selection { background:rgba(140,238,255,.25); }
  @keyframes marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
  @keyframes pulseGlow { 0%,100% { opacity:.5; } 50% { opacity:.85; } }
  @keyframes sheen { 0% { transform:translateX(-120%) skewX(-18deg); } 100% { transform:translateX(320%) skewX(-18deg); } }
  @keyframes floaty { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
  .pf { font-family:'Playfair Display',serif; font-style:italic; font-weight:500; }
  .spotlight { position:fixed; top:0; left:0; width:360px; height:360px; border-radius:50%; margin:-180px 0 0 -180px; pointer-events:none; z-index:1; background:radial-gradient(circle,rgba(140,238,255,0.045),transparent 65%); mix-blend-mode:screen; opacity:0; transition:opacity .5s ease; will-change:transform; }
  .tiltable { transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease; transform-style:preserve-3d; will-change:transform; }
  ::-webkit-scrollbar { height:0; }
  .sheen-wrap { position:relative; overflow:hidden; }
  .sheen-wrap::after { content:""; position:absolute; top:0; left:0; width:40%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent); transform:translateX(-160%) skewX(-18deg); pointer-events:none; opacity:0; }
  .sheen-wrap:hover::after { opacity:1; animation:sheen .85s ease; }
  .burger { display:none; position:relative; }
  .burger > summary { list-style:none; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,0.12); border-radius:50%; background:linear-gradient(180deg,rgba(38,38,38,0.7),rgba(22,22,22,0.6)); color:rgba(255,255,255,0.85); font-size:15px; cursor:pointer; transition:border-color .25s ease,color .25s ease; }
  .burger > summary::-webkit-details-marker { display:none; }
  .burger > summary::before { content:"\2630"; line-height:1; }
  .burger[open] > summary { border-color:rgba(140,238,255,0.45); color:#8CEEFF; box-shadow:0 0 22px -6px rgba(140,238,255,0.55); }
  .burger[open] > summary::before { content:"\2715"; font-size:13px; }
  .burger-panel { position:absolute; top:calc(100% + 14px); right:0; display:flex; flex-direction:column; min-width:214px; padding:10px; border:1px solid rgba(255,255,255,0.09); border-radius:16px; background:linear-gradient(180deg,rgba(24,24,24,0.96),rgba(14,14,14,0.94)); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 30px 60px -25px rgba(0,0,0,0.9); }
  .burger-panel a { padding:11px 14px; border-radius:10px; font-size:14.5px; color:rgba(255,255,255,0.75); }
  .burger-panel a:hover { background:rgba(140,238,255,0.08); color:#8CEEFF; }
  .burger-panel .panel-cta { margin-top:9px; padding:13px 14px; border-radius:100px; background:linear-gradient(180deg,#9BF1FF,#8CEEFF); color:#08131A; font-weight:600; font-size:14px; text-align:center; box-shadow:0 0 24px rgba(140,238,255,0.28); }
  .burger-panel .panel-cta:hover { background:#6EDFFF; color:#08131A; }
  @media (prefers-reduced-motion:reduce){
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    .spotlight { display:none !important; }
  }
  @media (max-width:860px){
    .navlinks{ display:none !important; }
    .burger{ display:block; }
    .navbar > div > .btn-primary{ display:none !important; }
    .navbar{ grid-template-columns:1fr auto !important; gap:12px !important; padding:9px 11px 9px 20px !important; }
    .hero-sec{ padding:118px 18px 44px !important; }
    .grid4{ grid-template-columns:1fr 1fr !important; }
    .grid3{ grid-template-columns:1fr !important; max-width:440px; margin-left:auto !important; margin-right:auto !important; }
    .grid2{ grid-template-columns:1fr !important; }
    .split{ grid-template-columns:1fr !important; gap:34px !important; }
    .hi-card{ transform:none !important; }
    .sec{ padding-top:60px !important; padding-bottom:60px !important; }
    .cta-card{ padding:44px 24px !important; }
  }
  @media (max-width:520px){
    .grid4{ grid-template-columns:1fr !important; }
    .spotlight{ display:none !important; }
  }
  @media (max-width:600px){
    .hero-sec{ padding:96px 18px 32px !important; }
    .hero-sec h1{ font-size:29px !important; line-height:1.16 !important; letter-spacing:-0.01em !important; }
    .hero-sec > div > p{ font-size:14px !important; margin-top:16px !important; max-width:300px !important; }
    .hero-pill{ display:none !important; }
    .hero-mock{ max-width:420px !important; margin:28px auto 0 !important; }
    .playbtn{ width:56px !important; height:56px !important; font-size:19px !important; }
    .hstats{ display:none !important; }
    .cta-card{ padding:40px 22px !important; }
    .cta-card h2{ font-size:26px !important; line-height:1.15 !important; }
    .cta-card p{ font-size:13.5px !important; margin-top:16px !important; max-width:280px !important; }
  }