:root{--navy:#131c2e;--cream:#f2ede2;--card:#fff;--blue:#4d7cfe;--red:#a94b49;--ink:#182238;--muted:#5f6a80;--hair:#d8d1c2;--lt:#c8d2ea}
*{margin:0;box-sizing:border-box}
body{font-family:'Hanken Grotesk',sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
.wrap{max-width:1060px;margin:0 auto;padding:0 28px}
.k{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
h1,h2{font-family:'Newsreader',serif;font-weight:500;letter-spacing:-.01em;line-height:1.1}
header.hero{background:var(--navy);color:#f4efe4;padding:64px 0 84px}
.logo{font-family:'Newsreader',serif;font-size:22px;color:#f4efe4}
.logo b{font-weight:600}.logo span{color:#8fa8dd}
h1{font-size:clamp(40px,6vw,72px);margin:48px 0 26px;max-width:14ch}
.hero p.lead{font-size:20px;max-width:52ch;color:var(--lt)}
.hero .answer{margin-top:34px;font-size:17px;max-width:64ch;color:#d9d2c0;border-left:3px solid var(--blue);padding-left:18px}
section{padding:72px 0}
h2{font-size:clamp(28px,4vw,40px);margin:14px 0 22px;max-width:24ch}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:30px}
.card{background:var(--card);border-radius:14px;padding:26px 28px;box-shadow:0 6px 24px rgba(19,28,46,.06)}
.card h3{font-family:'Newsreader',serif;font-weight:500;font-size:22px;margin-bottom:10px}
.card p{font-size:15.5px;color:var(--muted)}
.num{font-family:'Newsreader',serif;color:var(--blue);font-size:26px;margin-bottom:6px}
table{width:100%;border-collapse:collapse;margin-top:28px;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(19,28,46,.06)}
th{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:16px 18px;border-bottom:1px solid var(--hair);color:var(--muted)}
td{padding:15px 18px;border-bottom:1px solid #eee6d6;font-size:15.5px;vertical-align:top}
td.us{background:var(--navy);color:#e9e2d0}
tr:last-child td{border-bottom:none}
.updated{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:16px}
.meta{background:var(--navy);color:#dfe6f4}
.meta .card{background:#1b2740;box-shadow:none}
.meta .card h3{color:#f4efe4}
.meta .card p{color:#aab6cf}
.meta h2{color:#f4efe4}
.meta code{font-family:'JetBrains Mono',monospace;font-size:13px;color:#9db7f5}
details{background:var(--card);border-radius:12px;margin-top:12px;padding:18px 22px;box-shadow:0 4px 16px rgba(19,28,46,.05)}
summary{font-family:'Newsreader',serif;font-size:19px;font-weight:500;cursor:pointer}
details p{margin-top:10px;color:var(--muted);font-size:15.5px;max-width:78ch}
footer{background:var(--navy);color:#aab6cf;padding:56px 0}
footer .mail{font-family:'JetBrains Mono',monospace;font-size:14px;color:#9db7f5;text-decoration:none}
footer h2{color:#f4efe4}
a{color:var(--blue)}
.foot-note{font-size:13px;margin-top:26px;color:#7c88a3}

nav.top{background:var(--navy);border-bottom:1px solid #1f2a42}
nav.top .row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
nav.top .lg{font-family:'Newsreader',serif;font-size:19px;color:#f4efe4;text-decoration:none;display:flex;align-items:center;gap:10px}
nav.top .lg b{font-weight:600}nav.top .lg span{color:#8fa8dd}
nav.top .links a{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#aab6cf;text-decoration:none;margin-left:22px}
nav.top .links a:hover{color:#fff}
.crumb{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:26px}
.crumb a{color:var(--blue);text-decoration:none}
article h2{margin-top:44px}
article p{max-width:74ch;margin:14px 0;font-size:16.5px}
article ul{max-width:74ch;margin:14px 0 14px 22px}
article li{margin:8px 0;font-size:16px}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:30px 0}
@media(max-width:720px){nav.top .links a{margin-left:12px;font-size:10.5px}}

.m-ring{fill:none;stroke:#1e5bd6;stroke-width:9;stroke-dasharray:189;stroke-dashoffset:189;animation:mdraw 1.1s cubic-bezier(.6,0,.3,1) forwards}
.m-dot{fill:#f4f1ea;transform-origin:46px 42px;transform:scale(0);animation:mpop .45s .75s cubic-bezier(.2,1.4,.4,1) forwards}
.m-handle{stroke:#1e5bd6;stroke-width:11;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;animation:mdraw2 .35s .95s ease-out forwards}
@keyframes mdraw{to{stroke-dashoffset:0}}
@keyframes mdraw2{to{stroke-dashoffset:0}}
@keyframes mpop{to{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.m-ring,.m-dot,.m-handle{animation:none;stroke-dashoffset:0;transform:scale(1)}}

.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
.chatcard{background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.chatcard .src{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8b95a7}
.chatcard .q{font-family:'Newsreader',serif;font-size:22px;color:#182238;margin:10px 0 18px;border-bottom:1px solid #eee;padding-bottom:16px}
.skel{height:10px;border-radius:6px;background:#e7e0cf;margin:12px 0}
.chatcard .flag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;color:#a94b49;background:#f7e5e4;border-radius:6px;padding:4px 10px}
.chatcard .cap{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#8b95a7;margin-top:16px}
.vbar{margin:10px 0 26px}
.vbar .lab{font-size:14.5px;color:var(--muted);margin-bottom:6px}
.vbar .track{height:14px;border-radius:8px;background:#e4ddcd;position:relative;max-width:560px}
.vbar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:var(--blue)}
.vbar .fill.red{background:var(--red)}
.shot{width:100%;max-width:640px;border-radius:14px;box-shadow:0 18px 50px rgba(19,28,46,.18);border:1px solid #e5decd}