:root {--content-width: 1280px;--content-narrow: 780px;--gutter: clamp(20px, 3vw, 32px);--radius-s: 6px;--radius-m: 10px;--radius-l: 16px;--transition-fast: 180ms ease;--transition-base: 280ms ease;--content-wide: 1440px;--grid-gap: clamp(18px, 2vw, 28px);--space-2xs: 0.5rem;--space-xs: 0.75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 3rem;--space-2xl: clamp(3.5rem, 5vw, 5rem);--space-3xl: clamp(4.5rem, 7vw, 7rem);--section-space: clamp(4rem, 6vw, 6.5rem);--radius-pill: 999px;--text-xs: clamp(0.78rem, 0.75rem + 0.1vw, 0.875rem);--text-sm: clamp(0.875rem, 0.84rem + 0.12vw, 0.95rem);--text-base: clamp(1rem, 0.96rem + 0.15vw, 1.0625rem);--text-md: clamp(1.1rem, 1.03rem + 0.25vw, 1.25rem);--text-lg: clamp(1.35rem, 1.2rem + 0.55vw, 1.65rem);--text-xl: clamp(1.75rem, 1.45rem + 1vw, 2.25rem);--text-2xl: clamp(2.2rem, 1.7rem + 2vw, 3.25rem);--text-hero: clamp(3rem, 2.15rem + 3vw, 4.5rem);--line-tight: 1.05;--line-heading: 1.15;--line-body: 1.65;--shadow-xs: 0 2px 10px rgba(1, 20, 43, 0.04);--shadow-card: 0 8px 28px rgba(1, 20, 43, 0.06);--shadow-card-hover: 0 14px 40px rgba(1, 20, 43, 0.10);--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--header-height: 82px;}