:root{--ink:#1B2430;--ink-panel:#232E3D;--ink-line:#3A4557;--ink-text:#E8E6DC;--ink-dim:#ABB4C2;--paper:#EDEFE7;--panel:#E3E6DA;--line:#C4C8B8;--text:#1E2A2A;--dim:#57624F;--seal:#B58D3F;--seal-strong:#8F6E2E;--verified:#3F7A5C;--flagged:#A23B3B;--serif:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;--sans:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--mono:SF Mono,Cascadia Code,JetBrains Mono,Consolas,Liberation Mono,monospace;--radius:4px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:16.5px/1.6 var(--sans)}a{color:inherit}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:var(--seal);padding:.5rem 1rem;z-index:5}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-family:var(--serif);font-weight:700}.brand small{display:block;font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--seal);border-radius:3px;font:700 .68rem var(--mono)}.topnav{display:flex;gap:1.2rem;font:600 .73rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.topnav a{text-decoration:none;color:var(--dim)}.topnav a:hover{color:var(--seal-strong)}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:3px;padding:.45rem .7rem;font:700 .68rem var(--mono);cursor:pointer}.hero{background:var(--ink);color:var(--ink-text);padding:5.5rem 2rem 4.5rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:3rem;align-items:center}.hero-copy,.hero-proof{max-width:1100px;width:100%;margin:auto}.hero h1{font:400 clamp(2.1rem,4vw,3rem)/1.15 var(--serif);max-width:13ch;margin:.5rem 0 1.25rem}.eyebrow,.rail-label,.type-meta{font:700 .72rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--seal)}.lede{font-size:1.08rem;line-height:1.55;color:var(--ink-dim);max-width:52ch}.hero-actions,.demo-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin:2rem 0 1.2rem}.button{display:inline-flex;align-items:center;text-decoration:none;border:1px solid transparent;border-radius:3px;padding:.75em 1.3em;font-weight:600;font-size:.92rem;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--seal);color:var(--ink)}.button.primary:hover{box-shadow:0 6px 20px rgba(181,141,63,.35)}.button.ghost{background:transparent;border-color:var(--ink-line);color:var(--ink-text)}.source{font:.73rem var(--mono);color:var(--ink-dim)}.source a{color:var(--seal)}.hero-proof{background:#141B24;border:1px solid #303D4F;border-radius:6px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);position:relative;overflow:hidden}.proof-bar{display:flex;align-items:center;gap:6px;padding:.65rem .8rem;border-bottom:1px solid #303D4F;background:#1A2230;color:#7C8AA0;font: .7rem var(--mono)}.proof-bar i{width:9px;height:9px;border-radius:50%;background:#3A4557}.proof-bar span{margin-left:.4rem}.hero-proof pre{padding:1.1rem 1.2rem 1.3rem;margin:0;color:#D7DCE5;font:.82rem/1.7 var(--mono);overflow:auto}.hero-proof code b{color:#C79A3A}.hero-proof code em{color:#6FBE94;font-style:normal}.stamp{position:absolute;right:1rem;bottom:1rem;border:2px solid var(--verified);color:var(--verified);padding:.5rem .8rem;text-align:center;transform:rotate(-4deg);font:.7rem/.95 var(--mono);text-transform:uppercase}.stamp strong{font-size:.8rem}.layout{display:grid;grid-template-columns:240px 1fr}.rail{padding:2.2rem 1.4rem;border-right:1px solid var(--line);background:var(--paper);position:sticky;top:64px;height:calc(100vh - 64px);align-self:start}.rail-label{margin:0 0 1.2rem}.rail a{display:flex;gap:.7rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--dim);font-size:.88rem}.rail a:hover{color:var(--seal-strong)}.rail a span{color:var(--seal);font: .72rem var(--mono)}.content{min-width:0}.section{padding:4.5rem 2rem;border-bottom:1px solid var(--line)}.section>*{max-width:1100px;margin-left:auto;margin-right:auto}.section h2{font:400 clamp(1.5rem,2.6vw,2rem)/1.15 var(--serif);margin-top:.2rem;margin-bottom:1rem}.section-lede{color:var(--dim);max-width:66ch!important;margin-left:auto;margin-right:auto}.identity-grid,.component-grid,.breakpoint-grid,.swatches{display:grid;gap:1.5rem;margin-top:2rem}.identity-grid{grid-template-columns:repeat(3,1fr)}.identity-card,.component-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem}.identity-icon{font:700 1.2rem var(--mono);color:var(--seal-strong)}.identity-card h3{font:400 1.25rem var(--serif);margin:.5rem 0}.identity-card p,.component-card p{font-size:.92rem;color:var(--dim);margin-bottom:0}.swatches{grid-template-columns:repeat(4,1fr)}.swatch{height:112px;background:var(--sw);border:1px solid var(--line);border-radius:3px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.swatch b{font:700 .75rem var(--mono)}.swatch span{font:700 .7rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.swatch.dark{color:#E8E6DC}.swatch.light{color:#1E2A2A}.swatch.gold{color:#1B2430}.swatch.green,.swatch.red{color:#fff}.type-board{background:var(--panel);border:1px solid var(--line);border-radius:4px;margin-top:2rem}.type-row{padding:1.6rem;border-bottom:1px solid var(--line)}.type-row:last-child{border-bottom:0}.type-meta{display:block;color:var(--seal-strong);letter-spacing:.08em;margin-bottom:.6rem}.type-display{display:block;font:400 2.4rem/1.15 var(--serif)}.type-body{max-width:60ch;color:var(--dim);margin:0}.type-mono{font:700 .8rem var(--mono);color:var(--text)}.component-grid{grid-template-columns:repeat(2,1fr)}.component-head{display:flex;justify-content:space-between;font:700 .78rem var(--mono);text-transform:uppercase;color:var(--seal-strong)}.flow-demo{display:flex;align-items:center;margin:2rem 0 1.3rem}.flow-demo i{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--line);border-radius:50%;font:700 .78rem var(--mono);font-style:normal}.flow-demo i.active{border-color:var(--seal);color:var(--seal-strong)}.flow-demo hr{width:30px;border:0;border-top:1px solid var(--line)}.terminal-card{background:var(--ink);color:var(--ink-text);border-color:var(--ink-line)}.terminal-card p{color:var(--ink-dim)}.terminal-card .component-head{color:var(--seal)}.mini-terminal{background:#141B24;border:1px solid #303D4F;border-radius:3px;margin:1.2rem 0;padding:1rem;font: .74rem/1.7 var(--mono);display:flex;flex-direction:column;gap:.35rem}.mini-terminal strong{color:#6FBE94}.domain-demo{border-top:3px solid var(--seal);background:var(--paper);margin:1.2rem 0;padding:1rem 1.1rem;border-radius:2px}.domain-demo b,.domain-demo small{display:block}.domain-demo small{color:var(--dim);font-size:.78rem}.breakpoint-grid{grid-template-columns:repeat(4,1fr)}.breakpoint-grid div{padding:1.2rem;background:var(--panel);border:1px solid var(--line);border-radius:4px}.breakpoint-grid strong{display:block;font:700 1.7rem var(--mono);color:var(--seal-strong)}.breakpoint-grid span{display:block;color:var(--dim);font-size:.85rem;line-height:1.4;margin-top:.5rem}.validation{background:var(--paper-panel)}.checks{display:grid;gap:.8rem;margin-top:2rem}.check{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--verified);border-radius:3px}.check.warn{border-left-color:var(--seal)}.check>span{font:700 1.1rem var(--mono);color:var(--verified)}.check.warn>span{color:var(--seal-strong)}.check b{font:700 .78rem var(--mono)}.check p{margin:.2rem 0 0;color:var(--dim);font-size:.88rem}.final-status{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 1.2rem;background:var(--ink);color:var(--ink-text);border-radius:3px}.final-status strong{color:#6FBE94;font:700 .85rem var(--mono)}.final-status span{font-size:.9rem;color:var(--ink-dim)}.footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem;color:var(--dim);font:.75rem var(--mono)}.footer a{color:var(--seal-strong)}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-copy,.hero-proof{max-width:700px}}
@media(max-width:900px){.breakpoint-grid{grid-template-columns:repeat(2,1fr)}.swatches{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.layout{display:block}.rail{display:none}.identity-grid{grid-template-columns:1fr}.section{padding:3.5rem 1.2rem}.topnav{display:none}.topbar{padding:0 1rem}.footer{flex-direction:column}}
@media(max-width:600px){.component-grid,.breakpoint-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.hero{padding:4rem 1.2rem 3.5rem}.stamp{position:static;display:inline-block;margin:0 1rem 1rem}.type-display{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
[data-theme="dark"]{--paper:#1B2430;--panel:#232E3D;--line:#3A4557;--text:#E8E6DC;--dim:#ABB4C2;color-scheme:dark}[data-theme="dark"] .topbar,[data-theme="dark"] .rail{background:var(--paper)}[data-theme="dark"] .swatch.light,[data-theme="dark"] .domain-demo{color:#1E2A2A}