/* ============================================================
   Общие стили страниц сайта: главная (company.html), brands, privacy, terms.
   Цвета приезжают из packages/tokens в infra/landing/tokens.generated.css,
   блок --vl-* ниже вставлен оттуда машиной. Обновить после пересборки токенов:
       node packages/tokens/scripts/build.mjs
       node infra/landing/sync-tokens.mjs
   ============================================================ */
/* ТОКЕНЫ БРЕНДБУКА — НАЧАЛО (вставлено машиной, руками не править) */
:root {
  --vl-display-size: clamp(36px, 8vw, 56px);
  --vl-display-lh: 1.02;
  --vl-display-weight: 800;
  --vl-display-track: -2.5%;
  --vl-h1-size: clamp(28px, 7vw, 40px);
  --vl-h1-lh: 1.08;
  --vl-h1-weight: 800;
  --vl-h1-track: -2%;
  --vl-h2-size: clamp(22px, 5vw, 28px);
  --vl-h2-lh: 1.15;
  --vl-h2-weight: 700;
  --vl-h2-track: -1%;
  --vl-h3-size: clamp(19px, 4vw, 22px);
  --vl-h3-lh: 1.3;
  --vl-h3-weight: 700;
  --vl-h3-track: -0.5%;
  --vl-h4-size: 18px;
  --vl-h4-lh: 1.35;
  --vl-h4-weight: 700;
  --vl-h4-track: -0.25%;
  --vl-lead-size: clamp(17px, 3.6vw, 19px);
  --vl-lead-lh: 1.5;
  --vl-lead-weight: 400;
  --vl-lead-track: 0;
  --vl-body-size: 16px;
  --vl-body-lh: 1.55;
  --vl-body-weight: 400;
  --vl-body-track: 0;
  --vl-body-emph-size: 16px;
  --vl-body-emph-lh: 1.55;
  --vl-body-emph-weight: 600;
  --vl-body-emph-track: 0;
  --vl-small-size: 13px;
  --vl-small-lh: 1.45;
  --vl-small-weight: 400;
  --vl-small-track: 0;
  --vl-caption-size: 12px;
  --vl-caption-lh: 1.4;
  --vl-caption-weight: 600;
  --vl-caption-track: 0;
  --vl-money-size: 32px;
  --vl-money-lh: 1.05;
  --vl-money-weight: 700;
  --vl-money-track: -2%;
  --vl-money-xl-size: 44px;
  --vl-money-xl-lh: 1.05;
  --vl-money-xl-weight: 700;
  --vl-money-xl-track: -2%;
  --vl-eyebrow-size: 12px;
  --vl-eyebrow-lh: 1.4;
  --vl-eyebrow-weight: 600;
  --vl-eyebrow-track: 10%;
  --vl-eyebrow-case: uppercase;
  --vl-tag-size: 12px;
  --vl-tag-lh: 1;
  --vl-tag-weight: 600;
  --vl-tag-track: 2%;
  --vl-stat-size: clamp(24px, 6vw, 32px);
  --vl-stat-lh: 1.0;
  --vl-stat-weight: 800;
  --vl-stat-track: -2%;
  --vl-space-1: 4px;
  --vl-space-2: 8px;
  --vl-space-3: 12px;
  --vl-space-4: 16px;
  --vl-space-5: 20px;
  --vl-space-6: 24px;
  --vl-space-8: 32px;
  --vl-space-10: 40px;
  --vl-space-12: 48px;
  --vl-space-16: 64px;
  --vl-space-20: 80px;
  --vl-space-24: 96px;
  --vl-dur-hover: 160ms;
  --vl-dur-state: 200ms;
  --vl-dur-reveal: 420ms;
  --vl-dur-hero: 1600ms;
  --vl-dur-hero-pause: 4000ms;
  --vl-dur-reduced: 150ms;
  --vl-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --vl-ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
  --vl-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --vl-move-reveal: 20px;
  --vl-radius-md: 26px;
  --vl-radius-sm: 999px;
  --vl-radius-input: 16px;
  --vl-radius-lg: 26px;
  --vl-radius-full: 999px;
  --vl-glass-blur: 20px;
  --vl-glass-saturate: 135%;
  --vl-glass-bg: rgba(255,255,255,0.16);
  --vl-glass-bg-clear: rgba(255,255,255,0.07);
  --vl-glass-bg-strong: rgba(255,255,255,0.35);
  --vl-glass-bg-deep: rgba(10,16,36,0.30);
  --vl-glass-bg-deep-strong: rgba(10,16,36,0.42);
  --vl-glass-edge: linear-gradient(135deg,rgba(255,255,255,0.85),rgba(255,255,255,0.14) 32%,rgba(255,255,255,0.05) 62%,rgba(255,255,255,0.6));
  --vl-glass-specular: radial-gradient(120% 60% at 18% 0%,rgba(255,255,255,0.30),transparent 55%);
  --vl-glass-inner: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(255,255,255,0.06), inset 1px 0 0 rgba(255,255,255,0.10), inset -1px 0 0 rgba(255,255,255,0.10);
  --vl-glass-shadow: 0 10px 32px rgba(22,25,28,0.18), 0 1px 2px rgba(22,25,28,0.08);
  --vl-glass-radius: 26px;
  --vl-glass-spectrum: linear-gradient(135deg,#C7ED41 0%,#34CB9B 50%,#55A4DA 100%);
  --vl-glass-grid-size: 18px;
}

:root {
  --vl-bg: #F1F0E7;
  --vl-surface: #E5ECE2;
  --vl-surface-alt: #D4E0D5;
  --vl-surface-sunken: #D4E0D5;
  --vl-text: #16191C;
  --vl-text-muted: #3B5550;
  --vl-text-subtle: #4B5E55;
  --vl-text-on-accent: #FFFFFF;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #96DABB;
  --vl-border: rgba(64,108,91,0.25);
  --vl-border-strong: rgba(64,108,91,0.42);
  --vl-action: #38684B;
  --vl-action-glow: 0 5px 14px rgba(44,94,74,0.13);
  --vl-link: #38684B;
  --vl-success: #32704B;
  --vl-success-bg: #D4ECDF;
  --vl-success-strong: #245D40;
  --vl-text-on-success: #FFFFFF;
  --vl-danger: #BB2035;
  --vl-danger-bg: #F0DCE0;
  --vl-text-on-danger: #FFFFFF;
  --vl-warning: #745516;
  --vl-pending: #3B5550;
  --vl-pending-bg: #D4E0D5;
  --vl-focus-ring: #38684B;
  --vl-action-hover: #315c42;
  --vl-action-active: #4c775d;
  --vl-action-soft: rgba(56, 104, 75, 0.16);
  --vl-action-grad-from: #38684B;
  --vl-action-grad-to: #2c513b;
  --vl-action-on-soft: #356347;
  --vl-danger-hover: #a81d30;
  --vl-focus-ring-soft: rgba(56, 104, 75, 0.22);
  --vl-disclosure: #3A3A3E;
  --vl-disclosure-text: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --vl-bg: #142019;
    --vl-surface: #27352E;
    --vl-surface-alt: #34463C;
    --vl-surface-sunken: #34463C;
    --vl-text: #F1F0E7;
    --vl-text-muted: #C3CEC4;
    --vl-text-subtle: #A9BBB0;
    --vl-text-on-accent: #17352B;
    --vl-accent-bright: #D9FF4D;
    --vl-accent-on-dark: #96DABB;
    --vl-border: rgba(241,240,231,0.25);
    --vl-border-strong: rgba(241,240,231,0.46);
    --vl-action: #96DABB;
    --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
    --vl-link: #96DABB;
    --vl-success: #96DABB;
    --vl-success-bg: #203B2F;
    --vl-success-strong: #B7E9CD;
    --vl-text-on-success: #17352B;
    --vl-danger: #FF9EAD;
    --vl-danger-bg: #49252E;
    --vl-text-on-danger: #3C101B;
    --vl-warning: #EED087;
    --vl-pending: #C3CEC4;
    --vl-pending-bg: #34463C;
    --vl-focus-ring: #96DABB;
    --vl-action-hover: #a3dec3;
    --vl-action-active: #87c4a8;
    --vl-action-soft: rgba(150, 218, 187, 0.16);
    --vl-action-grad-from: #96DABB;
    --vl-action-grad-to: #75aa92;
    --vl-action-on-soft: #96DABB;
    --vl-danger-hover: #ffa8b5;
    --vl-focus-ring-soft: rgba(150, 218, 187, 0.22);
    --vl-disclosure: #E7E9EE;
    --vl-disclosure-text: #0a0b0f;
  }
}
:root[data-theme="dark"] {
  --vl-bg: #142019;
  --vl-surface: #27352E;
  --vl-surface-alt: #34463C;
  --vl-surface-sunken: #34463C;
  --vl-text: #F1F0E7;
  --vl-text-muted: #C3CEC4;
  --vl-text-subtle: #A9BBB0;
  --vl-text-on-accent: #17352B;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #96DABB;
  --vl-border: rgba(241,240,231,0.25);
  --vl-border-strong: rgba(241,240,231,0.46);
  --vl-action: #96DABB;
  --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
  --vl-link: #96DABB;
  --vl-success: #96DABB;
  --vl-success-bg: #203B2F;
  --vl-success-strong: #B7E9CD;
  --vl-text-on-success: #17352B;
  --vl-danger: #FF9EAD;
  --vl-danger-bg: #49252E;
  --vl-text-on-danger: #3C101B;
  --vl-warning: #EED087;
  --vl-pending: #C3CEC4;
  --vl-pending-bg: #34463C;
  --vl-focus-ring: #96DABB;
  --vl-action-hover: #a3dec3;
  --vl-action-active: #87c4a8;
  --vl-action-soft: rgba(150, 218, 187, 0.16);
  --vl-action-grad-from: #96DABB;
  --vl-action-grad-to: #75aa92;
  --vl-action-on-soft: #96DABB;
  --vl-danger-hover: #ffa8b5;
  --vl-focus-ring-soft: rgba(150, 218, 187, 0.22);
  --vl-disclosure: #E7E9EE;
  --vl-disclosure-text: #0a0b0f;
}

:root[data-tone="warm"] {
  --vl-bg: #F1F0E7;
  --vl-surface: #D3E8DD;
  --vl-surface-alt: #BFDED5;
  --vl-surface-sunken: #BFDED5;
  --vl-text: #16191C;
  --vl-text-muted: #3B5550;
  --vl-text-subtle: #4B5E55;
  --vl-text-on-accent: #FFFFFF;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #96DABB;
  --vl-border: rgba(64,108,91,0.25);
  --vl-border-strong: rgba(64,108,91,0.42);
  --vl-action: #38684B;
  --vl-action-glow: 0 5px 14px rgba(44,94,74,0.13);
  --vl-link: #38684B;
  --vl-success: #32704B;
  --vl-success-bg: #D4ECDF;
  --vl-success-strong: #245D40;
  --vl-text-on-success: #FFFFFF;
  --vl-danger: #BB2035;
  --vl-danger-bg: #F0DCE0;
  --vl-text-on-danger: #FFFFFF;
  --vl-warning: #745516;
  --vl-pending: #3B5550;
  --vl-pending-bg: #BFDED5;
  --vl-focus-ring: #38684B;
  --vl-action-hover: #315c42;
  --vl-action-active: #4c775d;
  --vl-action-soft: rgba(56, 104, 75, 0.16);
  --vl-action-grad-from: #38684B;
  --vl-action-grad-to: #2c513b;
  --vl-action-on-soft: #325e44;
  --vl-danger-hover: #a81d30;
  --vl-focus-ring-soft: rgba(56, 104, 75, 0.22);
  --vl-disclosure: #3A3A3E;
  --vl-disclosure-text: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-tone="warm"]:not([data-theme="light"]) {
    --vl-bg: #142019;
    --vl-surface: #223B30;
    --vl-surface-alt: #2B493F;
    --vl-surface-sunken: #2B493F;
    --vl-text: #F1F0E7;
    --vl-text-muted: #C3CEC4;
    --vl-text-subtle: #A9BBB0;
    --vl-text-on-accent: #17352B;
    --vl-accent-bright: #D9FF4D;
    --vl-accent-on-dark: #96DABB;
    --vl-border: rgba(241,240,231,0.25);
    --vl-border-strong: rgba(241,240,231,0.46);
    --vl-action: #96DABB;
    --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
    --vl-link: #96DABB;
    --vl-success: #96DABB;
    --vl-success-bg: #203B2F;
    --vl-success-strong: #B7E9CD;
    --vl-text-on-success: #17352B;
    --vl-danger: #FF9EAD;
    --vl-danger-bg: #49252E;
    --vl-text-on-danger: #3C101B;
    --vl-warning: #EED087;
    --vl-pending: #C3CEC4;
    --vl-pending-bg: #2B493F;
    --vl-focus-ring: #96DABB;
    --vl-action-hover: #a3dec3;
    --vl-action-active: #87c4a8;
    --vl-action-soft: rgba(150, 218, 187, 0.16);
    --vl-action-grad-from: #96DABB;
    --vl-action-grad-to: #75aa92;
    --vl-action-on-soft: #96DABB;
    --vl-danger-hover: #ffa8b5;
    --vl-focus-ring-soft: rgba(150, 218, 187, 0.22);
    --vl-disclosure: #E7E9EE;
    --vl-disclosure-text: #0a0b0f;
  }
}
:root[data-theme="dark"][data-tone="warm"] {
  --vl-bg: #142019;
  --vl-surface: #223B30;
  --vl-surface-alt: #2B493F;
  --vl-surface-sunken: #2B493F;
  --vl-text: #F1F0E7;
  --vl-text-muted: #C3CEC4;
  --vl-text-subtle: #A9BBB0;
  --vl-text-on-accent: #17352B;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #96DABB;
  --vl-border: rgba(241,240,231,0.25);
  --vl-border-strong: rgba(241,240,231,0.46);
  --vl-action: #96DABB;
  --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
  --vl-link: #96DABB;
  --vl-success: #96DABB;
  --vl-success-bg: #203B2F;
  --vl-success-strong: #B7E9CD;
  --vl-text-on-success: #17352B;
  --vl-danger: #FF9EAD;
  --vl-danger-bg: #49252E;
  --vl-text-on-danger: #3C101B;
  --vl-warning: #EED087;
  --vl-pending: #C3CEC4;
  --vl-pending-bg: #2B493F;
  --vl-focus-ring: #96DABB;
  --vl-action-hover: #a3dec3;
  --vl-action-active: #87c4a8;
  --vl-action-soft: rgba(150, 218, 187, 0.16);
  --vl-action-grad-from: #96DABB;
  --vl-action-grad-to: #75aa92;
  --vl-action-on-soft: #96DABB;
  --vl-danger-hover: #ffa8b5;
  --vl-focus-ring-soft: rgba(150, 218, 187, 0.22);
  --vl-disclosure: #E7E9EE;
  --vl-disclosure-text: #0a0b0f;
}

:root[data-tone="cold"] {
  --vl-bg: #F1F0E7;
  --vl-surface: #D0E6E7;
  --vl-surface-alt: #BDD7DC;
  --vl-surface-sunken: #BDD7DC;
  --vl-text: #16191C;
  --vl-text-muted: #3B5550;
  --vl-text-subtle: #4B5E55;
  --vl-text-on-accent: #FFFFFF;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #9CCFD5;
  --vl-border: rgba(64,108,91,0.25);
  --vl-border-strong: rgba(64,108,91,0.42);
  --vl-action: #2D626C;
  --vl-action-glow: 0 5px 14px rgba(44,94,74,0.13);
  --vl-link: #2D626C;
  --vl-success: #32704B;
  --vl-success-bg: #D4ECDF;
  --vl-success-strong: #245D40;
  --vl-text-on-success: #FFFFFF;
  --vl-danger: #BB2035;
  --vl-danger-bg: #F0DCE0;
  --vl-text-on-danger: #FFFFFF;
  --vl-warning: #745516;
  --vl-pending: #3B5550;
  --vl-pending-bg: #BDD7DC;
  --vl-focus-ring: #2D626C;
  --vl-action-hover: #28565f;
  --vl-action-active: #42727b;
  --vl-action-soft: rgba(45, 98, 108, 0.16);
  --vl-action-grad-from: #2D626C;
  --vl-action-grad-to: #234c54;
  --vl-action-on-soft: #2b5d67;
  --vl-danger-hover: #a81d30;
  --vl-focus-ring-soft: rgba(45, 98, 108, 0.22);
  --vl-disclosure: #3A3A3E;
  --vl-disclosure-text: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-tone="cold"]:not([data-theme="light"]) {
    --vl-bg: #142019;
    --vl-surface: #213A3C;
    --vl-surface-alt: #2B484B;
    --vl-surface-sunken: #2B484B;
    --vl-text: #F1F0E7;
    --vl-text-muted: #C3CEC4;
    --vl-text-subtle: #A9BBB0;
    --vl-text-on-accent: #17352B;
    --vl-accent-bright: #D9FF4D;
    --vl-accent-on-dark: #9CCFD5;
    --vl-border: rgba(241,240,231,0.25);
    --vl-border-strong: rgba(241,240,231,0.46);
    --vl-action: #9CCFD5;
    --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
    --vl-link: #9CCFD5;
    --vl-success: #96DABB;
    --vl-success-bg: #203B2F;
    --vl-success-strong: #B7E9CD;
    --vl-text-on-success: #17352B;
    --vl-danger: #FF9EAD;
    --vl-danger-bg: #49252E;
    --vl-text-on-danger: #3C101B;
    --vl-warning: #EED087;
    --vl-pending: #C3CEC4;
    --vl-pending-bg: #2B484B;
    --vl-focus-ring: #9CCFD5;
    --vl-action-hover: #a8d5da;
    --vl-action-active: #8cbac0;
    --vl-action-soft: rgba(156, 207, 213, 0.16);
    --vl-action-grad-from: #9CCFD5;
    --vl-action-grad-to: #7aa1a6;
    --vl-action-on-soft: #9CCFD5;
    --vl-danger-hover: #ffa8b5;
    --vl-focus-ring-soft: rgba(156, 207, 213, 0.22);
    --vl-disclosure: #E7E9EE;
    --vl-disclosure-text: #0a0b0f;
  }
}
:root[data-theme="dark"][data-tone="cold"] {
  --vl-bg: #142019;
  --vl-surface: #213A3C;
  --vl-surface-alt: #2B484B;
  --vl-surface-sunken: #2B484B;
  --vl-text: #F1F0E7;
  --vl-text-muted: #C3CEC4;
  --vl-text-subtle: #A9BBB0;
  --vl-text-on-accent: #17352B;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #9CCFD5;
  --vl-border: rgba(241,240,231,0.25);
  --vl-border-strong: rgba(241,240,231,0.46);
  --vl-action: #9CCFD5;
  --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
  --vl-link: #9CCFD5;
  --vl-success: #96DABB;
  --vl-success-bg: #203B2F;
  --vl-success-strong: #B7E9CD;
  --vl-text-on-success: #17352B;
  --vl-danger: #FF9EAD;
  --vl-danger-bg: #49252E;
  --vl-text-on-danger: #3C101B;
  --vl-warning: #EED087;
  --vl-pending: #C3CEC4;
  --vl-pending-bg: #2B484B;
  --vl-focus-ring: #9CCFD5;
  --vl-action-hover: #a8d5da;
  --vl-action-active: #8cbac0;
  --vl-action-soft: rgba(156, 207, 213, 0.16);
  --vl-action-grad-from: #9CCFD5;
  --vl-action-grad-to: #7aa1a6;
  --vl-action-on-soft: #9CCFD5;
  --vl-danger-hover: #ffa8b5;
  --vl-focus-ring-soft: rgba(156, 207, 213, 0.22);
  --vl-disclosure: #E7E9EE;
  --vl-disclosure-text: #0a0b0f;
}

:root[data-tone="glass"] {
  --vl-bg: #F1F0E7;
  --vl-surface: #D3E8DD;
  --vl-surface-alt: #BFDED5;
  --vl-surface-sunken: #BFDED5;
  --vl-text: #16191C;
  --vl-text-muted: #3B5550;
  --vl-text-subtle: #4B5E55;
  --vl-text-on-accent: #FFFFFF;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #96DABB;
  --vl-border: rgba(64,108,91,0.25);
  --vl-border-strong: rgba(64,108,91,0.42);
  --vl-action: #38684B;
  --vl-action-glow: 0 5px 14px rgba(44,94,74,0.13);
  --vl-link: #38684B;
  --vl-success: #32704B;
  --vl-success-bg: #D4ECDF;
  --vl-success-strong: #245D40;
  --vl-text-on-success: #FFFFFF;
  --vl-danger: #BB2035;
  --vl-danger-bg: #F0DCE0;
  --vl-text-on-danger: #FFFFFF;
  --vl-warning: #745516;
  --vl-pending: #3B5550;
  --vl-pending-bg: #BFDED5;
  --vl-focus-ring: #38684B;
  --vl-action-hover: #315c42;
  --vl-action-active: #4c775d;
  --vl-action-soft: rgba(56, 104, 75, 0.16);
  --vl-action-grad-from: #38684B;
  --vl-action-grad-to: #2c513b;
  --vl-action-on-soft: #325e44;
  --vl-danger-hover: #a81d30;
  --vl-focus-ring-soft: rgba(56, 104, 75, 0.22);
  --vl-disclosure: #3A3A3E;
  --vl-disclosure-text: #ffffff;
  --vl-glass-background: radial-gradient(ellipse at 5% 0%,rgba(255,255,255,0.5),transparent 58%),linear-gradient(135deg,rgba(60,207,164,0.32),rgba(108,181,219,0.22));
  --vl-glass-edge: rgba(64,108,91,0.25);
  --vl-glass-inner: inset 0 2px 1px rgba(255,255,255,0.9),inset -1px -2px 3px rgba(53,109,119,0.12);
  --vl-glass-shadow: 0 12px 28px rgba(45,78,71,0.1);
  --vl-glass-button-background: linear-gradient(175deg,rgba(255,255,255,0.48),rgba(255,255,255,0.03) 48%),linear-gradient(115deg,rgba(65,192,146,0.64),rgba(99,204,168,0.52) 55%,rgba(79,174,194,0.57));
  --vl-glass-button-text: #17352B;
  --vl-glass-danger-background: linear-gradient(175deg,rgba(255,255,255,0.2),transparent 45%),linear-gradient(115deg,rgba(183,25,49,0.93),rgba(196,35,62,0.9) 55%,rgba(159,24,53,0.94));
  --vl-glass-danger-text: #FFFFFF;
  --vl-glass-grid-dot: rgba(44,103,86,0.24);
  --vl-glass-ambient: radial-gradient(ellipse at 0% 14%,rgba(199,237,65,0.57),transparent 47%),radial-gradient(ellipse at 100% 25%,rgba(52,203,155,0.6),transparent 54%),radial-gradient(ellipse at 78% 62%,rgba(85,164,218,0.5),transparent 52%);
}

@media (prefers-color-scheme: dark) {
  :root[data-tone="glass"]:not([data-theme="light"]) {
    --vl-bg: #142019;
    --vl-surface: #223B30;
    --vl-surface-alt: #2B493F;
    --vl-surface-sunken: #2B493F;
    --vl-text: #F1F0E7;
    --vl-text-muted: #C3CEC4;
    --vl-text-subtle: #A9BBB0;
    --vl-text-on-accent: #17352B;
    --vl-accent-bright: #D9FF4D;
    --vl-accent-on-dark: #96DABB;
    --vl-border: rgba(241,240,231,0.25);
    --vl-border-strong: rgba(241,240,231,0.46);
    --vl-action: #96DABB;
    --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
    --vl-link: #96DABB;
    --vl-success: #96DABB;
    --vl-success-bg: #203B2F;
    --vl-success-strong: #B7E9CD;
    --vl-text-on-success: #17352B;
    --vl-danger: #FF9EAD;
    --vl-danger-bg: #49252E;
    --vl-text-on-danger: #3C101B;
    --vl-warning: #EED087;
    --vl-pending: #C3CEC4;
    --vl-pending-bg: #2B493F;
    --vl-focus-ring: #96DABB;
    --vl-action-hover: #a3dec3;
    --vl-action-active: #87c4a8;
    --vl-action-soft: rgba(150, 218, 187, 0.16);
    --vl-action-grad-from: #96DABB;
    --vl-action-grad-to: #75aa92;
    --vl-action-on-soft: #96DABB;
    --vl-danger-hover: #ffa8b5;
    --vl-focus-ring-soft: rgba(150, 218, 187, 0.22);
    --vl-disclosure: #E7E9EE;
    --vl-disclosure-text: #0a0b0f;
    --vl-glass-background: linear-gradient(135deg,rgba(47,100,80,0.55),rgba(55,94,110,0.4));
    --vl-glass-edge: rgba(241,240,231,0.32);
    --vl-glass-inner: inset 0 1px 1px rgba(255,255,255,0.22),inset 0 -2px 3px rgba(0,0,0,0.15);
    --vl-glass-shadow: 0 12px 28px rgba(0,0,0,0.2);
    --vl-glass-button-background: linear-gradient(115deg,#82C9AB,#91C6D0);
    --vl-glass-button-text: #17352B;
    --vl-glass-danger-background: linear-gradient(115deg,#B71931,#A81935);
    --vl-glass-danger-text: #FFFFFF;
    --vl-glass-grid-dot: rgba(241,240,231,0.12);
    --vl-glass-ambient: radial-gradient(ellipse at 0% 14%,rgba(217,255,77,0.13),transparent 47%),radial-gradient(ellipse at 100% 25%,rgba(75,215,154,0.16),transparent 54%),radial-gradient(ellipse at 78% 62%,rgba(117,183,255,0.14),transparent 52%);
  }
}
:root[data-theme="dark"][data-tone="glass"] {
  --vl-bg: #142019;
  --vl-surface: #223B30;
  --vl-surface-alt: #2B493F;
  --vl-surface-sunken: #2B493F;
  --vl-text: #F1F0E7;
  --vl-text-muted: #C3CEC4;
  --vl-text-subtle: #A9BBB0;
  --vl-text-on-accent: #17352B;
  --vl-accent-bright: #D9FF4D;
  --vl-accent-on-dark: #96DABB;
  --vl-border: rgba(241,240,231,0.25);
  --vl-border-strong: rgba(241,240,231,0.46);
  --vl-action: #96DABB;
  --vl-action-glow: 0 8px 24px rgba(75,215,154,0.16);
  --vl-link: #96DABB;
  --vl-success: #96DABB;
  --vl-success-bg: #203B2F;
  --vl-success-strong: #B7E9CD;
  --vl-text-on-success: #17352B;
  --vl-danger: #FF9EAD;
  --vl-danger-bg: #49252E;
  --vl-text-on-danger: #3C101B;
  --vl-warning: #EED087;
  --vl-pending: #C3CEC4;
  --vl-pending-bg: #2B493F;
  --vl-focus-ring: #96DABB;
  --vl-action-hover: #a3dec3;
  --vl-action-active: #87c4a8;
  --vl-action-soft: rgba(150, 218, 187, 0.16);
  --vl-action-grad-from: #96DABB;
  --vl-action-grad-to: #75aa92;
  --vl-action-on-soft: #96DABB;
  --vl-danger-hover: #ffa8b5;
  --vl-focus-ring-soft: rgba(150, 218, 187, 0.22);
  --vl-disclosure: #E7E9EE;
  --vl-disclosure-text: #0a0b0f;
  --vl-glass-background: linear-gradient(135deg,rgba(47,100,80,0.55),rgba(55,94,110,0.4));
  --vl-glass-edge: rgba(241,240,231,0.32);
  --vl-glass-inner: inset 0 1px 1px rgba(255,255,255,0.22),inset 0 -2px 3px rgba(0,0,0,0.15);
  --vl-glass-shadow: 0 12px 28px rgba(0,0,0,0.2);
  --vl-glass-button-background: linear-gradient(115deg,#82C9AB,#91C6D0);
  --vl-glass-button-text: #17352B;
  --vl-glass-danger-background: linear-gradient(115deg,#B71931,#A81935);
  --vl-glass-danger-text: #FFFFFF;
  --vl-glass-grid-dot: rgba(241,240,231,0.12);
  --vl-glass-ambient: radial-gradient(ellipse at 0% 14%,rgba(217,255,77,0.13),transparent 47%),radial-gradient(ellipse at 100% 25%,rgba(75,215,154,0.16),transparent 54%),radial-gradient(ellipse at 78% 62%,rgba(117,183,255,0.14),transparent 52%);
}
/* ТОКЕНЫ БРЕНДБУКА — КОНЕЦ */

/* ============================================================
   Имена переменных страницы сохранены полностью — разметку и правила
   ниже трогать не пришлось. Поменялись только значения: каждое имя
   привязано к роли из брендбука.
   ============================================================ */
:root{
  /* --- тёмная сцена: раньше navy, теперь глубины брендбука --- */
  --navy-950:var(--vl-bg);
  --navy-900:var(--vl-surface-sunken);
  --navy-800:var(--vl-surface-alt);
  --navy-700:var(--vl-surface);

  /* --- действие: фиолетовый вместо золота --- */
  --gold-300:var(--vl-action-hover);
  --gold-500:var(--vl-action);
  --gold-600:var(--vl-action-active);
  --gold-soft:var(--vl-action-soft);

  /* --- результат и приватность --- */
  --em-600:var(--vl-success);
  --em-400:var(--vl-success);
  --em-soft:var(--vl-success-bg);

  /* --- нейтрали: на тёмной теме шкала переворачивается.
     n-0 был чистым белым (карточки, плашки) — если оставить его белым,
     на тёмном фоне останутся белые пятна, поэтому это surface. --- */
  --n-0:var(--vl-surface);
  --n-50:var(--vl-bg);
  --n-100:var(--vl-surface-sunken);
  --n-200:var(--vl-border);
  --n-300:var(--vl-border-strong);
  --n-400:var(--vl-text-muted);
  --n-500:var(--vl-text-muted);
  --n-600:var(--vl-text-muted);
  --n-700:var(--vl-text-muted);
  --n-900:var(--vl-text);
  /* роль text-subtle сознательно НЕ используем: контраст 3.7 —
     мелкий текст не проходит норму доступности AA. */

  /* --- ссылки и подписи: бирюзовый второй акцент --- */
  --blue-50:var(--vl-surface-sunken);
  --blue-600:var(--vl-link);
  --blue-700:var(--vl-link);

  /* --- семантика страницы --- */
  --bg:var(--n-50);
  --surface:var(--n-0);
  --surface-alt:var(--vl-surface-alt);
  --sunken:var(--n-100);
  --text:var(--n-900);
  --muted:var(--n-600);
  --subtle:var(--n-500);
  --border:var(--n-200);
  --border-strong:var(--n-300);
  --link:var(--blue-600);
  --ring:var(--vl-focus-ring);

  /* --- бывшая «тёмная сцена»: теперь тёмная вся страница --- */
  --d-text:var(--vl-text);
  --d-body:var(--vl-text-muted);
  --d-subtle:var(--vl-text-muted);
  --d-chip:var(--vl-text-muted);
  --d-border:var(--vl-border);
  --d-border-strong:var(--vl-border-strong);
  /* стекло шапки и панелей: тот же фон, но полупрозрачный.
     Оттенок вычислен функцией из роли, сырой цвет не вписан. */
  --d-glass:color-mix(in srgb, var(--vl-bg) 62%, transparent);

  /* --- радиусы --- */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:22px;
  --r-pill:999px;

  /* --- тени: на тёмном фоне синеватая тень не видна, считаем их чёрными --- */
  --sh-1:0 1px 2px rgba(0,0,0,.30), 0 8px 18px -12px rgba(0,0,0,.55);
  --sh-2:0 2px 4px rgba(0,0,0,.32), 0 16px 32px -16px rgba(0,0,0,.60);
  --sh-3:0 4px 10px rgba(0,0,0,.35), 0 26px 48px -20px rgba(0,0,0,.66);
  /* свечение под кнопкой действия — оттенок вычислен из роли */
  --sh-gold:0 12px 28px -8px color-mix(in srgb, var(--vl-action) 45%, transparent);

  /* --- ритм --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:72px; --sp-9:96px;
  --shell:1120px;
  --ease:cubic-bezier(.2,0,0,1);
  --font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:15px;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
::selection{background:var(--gold-soft);color:var(--text);}
img,svg{max-width:100%;}
h1,h2,h3{margin:0;text-wrap:balance;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;}

/* фокус: тёмно-синее кольцо на светлом, золотое — на тёмных сценах */
:focus-visible{
  outline:none;
  border-radius:var(--r-sm);
  box-shadow:0 0 0 2px var(--ring), 0 0 0 5px rgba(31,60,110,.22);
}
.scene :focus-visible,
.top :focus-visible{
  box-shadow:0 0 0 2px var(--ring), 0 0 0 6px color-mix(in srgb, var(--ring) 28%, transparent);
}
.skip{
  position:absolute;left:-9999px;top:0;z-index:60;
  background:var(--gold-500);color:var(--vl-text-on-accent);
  font-weight:600;padding:10px 16px;border-radius:0 0 var(--r-sm) 0;
}
.skip:focus{left:0;text-decoration:none;}

.shell{
  width:100%;max-width:var(--shell);
  margin:0 auto;padding:0 20px;
}
@media (min-width:760px){ .shell{padding:0 32px;} }

/* ============ тёмная сцена ============ */
.scene{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,var(--navy-900),var(--navy-800));
  color:var(--d-body);
  overflow:hidden;
}
.scene--deep{background:linear-gradient(160deg,var(--navy-900),var(--navy-950));}
.scene::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 72%);
  mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 72%);
}
.scene::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(880px 460px at 84% -12%,color-mix(in srgb, var(--vl-action) 14%, transparent),transparent 60%);
}
.scene h2, .scene h3{color:var(--d-text);}

/* ============ шапка ============ */
.top{
  position:sticky;top:0;z-index:50;
  background:var(--vl-surface-alt);
  background:var(--d-glass);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.top__in{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-4);min-height:64px;
}
.brand{display:flex;align-items:center;gap:10px;color:var(--d-text);}
.brand:hover{text-decoration:none;}
.brand__name{
  font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}
.brand__sub{
  display:block;font-size:11.5px;font-weight:400;letter-spacing:.06em;
  color:var(--d-body);text-transform:none;
}
.nav{display:none;gap:var(--sp-5);}
.nav a{
  color:var(--d-chip);font-size:14px;font-weight:600;
  padding:8px 2px;border-bottom:2px solid transparent;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.nav a:hover{color:var(--d-text);border-bottom-color:var(--gold-500);text-decoration:none;}
@media (min-width:900px){ .nav{display:flex;} }

/* ============ герой ============ */
.hero{padding:clamp(56px,9vw,104px) 0 clamp(56px,8vw,92px);}
.hero__grid{display:grid;gap:clamp(36px,5vw,56px);}
@media (min-width:960px){
  .hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;}
}
.eyebrow{
  display:flex;align-items:center;gap:10px;
  font-size:12.5px;line-height:1;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;
  color:var(--blue-600);
}
.eyebrow::before{
  content:"";display:block;width:22px;height:2px;border-radius:2px;
  background:currentColor;flex:none;
}
/* Надзаголовок акцентом. Берём action-hover, а НЕ action: замерено на
   поверхностях сцены — action даёт 3.87–4.32, для текста 12.5px норма AA
   (4.5) не проходит; action-hover даёт 4.69–5.50. */
.eyebrow--gold{color:var(--vl-action-hover);}
h1{
  margin-top:var(--sp-5);
  font-size:clamp(34px,5.4vw,58px);
  line-height:1.04;
  letter-spacing:-.03em;
  font-weight:800;
  color:var(--d-text);
}
.hero__lead{
  margin-top:var(--sp-5);
  max-width:560px;
  font-size:clamp(16px,1.6vw,19px);
  line-height:1.55;
  color:var(--d-body);
}
.hero__actions{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);
  margin-top:clamp(28px,3.5vw,36px);
}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 22px;border-radius:var(--r-pill);
  font-size:15px;line-height:1.2;font-weight:600;
  border:1px solid transparent;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease);
}
.btn:hover{text-decoration:none;transform:translateY(-1px);}
.btn--gold{
  background:var(--gold-500);color:var(--vl-text-on-accent);
  box-shadow:var(--sh-gold);
}
.btn--gold:hover{background:var(--gold-300);}
.btn--gold:active{background:var(--gold-600);transform:translateY(0);}
.btn--ghost{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.20);
  color:var(--d-text);
}
.btn--ghost:hover{background:rgba(255,255,255,.11);}

.facts{
  display:grid;gap:var(--sp-3);
  padding:var(--sp-5);
  background:var(--vl-surface);
  background:var(--d-glass);
  border:1px solid var(--d-border);
  border-radius:var(--r-xl);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
@media (min-width:520px) and (max-width:959px){
  .facts{grid-template-columns:1fr 1fr;}
}
.fact{display:grid;gap:2px;}
.fact__k{
  font-size:12px;line-height:1;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--d-subtle);
}
.fact__v{
  font-size:16px;font-weight:600;color:var(--d-text);
  font-variant-numeric:tabular-nums;
}
.fact--wide .fact__v{font-size:15px;font-weight:400;color:var(--d-chip);}

/* ============ светлые секции ============ */
.band{padding:clamp(56px,8vw,104px) 0;}
.band--alt{background:var(--surface-alt);border-block:1px solid var(--border);}
.sec-head{max-width:660px;}
.sec-head h2{
  margin-top:var(--sp-4);
  font-size:clamp(28px,3.4vw,34px);
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:800;
}
.sec-head .lead{
  margin-top:var(--sp-4);
  font-size:17px;line-height:1.55;color:var(--muted);
}
.prose{max-width:660px;display:grid;gap:var(--sp-4);margin-top:var(--sp-6);}
.prose p{font-size:15px;line-height:1.6;color:var(--n-700);}

/* корпоративный разворот: слева — заголовок раздела, справа — текст */
.split{display:grid;gap:clamp(24px,3vw,40px);}
@media (min-width:900px){
  .split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,80px);}
  .split .sec-head{max-width:420px;}
  .split .prose{margin-top:0;}
}

.rule{height:1px;background:var(--border);border:0;margin:0;}

/* ============ карточки ============ */
.cards{
  display:grid;gap:var(--sp-4);
  margin-top:clamp(32px,4vw,48px);
}
@media (min-width:680px){
  .cards{grid-template-columns:1fr 1fr;gap:var(--sp-5);}
  /* заголовки карточек держат общую сетку: тексты в ряду стартуют с одной линии */
  .card h3{min-height:calc(2 * 1.3em);}
}
.card{
  display:grid;gap:var(--sp-3);align-content:start;
  padding:clamp(22px,2.6vw,30px);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-1);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-3);}
.card__ico{
  width:40px;height:40px;display:grid;place-items:center;
  border-radius:var(--r-md);
  background:var(--blue-50);
  border:1px solid var(--border);
  color:var(--blue-600);
}
.card h3{
  font-size:22px;line-height:1.3;letter-spacing:-.015em;font-weight:700;
}
.card p{color:var(--muted);}

/* ============ ответственность ============ */
.duty{
  display:grid;gap:var(--sp-5);
  margin-top:clamp(32px,4vw,48px);
}
@media (min-width:860px){
  .duty{grid-template-columns:repeat(3,1fr);gap:var(--sp-6);}
  .duty__item h3{min-height:calc(2 * 1.3em);}
}
.duty__item{
  display:grid;gap:var(--sp-3);align-content:start;
  padding-top:var(--sp-5);
  border-top:1px solid var(--d-border-strong);
}
.duty__ico{color:var(--em-400);}
.duty__item h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:700;}
.duty__item p{color:var(--d-body);}

/* закрывающая строка раздела: та же верхняя линейка, что у колонок выше */
.note{
  margin-top:clamp(32px,4vw,48px);
  padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-5);
  background:var(--vl-surface);
  background:var(--d-glass);
  border:1px solid var(--d-border);
  border-left:3px solid var(--gold-500);
  border-radius:var(--r-md);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  color:var(--d-chip);
}

/* ============ реквизиты ============ */
.details{
  display:grid;gap:var(--sp-5);
  margin-top:clamp(32px,4vw,48px);
  align-items:stretch;
}
@media (min-width:940px){
  .details{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:var(--sp-6);}
}
.panel{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-1);
  padding:clamp(22px,2.6vw,32px);
}
.panel__title{
  font-size:12.5px;line-height:1;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600);
  display:flex;align-items:center;gap:10px;
}
.panel__title::before{
  content:"";width:22px;height:2px;border-radius:2px;background:currentColor;flex:none;
}
dl{margin:var(--sp-5) 0 0;display:grid;gap:0;}
.row{
  display:grid;gap:2px;
  padding:14px 0;
  border-top:1px solid var(--border);
}
.row:first-child{border-top:0;padding-top:0;}
@media (min-width:600px){
  .row{grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:var(--sp-4);align-items:baseline;}
}
dt{
  font-size:13px;line-height:1.45;color:var(--muted);
  font-weight:600;letter-spacing:.01em;
}
dd{
  margin:0;font-size:15px;line-height:1.55;color:var(--text);
  font-variant-numeric:tabular-nums;
  overflow-wrap:break-word;
}
dd a{display:inline-block;padding:3px 0;}
.tag{
  display:inline-flex;align-items:center;
  padding:6px 12px;border-radius:var(--r-pill);
  font-size:12px;line-height:1;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
}
/* плашка языка: белая на утопленной поверхности — форма видна */
.tag--en{
  background:var(--n-0);
  color:var(--blue-600);
  border:1px solid var(--border-strong);
}
.en{
  background:var(--sunken);
  border:1px solid var(--border-strong);
  border-radius:var(--r-lg);
  padding:clamp(22px,2.6vw,32px);
}
.en h3{
  margin-top:var(--sp-4);
  font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:700;
}
.en dl{margin-top:var(--sp-4);}
.en .row{border-top-color:var(--border-strong);}
.en dt{color:var(--muted);}

/* ============ контакты: закрывающая сцена ============ */
.contact{padding:clamp(48px,7vw,84px) 0;}
.contact__in{display:grid;gap:var(--sp-6);align-items:center;}
@media (min-width:860px){
  .contact__in{grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-8);}
}
.contact h2{
  margin-top:var(--sp-4);
  font-size:clamp(26px,3.2vw,32px);
  line-height:1.14;letter-spacing:-.025em;font-weight:800;
}
.contact p{margin-top:var(--sp-4);max-width:600px;color:var(--d-body);}
.contact .btn{font-size:16px;padding:15px 26px;}

/* ============ подвал ============ */
.foot{
  padding:clamp(28px,3.5vw,36px) 0;
  border-top:1px solid var(--d-border);
}
.foot__in{
  display:grid;gap:var(--sp-4);
  align-items:center;
}
@media (min-width:760px){
  .foot__in{grid-template-columns:1fr auto;}
}
.foot p{font-size:13.5px;line-height:1.5;color:var(--d-body);font-variant-numeric:tabular-nums;}
.foot__links{display:flex;flex-wrap:wrap;gap:var(--sp-5);}
.foot__links a{
  display:inline-block;padding:6px 0;
  color:var(--d-chip);font-size:13.5px;font-weight:600;
}
.foot__links a:hover{color:var(--gold-300);}

/* ============ появление ============ */
.rise{animation:rise .7s var(--ease) both;}
.d1{animation-delay:.05s;}
.d2{animation-delay:.13s;}
.d3{animation-delay:.21s;}
@keyframes rise{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:none;}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .card:hover,.btn:hover{transform:none;}
}

/* ============ печать и сохранение в PDF ============
   Фоновые заливки на печать по умолчанию не выводятся, поэтому на бумаге
   страница переворачивается в светлую тему: текст остаётся читаемым. */
@media print{
  /* Бумага всегда белая, а фоновые заливки браузер по умолчанию не печатает.
     Поэтому на печати страница переворачивается в светлую тему. Роли брендбука
     здесь неприменимы — они описывают экран, а не бумагу, поэтому цвета чернил
     вычислены функцией из чёрного и белого. */
  :root{
    --paper:white;
    --paper-ink:black;
    --paper-ink-soft:color-mix(in srgb, black 78%, white);
    --paper-ink-mute:color-mix(in srgb, black 64%, white);
    --paper-link:color-mix(in srgb, black 86%, white);
    --paper-line:color-mix(in srgb, black 20%, white);
  }
  html{scroll-behavior:auto;}
  body{background:var(--paper);color:var(--paper-ink);font-size:11pt;}
  .rise{animation:none !important;opacity:1 !important;transform:none !important;}
  .scene,.scene--deep,.top,.foot,.contact,.band,.band--alt,
  .card,.panel,.en,.facts,.note{
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .scene::before,.scene::after{display:none !important;}
  .top,.skip,.hero__actions,.foot__links,.btn{display:none !important;}
  h1,h2,h3,.fact__v,dd{color:var(--paper-ink) !important;}
  .hero__lead,.sec-head .lead,.prose p,.card p,.duty__item p,
  .note,.foot p,.contact p{color:var(--paper-ink-soft) !important;}
  .eyebrow,.eyebrow--gold,.fact__k,dt,.panel__title,.brand__sub{color:var(--paper-ink-mute) !important;}
  a{color:var(--paper-link) !important;}
  .card,.panel,.en,.facts,.note,.tag--en{border:1px solid var(--paper-line) !important;}
  .duty__item{border-top:1px solid var(--paper-line) !important;}
  .note{border-left:3px solid var(--paper-line) !important;}
  .hero,.band,.contact,.foot{padding-block:16pt !important;}
  .hero__grid,.cards,.duty,.details,.contact__in,.split{display:block !important;}
  .card,.panel,.en,.duty__item,.facts{break-inside:avoid;margin-bottom:10pt;}
  .prose,.sec-head,.hero__lead,.contact p{max-width:none !important;}
}

/* Текстовый знак по брендбуку: Inter 700, заглавные, трекинг −0.045em, золотая точка. */
.wordmark{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;text-transform:uppercase;letter-spacing:-0.045em;line-height:1;white-space:nowrap;
}
.wordmark__dot{color:#FFA800;}