/* GENERATED by sportified-design-system v3.1.0 — do not edit. Source: marketing/visual/tokens.json */
:root {
  --mk-color-canvas: var(--sp-color-canvas);
  --mk-color-canvas-top: var(--sp-color-canvas-top);
  --mk-color-surface: var(--sp-color-surface);
  --mk-color-white: var(--sp-color-surface-high);
  --mk-color-navy: var(--sp-color-ink);
  --mk-color-slate: var(--sp-color-ink-secondary);
  --mk-color-slate-strong: var(--sp-color-ink-secondary-on-canvas);
  --mk-color-blue: var(--sp-color-accent);
  --mk-color-blue-strong: var(--sp-color-accent-strong);
  --mk-color-blue-ink: var(--sp-color-accent-ink);
  --mk-color-soft-blue: var(--sp-color-inverse-accent);
  --mk-color-navy-ink-secondary: var(--sp-color-inverse-ink-secondary);
  --mk-color-line-dark: var(--sp-color-inverse-hair);
  --mk-color-error: var(--sp-status-error);
  --mk-color-error-soft: var(--sp-status-error-soft);
  --mk-color-success: var(--sp-status-success);
  --mk-color-success-soft: var(--sp-status-success-soft);
  --mk-default-atmosphere: var(--mk-color-canvas);
  --mk-top-atmosphere: var(--mk-color-canvas-top);
  --mk-default-surface: var(--mk-color-surface);
  --mk-raised-surface: var(--mk-color-white);
  --mk-primary-ink: var(--mk-color-navy);
  --mk-secondary-ink-on-surface: var(--mk-color-slate);
  --mk-secondary-ink-on-atmosphere: var(--mk-color-slate-strong);
  --mk-accent-fill: var(--mk-color-blue);
  --mk-content-on-accent: var(--mk-color-navy);
  --mk-strong-accent-fill: var(--mk-color-blue-strong);
  --mk-content-on-strong-accent: var(--mk-color-white);
  --mk-interactive-ink-on-surface: var(--mk-color-blue-strong);
  --mk-interactive-ink-on-atmosphere: var(--mk-color-blue-ink);
  --mk-focus-on-light: var(--mk-color-blue-strong);
  --mk-dark-field: var(--mk-color-navy);
  --mk-content-on-dark: var(--mk-color-white);
  --mk-secondary-ink-on-dark: var(--mk-color-navy-ink-secondary);
  --mk-focus-on-dark: var(--mk-color-soft-blue);
  --mk-gradient-page-atmosphere: linear-gradient(180deg, #F6F9FF 0%, #DDE8F8 100%);
  --mk-gradient-surface-atmosphere: linear-gradient(180deg, #FFFFFF 0%, #E8EEF6 100%);
  --mk-gradient-photographic-wash: linear-gradient(90deg, rgba(248, 250, 253, 0.949) 0%, rgba(248, 250, 253, 0.000) 72%, rgba(248, 250, 253, 0.000) 100%);
  --mk-gradient-navy-scrim: linear-gradient(180deg, rgba(16, 27, 50, 0.369) 0%, rgba(16, 27, 50, 0.620) 70%, #101B32 100%);
  --mk-gradient-navy-scrim-side: linear-gradient(90deg, rgba(16, 27, 50, 0.859) 0%, rgba(16, 27, 50, 0.102) 100%);
  --mk-font-display: var(--sp-font-display);
  --mk-font-body: var(--sp-font-body);
  --mk-container-max: 1290px;
  --mk-container-gutter: 5.2%;
  --mk-container-gutter-compact: 7%;
  --mk-column-gap: var(--sp-space-48);
  --mk-type-heading-weight: var(--sp-font-weight-semibold);
  --mk-type-body-weight: var(--sp-font-weight-regular);
  --mk-type-h1-size: clamp(3rem, 1rem + 4vw, 4.25rem);
  --mk-type-h1-size-compact: 2.75rem;
  --mk-type-h1-line: 1.06;
  --mk-type-h1-tracking: -0.045em;
  --mk-type-h2-size: clamp(2.25rem, 1.5rem + 2.3vw, 3.25rem);
  --mk-type-h2-line: 1.06;
  --mk-type-h2-tracking: -0.045em;
  --mk-type-h3-size: 1.375rem;
  --mk-type-h3-line: 1.22;
  --mk-type-h3-tracking: -0.025em;
  --mk-type-h3-large-size: 1.75rem;
  --mk-type-h3-large-line: 1.18;
  --mk-type-h3-large-tracking: -0.035em;
  --mk-type-statement-size: clamp(2.5rem, 1.6rem + 2.6vw, 3.69rem);
  --mk-type-body-size: 1.125rem;
  --mk-type-body-line: 1.55;
  --mk-type-lead-size: 1.1875rem;
  --mk-type-lead-line: 1.6;
  --mk-type-eyebrow-size: 13px;
  --mk-type-eyebrow-weight: var(--sp-font-weight-semibold);
  --mk-type-eyebrow-line: 1.4;
  --mk-type-eyebrow-tracking: var(--sp-tracking-caps);
  --mk-type-control-size: 16px;
  --mk-type-control-line: 1.5;
  --mk-type-small-size: 12px;
  --mk-type-caption-size: 15px;
  --mk-radius-control: var(--sp-radius-14);
  --mk-radius-card: var(--sp-radius-16);
  --mk-radius-panel: var(--sp-radius-24);
  --mk-radius-device: 40px;
  --mk-line-light: var(--sp-color-hair-strong);
  --mk-elevation-1: var(--sp-shadow-md);
  --mk-elevation-2: var(--sp-shadow-lg);
  --mk-elevation-deep-field: 0 30px 80px -20px rgba(4, 10, 22, 0.55);
  --mk-elevation-dark-card: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 30px 60px -24px rgba(0, 0, 0, 0.6);
  --mk-section-space-desktop: 112px;
  --mk-section-space-desktop-large: 120px;
  --mk-section-space-tablet: 88px;
  --mk-section-space-tablet-large: 96px;
  --mk-section-space-phone: 72px;
  --mk-section-space-phone-large: 80px;
  --mk-reveal-rise: 16px;
  --mk-reveal-duration: 600ms;
  --mk-reveal-duration-compact: 480ms;
  --mk-reveal-stagger: 60ms;
  --mk-reveal-ease: var(--sp-ease-standard);
  --mk-hover-lift: -2px;
  --mk-press-scale: 0.975;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mk-reveal-duration: 0ms;
    --mk-reveal-duration-compact: 0ms;
    --mk-reveal-stagger: 0ms;
    --mk-reveal-rise: 0px;
    --mk-hover-lift: 0px;
    --mk-press-scale: 1;
  }
}