:root{--bg:#050a10;--panel:#09131c;--panel2:#0d1822;--text:#f6f8fb;--muted:#92a3b5;--line:#1c2b38;--blue:#1698ff;--cyan:#22d3ee;--green:#2dd4bf;--purple:#8b5cf6;--amber:#fbbf24;--red:#fb7185;--code:#05090e}
html[data-theme=light]{--bg:#f5f8fb;--panel:#fff;--panel2:#f1f5f9;--text:#0f172a;--muted:#64748b;--line:#d9e2ea;--blue:#087fe6;--cyan:#0891b2;--green:#0f9f86;--purple:#7c3aed;--amber:#b7791f;--red:#dc4c64;--code:#0b1320}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button,input{font:inherit}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#28465d;border-radius:999px}.icon-svg{width:17px;height:17px}.blue{color:var(--blue)}.green{color:var(--green)}.purple{color:var(--purple)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}
.top{height:72px;display:grid;grid-template-columns:240px minmax(540px,1fr) 360px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(18px)}
.brand{height:72px;display:flex;align-items:center;gap:11px;padding:0 16px;border-right:1px solid var(--line);font-size:18px;font-weight:800}.brand img{width:42px}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500}.nav{display:flex;justify-content:center;gap:30px}.nav a{display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:800}.nav em{display:block;font-style:normal;font-size:9px;color:var(--muted);font-weight:500}.toptools{display:flex;gap:8px;align-items:center;padding-right:14px}.search{flex:1;display:flex;gap:7px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 11px;color:var(--muted);font-size:10px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.iconbtn{width:38px;height:38px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;display:grid;place-items:center;cursor:pointer}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr) 292px}.sidebar{border-right:1px solid var(--line);padding:10px 8px 36px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.side-home,.side-item,.side-child{display:flex;align-items:center;gap:9px;border-radius:8px;padding:7px 10px;font-size:12.5px;color:var(--muted)}.side-home{background:#0c2940;color:#fff;font-weight:800}.side-item{font-weight:800;color:var(--text)}.side-child{padding-left:30px;font-size:12px}.side-item:hover,.side-child:hover,.side-item.active,.side-child.active{background:var(--panel2)}.side-child.active{border-left:2px solid var(--cyan);color:#fff}.side-group{font:700 9px JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.11em;color:#8092a7;padding:14px 10px 5px}.side-icon{width:16px;height:16px}
.main{padding:36px 24px 72px;min-width:0}.rightbar{border-left:1px solid var(--line);padding:17px 13px}.hero{padding-bottom:17px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.eyebrow{font:700 9px JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#9aabc0}.hero h1{font-size:49px;line-height:1.04;letter-spacing:-.045em;margin:14px 0 12px}.grad{background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{font-size:14px;color:var(--muted);max-width:690px}.actions{display:flex;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--panel);padding:10px 17px;border-radius:9px;font-size:10.5px;font-weight:800}.btn.primary{border:0;background:linear-gradient(90deg,var(--blue),var(--green));color:#041018}
.hero-visual{position:relative;min-height:250px;border:1px solid #17465d;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 86% 52%,rgba(24,151,255,.16),transparent 28%),linear-gradient(150deg,#06121a,#07121b 58%,#081a27)}.terminal-layer{position:absolute;z-index:4;inset:0;padding:16px 18px}.dots{display:flex;gap:6px;margin-bottom:15px}.dot{width:8px;height:8px;border-radius:50%}.r{background:#ff6464}.y{background:#ffc857}.g{background:#39d98a}.term{font:12.5px/1.7 JetBrains Mono,monospace;color:#83d5ff;max-width:54%}.term b{color:var(--green)}.cursor{display:inline-block;width:7px;height:14px;background:#b7c8d9;vertical-align:-2px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.planet-wrap{position:absolute;right:-6%;bottom:-25%;width:62%;aspect-ratio:1}.planet{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 32% 22%,rgba(70,197,255,.42),transparent 16%),radial-gradient(circle at 58% 35%,rgba(22,112,168,.45),transparent 24%),radial-gradient(circle at 42% 70%,rgba(6,58,91,.95),transparent 44%),radial-gradient(circle at 55% 50%,#0f3b5a 0%,#08263b 42%,#020911 72%);box-shadow:inset -70px -40px 110px rgba(0,0,0,.85),0 0 28px rgba(45,179,255,.25)}.planet-glow{position:absolute;inset:1%;border-radius:50%;border-top:2px solid rgba(73,204,255,.55)}.planet-note{position:absolute;right:4%;bottom:18%;color:#b6c7d9;font:italic 17px/1.15 Georgia,serif;transform:rotate(-8deg)}
.stats{display:grid;grid-template-columns:repeat(5,1fr);margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.stat{display:flex;gap:8px;align-items:center;padding:0 9px;border-right:1px solid var(--line);font-size:10px}.stat:last-child{border:0}.stat b{display:block}.stat span{font-size:8.5px;color:var(--muted)}.quote{margin:16px 0;border:1px solid #26465d;background:var(--panel);border-radius:10px;padding:13px 16px;font:italic 12px Georgia,serif}.quote small{float:right;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tile{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));border-radius:10px;padding:16px;min-height:190px}.tile-icon{width:28px;height:28px;margin-bottom:7px}.tile h3{font-size:14px;margin:0}.tile .sub{font-size:9.5px;color:var(--muted)}.tile p{font-size:10.5px;color:var(--muted)}.tile a{font-size:9.5px;color:#40bbff;font-weight:800}
.featured{margin-top:17px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px}.fhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fhead h2{font-size:16px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel2)}.cover{height:100px;position:relative}.cover.lab{background:linear-gradient(135deg,#061827,#0d3650)}.cover.template{background:linear-gradient(135deg,#061d17,#0d4a36)}.cover.runbook{background:linear-gradient(135deg,#101127,#2e2350)}.cover-icon{position:absolute;right:16px;bottom:9px;width:56px;height:56px;opacity:.8}.cb{padding:11px 12px}.tag{display:inline-block;padding:2px 7px;border-radius:999px;background:#0b3651;color:#70c9ff;font:700 8px JetBrains Mono}.tag.green{background:#0f4c3d;color:#7af5c7}.tag.purple{background:#35265a;color:#c4a9ff}.cb h3{font-size:12.5px;margin:6px 0 3px}.cb p{font-size:9.5px;color:var(--muted);margin:0}
.box{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px;margin-bottom:12px}.box h3{font-size:12.5px;margin:0}.box p,.box li{font-size:10px;color:var(--muted)}.rbrand{display:flex;align-items:center;gap:10px}.rbrand img{width:44px}.list{list-style:none;padding:0}.star{display:block;text-align:center;background:linear-gradient(90deg,var(--blue),var(--green));color:#06111b;padding:9px;border-radius:8px;font-size:10px;font-weight:900}
.doc{max-width:900px;margin:auto}.crumb{font-size:10px;color:var(--muted);margin-bottom:14px}.doc h1{font-size:39px;letter-spacing:-.035em}.doc h2{font-size:24px;margin-top:32px}.doc h3{font-size:13px}.doc p,.doc li{font-size:13px;color:var(--muted)}.doc .lead{font-size:15px;line-height:1.75}.doc pre{background:var(--code);border:1px solid var(--line);border-radius:9px;padding:15px;overflow:auto;color:#cdeaff;font:11.5px/1.7 JetBrains Mono,monospace}.doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.doc-action{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:8px 10px;font-size:10px;font-weight:800}
.detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 20px}.pill{border:1px solid var(--line);border-radius:999px;padding:3px 7px;font:700 8px JetBrains Mono,monospace;color:var(--cyan);background:var(--panel)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 25px}.info-card,.panel,.step,.scenario-card{border:1px solid var(--line);background:var(--panel);border-radius:10px}.info-card{padding:13px}.info-card b,.info-card span,.info-card small{display:block}.info-card small{color:var(--muted);font-size:9px}.architecture{border:1px solid var(--line);background:linear-gradient(180deg,#07131d,#0a1722);border-radius:12px;padding:18px}.arch-client{width:max-content;margin:auto;border:1px solid #27526c;border-radius:8px;padding:7px 16px;text-align:center}.arch-client span,.arch-node span,.arch-transfer span{display:block;color:var(--muted);font-size:9px}.arch-line{width:1px;height:26px;background:#2e5a75;margin:auto}.arch-row{display:grid;grid-template-columns:1fr .8fr 1fr;gap:10px}.arch-node,.arch-transfer{border:1px solid #27526c;border-radius:8px;padding:11px;text-align:center;font-size:10px}.arch-transfer{border-style:dashed;color:var(--cyan)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{padding:13px}.panel h3,.panel p{margin:0}.step-list,.scenario-list{display:grid;gap:9px}.step,.scenario-card{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px}.step-num,.scenario-num{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#0c2940;color:#68c8ff;font:800 9px JetBrains Mono}.scenario-num.red{background:#381319;color:#ff7b85}.scenario-num.amber{background:#392a0d;color:#ffc857}.scenario-num.purple{background:#241638;color:#c4a9ff}.step h3,.scenario-card h3,.step p,.scenario-card p{margin:0}.callout{border:1px solid var(--line);border-left-width:3px;border-radius:8px;padding:10px 12px;background:var(--panel)}.callout.success{border-left-color:var(--green)}.callout.warning{border-left-color:var(--amber)}.callout p{margin:3px 0 0}.mobile{display:none}
@media(max-width:1200px){.top{grid-template-columns:220px 1fr 260px}.layout{grid-template-columns:220px 1fr}.rightbar{display:none}.tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.top{grid-template-columns:1fr auto}.nav,.search{display:none}.layout{display:block}.sidebar{display:none;position:relative;top:0;height:auto}.sidebar.open{display:block}.main{padding:22px 14px}.hero-grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.grid3,.split,.arch-row{grid-template-columns:1fr}.mobile{display:grid}}
@media(max-width:520px){.tiles{grid-template-columns:1fr}.hero h1{font-size:39px}.term{max-width:70%}.planet-wrap{width:72%;right:-14%}}