:root{color-scheme:dark;--bg: #070a12;--panel: #101827;--panel2: #141f33;--text: #edf4ff;--muted: #a9b6cc;--line: #26344d;--accent: #6ee7f9;--green: #95f985;--purple: #c4a7ff;--orange: #ffca85}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top left,#12395a 0,#070a12 36rem),linear-gradient(180deg,#070a12,#0b1020);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;top:-9999px;left:-9999px;padding:.75rem 1rem;background:var(--accent);color:#000;font-weight:600;border-radius:.5rem;z-index:9999;transition:none}.skip-link:focus{top:1rem;left:1rem}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.25rem;border-right:1px solid var(--line);background:#070a12d1;backdrop-filter:blur(18px);overflow:auto}.brand{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--purple));box-shadow:0 0 32px #6ee7f959}.brand h1{font-size:1.05rem;margin:0}.brand p{margin:.1rem 0 0;color:var(--muted);font-size:.82rem}.nav-section{margin:.95rem 0}.nav-section h2{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#7d8da8}.nav-section a{display:block;padding:.45rem .6rem;border-radius:.6rem;color:var(--muted)}.nav-section a:hover{background:var(--panel2);color:var(--text);text-decoration:none}.main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--line);background:#070a1273;position:sticky;top:0;z-index:3;backdrop-filter:blur(16px)}.content{max-width:1180px;margin:0 auto;padding:2rem}.hero{padding:5rem 0 3rem}.eyebrow{color:var(--green);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.hero h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.92;margin:.8rem 0;background:linear-gradient(90deg,#fff,var(--accent),var(--purple));-webkit-background-clip:text;color:transparent}.lead{font-size:1.25rem;color:var(--muted);max-width:820px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{border:1px solid var(--line);background:linear-gradient(180deg,#141f33eb,#101827b8);border-radius:1.25rem;padding:1.25rem;box-shadow:0 18px 60px #00000040}.card h3{margin-top:0}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.84rem;margin:.15rem}.journey{counter-reset:step}.step{position:relative;padding-left:4rem;margin:1rem 0}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:.2rem;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--green));color:#06101a;font-weight:900}pre{padding:1rem;border:1px solid var(--line);border-radius:1rem;overflow:auto;background:#050812;color:#d9f7ff}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-block{margin:1.25rem 0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:#050812;box-shadow:inset 0 1px #ffffff08}.code-block pre{margin:0!important;padding:1rem 1.15rem!important;border:none!important;border-radius:0!important;background:transparent!important;font-size:.88rem;line-height:1.65;overflow:auto}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-title{padding:.55rem 1rem;font-size:.78rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);background:#101827e6;letter-spacing:.04em;text-transform:uppercase}.callout{border-left:4px solid var(--accent);background:#6ee7f914;padding:1rem;border-radius:.8rem;margin:1rem 0}.kpi{font-size:2rem;font-weight:900;color:var(--green)}.footer{padding:2rem;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:860px){.shell{display:block}.sidebar{position:relative;height:auto}.topbar{position:relative}.content{padding:1rem}.hero{padding-top:2rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}