:root{--paper:#0f0e12;--card:#17161c;--card-2:#1d1b22;--ink:#f3f1f5;--soft:#aaa7b2;--line:#2d2b33;--red:#ff5a41;--blue:#72a4ee;--green:#60c38d;--orange:#e2a34f;--purple:#b38bf0;--mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:64px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.56;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
strong{color:var(--ink)}
code{font-family:var(--mono);font-size:.88em;background:var(--card-2);border:1px solid var(--line);border-radius:5px;padding:.08em .35em}
pre{background:var(--card-2);border:1px solid var(--line);border-radius:6px;padding:12px 14px;overflow-x:auto}
pre code{background:none;border:0;padding:0}
.progress{position:fixed;inset:0 0 auto;z-index:30;height:3px}
.progress span{display:block;width:0;height:100%;background:var(--red)}
nav{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(45,43,51,.9);background:rgba(15,14,18,.91);backdrop-filter:blur(14px)}
.nav-inner,.wrap{width:min(100% - 48px,1040px);margin:0 auto}
.nav-inner{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mark,.nav-links a,.kicker,.secnum,.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em}
.mark{color:var(--red);font-size:12px;font-weight:800}
.nav-links{display:flex;gap:18px;flex-wrap:wrap}
.nav-links a{color:var(--soft);font-size:9.5px}
.nav-links a.here{color:var(--ink)}
header{padding:64px 0 48px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 12%,rgba(255,90,65,.13),transparent 33%),radial-gradient(circle at 20% 100%,rgba(114,164,238,.08),transparent 31%)}
.kicker{color:var(--soft);font-size:10.5px}
.kicker b,.kicker strong{color:var(--red)}
h1{max-width:950px;margin:18px 0;font-size:clamp(34px,6vw,58px);font-weight:820;letter-spacing:-.045em;line-height:1.02}
h1 .dot{color:var(--red)}
.lede{max-width:73ch;color:var(--soft);font-size:clamp(16px,2vw,19px)}
.secnum{margin-bottom:8px;color:var(--red);font-size:10px}
h2{margin-bottom:11px;font-size:clamp(26px,3.5vw,36px);letter-spacing:-.025em;line-height:1.08}
.intro{max-width:75ch;color:var(--soft);font-size:16px}
.grid-2,.grid-3{display:grid;gap:16px;margin-top:30px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;padding:22px;background:var(--card)}
a.card{display:block;color:inherit}
a.card:hover{text-decoration:none;border-color:var(--soft)}
.card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone,var(--red))}
.red{--tone:var(--red)}.blue{--tone:var(--blue)}.green{--tone:var(--green)}.orange{--tone:var(--orange)}.purple{--tone:var(--purple)}
.eyebrow{color:var(--tone,var(--red));font-size:9.5px}
.card h3{margin:8px 0 10px;font-size:19px;line-height:1.2}
.card p,.card li{color:var(--soft);font-size:13.5px}
.card ul{margin:12px 0 0 18px}
.card li+li{margin-top:7px}
.table-wrap{overflow-x:auto;margin-top:26px;border:1px solid var(--line);border-radius:13px}
table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--card)}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;font-size:10px;color:var(--soft);background:var(--card-2)}
td{color:var(--soft)}
figure{margin:26px 0 0}
.diagram-frame{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:16px;overflow-x:auto}
.diagram-frame>pre.mermaid{border:0;border-radius:0;background:none;padding:0}
figcaption{color:var(--soft);font-size:13px;margin-top:10px;max-width:78ch}
.callout{margin-top:22px;border:1px solid var(--line);border-left:3px solid var(--tone,var(--orange));border-radius:0 12px 12px 0;padding:16px 19px;background:rgba(23,22,28,.92);font-size:14.5px;color:var(--soft)}
footer{color:var(--soft);text-align:center;padding:34px 0 44px;font-size:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:30px}
.stat{border:1px solid var(--line);border-radius:13px;padding:18px;background:var(--card);text-align:center}
.stat-value{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em}
.stat-label{margin-top:6px;color:var(--soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;font-size:9.5px}
.chart-frame{margin-top:26px;border:1px solid var(--line);border-radius:13px;background:var(--card);padding:16px}
.sitekit-error strong{color:var(--red)}
main{counter-reset:sec}
main>section{padding:52px 0;border-bottom:1px solid var(--line)}
main>section::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);display:block;margin-bottom:8px;color:var(--red);font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;font-size:10px}
main>section>h2{margin-bottom:11px}
pre.mermaid{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:16px;overflow-x:auto}
@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}}