:root{--bg:#07111d;--bg-2:#0c1930;--panel:rgba(10,18,32,0.82);--panel-strong:rgba(12,24,45,0.96);--line:rgba(120,170,255,0.18);--text:#e6eeff;--muted:#9fb0d2;--accent:#75a4ff;--accent-strong:#2f66da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(56,189,248,.15),transparent 28%),linear-gradient(160deg,#050b16,#0a1830 55%,#091323)}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;overflow:auto;padding:1.25rem;background:var(--panel-strong);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-link{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1.5rem}.brand-mark{color:var(--accent);font-size:1.4rem;line-height:1}.brand{font-size:1.2rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.9rem}.nav-group+.nav-group{margin-top:1.4rem}.nav-label{margin:0 0 .7rem;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em}.nav-link{display:block;padding:.78rem .85rem;border:1px solid transparent;border-radius:14px;margin-bottom:.4rem;background:rgba(255,255,255,.02)}.nav-link small{display:block;margin-top:.3rem;color:var(--muted);line-height:1.45}.nav-link.active,.nav-link:hover{border-color:rgba(117,164,255,.35);background:rgba(24,43,78,.86)}.content-area{padding:1.4rem}.doc-card,.hero-card,.info-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(2,6,23,.24)}.hero-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);grid-gap:1.2rem;gap:1.2rem;padding:1.6rem;border-radius:28px;overflow:hidden}.hero-title{margin:.2rem 0 1rem;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.95;letter-spacing:-.06em;max-width:11ch}.hero-lead,.info-card p,.markdown-body{line-height:1.7}.eyebrow{color:#8bb5ff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(117,164,255,.34);font-weight:700}.button-primary{background:linear-gradient(180deg,#346ee6,#1d4fb5)}.button-secondary{background:rgba(16,33,60,.8)}.hero-panel{display:grid;grid-gap:1rem;gap:1rem}.hero-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.75rem;gap:.75rem;padding:1rem;border-radius:22px;background:radial-gradient(circle at top right,rgba(103,232,249,.16),transparent 35%),radial-gradient(circle at bottom left,rgba(168,85,247,.18),transparent 28%),rgba(10,18,32,.94)}.hex-chip{width:100%;aspect-ratio:1;-webkit-clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);border:1px solid rgba(148,197,255,.3)}.hex-chip-0{background:linear-gradient(180deg,rgba(96,165,250,.7),rgba(37,99,235,.24))}.hex-chip-1{background:linear-gradient(180deg,rgba(34,211,238,.6),rgba(8,145,178,.2))}.hex-chip-2{background:linear-gradient(180deg,rgba(192,132,252,.62),rgba(126,34,206,.18))}.hex-chip-3{background:linear-gradient(180deg,rgba(251,191,36,.58),rgba(161,98,7,.16))}.hex-chip-4{background:linear-gradient(180deg,rgba(74,222,128,.55),rgba(22,101,52,.18))}.card-grid,.hero-metrics,.split-grid{display:grid;grid-gap:1rem;gap:1rem}.hero-metrics{grid-template-columns:1fr}.doc-card,.hero-metrics div,.info-card{border-radius:22px;padding:1.25rem}.doc-meta,.hero-metrics span{color:var(--muted);font-size:.92rem}.hero-metrics strong{display:block;margin-top:.2rem;font-size:1.05rem}.card-grid{margin-top:1.1rem}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{margin-top:1.1rem;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.doc-card h1,.large-card h2,.walkthrough-card h2{margin-top:.4rem}.hook-list,.step-list{margin:1rem 0 0;padding-left:1.2rem}.hook-list li,.step-list li{margin-bottom:.65rem}.walkthrough-card{margin-top:1.1rem}.doc-summary{color:var(--muted);font-size:1.02rem;margin:.5rem 0 .9rem}.doc-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.4rem}.markdown-body li,.markdown-body p{color:#dce7ff}.markdown-body code{font-family:SFMono-Regular,ui-monospace,monospace}.not-found-card{max-width:680px}@media (max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.hero-card,.split-grid,.three-up{grid-template-columns:1fr}}@media (max-width:720px){.content-area,.sidebar{padding:1rem}.doc-card,.hero-card,.info-card{border-radius:20px}.hero-title{max-width:none}}