:root{--void:#05080d;--panel:#0b121a;--panel-2:#101c27;--line:#263746;--cyan:#58e6ff;--cyan-soft:#a8f4ff;--orange:#ff9b3f;--red:#ff5e57;--text:#ecf8ff;--muted:#9db0bf;--success:#59e391;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% -10%,rgba(88,230,255,.15),transparent 27rem),radial-gradient(circle at 90% 20%,rgba(255,155,63,.08),transparent 24rem),linear-gradient(rgba(88,230,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(88,230,255,.025) 1px,transparent 1px),var(--void);background-size:auto,auto,42px 42px,42px 42px,auto;font:16px/1.65 Inter,"Segoe UI",system-ui,sans-serif}a{color:var(--cyan);text-underline-offset:3px}code,pre{font-family:"Cascadia Code",Consolas,monospace}code{color:var(--cyan-soft)}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:rgba(5,8,13,.86);border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--text);text-decoration:none;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.brand-mark{color:var(--cyan);margin-right:.6rem}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{color:var(--muted);text-decoration:none;font-weight:650}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero{min-height:70vh;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:64px;padding:84px 0 64px}.hero h1{margin:.35rem 0 1rem;max-width:850px;font-size:clamp(3rem,8vw,7.4rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.hero h1 span{color:var(--cyan)}.lead{max-width:690px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;min-height:46px;padding:0 19px;border:1px solid var(--cyan);border-radius:3px;color:#001218;background:var(--cyan);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:850;font-size:.8rem}.button.secondary{color:var(--text);background:transparent;border-color:var(--line)}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.reactor{position:relative;aspect-ratio:1;display:grid;place-items:center}.reactor:before,.reactor:after{content:"";position:absolute;inset:11%;border:1px solid rgba(88,230,255,.42);transform:rotate(45deg);box-shadow:inset 0 0 35px rgba(88,230,255,.08)}.reactor:after{inset:25%;border-color:var(--orange);animation:pulse 3s ease-in-out infinite}.reactor-core{width:28%;aspect-ratio:1;display:grid;place-items:center;background:var(--cyan);color:#001218;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-size:1.55rem;font-weight:950;box-shadow:0 0 45px var(--cyan)}@keyframes pulse{50%{transform:rotate(135deg) scale(.9);opacity:.6}}.section{padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.section h2{margin:0 0 14px;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.04em}.section-note{color:var(--muted);max-width:500px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{position:relative;min-height:250px;padding:28px;overflow:hidden;background:linear-gradient(145deg,rgba(16,28,39,.96),rgba(8,14,21,.96));border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.card:after{content:"";position:absolute;top:0;right:0;width:48px;height:5px;background:var(--cyan)}.card.lab:after{background:var(--orange)}.card-meta{color:var(--muted);font:700 .76rem/1.2 "Cascadia Code",monospace;letter-spacing:.1em;text-transform:uppercase}.card h3{font-size:1.65rem;margin:48px 0 10px}.card p{color:var(--muted);max-width:55ch}.card .button{margin-top:18px}.upcoming{opacity:.55}.status{display:inline-flex;gap:8px;align-items:center;color:var(--success);font-size:.82rem;font-weight:800}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:50px;padding:48px 0 80px}.toc{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding:20px;border:1px solid var(--line);background:rgba(11,18,26,.82)}.toc strong{display:block;margin-bottom:12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.toc a{display:block;padding:5px 0;color:var(--muted);text-decoration:none;font-size:.9rem}.toc a:hover{color:var(--text)}.doc{min-width:0}.doc h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.94;letter-spacing:-.055em;margin:18px 0}.doc h2{margin-top:70px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:2rem}.doc h3{margin-top:36px;color:var(--cyan-soft)}.doc p,.doc li{color:#c5d3dd}.doc pre{overflow-x:auto;padding:20px;border-left:3px solid var(--cyan);background:#060a0f;color:#dffbff;border-radius:3px}.callout{margin:24px 0;padding:18px 20px;border:1px solid #3b5264;background:rgba(16,28,39,.75)}.callout.warning{border-color:#7a5130}.callout strong{color:var(--orange)}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid rgba(38,55,70,.6)}.checklist li:before{content:"□";position:absolute;left:5px;color:var(--cyan);font-size:1.3rem}.diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:32px 0}.diagram-box{padding:18px;text-align:center;border:1px solid var(--line);background:var(--panel-2)}.diagram-arrow{text-align:center;color:var(--orange);font-weight:900}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}.reactor{max-width:340px;width:80%;margin:0 auto}.grid{grid-template-columns:1fr}.doc-layout{grid-template-columns:1fr}.toc{position:static;max-height:none}.nav-links{display:none}.diagram{grid-template-columns:1fr}.diagram-arrow{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.self-check>li{margin-bottom:22px;padding-left:6px}.self-check details{margin:10px 0 0;padding:0 16px;border:1px solid var(--line);background:rgba(16,28,39,.62)}.self-check summary{padding:12px 0;color:var(--cyan);cursor:pointer;font-weight:750}.self-check summary:hover,.self-check summary:focus-visible{color:var(--text)}.self-check details[open] summary{border-bottom:1px solid var(--line)}.self-check details p{margin:14px 0 16px}
.solution-reveal{margin:24px 0;border:1px solid #3b5264;background:rgba(16,28,39,.62)}.solution-reveal>summary{padding:14px 18px;color:var(--cyan);cursor:pointer;font-weight:750}.solution-reveal>summary:hover,.solution-reveal>summary:focus-visible{color:var(--text)}.solution-reveal[open]>summary{border-bottom:1px solid var(--line)}.solution-reveal>p{margin:16px 18px}.solution-reveal>pre{margin:0;border-left:0;border-radius:0}
.command-cheatsheet>ul{margin:16px 18px 18px;padding-left:24px}