@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff) format("woff")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500.woff) format("woff")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff) format("woff")}
@font-face{font-family:"Inter Display";font-weight:700;font-display:swap;src:url(/assets/fonts/inter-display-700.woff) format("woff")}

:root{
  --bg:#051423; --bg2:#02070e; --ink:#eafffb; --mute:#8fb8c2; --line:rgba(25,227,200,.22);
  --teal:#19e3c8; --cyan:#3cc8ff; --gold:#ffc857; --card:rgba(12,42,63,.55);
  --font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --disp:"Inter Display",Inter,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg2);color:var(--ink);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased}
.bg{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(900px 600px at 78% 8%,rgba(25,227,200,.14),transparent 60%),
  radial-gradient(800px 700px at 8% 40%,rgba(60,200,255,.08),transparent 60%),
  linear-gradient(180deg,var(--bg),var(--bg2) 70%)}
a{color:var(--teal)}
a:hover{color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:22px 24px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 19px var(--disp);letter-spacing:.16em}
.brand img{border-radius:50%}
.nav-cta{font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);border:1px solid var(--line);padding:9px 16px;border-radius:999px;transition:.2s}
.nav-cta:hover{border-color:var(--teal);background:rgba(25,227,200,.08)}

main{max-width:1180px;margin:0 auto;padding:0 24px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:48px 0 64px}
.eyebrow{margin:0 0 18px;font:600 13px var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}
h1{margin:0 0 22px;font:700 clamp(38px,5.4vw,66px)/1.04 var(--disp);letter-spacing:-.02em}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--teal),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{font-size:clamp(18px,2vw,21px);color:#cfe8ea;max-width:34em;margin:0 0 30px}
.hero-art img{width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 1px var(--line),0 30px 90px rgba(25,227,200,.18)}

.join{max-width:520px}
.join-row{display:flex;gap:10px}
.join input[type=email]{flex:1;min-width:0;padding:15px 18px;border-radius:12px;border:1px solid var(--line);background:rgba(2,7,14,.7);color:var(--ink);font:500 16px var(--font);outline:none}
.join input[type=email]:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(25,227,200,.18)}
.join input::placeholder{color:#5f8590}
button,.btn{cursor:pointer;border:0;border-radius:12px;padding:15px 22px;background:linear-gradient(135deg,var(--teal),#13b9d6);color:#03121d;font:600 16px var(--font);text-decoration:none;display:inline-block;transition:.2s;white-space:nowrap}
button:hover,.btn:hover{filter:brightness(1.1);transform:translateY(-1px);color:#03121d}
button[disabled]{opacity:.6;cursor:wait}
.fine{margin:12px 2px 0;font-size:13.5px;color:var(--mute);line-height:1.5}
.msg{min-height:24px;margin:10px 2px 0;font-weight:500}
.msg.ok{color:var(--teal)} .msg.err{color:#ff8a8a}

.tagline{border-block:1px solid var(--line);margin:0 -24px;padding:34px 24px;text-align:center;background:linear-gradient(90deg,transparent,rgba(25,227,200,.06),transparent)}
.tagline p{margin:0;font:700 clamp(22px,3.2vw,36px) var(--disp);letter-spacing:-.01em}

.block{padding:84px 0 0}
h2{margin:0 0 14px;font:700 clamp(28px,3.6vw,42px)/1.12 var(--disp);letter-spacing:-.015em}
h3{margin:0 0 8px;font:600 19px var(--font)}
.sub{max-width:44em;color:#bfdde0;font-size:18px;margin:0 0 34px}
.sub.left{margin-bottom:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;backdrop-filter:blur(6px)}
.cards p{margin:0;color:#bfdde0;font-size:16px}
.num{display:block;margin-bottom:14px;font:600 13px var(--font);letter-spacing:.2em;color:var(--gold)}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:22px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.steps li::before{content:counter(s);position:absolute;top:-14px;left:16px;width:28px;height:28px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);color:var(--gold);font:600 13px/26px var(--font);text-align:center}
.steps b{display:block;font-size:18px;margin-bottom:6px}
.steps span{color:#bfdde0;font-size:15px;line-height:1.5;display:block}

.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.note{font-size:14.5px;color:var(--mute);border-left:2px solid var(--gold);padding-left:14px;margin:0}
.hq{margin:0}
.hq img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);display:block}
.hq figcaption{margin-top:10px;font-size:13.5px;color:var(--mute)}

.status{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.status>div{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.status ul{margin:12px 0 0;padding-left:18px;color:#bfdde0;font-size:15.5px}
.status li{margin-bottom:8px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.dot.on{background:var(--teal);box-shadow:0 0 12px var(--teal)}
.dot.soon{background:var(--gold)}
.dot.off{background:transparent;border:2px solid var(--mute)}

.cta{margin:96px 0 0;padding:64px 24px;text-align:center;border:1px solid var(--line);border-radius:26px;background:radial-gradient(600px 260px at 50% 0%,rgba(25,227,200,.16),transparent 70%),var(--card)}
.cta p{margin:0 auto 26px;color:#cfe8ea;max-width:30em}

footer{max-width:1180px;margin:80px auto 0;padding:28px 24px 44px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--mute);font-size:14px;border-top:1px solid var(--line)}
footer a{color:var(--mute)} footer a:hover{color:#fff}

.doc{max-width:760px;margin:0 auto;padding:30px 24px 0}
.doc h1{font-size:clamp(30px,4vw,44px)}
.doc h2{font-size:22px;margin:34px 0 8px}
.doc p,.doc li{color:#cfe8ea}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:24px;gap:30px}
  .hero-art{order:-1;max-width:420px;margin:0 auto}
  .cards,.status{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:22px}
  .split{grid-template-columns:1fr}
}
@media (max-width:520px){
  body{font-size:16px}
  .eyebrow{letter-spacing:.12em;font-size:12px}
  .join-row{flex-direction:column}
  button{width:100%}
  .block{padding-top:64px}
  .nav-cta{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}