:root{--k-navy:#0B1739;--k-cobalt:#3157F6;--k-lime:#B7F34A;--k-teal:#0C9B8E;--k-canvas:#F7F5EF;--k-ink:#17213B;--k-slate:#667085;--k-white:#fff;--k-display:'Plus Jakarta Sans',Inter,system-ui,sans-serif;--k-body:Inter,system-ui,sans-serif;--k-radius:16px;--k-shadow:0 16px 48px rgba(11,23,57,.12)}
body{margin:0;background:var(--k-canvas);color:var(--k-ink);font-family:var(--k-body);font-size:18px;line-height:1.6}h1,h2,h3{font-family:var(--k-display);color:var(--k-navy);line-height:1.08;letter-spacing:-.03em}h1{font-size:clamp(3rem,7vw,5.75rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}a{color:var(--k-cobalt)}.btn-primary{display:inline-flex;padding:.85rem 1.2rem;border-radius:999px;background:var(--k-cobalt);color:white;font-weight:700;text-decoration:none}
/* Focus: navy indicator gives WCAG 2.2 non-text contrast (>=3:1) on white/canvas; lime kept as the brand glow behind it. Lime alone measured 1.32:1 vs white and was invisible. */
.btn-primary:focus-visible{outline:3px solid var(--k-navy);outline-offset:2px;box-shadow:0 0 0 6px rgba(183,243,74,.9)}
.surface{background:white;border:1px solid #dfe4ee;border-radius:var(--k-radius);box-shadow:var(--k-shadow)}.status-positive{color:#075e55;background:#dff8f1}
/* Teal is a large-text/UI surface only: white on teal is 3.45:1 (fails AA for body). Use navy/ink for body copy on teal. */
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--k-teal);font-size:.78rem}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}