:root { color-scheme: dark; --bg:#08090b; --ink:#f5f5f3; --line:#282a2e; --lime:#c7ff5e; }
* { box-sizing:border-box; }
html, body { width:100%; height:100%; margin:0; overflow:hidden; background:var(--bg); }
body { color:var(--ink); font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.shell { display:flex; flex-direction:column; height:100dvh; min-height:600px; isolation:isolate; overflow:hidden; position:relative; padding:0 clamp(24px,5vw,80px); background:radial-gradient(ellipse 50% 58% at 83% 52%,#141921 0%,transparent 75%),var(--bg); }
.shell::before,.shell::after { content:""; z-index:-1; pointer-events:none; position:absolute; }
.shell::before { inset:0; opacity:.45; background:linear-gradient(90deg,transparent 0,transparent calc(100% - clamp(24px,5vw,80px)),rgba(255,255,255,.07) calc(100% - clamp(24px,5vw,80px)),rgba(255,255,255,.07) calc(100% - clamp(24px,5vw,80px) + 1px),transparent calc(100% - clamp(24px,5vw,80px) + 1px)); }
.shell::after { top:20vh; right:-20vw; width:42vw; height:42vw; border:1px solid rgba(199,255,94,.12); border-radius:50%; box-shadow:0 0 0 64px rgba(199,255,94,.025),0 0 0 128px rgba(199,255,94,.015); }
.nav { display:flex; align-items:center; height:clamp(72px,10vh,104px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:19px; font-weight:600; letter-spacing:-.07em; text-decoration:none; }
.brand-mark { display:grid; width:19px; height:19px; place-items:center; border-radius:6px; background:var(--ink); color:var(--bg); font:400 21px/1 Arial,sans-serif; }
.nav-status { margin-left:auto; margin-right:28px; color:#bbbdbf; font:10px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.nav-link { color:var(--ink); text-decoration-color:#505257; text-underline-offset:4px; font-size:12px; }
.hero { width:min(680px,56vw); padding-top:clamp(60px,15vh,180px); }
.eyebrow { display:flex; align-items:center; gap:10px; color:#c5c6c8; font:10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.eyebrow-line { width:26px; height:1px; background:var(--lime); }
h1 { margin:22px 0 25px; font-size:clamp(48px,5.55vw,100px); font-weight:600; letter-spacing:-.075em; line-height:.93; }
h1 em { color:#bdc0c4; font-family:Georgia,serif; font-weight:400; letter-spacing:-.075em; }
.lede { max-width:575px; margin:0 0 28px; color:#a8aaaf; font-size:clamp(15px,1.2vw,18px); letter-spacing:-.018em; line-height:1.55; }
.waitlist { display:flex; width:min(100%,455px); height:52px; overflow:hidden; border:1px solid #3a3d42; border-radius:9px; background:#0e0f12; transition:border-color .2s,box-shadow .2s; }
.waitlist:focus-within { border-color:#b9e965; box-shadow:0 0 0 3px rgba(199,255,94,.12); }
input { flex:1; min-width:0; border:0; outline:0; background:transparent; padding:0 16px; color:var(--ink); font:14px Inter,sans-serif; }
input::placeholder { color:#73767b; }
button { margin:5px; border:0; border-radius:5px; padding:0 14px; background:var(--ink); color:#111214; cursor:pointer; font:600 12px Inter,sans-serif; transition:transform .15s,background .15s; }
button:hover { background:var(--lime); } button:active { transform:scale(.97); }
.form-note { margin:12px 0; color:#73757a; font:10px "DM Mono",monospace; letter-spacing:.02em; }
.manifesto { position:absolute; top:50%; right:clamp(24px,5vw,80px); width:clamp(310px,28vw,420px); padding-left:30px; transform:translateY(-29%); border-left:1px solid #3b3e42; }
.manifesto-index { margin:0 0 24px; color:var(--lime); font:10px "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
.manifesto h2 { margin:0 0 18px; font-size:clamp(23px,2vw,33px); font-weight:500; letter-spacing:-.06em; line-height:1.02; }
.manifesto-copy { max-width:365px; margin:0 0 28px; color:#92959a; font-size:13px; letter-spacing:-.014em; line-height:1.55; }
.capabilities { margin:0; border-top:1px solid var(--line); }
.capabilities div { display:grid; grid-template-columns:105px 1fr; gap:12px; padding:11px 0; border-bottom:1px solid var(--line); }
.capabilities dt { color:#d8d9d9; font:10px "DM Mono",monospace; }
.capabilities dd { margin:0; color:#85888d; font-size:10px; line-height:1.4; }
.footer { display:flex; align-items:center; gap:24px; height:clamp(58px,8vh,80px); margin-top:auto; border-top:1px solid var(--line); color:#777a80; font:10px "DM Mono",monospace; }
.footer span:nth-child(2) { margin-left:auto; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:800px) { .shell { min-height:0; } .hero { width:100%; padding-top:clamp(38px,10vh,80px); } .manifesto { top:57%; right:-126px; opacity:.4; pointer-events:none; transform:translateY(-10%) scale(.82); transform-origin:right center; } .footer-location,.footer span:nth-child(2) { display:none; } .footer { justify-content:space-between; } .nav-status { margin-right:17px; } .lede { max-width:440px; } h1 { font-size:clamp(44px,13vw,70px); } }
@media (max-height:650px) and (min-width:801px) { .hero { padding-top:45px; } .manifesto { transform:translateY(-23%) scale(.88); transform-origin:right center; } }
@media (max-width:420px) { .nav-link { display:none; } .nav-status { margin-left:auto; margin-right:0; } .waitlist { height:49px; } button { padding:0 10px; } .hero { padding-top:48px; } }