@import url('/fonts/fonts.css');
:root {
 --color-bg:#FFFFFF;--color-surface:#F6F7F9;--color-surface-2:#EEF1F4;
 --color-ink:#101418;--color-muted:#5F6B76;--color-faint:#8A95A0;--color-line:#E4E8EC;
 --color-accent:#D81E5B;--color-accent-hover:#BE174E;--color-accent-soft:#FCE8EF;
 --color-accent-ink:#FFFFFF;--color-on-accent-soft:#8F1140;
 --color-error:#B42339;--color-success:#1E7B4F;--color-warning:#805414;
 --font-display:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;
 --radius-sm:8px;--radius-md:12px;--radius-lg:16px;
 --shadow-card:0 1px 2px rgb(16 20 24 / .05),0 8px 24px rgb(16 20 24 / .06);
 --spacing-section:clamp(4.5rem,9vw,7rem);--gutter:24px;--content-max:1120px;
 --sv-brand:var(--color-accent);--sv-brand-hover:var(--color-accent-hover);--sv-ink:var(--color-ink);--sv-muted:var(--color-muted);--sv-canvas:var(--color-surface);--sv-surface:var(--color-bg);--sv-soft:var(--color-accent-soft);--sv-line:var(--color-line);--sv-control:var(--color-faint);--sv-accent:var(--color-accent-soft);--sv-error:var(--color-error);--sv-success:var(--color-success);--sv-warning:var(--color-warning);--sv-font:var(--font-body);
 --selvup-ink:var(--color-ink);--selvup-paper:var(--color-bg);--selvup-lime:var(--color-accent-soft);--selvup-clay:var(--color-accent);--selvup-muted:var(--color-muted);--selvup-line:var(--color-line);--selvup-serif:var(--font-display);--selvup-sans:var(--font-body);--selvup-page-background:var(--color-bg);
 color-scheme:light;
}
body{font-family:var(--font-body);color:var(--color-ink);font-size:16px;line-height:1.6}
body :is(h1,h2,h3,h4,.public-title){font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.14}
body :is(button,input,select,textarea){font-family:var(--font-body)}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
body :is(.eyebrow,.media-duration,.direction-step-number){font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}
body :is(input[type=radio],input[type=checkbox]){accent-color:var(--color-accent)}
body :is(input,textarea,select){border-color:var(--color-faint)}
body ::selection{background:var(--color-accent-soft);color:var(--color-on-accent-soft)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
