:root{--miya-blue: #2c3b96;--miya-navy: #10143a;--miya-navy-2: #171b4d;--miya-ember: #883636;--miya-paper: #faf9f6;--miya-ink: #14172c;--miya-mist: #e4e6f0;--miya-paper-on-navy: #f2f1ea;--miya-mist-on-navy: rgba(242, 241, 234, .6);--surface-0: #0a0d24;--surface-1: #10143a;--surface-2: #171b4d;--surface-3: #1e2360;--hairline: rgba(242, 241, 234, .12);--hairline-strong: rgba(242, 241, 234, .22);--signal: #d4645f;--signal-dim: rgba(212, 100, 95, .16);--signal-glow: 0 0 0 1px rgba(212, 100, 95, .35), 0 8px 32px -8px rgba(212, 100, 95, .45);--live: #4ade80;--elev-1: 0 1px 2px rgba(10, 13, 36, .06), 0 4px 16px -6px rgba(10, 13, 36, .1);--elev-2: 0 2px 4px rgba(10, 13, 36, .08), 0 18px 48px -16px rgba(10, 13, 36, .28);--grid-line: rgba(242, 241, 234, .055);--grid-size: 56px;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--fs-hero: clamp(2.25rem, 3.4vw + 1rem, 4rem);--fs-h2: clamp(2rem, 2.6vw + 1rem, 3.25rem);--fs-h3: clamp(1.375rem, 1.2vw + 1rem, 1.875rem);--fs-body-lg: clamp(1.125rem, .4vw + 1rem, 1.375rem);--fs-body: 1.0625rem;--fs-small: .9375rem;--fs-mono: .9375rem;--fs-micro: .75rem;--measure: 62ch;--page-max: 1320px;--gutter: clamp(1.25rem, 4vw, 4rem);--radius: 4px;--radius-panel: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-base: .6s}