:root{color-scheme:light;--ink:#121636;--muted:#53607e;--line:#e3e8f4;--blue:#0976ed;--violet:#8c3bde;--surface:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse 75% 40% at 90% 0%,#e8dfff 0,transparent 75%),linear-gradient(#f3f7ff,#f7f8fc 420px)}
a{color:#155dc1;text-underline-offset:3px}a:hover{color:#7335cb}
.hero{position:relative;overflow:hidden;padding:24px max(24px,calc((100% - 1024px)/2)) 74px;color:white;background:radial-gradient(circle at 82% 23%,#7738dd82,transparent 38%),radial-gradient(circle at 12% 85%,#078ff178,transparent 42%),#080d32}
.hero:after{content:"";position:absolute;right:-90px;bottom:-155px;width:480px;height:360px;border:1px solid #7eaaff55;border-radius:50%;box-shadow:0 0 0 35px #668ffd13,0 0 0 80px #668ffd10;pointer-events:none}
.nav,.hero-content{position:relative;z-index:1;max-width:1024px;margin:auto}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.08em}
.brand:hover{color:#fff}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#00cafa,#425dfa 50%,#c524df);font-weight:900;font-size:16px;letter-spacing:-.05em;box-shadow:0 8px 24px #0005}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav-links a{padding:7px 12px;border:1px solid #ffffff35;border-radius:999px;color:#e8eafa;text-decoration:none;font-size:13px}.nav-links a[aria-current="page"],.nav-links a:hover{background:#ffffff24;border-color:#ffffff80;color:#fff}
.hero-content{padding-top:55px}.eyebrow{margin:0 0 8px;color:#9bd9ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:760px;margin:0;font-size:clamp(30px,5vw,54px);line-height:1.12;letter-spacing:-.04em}.hero p.lead{max-width:700px;margin:16px 0 0;color:#dbe3fd;font-size:16px}.updated{display:inline-block;margin-top:20px;padding:5px 11px;border-radius:999px;background:#ffffff20;color:#e6edff;font-size:12px}
.wrap{width:min(100% - 32px,1024px);margin:-38px auto 60px;position:relative;z-index:2;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.toc,.paper{background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 55px #17264b10;border-radius:20px}.toc{padding:20px;position:sticky;top:18px}.toc strong{display:block;margin-bottom:10px;font-size:13px}.toc a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.4}.toc a:hover{color:var(--blue)}.paper{padding:clamp(24px,4vw,46px)}.paper section+section{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.paper h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}.paper h3{font-size:17px;line-height:1.35;margin:22px 0 7px}.paper p,.paper ul{margin:0 0 13px}.paper ul{padding-left:22px}.paper li+li{margin-top:8px}.paper p:last-child,.paper ul:last-child{margin-bottom:0}.callout{border-left:3px solid var(--blue);background:#f0f6ff;border-radius:0 12px 12px 0;padding:14px 17px;margin:18px 0}.contact{overflow-wrap:anywhere}.footer{max-width:1024px;margin:0 auto 28px;padding:0 16px;text-align:center;color:#687491;font-size:13px}
@media(max-width:720px){.hero{padding:18px 18px 67px}.hero-content{padding-top:35px}.wrap{grid-template-columns:1fr;width:min(100% - 24px,640px);margin-top:-36px}.toc{position:static;padding:14px 18px}.toc strong{margin:0 0 4px}.toc a{display:inline-block;margin-right:14px;padding:5px 0}.paper{padding:23px 20px}.paper section+section{margin-top:24px;padding-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}