/* Header and footer palette / typography: Figma 4011:11290 and 4011:11080.
   Shared breakpoints: tablet 48rem, desktop 75rem. Short viewport: max-height 35rem removes the 404 vertical offset so content stays visible. Plain CSS; no build step. */
:root {
    --site-header-height: 4.875rem;
    --radius-document: 0.5rem;
    --color-brand-emphasis: #0053f5;
    --color-number-muted: #dcdcdc;
    --color-border-card: rgb(174 174 174 / 30%);
    --radius-content: 1.25rem;
    --fs-panel-heading-max: 2.125rem;
    --space-5: 1.25rem;
    --fs-team-name-max: 1.375rem;
    --color-team-role: #797979;
    --color-modal-backdrop: rgb(13 11 20 / 15%);
    --color-hero-surface: #f2f1f3;
    --color-services-background: #2b53a1;
    --color-services-gradient-mid: #3287f6;
    --color-services-gradient-end: #033089;
    --color-border-panel: rgb(13 11 20 / 20%);
    --color-inverse-panel: rgb(255 255 255 / 20%);
    --color-inverse-panel-copy: rgb(255 255 255 / 50%);
    --color-services-glow: #6b87b7;
    --color-orbit: #bc9d54;
    --color-service-copy: #f2f1f3;
    --fs-display-min: 4rem;
    --fs-display-max: 6.25rem;
    --radius-feature: 2.5rem;
    --fs-number-min: 3rem;
    --fs-number-max: 4rem;
    --dur-panel: 300ms;
    --dur-marquee: 36s;
    --radius-media: 1.5rem;
    --color-background: #fff;
    --color-surface: #f7f7f7;
    --color-text: #0d0b14;
    --color-input-background: rgb(165 175 186 / 10%);
    --color-placeholder: rgb(0 0 0 / 40%);
    --color-error: #b42318;
    --radius-input: 0.625rem;
    --color-contact-start: #294574;
    --color-contact-mid: #5579c0;
    --color-contact-end: #90b1ea;
    --color-divider: rgb(0 0 0 / 10%);
    --fs-question-max: 1.375rem;
    --color-border-divider: #cac9cf;
    --color-breadcrumb-muted: #b0aeb7;
    --fs-micro: 0.75rem;
    --color-border-subtle: #f2f1f3;
    --color-description: #95939f;
    --color-case-description: #7b7887;
    --fs-section-heading-min: 1.75rem;
    --fs-section-heading-max: 3rem;
    --fs-section-archive-max: 4rem;
    --fs-legal-heading-max: 2.125rem;
    --fs-card-title-min: 1rem;
    --fs-card-title-max: 1.5rem;
    --fs-card-description-min: 0.875rem;
    --fs-card-description-max: 1.25rem;
    --color-muted: #52525b;
    --color-accent: #0d0b14;
    --color-on-accent: #fff;
    --color-accent-hover: #3f3f46;
    --color-border: #71717a;
    --color-focus: #1d4ed8;
    --color-focus-inverse: #93c5fd;
    --color-interaction: #eaeaea;
    --color-inverse-background: #0d0b14;
    --color-inverse-muted: rgb(255 255 255 / 60%);
    --color-inverse-caption: #dedede;
    --color-inverse-border: #35333c;
    --color-brand-background: #01004e;
    --color-brand-action: #162b53;
    --color-brand-action-hover: #213d70;
    --color-secondary: #2f2f2f;
    --color-secondary-hover: #434343;
    --font-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", sans-serif;
    --font-heading: Unbounded, sans-serif;
    --font-caption: Manrope, var(--font-body);
    --fs-small: 0.875rem;
    --fs-body: 1rem;
    --fs-body-large: 1.125rem;
    --fs-label-min: 1rem;
    --fs-label: 1.25rem;
    --fs-copyright: 0.8125rem;
    --fs-kicker-min: 1.25rem;
    --fs-kicker-max: 1.75rem;
    --dur-orbit: 6.317962s;
    --radius-round: 50%;
    --fs-heading-min: 2rem;
    --fs-heading-max: 3.5rem;
    --fs-secondary-min: 1.5rem;
    --fs-secondary-max: 2.25rem;
    --font-weight-bold: 700;
    --line-height-body: 1.6;
    --line-height-heading: 1.15;
    --line-height-control: 1.4;
    --line-height-label: 1.25;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --radius-control: 0.25rem;
    --radius-pill: 3rem;
    --radius-panel: 1.75rem;
    --shadow-overlay: 0 1rem 3rem rgb(13 11 20 / 8%);
    --dur-fast: 160ms;
    --ease-standard: ease;
    --container-width: 90rem;
    --container-gutter: var(--space-4);
    --section-padding-compact: clamp(var(--space-12), 4.444444vw, var(--space-16));
    --section-padding-block: clamp(var(--space-12), 6vw, var(--space-20));
    --control-min-size: 2.75rem;
}
@media (min-width: 48rem) {
    :root { --container-gutter: var(--space-8); }
}
@media (min-width: 75rem) {
    :root { --container-gutter: var(--space-12); }
}
@media (prefers-reduced-motion: reduce) {
    :root { --dur-fast: 0ms; }
}
