:root{
  color-scheme: dark;
  --bg:#04070d;
  --bg2:#08111d;
  --panel:#0b1220;
  --panel2:#111b2c;
  --muted:#91a1b9;
  --text:#f1f7ff;
  --line:#1f334e;
  --line2:#31506f;
  --cyan:#36d9ff;
  --blue:#4d87ff;
  --violet:#9a70ff;
  --green:#71ffb0;
  --amber:#ffd36e;
  --red:#ff667c;
  --shadow:0 22px 80px rgba(0,0,0,.62);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 20% -20%, rgba(54,217,255,.18), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(154,112,255,.18), transparent 28%),
    linear-gradient(180deg,#03050a 0%,#07101b 45%,#04070d 100%);
  line-height:1.56;
}
.bg-grid{position:fixed;inset:0;z-index:-4;background-image:linear-gradient(rgba(54,217,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(54,217,255,.08) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.28) 70%,transparent)}
.scanline{position:fixed;inset:0;z-index:-3;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0 1px,transparent 1px 5px);pointer-events:none;mix-blend-mode:screen;opacity:.32}
.orb{position:fixed;width:42vw;height:42vw;border-radius:999px;filter:blur(90px);z-index:-2;opacity:.22;pointer-events:none}.orb-a{left:-14vw;top:15vh;background:var(--cyan)}.orb-b{right:-14vw;top:4vh;background:var(--violet)}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.topnav{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:10px;padding:12px;background:rgba(3,5,10,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(54,217,255,.18)}.topnav a{padding:8px 12px;border:1px solid rgba(54,217,255,.18);border-radius:999px;color:#dcecff;font-size:13px;background:rgba(255,255,255,.035)}
.hero{min-height:72vh;display:grid;align-items:center;padding:28px}.hero-inner{max-width:1180px;margin:0 auto;text-align:center}.eyebrow{color:var(--green);letter-spacing:.2em;font-weight:900;font-size:12px;text-shadow:0 0 18px rgba(113,255,176,.35)}h1{margin:16px 0;font-size:clamp(42px,7.6vw,96px);line-height:.92;letter-spacing:-.06em;text-shadow:0 0 42px rgba(54,217,255,.26)}h1 span{color:#dcecff}.hero-subtitle{max-width:930px;margin:0 auto;color:#c7d6ea;font-size:clamp(17px,2vw,23px)}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:16px;border:1px solid rgba(54,217,255,.34);background:rgba(11,18,32,.84);color:#eff8ff;box-shadow:0 12px 30px rgba(0,0,0,.28)}.button.primary{background:linear-gradient(135deg,rgba(54,217,255,.24),rgba(154,112,255,.28));border-color:rgba(113,255,176,.42)}
.stats{margin:34px auto 0;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;max-width:980px}.stat{border:1px solid rgba(54,217,255,.18);border-radius:18px;background:rgba(11,18,32,.68);padding:15px}.stat b{display:block;font-size:24px;color:var(--green)}.stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
main{max-width:1320px;margin:0 auto;padding:0 22px 84px}.panel{margin:28px 0;padding:26px;border:1px solid rgba(54,217,255,.16);border-radius:var(--radius);background:linear-gradient(180deg,rgba(15,24,41,.94),rgba(5,8,15,.88));box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(54,217,255,.32),transparent 27%,rgba(154,112,255,.25));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.kicker{display:grid;place-items:center;min-width:48px;height:48px;border-radius:15px;background:rgba(54,217,255,.11);border:1px solid rgba(54,217,255,.28);color:var(--cyan);font-weight:950}h2{margin:0;font-size:clamp(25px,3vw,39px);letter-spacing:-.035em}.section-heading p{margin:5px 0 0;color:var(--muted)}
.cards{display:grid;gap:16px}.canon-grid,.final-grid,.gates-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border:1px solid rgba(145,161,185,.18);border-radius:18px;background:rgba(4,7,13,.52);padding:18px}.card h3{margin:0 0 8px;font-size:18px}.card p,.card li{color:#b9c8db}.card ul{margin:10px 0 0;padding-left:19px}.map-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px}.map-card{border:1px solid rgba(113,255,176,.22);border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(113,255,176,.08),rgba(4,7,13,.52))}.map-card b{display:block;color:var(--green);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.map-card span{font-size:18px;font-weight:800}.stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:22px}.stage{border:1px solid rgba(154,112,255,.25);background:linear-gradient(180deg,rgba(154,112,255,.10),rgba(4,7,13,.52));border-radius:18px;padding:17px}.stage .range{color:var(--violet);font-weight:900}.arc-table{display:grid;gap:10px}.arc-row{display:grid;grid-template-columns:80px 160px 1fr 74px;gap:1px;overflow:hidden;border-radius:14px;border:1px solid rgba(54,217,255,.14);background:rgba(54,217,255,.12)}.arc-cell{background:rgba(4,7,13,.74);padding:12px;color:#c5d5e8;font-size:13px}.arc-cell.code{color:var(--green);font-weight:950}.arc-cell.range{color:var(--cyan);font-weight:800}.toolbar,.roadmap-controls{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}.search,.select{width:100%;max-width:540px;background:rgba(4,7,13,.82);border:1px solid rgba(54,217,255,.28);color:#eff8ff;border-radius:14px;padding:12px 14px;outline:none}.select{max-width:310px}.mini-status{margin:0 0 14px;color:#adc0d8;font-size:13px}.roadmap-list{display:grid;gap:12px}.roadmap-card{display:grid;grid-template-columns:132px 1fr;gap:16px;border:1px solid rgba(54,217,255,.16);border-radius:18px;background:rgba(4,7,13,.58);padding:16px}.roadmap-card.phase-zero{border-color:rgba(113,255,176,.38);background:linear-gradient(180deg,rgba(113,255,176,.08),rgba(4,7,13,.62))}.phase-num{font-weight:950;color:var(--green);font-size:18px;letter-spacing:.03em}.original{display:block;color:#84dfff;font-size:12px;margin-top:4px}.roadmap-card h3{margin:0 0 5px}.goal{color:#d6e5f7}.roadmap-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#cfe5ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 8px}.impl{margin:11px 0 0;padding-left:19px;color:#b9c8dc}.gate{border-left:3px solid var(--amber);padding-left:10px;color:#ecd9a8;font-size:13px;margin-top:12px}.risk{border-left:3px solid var(--red);padding-left:10px;color:#ffc1ca;font-size:13px;margin-top:9px}.depends{color:#9fb1ca;font-size:13px}.atlas-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.atlas-card{min-height:310px}.atlas-card .why{color:#dcecff;margin-bottom:14px}.tier{margin-top:12px}.tier b{display:block;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.pill-list{display:flex;flex-wrap:wrap;gap:7px}.pill{font-size:12px;border:1px solid rgba(54,217,255,.22);border-radius:999px;padding:5px 8px;background:rgba(54,217,255,.06);color:#d5e6f8}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.source{padding:16px;border-radius:17px;border:1px solid rgba(54,217,255,.18);background:rgba(4,7,13,.54)}.source small{display:block;color:var(--muted);margin:5px 0 9px}.source p{margin:0;color:#c2d2e7}footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);border-top:1px solid rgba(54,217,255,.16);padding:24px;background:rgba(3,5,10,.84)}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.roadmap-card{grid-template-columns:1fr}.arc-row{grid-template-columns:1fr}.topnav{overflow:auto;justify-content:flex-start}.hero-inner{text-align:left}.hero-actions{justify-content:flex-start}}@media(max-width:560px){.stats{grid-template-columns:1fr}.panel{padding:18px}main{padding:0 12px 60px}h1{font-size:42px}}