
:root{--void:#05060B;--field:var(--field);--panel:var(--field);--edge:var(--edge);--edge2:#222B3D;
--ink:var(--mist);--ink2:var(--haze);--ink3:var(--dim);--cyan:#96E6F0;--gold:var(--cyan);
--good:var(--cyan);--warn:var(--violet);--sans:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;
--mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--sans);
font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
.w{max-width:1080px;margin:0 auto;padding:0 22px}
a{color:var(--cyan);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.hero{padding:64px 0 40px;border-bottom:1px solid var(--edge)}
.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.19em;text-transform:uppercase;
color:var(--gold);margin:0 0 16px}
h1{font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-.018em;margin:0 0 18px;
font-weight:660;max-width:20ch}
.lede{max-width:66ch;color:var(--ink2);font-size:18px;margin:0}
h2{font-size:clamp(21px,3vw,27px);font-weight:640;letter-spacing:-.01em;margin:52px 0 8px;
max-width:26ch}
h3{font-size:17px;font-weight:640;margin:30px 0 6px}
p{max-width:70ch;color:var(--ink2)}p strong{color:var(--ink);font-weight:600}
section{padding:8px 0}
.tbl{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
.tbl th{text-align:left;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;
text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--edge2);
padding:9px 12px 9px 0;font-weight:500}
.tbl td{padding:13px 12px 13px 0;border-bottom:1px solid var(--edge);color:var(--ink2);
vertical-align:top}
.tbl td:first-child{color:var(--ink);font-weight:560}
.chip{display:inline-block;padding:2.5px 8px;border:1px solid currentColor;border-radius:0;
font-family:var(--mono);font-size:9px;letter-spacing:.11em;text-transform:uppercase;
white-space:nowrap}
.c-conf{color:var(--good)}.c-scaf{color:var(--warn)}.c-not{color:var(--ink3)}
.c-seal{color:var(--cyan)}
.note{border-left:2px solid var(--gold);padding:2px 0 2px 20px;margin:26px 0;max-width:70ch}
.note .t{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;
color:var(--gold);margin-bottom:8px}
.note p{margin:0}
code,.mono{font-family:var(--mono);font-size:.9em;color:var(--cyan)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;
background:var(--edge);border:1px solid var(--edge);margin:24px 0}
.cell{background:var(--panel);padding:20px}
.cell h3{margin:0 0 8px;font-size:15.5px}
.cell p{margin:0;font-size:14.5px}
dl{margin:24px 0}dt{font-weight:640;color:var(--ink);margin:24px 0 5px;font-size:16.5px}
dd{margin:0;color:var(--ink2);max-width:70ch}
dd .src{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ink3);margin-top:6px}
footer{border-top:1px solid var(--edge);margin-top:70px;padding:30px 0 60px;
font-family:var(--mono);font-size:11.5px;color:var(--ink3);line-height:1.85}
@media(max-width:640px){.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
.tbl thead{display:none}.tbl tr{border-bottom:1px solid var(--edge2);padding:12px 0}
.tbl td{border:0;padding:4px 0}
.tbl td::before{content:attr(data-l);display:block;font-family:var(--mono);font-size:9px;
letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px}}
