:root{--color-blue-100: #E9E9FF;--color-blue-200: #C3C4FF;--color-blue-300: #A9A9FF;--color-blue-350: #5A5AFF;--color-blue-400: #4444FF;--color-blue-500: #2C2CFE;--color-blue-700: #1E1EC8;--color-blue-800: #1717A3;--color-graphite-500: #5B5E6A;--color-graphite-600: #464852;--color-graphite-700: #363841;--color-graphite-800: #2A2B33;--color-graphite-900: #1E1F26;--color-neutral-white: #FFFFFF;--color-neutral-mist: #F5F6F9;--color-neutral-cloud: #EEF0F5;--color-neutral-rule: #E3E5EB;--color-neutral-line: #CFD2D9;--color-neutral-field: #74767F;--color-neutral-field-dark: #8C8E99;--color-neutral-muted: #50515B;--color-neutral-muted-dark: #B4B6C0;--color-neutral-disabled-bg: #ECEDF1;--color-neutral-disabled-ink: #5E606A;--color-neutral-disabled-border: #C8CBD3;--color-neutral-disabled-ink-dark: #A4A6B1;--color-yellow-note: #FFF1A8;--color-yellow-note-border: #E3CF62;--color-red-50: #FBEAE7;--color-red-200: #FF9A8F;--color-red-600: #B3261E;--color-emergency-50: #FDECEA;--color-emergency-200: #FFA295;--color-emergency-600: #C42B1C;--color-emergency-700: #9A1F16;--color-success-50: #E6F2E8;--color-success-200: #8FDCA4;--color-success-600: #1D6B34;--color-bg-canvas: var(--color-neutral-white);--color-bg-raised: var(--color-neutral-white);--color-bg-sunken: var(--color-neutral-mist);--color-bg-inverse: var(--color-graphite-900);--color-bg-inverse-raised: var(--color-graphite-800);--color-bg-note: var(--color-yellow-note);--color-bg-accent-subtle: var(--color-blue-100);--color-bg-tag: var(--color-neutral-cloud);--color-bg-field: var(--color-neutral-cloud);--color-bg-field-hover: var(--color-neutral-rule);--color-ink-default: var(--color-graphite-900);--color-ink-muted: var(--color-neutral-muted);--color-ink-inverse: var(--color-neutral-white);--color-ink-inverse-muted: var(--color-neutral-muted-dark);--color-ink-on-accent: var(--color-neutral-white);--color-link-default: var(--color-blue-500);--color-link-hover: var(--color-blue-700);--color-link-inverse: var(--color-blue-200);--color-link-inverse-hover: var(--color-neutral-white);--color-action-primary-bg: var(--color-blue-500);--color-action-primary-bg-hover: var(--color-blue-700);--color-action-primary-bg-active: var(--color-blue-800);--color-action-primary-fg: var(--color-neutral-white);--color-action-primary-inverse-bg: var(--color-blue-500);--color-action-primary-inverse-bg-hover: var(--color-blue-400);--color-action-primary-inverse-bg-active: var(--color-blue-700);--color-action-primary-inverse-fg: var(--color-neutral-white);--color-border-subtle: var(--color-neutral-rule);--color-border-strong: var(--color-neutral-line);--color-border-field: var(--color-neutral-field);--color-border-inverse-subtle: var(--color-graphite-600);--color-border-inverse-strong: var(--color-graphite-500);--color-border-inverse-field: var(--color-neutral-field-dark);--color-feedback-error: var(--color-red-600);--color-feedback-error-bg: var(--color-red-50);--color-feedback-error-inverse: var(--color-red-200);--color-feedback-success: var(--color-success-600);--color-feedback-success-bg: var(--color-success-50);--color-feedback-success-inverse: var(--color-success-200);--color-focus-ring: var(--color-blue-500);--color-focus-ring-inverse: var(--color-blue-200);--color-accent-default: var(--color-blue-500);--color-accent-inverse: var(--color-blue-350);--font-family-sans: "Outfit", "Outfit Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-display: 780;--font-weight-title: 700;--font-size-display: clamp(2.5rem, 1.2rem + 6.6cqi, 8.75rem);--font-size-statement: clamp(2.5rem, 1.1rem + 4.6cqi, 5.25rem);--font-size-h1: clamp(2.25rem, 1.45rem + 3.7cqi, 5.25rem);--font-size-h2: clamp(1.875rem, 1.3rem + 2.1cqi, 3.5rem);--font-size-h3: clamp(1.375rem, 1.2rem + 0.8cqi, 1.875rem);--font-size-h4: clamp(1.125rem, 1.05rem + 0.35cqi, 1.3125rem);--font-size-lead: clamp(1.1875rem, 1.05rem + 0.6cqi, 1.5rem);--font-size-body: clamp(1rem, 0.93rem + 0.3cqi, 1.125rem);--font-size-small: clamp(0.9375rem, 0.9rem + 0.1cqi, 1rem);--font-size-caption: 0.875rem;--font-line-height-display: 0.9;--font-line-height-statement: 0.94;--font-line-height-h1: 0.94;--font-line-height-h2: 0.98;--font-line-height-h3: 1.18;--font-line-height-h4: 1.3;--font-line-height-lead: 1.45;--font-line-height-body: 1.6;--font-line-height-small: 1.5;--font-line-height-caption: 1.45;--font-line-height-title: 1.08;--font-tracking-display: -0.02em;--font-tracking-statement: -0.02em;--font-tracking-h1: -0.02em;--font-tracking-h2: -0.01em;--font-tracking-title: -0.03em;--font-tracking-h3: -0.015em;--font-tracking-body: 0em;--font-tracking-caps: 0.04em;--font-tracking-eyebrow: 0.08em;--font-case-display: uppercase;--measure-default: 32em;--measure-narrow: 24em;--measure-wide: 40em;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--space-11: 10rem;--space-section: clamp(4rem, 2.5rem + 6cqi, 10rem);--space-stack: clamp(1.5rem, 1rem + 2cqi, 3rem);--space-hero: clamp(3rem, 2rem + 3cqi, 6rem);--layout-content-max: 90rem;--layout-page-margin: clamp(1rem, 0.25rem + 3.5cqi, 3.5rem);--layout-gutter: clamp(1rem, 0.6rem + 1.4cqi, 2rem);--layout-columns-sm: 4;--layout-columns-md: 8;--layout-columns-lg: 12;--layout-bp-2xs: 20rem;--layout-bp-xs: 22rem;--layout-bp-header-label: 23rem;--layout-bp-sm: 40rem;--layout-bp-md: 64rem;--layout-bp-lg: 80rem;--layout-bp-nav: 72rem;--layout-header-height: 4.5rem;--layout-header-height-sm: 4rem;--layout-target-min: 2.75rem;--layout-control-height: 3.25rem;--layout-control-height-sm: 2.75rem;--radius-none: 0;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 16px;--radius-pill: 999px;--rule-hairline: 1px;--rule-strong: 2px;--rule-heavy: 2px;--rule-focus: 3px;--rule-focus-offset: 3px;--shadow-panel: 0 24px 48px -16px rgba(30, 31, 38, 0.24), 0 0 0 1px rgba(30, 31, 38, 0.08);--motion-duration-fast: 160ms;--motion-duration-base: 200ms;--motion-duration-slow: 240ms;--motion-duration-reveal: 760ms;--motion-duration-image: 600ms;--motion-easing-out: cubic-bezier(0.2, 0.7, 0.2, 1);--motion-easing-in-out: cubic-bezier(0.6, 0, 0.3, 1);--motion-easing-expressive: cubic-bezier(0.16, 1, 0.3, 1);--motion-distance-nudge: 4px;--motion-distance-press: 1px;--motion-distance-panel: 8px;--motion-distance-reveal: 18px;--motion-living-lean: 12px;--motion-living-pulse: 4px;--motion-living-interval: 24s;--z-header: 50;--z-panel: 60;--z-skip: 100}:root, .surface-paper{--s-bg: var(--color-bg-canvas);--s-bg-raised: var(--color-bg-raised);--s-ink: var(--color-ink-default);--s-muted: var(--color-ink-muted);--s-link: var(--color-link-default);--s-link-hover: var(--color-link-hover);--s-rule: var(--color-border-subtle);--s-rule-strong: var(--color-border-strong);--s-field: var(--color-border-field);--s-field-bg: var(--color-bg-field);--s-field-bg-hover: var(--color-bg-field-hover);--s-focus: var(--color-focus-ring);--s-primary-bg: var(--color-action-primary-bg);--s-primary-bg-hover: var(--color-action-primary-bg-hover);--s-primary-bg-active: var(--color-action-primary-bg-active);--s-primary-fg: var(--color-action-primary-fg);--s-error: var(--color-feedback-error);--s-success: var(--color-feedback-success);--s-disabled-bg: var(--color-neutral-disabled-bg);--s-disabled-ink: var(--color-neutral-disabled-ink);--s-disabled-border: var(--color-neutral-disabled-border);--s-tag-bg: var(--color-bg-tag);--s-accent: var(--color-accent-default);--s-emergency: var(--color-emergency-600)}.surface-dark{--s-bg: var(--color-bg-inverse);--s-bg-raised: var(--color-bg-inverse-raised);--s-ink: var(--color-ink-inverse);--s-muted: var(--color-ink-inverse-muted);--s-link: var(--color-link-inverse);--s-link-hover: var(--color-link-inverse-hover);--s-rule: var(--color-border-inverse-subtle);--s-rule-strong: var(--color-border-inverse-strong);--s-field: var(--color-border-inverse-field);--s-field-bg: var(--color-graphite-800);--s-field-bg-hover: var(--color-graphite-700);--s-focus: var(--color-focus-ring-inverse);--s-primary-bg: var(--color-action-primary-inverse-bg);--s-primary-bg-hover: var(--color-action-primary-inverse-bg-hover);--s-primary-bg-active: var(--color-action-primary-inverse-bg-active);--s-primary-fg: var(--color-action-primary-inverse-fg);--s-error: var(--color-feedback-error-inverse);--s-success: var(--color-feedback-success-inverse);--s-disabled-bg: var(--color-graphite-700);--s-disabled-ink: var(--color-neutral-disabled-ink-dark);--s-disabled-border: var(--color-graphite-600);--s-tag-bg: var(--color-graphite-700);--s-accent: var(--color-accent-inverse);--s-emergency: var(--color-emergency-200)}