:root{
    --bg:#0B0B10; --surf:#14141C; --surf2:#1B1B25;
    --indigo:#4B4BFF; --indigo-deep:#2323F0; --lime:#C6FF3A;
    --text:#ECECF2; --muted:#8A8A98; --line:#26262F;
    --glass:rgba(28,28,40,.55); --glass2:rgba(38,38,54,.68); --glassline:rgba(255,255,255,.09);
    --display:'Space Grotesk',sans-serif; --body:'Inter',sans-serif; --mono:'Space Mono',monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:1140px;margin:0 auto;padding:0 26px}
  a{color:inherit;text-decoration:none}

  /* ambient glow */
  .glow{position:fixed;inset:0;pointer-events:none;z-index:0}
  .glow::before{content:"";position:absolute;top:-15%;left:50%;transform:translateX(-50%);width:900px;height:520px;background:radial-gradient(ellipse,rgba(75,75,255,.22),transparent 66%);filter:blur(20px)}
  .glow::after{content:"";position:absolute;bottom:8%;right:-10%;width:520px;height:520px;background:radial-gradient(circle,rgba(198,255,58,.09),transparent 62%)}
  .glow2{position:fixed;inset:0;pointer-events:none;z-index:0}
  .glow2::before{content:"";position:absolute;top:38%;left:-12%;width:600px;height:600px;background:radial-gradient(circle,rgba(75,75,255,.16),transparent 63%);filter:blur(30px)}
  .glow2::after{content:"";position:absolute;top:64%;right:12%;width:460px;height:460px;background:radial-gradient(circle,rgba(198,255,58,.07),transparent 60%);filter:blur(24px)}
  main,nav{position:relative;z-index:1}

  /* nav */
  nav{position:sticky;top:0;z-index:60;background:rgba(11,11,16,.55);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--glassline)}
  .navin{display:flex;align-items:center;justify-content:space-between;height:66px}
  .mark{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em}
  .mark img{width:30px;height:30px;object-fit:contain;display:block}
  .mark b{color:var(--lime);font-weight:700}
  .nlinks{display:flex;gap:28px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
  .nlinks a{color:var(--muted);transition:color .2s}
  .nlinks a:hover{color:var(--text)}
  .nbtn{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:var(--lime);color:#0B0B10;padding:9px 16px;border-radius:8px;font-weight:700;transition:transform .15s}
  .nbtn:hover{transform:translateY(-1px)}
  .nright{display:flex;align-items:center;gap:12px}
  .burger{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surf);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}
  .burger i{display:block;width:16px;height:2px;background:var(--text);transition:transform .2s,opacity .2s}
  .burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .burger[aria-expanded="true"] i:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mnav{display:none;border-top:1px solid var(--line);background:rgba(11,11,16,.96);padding:14px 0 20px}
  .mnav.open{display:block}
  .mnav a{display:block;padding:12px 0;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
  .mnav a:last-child{border-bottom:0}
  @media(max-width:760px){.nlinks{display:none}.burger{display:flex}}
  @media(min-width:761px){.mnav{display:none!important}}

  .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);font-weight:700;display:inline-flex;align-items:center;gap:10px}
  .eyebrow::before{content:"";width:24px;height:2px;background:var(--indigo)}

  /* hero */
  .hero{padding:76px 0 50px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
  .hero h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,6.4vw,74px);line-height:.98;letter-spacing:-.035em;margin:22px 0 0}
  .hero h1 .g{background:linear-gradient(100deg,var(--indigo),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
  .hsub{margin-top:24px;font-size:clamp(15px,1.6vw,18px);max-width:46ch;color:var(--muted)}
  .hsub b{color:var(--text);font-weight:600}
  .hcta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .btn-p{font-family:var(--mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase;background:var(--lime);color:#0B0B10;padding:15px 26px;border-radius:10px;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 12px 34px -14px rgba(198,255,58,.5)}
  .btn-p:hover{transform:translateY(-2px);box-shadow:0 18px 42px -14px rgba(198,255,58,.7)}
  .btn-s{font-family:var(--mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--text);padding:15px 8px;font-weight:700;border-bottom:2px solid var(--indigo);transition:color .2s}
  .btn-s:hover{color:var(--lime);border-color:var(--lime)}
  @media(max-width:880px){.hero{grid-template-columns:1fr;gap:36px}}

  /* terminal */
  .term{background:rgba(20,20,28,.62);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border:1px solid var(--glassline);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 40px 80px -40px rgba(0,0,0,.9)}
  .tbar{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--glassline);background:rgba(255,255,255,.04)}
  .tbar i{width:11px;height:11px;border-radius:50%;display:block}
  .tbar .r{background:#FF5F57}.tbar .y{background:#FEBC2E}.tbar .g{background:#28C840}
  .tbar .tt{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:8px}
  .tbody{padding:20px;font-family:var(--mono);font-size:13px;line-height:1.9;min-height:230px}
  .tline{white-space:pre-wrap}
  .tprompt{color:var(--lime)}
  .tdim{color:var(--muted)}
  .tok{color:var(--indigo)}
  .tval{color:var(--text)}
  .tcursor{display:inline-block;width:8px;height:15px;background:var(--lime);vertical-align:middle;animation:bl 1s steps(1) infinite}
  @keyframes bl{50%{opacity:0}}

  /* marquee strip */
  .strip{margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .striprow{display:inline-flex;gap:34px;animation:scr 30s linear infinite;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .striprow b{color:var(--text);font-weight:700}
  .striprow span{display:inline-flex;gap:34px;align-items:center}
  .striprow span::after{content:"→";color:var(--lime)}
  @keyframes scr{to{transform:translateX(-50%)}}

  section{padding:92px 0}
  .shead{max-width:60ch}
  .shead h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,5vw,52px);letter-spacing:-.025em;line-height:1;margin:16px 0 14px}
  .shead p{color:var(--muted);font-size:16px}

  /* products */
  .prods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
  .p{display:block;background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--glassline);border-radius:18px;padding:28px 26px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 50px -30px rgba(0,0,0,.9)}
  .p:hover{transform:translateY(-6px);border-color:rgba(75,75,255,.75);background:var(--glass2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -30px rgba(0,0,0,1)}
  .p .st{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:20px;display:inline-block}
  .p .live{background:rgba(198,255,58,.14);color:var(--lime);border:1px solid rgba(198,255,58,.3)}
  .p .soon{background:rgba(75,75,255,.14);color:#9d9dff;border:1px solid rgba(75,75,255,.3)}
  .p h3{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:-.02em;margin:18px 0 8px}
  .p h3 b{color:var(--lime);font-weight:700}
  .p p{font-size:14px;color:var(--muted)}
  .p .fx{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);line-height:1.9}
  .p .arw{position:absolute;top:26px;right:24px;font-family:var(--mono);color:var(--muted);transition:transform .2s,color .2s}
  .p:hover .arw{transform:translate(4px,-4px);color:var(--lime)}
  @media(max-width:1000px){.prods{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:700px){.prods{grid-template-columns:1fr}}

  /* ships-with band */
  .ships{margin-top:18px;background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--glassline);border-radius:18px;padding:26px 28px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .ships .sk{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:700;white-space:nowrap}
  .ships ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:var(--muted)}
  .ships li::before{content:"✓ ";color:var(--indigo);font-family:var(--mono)}
  @media(max-width:700px){.ships{grid-template-columns:1fr;gap:14px}}

  /* edge / operators */
  .edge{background:linear-gradient(135deg,rgba(35,35,240,.72),rgba(22,22,168,.62));backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:56px 46px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
  .edge::after{content:"";position:absolute;left:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(198,255,58,.14)}
  .edge .eb{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#C7C7FF}
  .edge h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,4.4vw,46px);letter-spacing:-.025em;line-height:1.04;margin:14px 0 16px;max-width:22ch}
  .edge h2 u{text-decoration:none;color:#0B0B10;background:var(--lime);padding:0 8px;border-radius:6px}
  .edge p{max-width:54ch;color:#D5D5FF;font-size:16px;position:relative;z-index:1}

  /* stats */
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
  .stat{background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--glassline);border-radius:16px;padding:28px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .stat .n{font-family:var(--display);font-weight:700;font-size:clamp(34px,5vw,50px);letter-spacing:-.03em;color:var(--lime);line-height:1}
  .stat .l{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:10px}
  @media(max-width:760px){.stats{grid-template-columns:1fr}}

  /* faq */
  .faq{margin-top:44px;background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--glassline);border-radius:20px;padding:8px 30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .q{border-bottom:1px solid var(--glassline)}
  .q:last-child{border-bottom:0}
  .q summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:var(--display);font-weight:700;font-size:clamp(17px,2vw,21px);letter-spacing:-.015em;transition:color .2s}
  .q summary::-webkit-details-marker{display:none}
  .q summary:hover{color:var(--lime)}
  .q summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:22px;font-weight:400;color:var(--lime);transition:transform .25s}
  .q[open] summary::after{content:"−";transform:translateY(-50%) rotate(180deg)}
  .q .a{padding:0 60px 26px 0;font-size:15px;color:var(--muted);max-width:74ch}
  .q .a b{color:var(--text);font-weight:600}
  .faq .grp{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);padding:34px 0 6px;font-weight:700;filter:brightness(1.6)}
  .faq .grp:first-child{padding-top:26px}
  @media(max-width:640px){.q .a{padding-right:0}}

  /* final */
  .final{text-align:center;padding:120px 0}
  .final .eyebrow{justify-content:center}
  .final h2{font-family:var(--display);font-weight:700;font-size:clamp(38px,7vw,84px);letter-spacing:-.035em;line-height:.95;margin-top:18px}
  .final h2 .g{background:linear-gradient(100deg,var(--indigo),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
  .final .btn-p{margin-top:34px;display:inline-block}

  footer{border-top:1px solid var(--line);padding:40px 0}
  .fin{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}
  .fin a{color:var(--text)}

  .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
  .rv.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.tcursor{opacity:1}}
  :focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:4px}

  /* no backdrop-filter support: fall back to solid, readable panels */
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    nav{background:rgba(11,11,16,.98)}
    .p,.ships,.stat,.faq,.term{background:var(--surf);border-color:var(--line)}
    .tbar{background:var(--surf2)}
    .edge{background:linear-gradient(135deg,var(--indigo-deep),#1616a8)}
  }

/* layout utilities (kept out of inline style attrs so CSP can stay strict) */
.tight{padding-top:20px}
.stack{margin-top:32px}