:root{color-scheme:dark;--color-background: #070b14;--color-surface: #111a2f;--color-surface-elevated: #16213a;--color-border: #334155;--color-text: #e6edf7;--color-muted: #a8b7cc;--accent-blue-500: #3b82f6;--accent-cyan-400: #22d3ee;--accent-indigo-500: #6366f1;--accent-blue-600: #2563eb;--accent-indigo-600: #4f46e5;--container-max: 1120px;--container-narrow: 760px;--space-1: .375rem;--space-2: .625rem;--space-3: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--shadow-card: 0 8px 30px rgba(8, 18, 36, .38)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;background:radial-gradient(circle at 20% -10%,#152546,var(--color-background) 46%);color:var(--color-text)}a{color:var(--accent-cyan-400)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-cyan-400);outline-offset:2px}header{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:color-mix(in oklab,var(--color-background) 76%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-border) 75%,transparent)}nav,main{width:min(100% - 2rem,var(--container-max));margin-inline:auto}nav{padding:var(--space-3) 0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}nav a{color:var(--color-muted);text-decoration:none;font-size:.92rem}nav a:hover{color:var(--color-text)}main{padding-bottom:var(--space-12)}.section{scroll-margin-top:5.5rem;padding:var(--space-10) 0;border-bottom:1px solid color-mix(in oklab,var(--color-border) 68%,transparent)}.section-header{margin-bottom:var(--space-5)}.section-content{width:min(100%,var(--container-max))}h1,h2,h3{line-height:1.2;color:var(--color-text)}h2{margin:0;font-size:clamp(1.4rem,2vw,2rem)}.section-header p,p,ul,ol{color:var(--color-muted)}ul,ol{margin:0;padding-left:1.2rem}.card{border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-border) 72%,transparent);background:color-mix(in oklab,var(--color-surface) 84%,transparent);box-shadow:var(--shadow-card)}.hero{padding:clamp(3.5rem,7vw,5rem) 0 var(--space-8)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--accent-cyan-400)}.hero h1{margin:var(--space-2) 0 var(--space-4);font-size:clamp(2rem,6vw,3.3rem);max-width:16ch}.hero .lead{margin:0;max-width:min(70ch,100%)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.cta{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;padding:.62rem 1rem;text-decoration:none;font-weight:600;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.cta.primary{background:linear-gradient(125deg,var(--accent-blue-500),var(--accent-indigo-500));color:#f8fbff}.cta.primary:hover{background:linear-gradient(125deg,var(--accent-blue-600),var(--accent-indigo-600))}.cta.secondary{color:var(--color-text);border-color:color-mix(in oklab,var(--color-border) 82%,transparent);background:color-mix(in oklab,var(--color-surface-elevated) 65%,transparent)}.cta.secondary:hover{border-color:var(--accent-cyan-400)}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid li{padding:var(--space-5)}.command-list,.roadmap-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.command-item pre{margin-bottom:var(--space-3)}.command-item p,.roadmap-list p{margin:0}.roadmap-list h3{margin:0 0 var(--space-2)}pre{margin:0;padding:var(--space-5);overflow-x:auto;background:#050c19;border:1px solid #2f3d58;border-radius:var(--radius-md)}pre code,code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}pre code{color:#dbeafe;font-size:.9rem}footer{padding:var(--space-8) 0 var(--space-12);font-size:.95rem}@media (max-width: 767px){nav,main{width:min(100% - 1.25rem,var(--container-max))}.section{padding:var(--space-8) 0}.grid{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.cta{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.section-content{max-width:var(--container-max)}.section-header p{max-width:var(--container-narrow)}}