:root{--navy-900:#061c38;--navy-800:#083868;--navy-700:#0d3e7a;--navy-600:#114e97;--navy-500:#2968b5;--navy-400:#5a8fd0;--navy-300:#92b6e5;--navy-200:#c4d9f5;--navy-100:#dde9fa;--navy-50:#eef4fc;--fern-900:#293f09;--fern-800:#3b5b0e;--fern-700:#4e7814;--fern-600:#65a01d;--fern-500:#7cb829;--fern-400:#96cc40;--fern-300:#b5df78;--fern-200:#d3eda8;--fern-100:#ebf6d0;--fern-50:#f4fae8;--teal-900:#073638;--teal-800:#0a4b4e;--teal-700:#0b5c60;--teal-600:#0c6e72;--teal-500:#138e92;--teal-400:#3fa9ac;--teal-300:#84c7c9;--teal-200:#bee1e2;--teal-100:#e1f1f1;--teal-50:#eff8f7;--paper-50:#f8fafc;--paper-100:#f1f4f8;--paper-200:#e4e9f2;--paper-300:#d4dce9;--paper-400:#bec9d9;--ink-900:#111e2c;--ink-800:#1c2f44;--ink-700:#2d4560;--ink-600:#4c657c;--ink-500:#7a8fa533;--ink-500-solid:#7a8fa5;--ink-400:#9aadbd;--ink-300:#bdcbda;--ink-200:#dae3ec;--ink-100:#ebf0f5;--success-fg:#1c6b49;--success-bg:#e3f1e9;--success-line:#bcdfcc;--warning-fg:#8a5a12;--warning-bg:#faefd3;--warning-line:#ecd49a;--danger-fg:#b23a2b;--danger-bg:#fbe7e2;--danger-line:#f0c4b8;--info-fg:var(--navy-600);--info-bg:var(--navy-50);--info-line:var(--navy-200);--bg-page:var(--paper-100);--bg-page-deep:var(--paper-200);--surface-card:#fff;--surface-raised:var(--paper-50);--surface-sunken:var(--paper-200);--surface-inverse:var(--ink-900);--surface-pine:var(--navy-600);--surface-navy:var(--navy-600);--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-muted:var(--ink-400);--text-eyebrow:var(--fern-800);--text-on-pine:#fff;--text-on-navy:#fff;--text-on-fern:#fff;--text-on-ember:#fff;--text-on-ink:var(--paper-100);--text-link:var(--navy-700);--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--navy-500);--brand-primary:var(--navy-600);--brand-primary-hover:var(--navy-700);--brand-primary-press:var(--navy-800);--brand-accent:var(--fern-600);--brand-accent-hover:var(--fern-700);--brand-accent-press:var(--fern-800);--brand-transform:var(--teal-600);--focus-ring:0 0 0 3px var(--navy-200);--clay-900:var(--fern-900);--clay-800:var(--fern-800);--clay-700:var(--fern-700);--clay-600:var(--fern-600);--clay-500:var(--fern-500);--clay-400:var(--fern-400);--clay-300:var(--fern-300);--clay-200:var(--fern-200);--clay-100:var(--fern-100)}
:root{--font-display:"Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, "SFMono-Regular", monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-display:800;--text-display-1:64px;--text-display-2:50px;--text-h1:40px;--text-h2:32px;--text-h3:25px;--text-h4:20px;--text-lead:20px;--text-body:17px;--text-sm:15px;--text-xs:13px;--text-label:14px;--leading-tight:1.05;--leading-snug:1.18;--leading-normal:1.4;--leading-relaxed:1.6;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0em;--tracking-label:.08em;--tracking-wide:.04em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container-max:1400px;--container-narrow:760px;--gutter:24px;--section-y:96px}
:root{--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--border-width:1px;--border-width-strong:1.5px;--shadow-xs:0 1px 2px #2b24180f;--shadow-sm:0 1px 2px #2b24180d, 0 2px 6px #2b24180d;--shadow-md:0 2px 4px #2b24180d, 0 6px 16px #2b241812;--shadow-lg:0 4px 8px #2b24180f, 0 16px 36px #2b24181a;--shadow-xl:0 8px 16px #2b241814, 0 28px 64px #2b241824;--shadow-inset:inset 0 1px 2px #2b24180f}
:root{--ease-standard:cubic-bezier(.2, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-slower:.52s}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}.cmg-eyebrow{font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-eyebrow)}.cmg-eyebrow--pine{color:var(--teal-700)}.cmg-prose{max-width:66ch}.cmg-prose p+p{margin-top:var(--space-4)}::selection{background:var(--clay-200);color:var(--ink-900)}.cmg-reveal{animation:1ms linear 1.4s forwards cmg-reveal-failsafe}@keyframes cmg-reveal-failsafe{to{opacity:1;transform:none}}@keyframes cmg-demo-row{0%{opacity:0;transform:translateY(10px)}6%,74%{opacity:1;transform:none}82%,to{opacity:0;transform:translateY(-6px)}}@keyframes cmg-demo-check{0%,4%{transform:scale(0)}9%{transform:scale(1.25)}12%,to{transform:scale(1)}}@keyframes cmg-demo-bar{0%{width:4%}70%{width:96%}82%,to{opacity:0;width:96%}}@keyframes cmg-demo-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.cmg-demo-animated *{opacity:1!important;animation:none!important}}