:root{--bg:#0b0b14;--bg2:#111122;--card:#161628;--line:#2a2a45;--text:#e9e6f2;--dim:#a8a3bd;--amber:#ffb347;--sky:#7dd3fc;--pink:#f9a8d4;
--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
body{background:var(--bg);color:var(--text);font:1.0625rem/1.7 var(--sans)}
.wrap{max-width:900px;margin:0 auto;padding:0 1.25rem}
a{color:var(--sky);text-underline-offset:3px}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:#000;padding:.6rem 1rem;z-index:99}
.skip:focus{left:0}
.top{position:sticky;top:0;z-index:50;background:rgba(11,11,20,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.6rem;padding-bottom:.6rem}
.brand{font:700 1.15rem var(--serif);color:var(--text);text-decoration:none}
.brand span{color:var(--amber)}
nav{display:flex;gap:1.25rem;flex-wrap:wrap}
nav a{color:var(--dim);text-decoration:none;font-size:.95rem}
nav a:hover,nav a:focus-visible{color:var(--text)}
.hero{padding:5rem 0 4.5rem;background:
 radial-gradient(1.5px 1.5px at 12% 22%,#fff8 50%,transparent),radial-gradient(1.5px 1.5px at 78% 14%,#fff8 50%,transparent),
 radial-gradient(2px 2px at 64% 70%,#7dd3fcaa 50%,transparent),radial-gradient(1.5px 1.5px at 30% 80%,#fff6 50%,transparent),
 radial-gradient(2px 2px at 90% 55%,#ffb347aa 50%,transparent),radial-gradient(ellipse 80% 60% at 50% 0%,#2a1f5c 0%,transparent 70%),var(--bg)}
.kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem}
h1{font:normal clamp(2.4rem,7vw,4.2rem)/1.08 var(--serif);margin-bottom:1.25rem}
h1 em,h2 em{font-style:normal;color:var(--amber)}
.lede{font-size:1.25rem;color:#d6d2e6;max-width:36rem;margin-bottom:2rem}
.btn{display:inline-block;background:var(--amber);color:#1a1200;font-weight:700;padding:.7rem 1.3rem;border-radius:999px;text-decoration:none;margin:0 .5rem .6rem 0}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn:hover{filter:brightness(1.08)}
section{padding:4rem 0}
section.alt{background:var(--bg2);border-block:1px solid var(--line)}
h2{font:normal clamp(1.7rem,4vw,2.4rem)/1.2 var(--serif);margin-bottom:1rem}
h3{font:600 1.15rem var(--serif);color:var(--pink);margin-bottom:.4rem}
.sub{color:var(--dim);margin-bottom:1.5rem}
p+p{margin-top:1rem}
.cards{display:grid;gap:1rem;margin-top:1.75rem}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr);margin-top:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.4rem}
.card p{color:var(--dim);font-size:.98rem}
.card.wide{grid-column:1/-1}
.roadmap{list-style:none;counter-reset:n;display:grid;gap:.9rem}
.roadmap li{counter-increment:n;position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem 1rem 3.6rem;color:var(--dim)}
.roadmap li::before{content:counter(n);position:absolute;left:1.1rem;top:.9rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--amber);color:#1a1200;font-weight:700;display:grid;place-items:center}
.roadmap strong{color:var(--text)}
footer{padding:2.5rem 0 3rem;color:var(--dim);font-size:.9rem;text-align:center}
@media(max-width:700px){.cards.three,.cards.two{grid-template-columns:1fr}.hero{padding:3.5rem 0 3rem}section{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.top,.skip,.btn{display:none}body,.hero{background:#fff;color:#000}h1,h2,h3,.card p,.roadmap li{color:#000}}