:root{--ink-900:#16181d;--ink-600:#4a4f5a;--paper-50:#fbfaf7;--paper-100:#f1efe9;--line-200:#d9d5cc;--brand-600:#1f5f8b;--brand-700:#174a6d;--color-bg:var(--paper-50);--color-surface:var(--paper-100);--color-text:var(--ink-900);--color-text-muted:var(--ink-600);--color-accent:var(--brand-600);--color-accent-strong:var(--brand-700);--color-border:var(--line-200);--color-on-accent:var(--paper-50);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(1.75rem, 1.2rem + 2.5vw, 3rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--radius-sm:4px;--measure:65ch;--page-max:72rem;--button-bg:var(--color-accent);--button-bg-hover:var(--color-accent-strong);--button-text:var(--color-on-accent);--focus-ring:var(--color-accent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.6}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;font-weight:600;line-height:1.15}h1{font-size:var(--text-xl)}p{max-width:var(--measure);text-wrap:pretty}a{color:var(--color-accent)}a:hover{color:var(--color-accent-strong)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}img{max-width:100%;height:auto}.tabular{font-variant-numeric:tabular-nums}.skip-link{left:var(--space-3);top:calc(-1 * var(--space-6));position:absolute}.skip-link:focus{top:var(--space-3)}.site-header,.site-footer,main{max-width:var(--page-max);padding-inline:var(--space-3);margin-inline:auto}.site-header{padding-block:var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.site-header ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.site-name{color:var(--color-text);font-weight:600;text-decoration:none}.site-footer{padding-block:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.hero{padding-block:var(--space-6)}.lede{font-size:var(--text-lg);color:var(--color-text-muted)}.button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--button-bg);color:var(--button-text);font-weight:500;text-decoration:none;display:inline-block}.button:hover{background:var(--button-bg-hover);color:var(--button-text)}.button:active{transform:translateY(1px)}.swatches{gap:var(--space-2);padding:0;list-style:none;display:grid}.swatches li{align-items:center;gap:var(--space-3);display:flex}.swatch{width:var(--space-5);height:var(--space-5);border:1px solid var(--color-border)}.swatch[data-token=--color-bg]{background:var(--color-bg)}.swatch[data-token=--color-surface]{background:var(--color-surface)}.swatch[data-token=--color-text]{background:var(--color-text)}.swatch[data-token=--color-text-muted]{background:var(--color-text-muted)}.swatch[data-token=--color-accent]{background:var(--color-accent)}.swatch[data-token=--color-border]{background:var(--color-border)}