:root {
    /* ========================================
       TYPOGRAPHY
       Шрифты и базовая типографика
    ======================================== */
    --font-body: "Inter", Arial, sans-serif;
    --font-heading: "Manrope", Arial, sans-serif;

    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 20px;
    --text-xl: 32px;


    --color-bg: #ffffff;
    --color-text: #1f2328;
    --color-text-white: #ffffff;

    --section-light-bg: #ffffff;
    --section-light-text: #1f2328;

    --section-dark-bg: transparent;
    --section-dark-text: #ffffff;

    --footer-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.08), transparent 20%),
            linear-gradient(180deg, #0b3d2a 0%, #08281b 100%);
    --footer-text: rgba(255, 255, 255, 0.88);
    --footer-warning-text: rgba(255, 244, 199, 0.92);
    --footer-border: rgba(255, 255, 255, 0.08);


    --color-banner-title: #fff;

    /* ========================================
       SPACING
       Базовые отступы
    ======================================== */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;

    /* ========================================
       RADIUS
       Общие скругления
    ======================================== */
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-full: 999px;

    /* ========================================
       MOTION
       Переходы и анимации
    ======================================== */
    --motion-fast: 0.2s ease;
    --motion-medium: 0.28s ease;
    --motion-rotate: 0.3s ease;

    /* ========================================
       CORE COLORS
       Базовые цвета темы
    ======================================== */




    --color-surface: #f8f9fa;
    --color-surface-2: #ffffff;



    --color-text-muted: #5b6470;
    --color-text-faint: rgba(31, 35, 40, 0.72);
    --color-text-strong: #163020;
    --color-text-inverse: #ffffff;

    --color-primary: #2d6a4f;
    --color-primary-hover: #14371f;
    --color-primary-strong: #0b3d2a;
    --color-accent: #95d5b2;

    --color-warning: #d9a400;
    --color-warning-bg: #fff8e6;

    --color-success-soft: rgba(109, 170, 69, 0.14);
    --color-success-text: #f3ffe9;
    --color-success-icon: #c8ff9e;

    --color-danger-soft: rgba(161, 53, 68, 0.14);
    --color-danger-text: #ffe8eb;
    --color-danger-icon: #ffb8c1;

    --color-border: rgba(0, 0, 0, 0.08);
    --color-border-strong: rgba(26, 71, 42, 0.14);
    --color-border-inverse: rgba(255, 255, 255, 0.12);

    /* ========================================
       WHITE ALPHAS
       Полупрозрачные white utility tokens
    ======================================== */
    --color-white-05: rgba(255, 255, 255, 0.05);
    --color-white-08: rgba(255, 255, 255, 0.08);
    --color-white-10: rgba(255, 255, 255, 0.10);
    --color-white-12: rgba(255, 255, 255, 0.12);
    --color-white-14: rgba(255, 255, 255, 0.14);
    --color-white-18: rgba(255, 255, 255, 0.18);
    --color-white-28: rgba(255, 255, 255, 0.28);
    --color-white-40: rgba(255, 255, 255, 0.40);
    --color-white-62: rgba(255, 255, 255, 0.62);
    --color-white-88: rgba(255, 255, 255, 0.88);
    --color-white-92: rgba(255, 244, 199, 0.92);
    --color-white-96: rgba(255, 255, 255, 0.96);


    /* ========================================
       CARD TOKENS
       Карточки
    ======================================== */
    --card-bg: #ffffff;
    --card-text: #1f2328;
    --card-text-muted: #4d5f52;
    --card-border: rgba(16, 36, 24, 0.08);

    /* ========================================
       POPUP / DROPDOWN TOKENS
       Попапы, дропдауны, всплывающие панели
    ======================================== */
    --popup-bg: #ffffff;
    --popup-text: #1f2328;
    --popup-border: rgba(0, 0, 0, 0.08);
    --popup-hover-bg: rgba(0, 0, 0, 0.05);

    /* ========================================
       INPUT TOKENS
       Поля ввода и формы
    ======================================== */
    --input-bg: #f8fbf8;
    --input-text: #102418;
    --input-placeholder: #7b8d7f;
    --input-border: rgba(16, 36, 24, 0.18);
    --input-border-hover: rgba(26, 71, 42, 0.28);
    --input-border-focus: #1a472a;
    --input-focus-ring: rgba(26, 71, 42, 0.12);

    /* ========================================
       BUTTON TOKENS
       Базовые токены кнопок
    ======================================== */
    --btn-radius: 14px;
    --btn-min-height: 48px;
    --btn-padding-y: 14px;
    --btn-padding-x: 24px;
    --btn-font-size: 16px;
    --btn-font-weight: 700;
    --btn-gap: 10px;
    --btn-shadow: none;
    --btn-transition: background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);
    --btn-hover-transform: translateY(-1px);
    --btn-active-transform: translateY(0);

    /* ========================================
       BUTTON TOKENS — LARGE
       Размер large для кнопок
    ======================================== */
    --btn-large-min-height: 54px;
    --btn-large-padding-y: 16px;
    --btn-large-padding-x: 28px;
    --btn-large-font-size: 17px;

    /* ========================================
       BUTTON TOKENS — PRIMARY
       Primary button variant
    ======================================== */
    --btn-primary-bg: #ffd700;
    --btn-primary-bg-hover: #e7eca8;
    --btn-primary-color: #14371f;
    --btn-primary-border: #ffd700;
    --btn-primary-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    --btn-primary-color-hover: #14371f;
    --btn-primary-border-hover: #ffd700;

    /* ========================================
       BUTTON TOKENS — TELEGRAM
       Telegram button variant
    ======================================== */
    --btn-telegram-bg: rgba(255, 255, 255, 0.12);
    --btn-telegram-bg-hover: rgba(255, 255, 255, 0.18);
    --btn-telegram-color: #ffffff;
    --btn-telegram-border: rgba(255, 255, 255, 0.28);
    --btn-telegram-border-hover: rgba(255, 255, 255, 0.40);
    --btn-telegram-color-hover: #ffffff;
    --btn-telegram-shadow: none;

    /* ========================================
       FOOTER TOKENS
       Футер
    ======================================== */
    --footer-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.08), transparent 20%),
            linear-gradient(180deg, #0b3d2a 0%, #08281b 100%);
    --footer-text: rgba(255, 255, 255, 0.88);
    --footer-warning-text: rgba(255, 244, 199, 0.92);
    --footer-border: rgba(255, 255, 255, 0.08);

    /* ========================================
       SHADOW TOKENS
       Общие тени
    ======================================== */
    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 18px 40px rgba(0, 0, 0, 0.18);

    /* ========================================
       HERO TOKENS
       Hero section, изображения и карточки
    ======================================== */
    --hero-image-placeholder-bg: linear-gradient(135deg, #2d3a12, #4a5d23);
    --hero-image-badge-bg: linear-gradient(135deg, #ffd700, #ffed4e);
    --hero-card-bg: rgba(255, 255, 255, 0.1);
    --hero-card-border: rgba(255, 255, 255, 0.2);
    --hero-card-trust-color: rgba(255, 255, 255, 0.8);

    /* ========================================
       LANGUAGE SWITCHER TOKENS
       Общие токены переключателя языков
    ======================================== */
    --lang-active-label-color: #000000;
    --lang-check-color: var(--color-primary);

    --lang-arrow-size: 10px;
    --lang-flag-size: 20px;

    --lang-switcher-z: 2000;
    --lang-mobile-z: 3000;
    --lang-dropdown-z: 4100;

    --lang-expand-offset: 8px;
    --lang-expand-collapsed-width: 0;
    --lang-expand-open-width: 520px;
    --lang-expand-shift: -8px;

    /* ========================================
       LANGUAGE SWITCHER TOKENS — SURFACE / COLOR
       Цвета, фон и состояния language switcher
    ======================================== */
    --lang-switcher-bg: rgba(255, 255, 255, 0.96);
    --lang-switcher-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    --lang-link-color: #111111;
    --lang-link-hover-bg: #1a472a;
    --lang-link-hover-color: #ffffff;
    --lang-link-active-bg: #1a472a;
    --lang-link-active-color: #ffffff;

    --lang-dropdown-bg: #ffffff;
    --lang-dropdown-text: #111111;
    --lang-dropdown-border: rgba(0, 0, 0, 0.08);
    --lang-dropdown-hover-bg: rgba(26, 71, 42, 0.08);
    --lang-dropdown-active-bg: rgba(26, 71, 42, 0.12);
    --lang-dropdown-active-color: var(--color-primary);
    --lang-dropdown-shadow: var(--shadow-lg);

    --lang-trigger-bg: var(--color-bg);
    --lang-trigger-text: var(--color-text-white);
    --lang-trigger-hover-bg: var(--popup-hover-bg);

    /* ========================================
       CONTACT WIDGET TOKENS
       Общие токены контактного виджета
    ======================================== */
    --contact-widget-z: 999;
    --contact-widget-transition: var(--motion-fast);

    /* ========================================
       CONTACT WIDGET TOKENS — POSITION
       Позиционирование виджета на разных брейкпоинтах
    ======================================== */
    --contact-widget-offset-x: 24px;
    --contact-widget-offset-y: 24px;
    --contact-widget-offset-x-tablet: 16px;
    --contact-widget-offset-y-tablet: 16px;
    --contact-widget-offset-x-mobile: 12px;
    --contact-widget-offset-y-mobile: 12px;

    /* ========================================
       CONTACT WIDGET TOKENS — TRIGGER
       Кнопка открытия виджета
    ======================================== */
    --contact-widget-trigger-size: 60px;
    --contact-widget-trigger-size-tablet: 56px;
    --contact-widget-trigger-radius: 50%;

    --contact-widget-trigger-bg: var(--color-primary);
    --contact-widget-trigger-color: var(--color-text-inverse);
    --contact-widget-trigger-shadow: var(--btn-primary-shadow);
    --contact-widget-trigger-hover-bg: var(--color-primary-hover);
    --contact-widget-trigger-hover-color: var(--color-text-inverse);
    --contact-widget-trigger-hover-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
    --contact-widget-trigger-hover-transform: translateY(-2px) scale(1.04);
    --contact-widget-trigger-focus-outline: 2px solid var(--color-text-inverse);
    --contact-widget-trigger-focus-offset: 3px;

    /* ========================================
       CONTACT WIDGET TOKENS — POPUP
       Попап контактного виджета
    ======================================== */
    --contact-widget-popup-width: 290px;
    --contact-widget-popup-width-tablet: 280px;
    --contact-widget-popup-width-mobile: 270px;

    --contact-widget-popup-offset-bottom: 76px;
    --contact-widget-popup-offset-bottom-tablet: 70px;
    --contact-widget-popup-hidden-shift: 10px;

    --contact-widget-popup-padding: 18px;
    --contact-widget-popup-padding-tablet: 16px;
    --contact-widget-popup-padding-mobile: 14px;

    --contact-widget-popup-bg: var(--popup-bg);
    --contact-widget-popup-border: var(--popup-border);
    --contact-widget-popup-radius: var(--radius-md);
    --contact-widget-popup-radius-mobile: 14px;
    --contact-widget-popup-shadow: var(--shadow-lg);

    /* ========================================
       CONTACT WIDGET TOKENS — TITLE
       Заголовок в попапе виджета
    ======================================== */
    --contact-widget-title-size: 18px;
    --contact-widget-title-size-tablet: 17px;
    --contact-widget-title-margin-bottom: 14px;
    --contact-widget-title-color: var(--color-primary);

    /* ========================================
       CONTACT WIDGET TOKENS — ITEMS
       Элементы списка контактов
    ======================================== */
    --contact-widget-item-gap: 12px;
    --contact-widget-item-gap-mobile: 10px;
    --contact-widget-item-padding-y: 11px;
    --contact-widget-item-padding-x: 10px;
    --contact-widget-item-padding-y-mobile: 10px;
    --contact-widget-item-padding-x-mobile: 8px;
    --contact-widget-item-radius: 10px;
    --contact-widget-item-spacing: 4px;
    --contact-widget-item-color: var(--popup-text);
    --contact-widget-item-hover-bg: var(--popup-hover-bg);
    --contact-widget-item-hover-color: var(--popup-text);

    /* ========================================
       CONTACT WIDGET TOKENS — ICONS
       Иконки внутри контактного виджета
    ======================================== */
    --contact-widget-icon-size: 24px;
    --contact-widget-icon-font-size: 18px;
    --contact-widget-icon-bg: rgba(0, 0, 0, 0.04);
    --contact-widget-icon-telegram-bg: rgba(0, 136, 204, 0.12);
    --contact-widget-icon-whatsapp-bg: rgba(37, 211, 102, 0.12);
    --contact-widget-icon-phone-bg: rgba(45, 106, 79, 0.12);
    --contact-widget-icon-email-bg: rgba(180, 120, 40, 0.12);


    /* ========================================
   ANTI SCAM TOKENS
   Общие токены секции anti-scam
======================================== */
    --anti-scam-bg: #ffffff;
    --anti-scam-surface: #fff8e8;
    --anti-scam-border: #f0c36d;
    --anti-scam-title: #000000;
    --anti-scam-text: #4f4f4f;
    --anti-scam-accent: #b7791f;
    --anti-scam-success: #2f855a;
    --anti-scam-section-padding-y: 20px;

    /* ========================================
       ANTI SCAM TOKENS — V1
       Вариант anti-scam-v1
    ======================================== */
    --anti-scam-v1-card-columns: 72px 1fr;
    --anti-scam-v1-card-gap: 24px;
    --anti-scam-v1-card-padding-y: 28px;
    --anti-scam-v1-card-padding-x: 32px;
    --anti-scam-v1-card-radius: 20px;

    --anti-scam-v1-icon-size: 72px;
    --anti-scam-v1-icon-radius: 18px;
    --anti-scam-v1-icon-font-size: 34px;
    --anti-scam-v1-icon-bg: #fff3d6;

    --anti-scam-v1-title-margin-bottom: 12px;
    --anti-scam-v1-title-size: 28px;
    --anti-scam-v1-title-line-height: 1.2;

    --anti-scam-v1-text-margin-bottom: 10px;
    --anti-scam-v1-text-size: 16px;
    --anti-scam-v1-text-line-height: 1.6;

    --anti-scam-v1-highlight-margin-top: 14px;
    --anti-scam-v1-highlight-font-weight: 700;

    /* ========================================
       ANTI SCAM TOKENS — V2
       Вариант anti-scam-v2
    ======================================== */
    --anti-scam-v2-card-padding: 32px;
    --anti-scam-v2-card-bg: #ffffff;
    --anti-scam-v2-card-border: #ece7dc;
    --anti-scam-v2-card-radius: 22px;
    --anti-scam-v2-card-shadow: 0 12px 30px rgba(151, 89, 89, 0.12);

    --anti-scam-v2-header-margin-bottom: 20px;

    --anti-scam-v2-badge-gap: 8px;
    --anti-scam-v2-badge-padding-y: 8px;
    --anti-scam-v2-badge-padding-x: 14px;
    --anti-scam-v2-badge-margin-bottom: 14px;
    --anti-scam-v2-badge-radius: 999px;
    --anti-scam-v2-badge-bg: #fff4db;
    --anti-scam-v2-badge-font-size: 14px;
    --anti-scam-v2-badge-font-weight: 700;

    --anti-scam-v2-title-size: 30px;
    --anti-scam-v2-title-line-height: 1.2;
    --anti-scam-v2-title-max-width: 24ch;

    --anti-scam-v2-body-columns: minmax(0, 1fr) 320px;
    --anti-scam-v2-body-gap: 28px;

    --anti-scam-v2-list-item-padding-left: 22px;
    --anti-scam-v2-list-item-margin-bottom: 12px;
    --anti-scam-v2-list-item-line-height: 1.6;

    --anti-scam-v2-list-dot-top: 10px;
    --anti-scam-v2-list-dot-size: 8px;

    --anti-scam-v2-verified-gap: 12px;
    --anti-scam-v2-verified-padding-y: 18px;
    --anti-scam-v2-verified-padding-x: 20px;
    --anti-scam-v2-verified-bg: #f7fbf8;
    --anti-scam-v2-verified-border: #d8e7dd;
    --anti-scam-v2-verified-radius: 18px;

    --anti-scam-v2-verified-icon-size: 22px;
    --anti-scam-v2-verified-text-font-weight: 700;
    --anti-scam-v2-verified-text-line-height: 1.5;

    /* ========================================
       ANTI SCAM TOKENS — V2 TABLET
       Адаптив tablet <= 768px
    ======================================== */
    --anti-scam-v2-tablet-card-padding: 22px;
    --anti-scam-v2-tablet-card-radius: 18px;
    --anti-scam-v2-tablet-title-size: 24px;
    --anti-scam-v2-tablet-body-gap: 18px;
    --anti-scam-v2-tablet-list-item-padding-left: 18px;
    --anti-scam-v2-tablet-list-item-margin-bottom: 10px;
    --anti-scam-v2-tablet-list-item-font-size: 15px;
    --anti-scam-v2-tablet-list-item-line-height: 1.55;
    --anti-scam-v2-tablet-list-dot-top: 9px;
    --anti-scam-v2-tablet-list-dot-size: 7px;
    --anti-scam-v2-tablet-badge-padding-y: 7px;
    --anti-scam-v2-tablet-badge-padding-x: 12px;
    --anti-scam-v2-tablet-badge-font-size: 13px;
    --anti-scam-v2-tablet-badge-margin-bottom: 12px;
    --anti-scam-v2-tablet-verified-padding: 16px;
    --anti-scam-v2-tablet-verified-radius: 16px;
    --anti-scam-v2-tablet-verified-text-font-size: 15px;
    --anti-scam-v2-tablet-verified-text-line-height: 1.45;

    /* ========================================
       ANTI SCAM TOKENS — V2 MOBILE
       Адаптив mobile <= 480px
    ======================================== */
    --anti-scam-v2-mobile-card-padding: 18px;
    --anti-scam-v2-mobile-title-size: 22px;
    --anti-scam-v2-mobile-verified-gap: 10px;
    --anti-scam-v2-mobile-verified-padding: 14px;
    --anti-scam-v2-mobile-verified-icon-size: 20px;


    /* ========================================
   HERO TOKENS
   Общие токены hero section
======================================== */
    --hero-min-height: 100vh;
    --hero-padding-y: 100px;
    --hero-padding-y-mobile: 60px;

    --hero-text-color: #ffffff;
    --hero-title-color: var(--hero-text-color);
    --hero-subtitle-color: var(--hero-text-color);
    --hero-badge-color: var(--hero-text-color);
    --hero-trust-color: var(--hero-text-color);
    --hero-card-label-color: var(--hero-text-color);
    --hero-image-subtitle-color: var(--hero-text-color);

    --hero-badge-bg: rgba(255, 255, 255, 0.2);
    --hero-stat-color: #ffd700;

    --hero-overlay-bg: rgba(26, 71, 42, 0.95);
    --hero-overlay-dark-bg: rgba(0, 0, 0, 0.6);

    --hero-image-badge-text: #1a472a;

    --hero-card-hover-bg: rgba(255, 255, 255, 0.15);
    --hero-card-hover-border: rgba(255, 255, 255, 0.3);

    --hero-image-badge-number-size: 34px;
    --hero-image-badge-number-weight: 900;
    --hero-image-badge-number-line-height: 1;
    --hero-image-badge-number-margin-bottom: 5px;

    --hero-image-badge-text-size: 13px;
    --hero-image-badge-text-weight: 700;
    --hero-image-badge-text-letter-spacing: 0.5px;

    --hero-image-title-size: 28px;
    --hero-image-title-weight: 800;
    --hero-image-title-margin-bottom: 10px;

    --hero-image-subtitle-size: 16px;
    --hero-image-icon-size: 80px;
    --hero-image-icon-margin-bottom: 20px;

    --hero-section-light-image-badge-bg: linear-gradient(135deg, #1a472a, #2a5a3a);
    --hero-section-light-image-badge-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

    --hero-title-size: 52px;
    --hero-title-line-height: 1.2;
    --hero-title-margin-bottom: 20px;
    --hero-title-size-mobile: 32px;

    --hero-subtitle-size: 20px;
    --hero-subtitle-margin-bottom: 30px;
    --hero-subtitle-opacity: 0.9;
    --hero-subtitle-size-mobile: 18px;

    --hero-badge-padding-y: 8px;
    --hero-badge-padding-x: 20px;
    --hero-badge-radius: 50px;
    --hero-badge-font-size: 14px;
    --hero-badge-margin-bottom: 20px;

    --hero-stats-gap: 60px;
    --hero-stats-margin-y: 40px;
    --hero-stats-gap-mobile: 20px;

    --hero-stat-value-size: 42px;
    --hero-stat-value-weight: 800;
    --hero-stat-label-size: 16px;
    --hero-stat-label-opacity: 0.8;

    --hero-buttons-gap: 20px;
    --hero-buttons-margin-y: 30px;
    --hero-buttons-gap-mobile: 16px;

    --hero-trust-gap: 30px;
    --hero-trust-margin-top: 40px;
    --hero-trust-font-size: 14px;
    --hero-trust-gap-mobile: 10px;

    /* ========================================
       HERO TOKENS — VARIANT 1
       Hero variant 1
    ======================================== */
    --hero-v1-content-max-width: 900px;
    --hero-v1-content-padding-top: 5rem;

    --hero-v1-stats-gap: 24px;
    --hero-v1-stats-margin-top: 32px;

    --hero-v1-buttons-gap: 16px;
    --hero-v1-buttons-margin-top: 32px;

    --hero-v1-trust-gap: 16px;
    --hero-v1-trust-margin-top: 24px;
    --hero-v1-trust-color: #1a1a2e;

    --hero-v1-image-badge-number-color: #1a1a2e;

    /* ========================================
       HERO TOKENS — VARIANT 2
       Hero variant 2
    ======================================== */
    --hero-v2-min-height: 100vh;
    --hero-v2-grid-margin-top: 3rem;
    --hero-v2-grid-columns: 1fr 1fr;
    --hero-v2-grid-gap: 60px;
    --hero-v2-grid-gap-tablet: 40px;

    --hero-v2-content-align: left;
    --hero-v2-actions-justify: flex-start;

    --hero-v2-image-height: 400px;
    --hero-v2-image-height-mobile: 300px;
    --hero-v2-image-max-width-tablet: 500px;
    --hero-v2-image-radius: 24px;
    --hero-v2-image-aspect-ratio-tablet: 1 / 1;

    --hero-v2-image-badge-bottom: 25px;
    --hero-v2-image-badge-right: 25px;
    --hero-v2-image-badge-bottom-tablet: -10px;
    --hero-v2-image-badge-right-tablet: -10px;
    --hero-v2-image-badge-padding-y: 18px;
    --hero-v2-image-badge-padding-x: 28px;
    --hero-v2-image-badge-padding-y-tablet: 15px;
    --hero-v2-image-badge-padding-x-tablet: 25px;
    --hero-v2-image-badge-padding-y-mobile: 10px;
    --hero-v2-image-badge-padding-x-mobile: 20px;
    --hero-v2-image-badge-radius: 20px;
    --hero-v2-image-badge-min-width: 180px;
    --hero-v2-image-badge-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    --hero-v2-image-badge-z: 10;
    --hero-v2-image-badge-color: rgb(14, 67, 5);
    --hero-v2-image-badge-number-color: rgb(14, 67, 5);

    --hero-v2-placeholder-padding-y: 60px;
    --hero-v2-placeholder-padding-x: 40px;
    --hero-v2-placeholder-min-height: 400px;

    --hero-v2-image-badge-number-size-mobile: 28px;
    --hero-v2-image-badge-number-weight-mobile: 800;

    /* ========================================
       HERO TOKENS — VARIANT 3
       Hero variant 3
    ======================================== */
    --hero-v3-wrapper-gap: 40px;
    --hero-v3-wrapper-padding-top: 8rem;

    --hero-v3-main-margin-bottom: 50px;

    --hero-v3-cards-columns: repeat(4, 1fr);
    --hero-v3-cards-columns-tablet: repeat(2, 1fr);
    --hero-v3-cards-columns-mobile: 1fr;
    --hero-v3-cards-gap: 25px;
    --hero-v3-cards-margin-top: 50px;

    --hero-v3-card-padding-y: 25px;
    --hero-v3-card-padding-x: 20px;
    --hero-v3-card-radius: 16px;
    --hero-v3-card-backdrop-filter: blur(10px);
    --hero-v3-card-transition: all var(--motion-rotate);

    --hero-v3-card-hover-transform: translateY(-5px);

    --hero-v3-card-icon-size: 40px;
    --hero-v3-card-icon-margin-bottom: 15px;

    --hero-v3-card-value-size: 28px;
    --hero-v3-card-value-weight: 800;
    --hero-v3-card-value-margin-bottom: 8px;

    --hero-v3-card-label-size: 14px;
    --hero-v3-card-label-opacity: 0.9;
    --hero-v3-card-label-margin-bottom: 12px;

    --hero-v3-card-trust-size: 12px;
    --hero-v3-card-trust-padding-top: 12px;



    /* ========================================
   COMPARISON TOKENS
   Общие токены секции comparison
======================================== */
    --comparison-padding-y: 76px;
    --comparison-padding-y-tablet: 58px;
    --comparison-padding-y-mobile: 44px;

    --comparison-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.10), transparent 22%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.05), transparent 28%),
            linear-gradient(180deg, #0b3d2a 0%, #0a2f20 100%);
    --comparison-text-color: #ffffff;

    --comparison-header-max-width: 760px;
    --comparison-header-margin-bottom: 30px;
    --comparison-header-margin-bottom-mobile: 24px;

    --comparison-title-color: #ffffff;

    --comparison-table-gap: 14px;

    --comparison-row-columns: 1.2fr 1fr 1fr;
    --comparison-row-columns-tablet: 1.1fr 1fr 1fr;
    --comparison-row-radius: 24px;
    --comparison-row-radius-tablet: 20px;
    --comparison-row-radius-mobile: 18px;
    --comparison-row-bg: rgba(255, 255, 255, 0.08);
    --comparison-row-border: rgba(255, 255, 255, 0.12);
    --comparison-row-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    --comparison-row-backdrop-filter: blur(8px);

    --comparison-header-row-bg: rgba(255, 255, 255, 0.12);
    --comparison-header-row-border: rgba(255, 255, 255, 0.14);

    --comparison-cell-padding-y: 18px;
    --comparison-cell-padding-x: 20px;
    --comparison-cell-padding-y-tablet: 16px;
    --comparison-cell-padding-x-tablet: 16px;
    --comparison-cell-padding-y-mobile: 14px;
    --comparison-cell-padding-x-mobile: 16px;

    --comparison-cell-font-size: 15px;
    --comparison-cell-font-size-tablet: 14px;
    --comparison-cell-line-height: 1.6;
    --comparison-cell-color: rgba(255, 255, 255, 0.88);
    --comparison-cell-border: rgba(255, 255, 255, 0.08);

    --comparison-header-cell-font-size: 14px;
    --comparison-header-cell-font-weight: 800;
    --comparison-header-cell-letter-spacing: 0.02em;
    --comparison-header-cell-text-transform: uppercase;
    --comparison-header-cell-color: #ffffff;

    --comparison-feature-cell-font-weight: 700;
    --comparison-feature-cell-color: #ffffff;

    --comparison-advantage-bg: rgba(109, 170, 69, 0.14);
    --comparison-advantage-color: #f3ffe9;
    --comparison-advantage-icon-bg: rgba(255, 255, 255, 0.14);
    --comparison-advantage-icon-color: #c8ff9e;

    --comparison-disadvantage-bg: rgba(161, 53, 68, 0.14);
    --comparison-disadvantage-color: #ffe8eb;
    --comparison-disadvantage-icon-bg: rgba(255, 255, 255, 0.14);
    --comparison-disadvantage-icon-color: #ffb8c1;

    --comparison-state-icon-size: 18px;
    --comparison-state-icon-radius: 50%;
    --comparison-state-icon-margin-right: 8px;
    --comparison-state-icon-font-size-advantage: 11px;
    --comparison-state-icon-font-size-disadvantage: 12px;
    --comparison-state-icon-font-weight: 800;

    --comparison-actions-margin-top: 26px;
    --comparison-actions-margin-top-mobile: 18px;
    --comparison-actions-btn-min-width: 240px;

    --comparison-mobile-row-gap: 12px;
    --comparison-mobile-label-margin-bottom: 6px;
    --comparison-mobile-label-font-size: 11px;
    --comparison-mobile-label-line-height: 1.3;
    --comparison-mobile-label-font-weight: 800;
    --comparison-mobile-label-letter-spacing: 0.04em;
    --comparison-mobile-label-text-transform: uppercase;
    --comparison-mobile-label-color: rgba(255, 255, 255, 0.62);

    --comparison-mobile-advantage-label-color: #bff199;
    --comparison-mobile-disadvantage-label-color: #ffbcc4;

    --comparison-mobile-feature-bg: rgba(255, 255, 255, 0.05);


    /* ========================================
   CONTACTS TOKENS
   Общие токены секции contacts
======================================== */
    --contacts-padding-y: 72px;
    --contacts-padding-y-tablet: 56px;
    --contacts-padding-y-mobile: 44px;

    --contacts-bg:
            radial-gradient(circle at top left, rgba(26, 71, 42, 0.05), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
    --contacts-text-color: #163020;

    --contacts-title-color: #102418;
    --contacts-title-margin-bottom: 30px;
    --contacts-title-margin-bottom-mobile: 24px;

    /* ========================================
       CONTACTS TOKENS — GRID
       Сетка карточек
    ======================================== */
    --contacts-grid-columns: repeat(2, minmax(0, 1fr));
    --contacts-grid-columns-mobile: 1fr;
    --contacts-grid-gap: 18px;
    --contacts-grid-gap-tablet: 16px;
    --contacts-grid-gap-mobile: 14px;

    /* ========================================
       CONTACTS TOKENS — CARD
       Карточки контактов
    ======================================== */
    --contacts-card-gap: 16px;
    --contacts-card-gap-mobile: 14px;

    --contacts-card-padding-y: 22px;
    --contacts-card-padding-x: 20px;
    --contacts-card-padding-y-tablet: 20px;
    --contacts-card-padding-x-tablet: 18px;
    --contacts-card-padding-y-mobile: 18px;
    --contacts-card-padding-x-mobile: 16px;

    --contacts-card-radius: 22px;
    --contacts-card-radius-tablet: 20px;
    --contacts-card-radius-mobile: 18px;

    --contacts-card-bg: #ffffff;
    --contacts-card-border: rgba(16, 36, 24, 0.08);
    --contacts-card-border-hover: rgba(26, 71, 42, 0.14);

    --contacts-card-shadow: 0 16px 36px rgba(16, 36, 24, 0.08);
    --contacts-card-shadow-hover: 0 20px 40px rgba(16, 36, 24, 0.12);

    --contacts-card-hover-transform: translateY(-4px);
    --contacts-card-transition: transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast);

    /* ========================================
       CONTACTS TOKENS — ICON
       Иконка карточки контакта
    ======================================== */
    --contacts-icon-size: 54px;
    --contacts-icon-size-mobile: 48px;
    --contacts-icon-radius: 18px;
    --contacts-icon-radius-mobile: 15px;
    --contacts-icon-font-size: 24px;
    --contacts-icon-font-size-mobile: 22px;
    --contacts-icon-line-height: 1;

    --contacts-icon-bg: linear-gradient(135deg, rgba(26, 71, 42, 0.10) 0%, rgba(255, 215, 0, 0.12) 100%);
    --contacts-icon-border: 1px solid rgba(26, 71, 42, 0.08);

    --contacts-icon-svg-size: 24px;

    /* ========================================
       CONTACTS TOKENS — CONTENT
       Заголовок и ссылка
    ======================================== */
    --contacts-heading-margin-bottom: 8px;
    --contacts-heading-font-size: 18px;
    --contacts-heading-font-size-mobile: 17px;
    --contacts-heading-line-height: 1.3;
    --contacts-heading-color: #102418;

    --contacts-link-color: #1a472a;
    --contacts-link-color-hover: #14371f;
    --contacts-link-font-size: 16px;
    --contacts-link-font-size-mobile: 14px;
    --contacts-link-line-height: 1.5;
    --contacts-link-font-weight: 700;

    /* ========================================
       CONTACTS TOKENS — NOTE
       Нижний note/info блок
    ======================================== */
    --contacts-note-margin-top: 22px;
    --contacts-note-padding-y: 18px;
    --contacts-note-padding-x: 20px;
    --contacts-note-radius: 18px;
    --contacts-note-bg: rgba(26, 71, 42, 0.05);
    --contacts-note-border: 1px solid rgba(26, 71, 42, 0.08);

    --contacts-note-text-font-size: 15px;
    --contacts-note-text-font-size-mobile: 14px;
    --contacts-note-text-line-height: 1.65;
    --contacts-note-text-color: #4d5f52;
    --contacts-note-paragraph-gap: 6px;

    /* ========================================
       CONTACTS TOKENS — ACTIONS
       CTA-кнопка под списком контактов
    ======================================== */
    --contacts-actions-margin-top: 26px;
    --contacts-actions-margin-top-mobile: 18px;
    --contacts-actions-btn-min-width: 260px;

    /* ========================================
       CONTACTS TOKENS — BRAND ICON COLORS
       Цвета иконок по типу контакта
    ======================================== */
    --contacts-icon-color-telegram: #229ed9;
    --contacts-icon-color-whatsapp: #25d366;


    /* ========================================
   DOCUMENTS TOKENS
   Общие токены секции documents
======================================== */
    --documents-padding-y: 76px;
    --documents-padding-y-tablet: 58px;
    --documents-padding-y-mobile: 44px;

    --documents-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.10), transparent 24%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.05), transparent 30%),
            linear-gradient(180deg, #0b3d2a 0%, #0a2f20 100%);
    --documents-text-color: #ffffff;

    --documents-title-color: #ffffff;
    --documents-title-margin-bottom: 32px;
    --documents-title-margin-bottom-mobile: 24px;

    /* ========================================
       DOCUMENTS TOKENS — GRID
       Сетка карточек документов
    ======================================== */
    --documents-grid-columns: repeat(auto-fit, minmax(220px, 1fr));
    --documents-grid-columns-mobile: 1fr;
    --documents-grid-gap: 20px;
    --documents-grid-gap-tablet: 16px;
    --documents-grid-gap-mobile: 14px;

    /* ========================================
       DOCUMENTS TOKENS — CARD
       Карточка документа
    ======================================== */
    --documents-card-padding-y: 24px;
    --documents-card-padding-x: 22px;
    --documents-card-padding-y-tablet: 20px;
    --documents-card-padding-x-tablet: 18px;
    --documents-card-padding-y-mobile: 18px;
    --documents-card-padding-x-mobile: 16px;

    --documents-card-radius: 24px;
    --documents-card-radius-tablet: 20px;
    --documents-card-radius-mobile: 18px;

    --documents-card-bg: rgba(255, 255, 255, 0.08);
    --documents-card-border: 1px solid rgba(255, 255, 255, 0.12);
    --documents-card-border-hover: rgba(255, 215, 0, 0.24);

    --documents-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    --documents-card-shadow-hover: 0 22px 44px rgba(0, 0, 0, 0.24);

    --documents-card-backdrop-filter: blur(8px);
    --documents-card-transition: transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast);
    --documents-card-hover-transform: translateY(-4px);

    /* ========================================
       DOCUMENTS TOKENS — ICON
       Иконка внутри карточки документа
    ======================================== */
    --documents-icon-size: 56px;
    --documents-icon-size-mobile: 48px;
    --documents-icon-margin-bottom: 16px;
    --documents-icon-margin-bottom-mobile: 14px;
    --documents-icon-radius: 18px;
    --documents-icon-radius-mobile: 15px;

    --documents-icon-bg: rgba(255, 215, 0, 0.14);
    --documents-icon-border: 1px solid rgba(255, 215, 0, 0.24);
    --documents-icon-font-size: 26px;
    --documents-icon-font-size-mobile: 22px;
    --documents-icon-line-height: 1;
    --documents-icon-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);

    /* ========================================
       DOCUMENTS TOKENS — CONTENT
       Заголовок и текст карточки
    ======================================== */
    --documents-card-title-margin-bottom: 10px;
    --documents-card-title-font-size: 20px;
    --documents-card-title-font-size-mobile: 18px;
    --documents-card-title-line-height: 1.3;
    --documents-card-title-color: #ffffff;

    --documents-card-text-font-size: 15px;
    --documents-card-text-font-size-mobile: 14px;
    --documents-card-text-line-height: 1.65;
    --documents-card-text-color: rgba(255, 255, 255, 0.82);

    /* ========================================
       DOCUMENTS TOKENS — HELP
       Help/info блок под карточками
    ======================================== */
    --documents-help-margin-top: 24px;
    --documents-help-padding-y: 22px;
    --documents-help-padding-x: 24px;
    --documents-help-padding-y-tablet: 20px;
    --documents-help-padding-x-tablet: 18px;

    --documents-help-radius: 24px;
    --documents-help-radius-tablet: 20px;

    --documents-help-bg: rgba(255, 255, 255, 0.07);
    --documents-help-border: 1px solid rgba(255, 255, 255, 0.10);
    --documents-help-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);

    --documents-help-text-font-size: 15px;
    --documents-help-text-font-size-mobile: 14px;
    --documents-help-text-line-height: 1.7;
    --documents-help-text-color: rgba(255, 255, 255, 0.9);
    --documents-help-paragraph-gap: 10px;

    /* ========================================
       DOCUMENTS TOKENS — ACTIONS
       CTA-блок внизу секции
    ======================================== */
    --documents-actions-margin-top: 26px;
    --documents-actions-margin-top-mobile: 18px;
    --documents-actions-btn-min-width: 260px;


    /* ========================================
   FAQ TOKENS
   Общие токены секции FAQ
======================================== */
    --faq-padding-y: 72px;
    --faq-padding-y-tablet: 56px;
    --faq-padding-y-mobile: 44px;

    --faq-bg:
            radial-gradient(circle at top left, rgba(26, 71, 42, 0.05), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
    --faq-text-color: #163020;

    /* ========================================
       FAQ TOKENS — HEADER
       Верхняя часть секции
    ======================================== */
    --faq-header-max-width: 760px;
    --faq-header-margin-bottom: 30px;
    --faq-header-margin-bottom-mobile: 24px;
    --faq-title-color: #102418;

    /* ========================================
       FAQ TOKENS — GRID
       Список FAQ элементов
    ======================================== */
    --faq-grid-max-width: 800px;
    --faq-grid-gap: 14px;

    /* ========================================
       FAQ TOKENS — ITEM
       FAQ карточка / accordion item
    ======================================== */
    --faq-item-radius: 22px;
    --faq-item-radius-mobile: 18px;

    --faq-item-bg: #ffffff;
    --faq-item-border: 1px solid rgba(16, 36, 24, 0.08);
    --faq-item-border-hover: rgba(26, 71, 42, 0.14);
    --faq-item-border-active: rgba(26, 71, 42, 0.18);

    --faq-item-shadow: 0 14px 34px rgba(16, 36, 24, 0.06);
    --faq-item-shadow-hover: 0 18px 40px rgba(16, 36, 24, 0.10);
    --faq-item-shadow-active: 0 18px 42px rgba(16, 36, 24, 0.10);

    --faq-item-transition: box-shadow var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);
    --faq-item-hover-transform: translateY(-2px);

    /* ========================================
       FAQ TOKENS — QUESTION
       Кнопка-вопрос
    ======================================== */
    --faq-question-gap: 16px;
    --faq-question-gap-mobile: 12px;

    --faq-question-padding-y: 22px;
    --faq-question-padding-x: 24px;
    --faq-question-padding-y-tablet: 20px;
    --faq-question-padding-x-tablet: 18px;
    --faq-question-padding-y-mobile: 18px;
    --faq-question-padding-x-mobile: 16px;

    --faq-question-color: #102418;
    --faq-question-text-font-size: 18px;
    --faq-question-text-font-size-mobile: 16px;
    --faq-question-text-line-height: 1.45;
    --faq-question-text-font-weight: 700;

    /* ========================================
       FAQ TOKENS — TOGGLE
       Плюс/минус toggle icon
    ======================================== */
    --faq-toggle-size: 22px;
    --faq-toggle-radius: 50%;

    --faq-toggle-line-width: 14px;
    --faq-toggle-line-height: 2px;
    --faq-toggle-line-radius: 999px;
    --faq-toggle-line-color: #1a472a;

    --faq-toggle-transition: transform var(--motion-fast), opacity var(--motion-fast);
    --faq-toggle-active-scale-x: 0.3;

    /* ========================================
       FAQ TOKENS — ANSWER
       Ответ и внутренний контент
    ======================================== */
    --faq-answer-padding-x: 24px;
    --faq-answer-padding-x-tablet: 18px;
    --faq-answer-padding-x-mobile: 16px;

    --faq-answer-inner-padding-top: 18px;
    --faq-answer-inner-padding-top-tablet: 16px;
    --faq-answer-inner-padding-bottom: 22px;
    --faq-answer-inner-padding-bottom-tablet: 20px;
    --faq-answer-inner-padding-bottom-mobile: 18px;

    --faq-answer-font-size: 15px;
    --faq-answer-font-size-mobile: 14px;
    --faq-answer-line-height: 1.75;
    --faq-answer-line-height-mobile: 1.7;
    --faq-answer-color: #4d5f52;

    --faq-answer-border-top: 1px solid rgba(16, 36, 24, 0.06);

    /* ========================================
       FAQ TOKENS — ACTIONS
       CTA внизу FAQ
    ======================================== */
    --faq-actions-margin-top: 26px;
    --faq-actions-margin-top-mobile: 18px;
    --faq-actions-btn-min-width: 280px;


    /* ========================================
   GUARANTEES TOKENS
   Общие токены секции guarantees
======================================== */
    --guarantees-padding-y: 76px;
    --guarantees-padding-y-tablet: 58px;
    --guarantees-padding-y-mobile: 44px;

    --guarantees-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.10), transparent 22%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.05), transparent 28%),
            linear-gradient(180deg, #0b3d2a 0%, #0a2f20 100%);
    --guarantees-text-color: #ffffff;

    --guarantees-title-color: #ffffff;
    --guarantees-title-margin-bottom: 32px;
    --guarantees-title-margin-bottom-mobile: 24px;

    /* ========================================
       GUARANTEES TOKENS — GRID
       Сетка карточек гарантий
    ======================================== */
    --guarantees-grid-columns: repeat(auto-fit, minmax(220px, 1fr));
    --guarantees-grid-columns-mobile: 1fr;
    --guarantees-grid-gap: 20px;
    --guarantees-grid-gap-tablet: 16px;
    --guarantees-grid-gap-mobile: 14px;

    /* ========================================
       GUARANTEES TOKENS — CARD
       Карточка гарантии
    ======================================== */
    --guarantees-card-padding-y: 24px;
    --guarantees-card-padding-x: 22px;
    --guarantees-card-padding-y-tablet: 20px;
    --guarantees-card-padding-x-tablet: 18px;
    --guarantees-card-padding-y-mobile: 18px;
    --guarantees-card-padding-x-mobile: 16px;

    --guarantees-card-radius: 24px;
    --guarantees-card-radius-tablet: 20px;
    --guarantees-card-radius-mobile: 18px;

    --guarantees-card-bg: rgba(255, 255, 255, 0.08);
    --guarantees-card-border: 1px solid rgba(255, 255, 255, 0.12);
    --guarantees-card-border-hover: rgba(255, 215, 0, 0.22);

    --guarantees-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    --guarantees-card-shadow-hover: 0 22px 44px rgba(0, 0, 0, 0.24);

    --guarantees-card-backdrop-filter: blur(8px);
    --guarantees-card-transition: transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast);
    --guarantees-card-hover-transform: translateY(-4px);

    /* ========================================
       GUARANTEES TOKENS — ICON
       Иконка карточки гарантии
    ======================================== */
    --guarantees-icon-size: 56px;
    --guarantees-icon-size-mobile: 48px;
    --guarantees-icon-margin-bottom: 16px;
    --guarantees-icon-margin-bottom-mobile: 14px;
    --guarantees-icon-radius: 18px;
    --guarantees-icon-radius-mobile: 15px;

    --guarantees-icon-bg: rgba(255, 215, 0, 0.14);
    --guarantees-icon-border: 1px solid rgba(255, 215, 0, 0.24);
    --guarantees-icon-font-size: 26px;
    --guarantees-icon-font-size-mobile: 22px;
    --guarantees-icon-line-height: 1;
    --guarantees-icon-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);

    /* ========================================
       GUARANTEES TOKENS — CONTENT
       Заголовок и текст карточки
    ======================================== */
    --guarantees-card-title-margin-bottom: 10px;
    --guarantees-card-title-font-size: 20px;
    --guarantees-card-title-font-size-mobile: 18px;
    --guarantees-card-title-line-height: 1.3;
    --guarantees-card-title-color: #ffffff;

    --guarantees-card-text-font-size: 15px;
    --guarantees-card-text-font-size-mobile: 14px;
    --guarantees-card-text-line-height: 1.65;
    --guarantees-card-text-color: rgba(255, 255, 255, 0.82);

    /* ========================================
       GUARANTEES TOKENS — ACTIONS
       CTA-блок внизу секции
    ======================================== */
    --guarantees-actions-margin-top: 26px;
    --guarantees-actions-margin-top-mobile: 18px;
    --guarantees-actions-btn-min-width: 260px;



    /* ========================================
   LEAD FORM TOKENS
   Общие токены секции lead-form
======================================== */
    --lead-form-padding-y: 76px;
    --lead-form-padding-y-tablet: 58px;
    --lead-form-padding-y-mobile: 44px;

    --lead-form-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.10), transparent 24%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.05), transparent 30%),
            linear-gradient(180deg, #0b3d2a 0%, #0a2f20 100%);
    --lead-form-text-color: #ffffff;

    /* ========================================
       LEAD FORM TOKENS — HEADER
    ======================================== */
    --lead-form-header-max-width: 760px;
    --lead-form-header-margin-bottom: 30px;
    --lead-form-header-margin-bottom-mobile: 22px;

    --lead-form-title-color: #ffffff;

    --lead-form-subtitle-margin-top: 14px;
    --lead-form-subtitle-font-size: 16px;
    --lead-form-subtitle-font-size-mobile: 14px;
    --lead-form-subtitle-line-height: 1.7;
    --lead-form-subtitle-color: rgba(255, 255, 255, 0.82);

    /* ========================================
       LEAD FORM TOKENS — OUTER WRAPPER
       Glass контейнер вокруг формы
    ======================================== */
    --lead-form-wrapper-max-width: 920px;
    --lead-form-wrapper-padding: 30px;
    --lead-form-wrapper-padding-tablet: 22px;
    --lead-form-wrapper-padding-mobile: 14px;

    --lead-form-wrapper-radius: 28px;
    --lead-form-wrapper-radius-tablet: 24px;
    --lead-form-wrapper-radius-mobile: 20px;

    --lead-form-wrapper-bg: rgba(255, 255, 255, 0.08);
    --lead-form-wrapper-border: 1px solid rgba(255, 255, 255, 0.12);
    --lead-form-wrapper-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
    --lead-form-wrapper-backdrop-filter: blur(10px);

    /* ========================================
       LEAD FORM TOKENS — INNER FORM
       Белая поверхность самой формы
    ======================================== */
    --lead-form-surface-padding: 28px;
    --lead-form-surface-padding-tablet: 22px;
    --lead-form-surface-padding-mobile: 16px;

    --lead-form-surface-radius: 24px;
    --lead-form-surface-radius-tablet: 20px;
    --lead-form-surface-radius-mobile: 18px;

    --lead-form-surface-bg: #ffffff;
    --lead-form-surface-border: 1px solid rgba(16, 36, 24, 0.06);
    --lead-form-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);

    /* ========================================
       LEAD FORM TOKENS — GRID
    ======================================== */
    --lead-form-grid-columns: repeat(2, minmax(0, 1fr));
    --lead-form-grid-columns-mobile: 1fr;
    --lead-form-grid-column-gap: 20px;
    --lead-form-grid-row-gap: 18px;
    --lead-form-grid-gap-tablet: 16px;
    --lead-form-grid-gap-mobile: 14px;

    /* ========================================
       LEAD FORM TOKENS — LABELS
    ======================================== */
    --lead-form-label-margin-bottom: 8px;
    --lead-form-label-font-size: 14px;
    --lead-form-label-line-height: 1.4;
    --lead-form-label-font-weight: 700;
    --lead-form-label-color: #163020;

    /* ========================================
       LEAD FORM TOKENS — INPUTS
       Базовые токены для input/select/textarea
    ======================================== */
    --lead-form-control-min-height: 56px;
    --lead-form-control-min-height-mobile: 52px;

    --lead-form-control-padding-y: 15px;
    --lead-form-control-padding-x: 16px;
    --lead-form-control-padding-y-mobile: 14px;
    --lead-form-control-padding-x-mobile: 14px;

    --lead-form-control-radius: 16px;
    --lead-form-control-border: 1.5px solid rgba(16, 36, 24, 0.18);
    --lead-form-control-border-hover: rgba(26, 71, 42, 0.28);
    --lead-form-control-border-focus: #1a472a;

    --lead-form-control-bg: #f8fbf8;
    --lead-form-control-bg-focus: #ffffff;
    --lead-form-control-text: #102418;
    --lead-form-control-placeholder: #7b8d7f;

    --lead-form-control-font-size: 16px;
    --lead-form-control-line-height: 1.4;
    --lead-form-control-transition: border-color var(--motion-fast), box-shadow var(--motion-fast), background-color var(--motion-fast);
    --lead-form-control-focus-ring: 0 0 0 4px rgba(26, 71, 42, 0.12);

    /* ========================================
       LEAD FORM TOKENS — TEXTAREA
    ======================================== */
    --lead-form-textarea-min-height: 132px;
    --lead-form-textarea-min-height-mobile: 120px;

    /* ========================================
       LEAD FORM TOKENS — NATIVE SELECT
    ======================================== */
    --lead-form-select-arrow-color: #1a472a;
    --lead-form-select-arrow-size: 6px 6px;
    --lead-form-select-arrow-offset-right-1: 22px;
    --lead-form-select-arrow-offset-right-2: 16px;
    --lead-form-select-select-padding-right: 44px;

    /* ========================================
       LEAD FORM TOKENS — ACTIONS
    ======================================== */
    --lead-form-actions-margin-top: 24px;
    --lead-form-actions-margin-top-mobile: 18px;
    --lead-form-submit-min-width: 280px;

    /* ========================================
       LEAD FORM TOKENS — PRIVACY / MESSAGE
    ======================================== */
    --lead-form-privacy-margin-top: 14px;
    --lead-form-privacy-font-size: 13px;
    --lead-form-privacy-line-height: 1.6;
    --lead-form-privacy-color: #6a7b6e;

    --lead-form-message-margin-top: 16px;
    --lead-form-message-min-height: 24px;
    --lead-form-message-font-size: 14px;
    --lead-form-message-line-height: 1.5;
    --lead-form-message-color: #1a472a;

    /* ========================================
       COUNTRY SELECT TOKENS
       Кастомный dropdown выбора страны
    ======================================== */
    --country-select-trigger-gap: 12px;
    --country-select-trigger-arrow-font-size: 14px;
    --country-select-trigger-arrow-transition: transform var(--motion-fast);

    --country-select-dropdown-offset-y: 8px;
    --country-select-dropdown-z-index: 30;
    --country-select-dropdown-radius: 18px;
    --country-select-dropdown-border: 1px solid rgba(16, 36, 24, 0.12);
    --country-select-dropdown-bg: #ffffff;
    --country-select-dropdown-shadow: 0 20px 40px rgba(16, 36, 24, 0.14);

    --country-select-search-wrap-padding: 12px;
    --country-select-search-wrap-border-bottom: 1px solid rgba(16, 36, 24, 0.08);
    --country-select-search-wrap-bg: #ffffff;
    --country-select-search-wrap-z-index: 2;

    --country-select-search-min-height: 46px;
    --country-select-search-padding-y: 12px;
    --country-select-search-padding-x: 14px;
    --country-select-search-radius: 12px;
    --country-select-search-border: 1.5px solid rgba(16, 36, 24, 0.16);
    --country-select-search-border-focus: #1a472a;
    --country-select-search-bg: #f8fbf8;
    --country-select-search-bg-focus: #ffffff;
    --country-select-search-text: #102418;
    --country-select-search-font-size: 15px;
    --country-select-search-line-height: 1.4;
    --country-select-search-focus-ring: 0 0 0 4px rgba(26, 71, 42, 0.10);

    --country-select-list-max-height: 420px;
    --country-select-list-padding: 8px;

    --country-select-option-min-height: 40px;
    --country-select-option-padding-y: 10px;
    --country-select-option-padding-x: 12px;
    --country-select-option-radius: 12px;
    --country-select-option-font-size: 15px;
    --country-select-option-line-height: 1.4;
    --country-select-option-text: #163020;
    --country-select-option-hover-bg: rgba(26, 71, 42, 0.08);
    --country-select-option-hover-text: #102418;
    --country-select-option-transition: background-color 0.15s ease, color 0.15s ease;



    --world-map-section-bg: #0b3f43;
    --world-map-section-text: #ffffff;

    --world-map-title-color: #111111;
    --world-map-subtitle-color: #5b6470;
    --world-map-legend-color: #5b6470;

    --world-map-title-color-inverse: #ffffff;
    --world-map-subtitle-color-inverse: #ffffff;
    --world-map-legend-color-inverse: #ffffff;

    --world-map-surface-bg: linear-gradient(180deg, #f9fbfc 0%, #f2f5f7 100%);
    --world-map-surface-border: rgba(16, 24, 40, 0.08);

    --world-map-image-filter: contrast(1) saturate(0.9);

    --world-map-pin-bg: #1f6b45;
    --world-map-pin-bg-hover: #2c8e5c;
    --world-map-pin-border: #ffffff;
    --world-map-pin-ring: rgba(31, 107, 69, 0.16);
    --world-map-pin-ring-hover: rgba(31, 107, 69, 0.22);

    --world-map-tooltip-bg: rgba(17, 24, 39, 0.94);
    --world-map-tooltip-text: #ffffff;
    --world-map-tooltip-text-muted: rgba(255, 255, 255, 0.82);
    --world-map-tooltip-shadow-color: rgba(0, 0, 0, 0.2);

    --world-map-mobile-tag-bg: rgba(255, 255, 255, 0.10);
    --world-map-mobile-tag-border: rgba(255, 255, 255, 0.14);
    --world-map-mobile-tag-text: #ffffff;

    --world-map-bg-overlay: rgba(1, 105, 111, 0.78);



    /* Payments section colors */
    --payments-section-bg:
            radial-gradient(circle at top left, rgba(255, 215, 0, 0.10), transparent 24%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.06), transparent 28%),
            linear-gradient(180deg, #0b3d2a 0%, #0a2f20 100%);
    --payments-section-text: #ffffff;

    --payments-title-color: #ffffff;

    --payments-card-bg: rgba(255, 255, 255, 0.08);
    --payments-card-border: rgba(255, 255, 255, 0.12);
    --payments-card-border-hover: rgba(255, 255, 255, 0.18);

    --payments-card-featured-bg: linear-gradient(180deg, rgba(255, 215, 0, 0.16) 0%, rgba(255, 255, 255, 0.10) 100%);
    --payments-card-featured-border: rgba(255, 215, 0, 0.38);

    --payments-badge-bg: rgba(255, 215, 0, 0.16);
    --payments-badge-border: rgba(255, 215, 0, 0.30);
    --payments-badge-text: #ffe680;

    --payments-amount-color: #ffd700;
    --payments-label-color: #ffffff;
    --payments-small-color: rgba(255, 255, 255, 0.72);
    --payments-note-color: rgba(255, 255, 255, 0.88);

    --payments-details-bg: rgba(255, 255, 255, 0.07);
    --payments-details-border: rgba(255, 255, 255, 0.10);
    --payments-details-title-color: #ffffff;
    --payments-details-item-color: rgba(255, 255, 255, 0.9);

    --payments-check-bg: rgba(255, 215, 0, 0.16);
    --payments-check-color: #ffd700;

    /* Payments typography */
    --payments-amount-font-size: clamp(30px, 4vw, 44px);
    --payments-amount-line-height: 1;
    --payments-amount-font-weight: 800;
    --payments-amount-letter-spacing: -0.02em;

    --payments-label-font-size: 18px;
    --payments-label-font-size-mobile: 17px;
    --payments-label-line-height: 1.35;
    --payments-label-font-weight: 700;

    --payments-small-font-size: 13px;
    --payments-small-line-height: 1.45;

    --payments-note-font-size: 14px;
    --payments-note-line-height: 1.6;

    --payments-badge-font-size: 11px;
    --payments-badge-font-size-mobile: 10px;
    --payments-badge-font-weight: 700;
    --payments-badge-letter-spacing: 0.04em;
    --payments-badge-text-transform: uppercase;

    --payments-details-title-font-size: 24px;
    --payments-details-title-font-size-mobile: 21px;
    --payments-details-title-line-height: 1.25;

    --payments-details-item-font-size: 15px;
    --payments-details-item-font-size-mobile: 14px;
    --payments-details-item-line-height: 1.6;

    --payments-check-font-size: 12px;
    --payments-check-font-weight: 800;



    --process-section-bg:
            radial-gradient(circle at top left, rgba(26, 71, 42, 0.06), transparent 32%),
            linear-gradient(180deg, #f8faf8 0%, #eef4ef 100%);
    --process-section-text: #163020;

    --process-title-color: #102418;

    --process-card-bg: rgba(255, 255, 255, 0.92);
    --process-card-border: rgba(26, 71, 42, 0.10);
    --process-card-border-hover: rgba(26, 71, 42, 0.18);

    --process-step-number-bg: linear-gradient(135deg, #1a472a 0%, #2d6b44 100%);
    --process-step-number-text: #ffffff;

    --process-step-title-color: #102418;
    --process-step-text-color: #506154;



    --requirements-section-bg:
            radial-gradient(circle at top left, rgba(26, 71, 42, 0.05), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
    --requirements-section-text: #163020;

    --requirements-title-color: #102418;

    --requirements-column-bg: #ffffff;
    --requirements-column-border: rgba(16, 36, 24, 0.08);

    --requirements-column-suitable-bg: linear-gradient(180deg, #ffffff 0%, #f6fbf7 100%);
    --requirements-column-required-bg: linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);

    --requirements-column-title-color: #102418;
    --requirements-item-text-color: #4d5f52;

    --requirements-suitable-icon-bg: rgba(26, 71, 42, 0.12);
    --requirements-suitable-icon-color: #1a472a;

    --requirements-required-icon-bg: rgba(201, 138, 0, 0.14);
    --requirements-required-icon-color: #9b6b00;

    --requirements-note-bg: rgba(26, 71, 42, 0.05);
    --requirements-note-border: rgba(26, 71, 42, 0.08);
    --requirements-note-text-color: #405244;




    --roles-section-bg:
            radial-gradient(circle at top left, rgba(26, 71, 42, 0.05), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
    --roles-section-text: #163020;

    --roles-title-color: #102418;

    --roles-card-bg: #ffffff;
    --roles-card-border: rgba(16, 36, 24, 0.08);
    --roles-card-border-hover: rgba(26, 71, 42, 0.14);

    --roles-icon-bg: linear-gradient(135deg, rgba(26, 71, 42, 0.10) 0%, rgba(255, 215, 0, 0.12) 100%);
    --roles-icon-border: rgba(26, 71, 42, 0.08);

    --roles-card-title-color: #102418;
    --roles-card-text-color: #4d5f52;

    --roles-note-bg: rgba(26, 71, 42, 0.05);
    --roles-note-border: rgba(26, 71, 42, 0.08);
    --roles-note-text-color: #405244;

    --roles-btn-primary-bg: #1a472a;
    --roles-btn-primary-color: #ffffff;
    --roles-btn-primary-border: #1a472a;
    --roles-btn-primary-bg-hover: #14371f;
    --roles-btn-primary-color-hover: #ffffff;
    --roles-btn-primary-border-hover: #14371f;



    --statistics-number-color: #1a472a;
    --statistics-label-color: #333333;

    --statistics-card-glass-bg: rgba(255, 255, 255, 0.12);
    --statistics-card-glass-border: rgba(255, 255, 255, 0.18);

    --statistics-v3-divider-color: rgba(255, 255, 255, 0.12);
    --statistics-v3-number-color: #9be28f;
    --statistics-v3-label-color: rgba(255, 255, 255, 0.92);



    --support-arrival-section-bg:
            radial-gradient(circle at top right, rgba(26, 71, 42, 0.05), transparent 24%),
            linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
    --support-arrival-section-text: #163020;

    --support-arrival-title-color: #102418;

    --support-arrival-card-bg: #ffffff;
    --support-arrival-card-border: rgba(16, 36, 24, 0.08);
    --support-arrival-card-border-hover: rgba(26, 71, 42, 0.14);

    --support-arrival-icon-bg: linear-gradient(135deg, rgba(26, 71, 42, 0.10) 0%, rgba(255, 215, 0, 0.12) 100%);
    --support-arrival-icon-border: rgba(26, 71, 42, 0.10);

    --support-arrival-card-title-color: #102418;
    --support-arrival-card-text-color: #4d5f52;


    .country-select {
        width: 100%;
    }

    .country-select__trigger {
        width: 100%;
        min-height: var(--lead-form-control-min-height);
        padding: var(--lead-form-control-padding-y) var(--lead-form-control-padding-x);
        border-radius: var(--lead-form-control-radius);
        border: var(--lead-form-control-border);
        background: var(--lead-form-control-bg);
        color: var(--lead-form-control-text);
        font-size: var(--lead-form-control-font-size);
        line-height: var(--lead-form-control-line-height);
        transition: var(--lead-form-control-transition);
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }

    .country-select__trigger:hover {
        border-color: var(--lead-form-control-border-hover);
    }

    .country-select__trigger:focus,
    .country-select__trigger:focus-visible,
    .country-select__trigger[aria-expanded="true"] {
        outline: none;
        border-color: var(--lead-form-control-border-focus);
        background: var(--lead-form-control-bg-focus);
        box-shadow: var(--lead-form-control-focus-ring);
    }


    --region-popover-bg: var(--color-surface, #ffffff);
    --region-popover-text: var(--color-text, #111111);
    --region-popover-text-muted: var(--color-text-muted, #5f6470);
    --region-popover-border: var(--color-border, rgba(255,255,255,0.08));
    --region-popover-shadow: var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, 0.24));
    --region-popover-backdrop: rgba(7, 11, 26, 0.36);

    --region-btn-primary-bg: var(--color-primary, #6c63ff);
    --region-btn-primary-text: var(--color-text-inverse, #ffffff);
    --region-btn-secondary-bg: transparent;
    --region-btn-secondary-text: var(--color-text, #111111);


    --country-switcher-trigger-bg: var(--lang-link-active-bg);
    --country-switcher-trigger-text: var(--lang-link-active-color);
    --country-switcher-trigger-hover-bg: var(--lang-link-hover-bg);
    --country-switcher-trigger-hover-text: var(--lang-link-hover-color);
    --country-switcher-trigger-radius: var(--radius-full);
    --country-switcher-trigger-padding-x: var(--space-4);
    --country-switcher-trigger-min-height: 42px;
    --country-switcher-gap: var(--space-2);
    --country-switcher-flag-size: 20px;
}

.theme-dark {
    /* ========================================
       CORE COLORS
       Базовые цвета темы
    ======================================== */
    --color-bg: #0a0c12;
    --color-surface: #10131c;
    --color-surface-2: #161a24;

    --color-text: #eef2ff;
    --color-text-muted: #9ca3af;
    --color-text-faint: rgba(238, 242, 255, 0.65);
    --color-text-strong: #ffffff;
    --color-text-inverse: #0a0c12;

    --color-primary: #6366f1;
    --color-primary-hover: #8183f4;
    --color-primary-strong: #4f46e5;
    --color-accent: #fbbf24;

    --color-warning: #f59e0b;
    --color-warning-bg: rgba(245, 158, 11, 0.12);

    --color-success-soft: rgba(34, 197, 94, 0.12);
    --color-success-text: #dcfce7;
    --color-success-icon: #86efac;

    --color-danger-soft: rgba(239, 68, 68, 0.12);
    --color-danger-text: #fee2e2;
    --color-danger-icon: #fca5a5;

    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-strong: rgba(99, 102, 241, 0.24);
    --color-border-inverse: rgba(0, 0, 0, 0.2);

    /* ========================================
       WHITE ALPHAS
       Полупрозрачные white utility tokens
    ======================================== */
    --color-white-05: rgba(255, 255, 255, 0.05);
    --color-white-08: rgba(255, 255, 255, 0.08);
    --color-white-10: rgba(255, 255, 255, 0.10);
    --color-white-12: rgba(255, 255, 255, 0.12);
    --color-white-14: rgba(255, 255, 255, 0.14);
    --color-white-18: rgba(255, 255, 255, 0.18);
    --color-white-28: rgba(255, 255, 255, 0.28);
    --color-white-40: rgba(255, 255, 255, 0.40);
    --color-white-62: rgba(255, 255, 255, 0.62);
    --color-white-88: rgba(255, 255, 255, 0.88);
    --color-white-92: rgba(255, 250, 225, 0.92);
    --color-white-96: rgba(255, 255, 255, 0.96);

    /* ========================================
       SECTION TOKENS
    ======================================== */
    --section-light-bg: #10131c;
    --section-light-text: #eef2ff;
    --section-dark-bg: transparent;
    --section-dark-text: #ffffff;

    /* ========================================
       CARD TOKENS
    ======================================== */
    --card-bg: #131824;
    --card-text: #eef2ff;
    --card-text-muted: #9ca3af;
    --card-border: rgba(255, 255, 255, 0.06);

    /* ========================================
       POPUP / DROPDOWN TOKENS
    ======================================== */
    --popup-bg: #131824;
    --popup-text: #eef2ff;
    --popup-border: rgba(255, 255, 255, 0.08);
    --popup-hover-bg: rgba(99, 102, 241, 0.12);

    /* ========================================
       INPUT TOKENS
    ======================================== */
    --input-bg: #0d0f17;
    --input-text: #eef2ff;
    --input-placeholder: #6b7280;
    --input-border: rgba(255, 255, 255, 0.10);
    --input-border-hover: rgba(99, 102, 241, 0.30);
    --input-border-focus: #6366f1;
    --input-focus-ring: rgba(99, 102, 241, 0.20);

    /* ========================================
       BUTTON TOKENS — PRIMARY
    ======================================== */
    --btn-primary-bg: #6366f1;
    --btn-primary-bg-hover: #7c3aed;
    --btn-primary-color: #ffffff;
    --btn-primary-border: #6366f1;
    --btn-primary-shadow: 0 10px 24px rgba(99, 102, 241, 0.28);
    --btn-primary-color-hover: #ffffff;
    --btn-primary-border-hover: #7c3aed;

    /* ========================================
       BUTTON TOKENS — TELEGRAM
    ======================================== */
    --btn-telegram-bg: rgba(255, 255, 255, 0.05);
    --btn-telegram-bg-hover: rgba(99, 102, 241, 0.15);
    --btn-telegram-color: #ffffff;
    --btn-telegram-border: rgba(255, 255, 255, 0.12);
    --btn-telegram-border-hover: rgba(99, 102, 241, 0.40);
    --btn-telegram-color-hover: #ffffff;

    /* ========================================
       FOOTER TOKENS
    ======================================== */
    --footer-bg: linear-gradient(180deg, #05070c 0%, #0a0c12 100%);
    --footer-text: rgba(255, 255, 255, 0.88);
    --footer-warning-text: rgba(255, 245, 200, 0.92);
    --footer-border: rgba(255, 255, 255, 0.06);

    /* ========================================
       SHADOW TOKENS
    ======================================== */
    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 18px 40px rgba(0, 0, 0, 0.5);

    /* ========================================
       HERO TOKENS
    ======================================== */
    --hero-image-placeholder-bg: linear-gradient(135deg, #1e1b4b, #312e81);
    --hero-image-badge-bg: linear-gradient(135deg, #6366f1, #8183f4);
    --hero-card-bg: rgba(255, 255, 255, 0.05);
    --hero-card-border: rgba(255, 255, 255, 0.12);
    --hero-card-trust-color: rgba(255, 255, 255, 0.75);
    --hero-text-color: #ffffff;
    --hero-title-color: #ffffff;
    --hero-subtitle-color: rgba(255, 255, 255, 0.88);
    --hero-badge-color: #ffffff;
    --hero-trust-color: rgba(255, 255, 255, 0.7);
    --hero-card-label-color: rgba(255, 255, 255, 0.85);
    --hero-image-subtitle-color: rgba(255, 255, 255, 0.85);
    --hero-badge-bg: rgba(99, 102, 241, 0.25);
    --hero-stat-color: #fbbf24;
    --hero-overlay-bg: rgba(5, 7, 12, 0.88);
    --hero-overlay-dark-bg: rgba(0, 0, 0, 0.65);
    --hero-image-badge-text: #ffffff;
    --hero-card-hover-bg: rgba(99, 102, 241, 0.12);
    --hero-card-hover-border: rgba(99, 102, 241, 0.28);
    --hero-v1-trust-color: rgba(255, 255, 255, 0.75);
    --hero-v1-image-badge-number-color: #ffffff;
    --hero-v2-image-badge-color: #ffffff;
    --hero-v2-image-badge-number-color: #ffffff;

    /* ========================================
       LANGUAGE SWITCHER TOKENS
    ======================================== */
    --lang-active-label-color: #0a0c12;
    --lang-check-color: #6366f1;
    --lang-switcher-bg: rgba(19, 24, 36, 0.96);
    --lang-switcher-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    --lang-link-color: #eef2ff;
    --lang-link-hover-bg: #6366f1;
    --lang-link-hover-color: #ffffff;
    --lang-link-active-bg: #8183f4;
    --lang-link-active-color: #ffffff;
    --lang-dropdown-bg: #131824;
    --lang-dropdown-text: #eef2ff;
    --lang-dropdown-border: rgba(255, 255, 255, 0.08);
    --lang-dropdown-hover-bg: rgba(99, 102, 241, 0.12);
    --lang-dropdown-active-bg: rgba(99, 102, 241, 0.20);
    --lang-dropdown-active-color: #a5b4fc;
    --lang-dropdown-shadow: var(--shadow-lg);

    /* ========================================
       CONTACT WIDGET TOKENS
    ======================================== */
    --contact-widget-icon-telegram-bg: rgba(34, 158, 217, 0.15);
    --contact-widget-icon-whatsapp-bg: rgba(37, 211, 102, 0.15);
    --contact-widget-icon-phone-bg: rgba(99, 102, 241, 0.15);
    --contact-widget-icon-email-bg: rgba(245, 158, 11, 0.15);

    /* ========================================
       ANTI SCAM TOKENS
    ======================================== */
    --anti-scam-bg: #10131c;
    --anti-scam-surface: #161b26;
    --anti-scam-border: rgba(245, 158, 11, 0.30);
    --anti-scam-title: #ffffff;
    --anti-scam-text: #cbd5e1;
    --anti-scam-accent: #fbbf24;
    --anti-scam-success: #4ade80;
    --anti-scam-v1-icon-bg: rgba(245, 158, 11, 0.10);
    --anti-scam-v2-card-bg: #131824;
    --anti-scam-v2-card-border: rgba(255, 255, 255, 0.08);
    --anti-scam-v2-badge-bg: rgba(245, 158, 11, 0.12);
    --anti-scam-v2-verified-bg: rgba(99, 102, 241, 0.08);
    --anti-scam-v2-verified-border: rgba(99, 102, 241, 0.20);

    /* ========================================
       COMPARISON TOKENS
    ======================================== */
    --comparison-bg: linear-gradient(180deg, #0a0c12 0%, #0d0f17 100%);
    --comparison-text-color: #ffffff;
    --comparison-title-color: #ffffff;
    --comparison-row-bg: rgba(255, 255, 255, 0.04);
    --comparison-row-border: rgba(255, 255, 255, 0.06);
    --comparison-header-row-bg: rgba(99, 102, 241, 0.12);
    --comparison-header-row-border: rgba(99, 102, 241, 0.20);
    --comparison-cell-color: rgba(255, 255, 255, 0.85);
    --comparison-cell-border: rgba(255, 255, 255, 0.05);
    --comparison-header-cell-color: #ffffff;
    --comparison-feature-cell-color: #ffffff;
    --comparison-advantage-bg: rgba(34, 197, 94, 0.12);
    --comparison-advantage-color: #dcfce7;
    --comparison-advantage-icon-bg: rgba(255, 255, 255, 0.08);
    --comparison-advantage-icon-color: #86efac;
    --comparison-disadvantage-bg: rgba(239, 68, 68, 0.12);
    --comparison-disadvantage-color: #fee2e2;
    --comparison-disadvantage-icon-bg: rgba(255, 255, 255, 0.08);
    --comparison-disadvantage-icon-color: #fca5a5;
    --comparison-mobile-label-color: rgba(255, 255, 255, 0.6);
    --comparison-mobile-advantage-label-color: #86efac;
    --comparison-mobile-disadvantage-label-color: #fca5a5;
    --comparison-mobile-feature-bg: rgba(255, 255, 255, 0.03);

    /* ========================================
       CONTACTS TOKENS
    ======================================== */
    --contacts-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --contacts-text-color: #eef2ff;
    --contacts-title-color: #ffffff;
    --contacts-card-bg: #131824;
    --contacts-card-border: rgba(255, 255, 255, 0.06);
    --contacts-card-border-hover: rgba(99, 102, 241, 0.20);
    --contacts-icon-bg: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.12) 100%);
    --contacts-icon-border: 1px solid rgba(99, 102, 241, 0.15);
    --contacts-heading-color: #ffffff;
    --contacts-link-color: #a5b4fc;
    --contacts-link-color-hover: #c7d2fe;
    --contacts-note-bg: rgba(99, 102, 241, 0.06);
    --contacts-note-border: 1px solid rgba(99, 102, 241, 0.10);
    --contacts-note-text-color: #9ca3af;

    /* ========================================
       DOCUMENTS TOKENS
    ======================================== */
    --documents-bg: linear-gradient(180deg, #0a0c12 0%, #0d0f17 100%);
    --documents-text-color: #ffffff;
    --documents-title-color: #ffffff;
    --documents-card-border: 1px solid rgba(255, 255, 255, 0.06);
    --documents-card-border-hover: rgba(99, 102, 241, 0.25);
    --documents-icon-bg: rgba(99, 102, 241, 0.12);
    --documents-icon-border: 1px solid rgba(99, 102, 241, 0.20);
    --documents-card-title-color: #ffffff;
    --documents-card-text-color: rgba(255, 255, 255, 0.75);
    --documents-help-bg: rgba(255, 255, 255, 0.04);
    --documents-help-border: 1px solid rgba(255, 255, 255, 0.06);
    --documents-help-text-color: rgba(255, 255, 255, 0.85);

    /* ========================================
       FAQ TOKENS
    ======================================== */
    --faq-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --faq-text-color: #eef2ff;
    --faq-title-color: #ffffff;
    --faq-item-bg: #131824;
    --faq-item-border: 1px solid rgba(255, 255, 255, 0.06);
    --faq-item-border-hover: rgba(99, 102, 241, 0.18);
    --faq-item-border-active: rgba(99, 102, 241, 0.25);
    --faq-question-color: #ffffff;
    --faq-toggle-line-color: #a5b4fc;
    --faq-answer-color: #9ca3af;
    --faq-answer-border-top: 1px solid rgba(255, 255, 255, 0.05);

    /* ========================================
       GUARANTEES TOKENS
    ======================================== */
    --guarantees-bg: linear-gradient(180deg, #0a0c12 0%, #0d0f17 100%);
    --guarantees-text-color: #ffffff;
    --guarantees-title-color: #ffffff;
    --guarantees-card-border: 1px solid rgba(255, 255, 255, 0.06);
    --guarantees-card-border-hover: rgba(99, 102, 241, 0.25);
    --guarantees-icon-bg: rgba(99, 102, 241, 0.12);
    --guarantees-icon-border: 1px solid rgba(99, 102, 241, 0.20);
    --guarantees-card-title-color: #ffffff;
    --guarantees-card-text-color: rgba(255, 255, 255, 0.75);

    /* ========================================
       LEAD FORM TOKENS
    ======================================== */
    --lead-form-bg: linear-gradient(180deg, #0a0c12 0%, #0d0f17 100%);
    --lead-form-text-color: #ffffff;
    --lead-form-title-color: #ffffff;
    --lead-form-subtitle-color: rgba(255, 255, 255, 0.75);
    --lead-form-wrapper-bg: rgba(255, 255, 255, 0.04);
    --lead-form-wrapper-border: 1px solid rgba(255, 255, 255, 0.06);
    --lead-form-surface-bg: #131824;
    --lead-form-surface-border: 1px solid rgba(255, 255, 255, 0.05);
    --lead-form-label-color: #eef2ff;
    --lead-form-control-border: 1.5px solid rgba(255, 255, 255, 0.10);
    --lead-form-control-border-hover: rgba(99, 102, 241, 0.30);
    --lead-form-control-border-focus: #6366f1;
    --lead-form-control-bg: #0d0f17;
    --lead-form-control-bg-focus: #131824;
    --lead-form-control-text: #eef2ff;
    --lead-form-control-placeholder: #6b7280;
    --lead-form-control-focus-ring: 0 0 0 4px rgba(99, 102, 241, 0.20);
    --lead-form-select-arrow-color: #a5b4fc;
    --lead-form-privacy-color: #6b7280;
    --lead-form-message-color: #a5b4fc;

    /* ========================================
       COUNTRY SELECT TOKENS
    ======================================== */
    --country-select-dropdown-border: 1px solid rgba(255, 255, 255, 0.08);
    --country-select-dropdown-bg: #131824;
    --country-select-search-wrap-border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    --country-select-search-wrap-bg: #131824;
    --country-select-search-border: 1.5px solid rgba(255, 255, 255, 0.10);
    --country-select-search-border-focus: #6366f1;
    --country-select-search-bg: #0d0f17;
    --country-select-search-bg-focus: #131824;
    --country-select-search-text: #eef2ff;
    --country-select-search-focus-ring: 0 0 0 4px rgba(99, 102, 241, 0.16);
    --country-select-option-text: #eef2ff;
    --country-select-option-hover-bg: rgba(99, 102, 241, 0.10);
    --country-select-option-hover-text: #ffffff;

    /* ========================================
       WORLD MAP TOKENS
    ======================================== */
    --world-map-section-bg: #06080d;
    --world-map-title-color: #ffffff;
    --world-map-subtitle-color: rgba(255, 255, 255, 0.75);
    --world-map-legend-color: rgba(255, 255, 255, 0.7);
    --world-map-surface-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --world-map-surface-border: rgba(255, 255, 255, 0.06);
    --world-map-pin-bg: #6366f1;
    --world-map-pin-bg-hover: #8183f4;
    --world-map-pin-border: #ffffff;
    --world-map-pin-ring: rgba(99, 102, 241, 0.20);
    --world-map-pin-ring-hover: rgba(99, 102, 241, 0.30);
    --world-map-tooltip-bg: rgba(10, 12, 18, 0.96);
    --world-map-tooltip-text: #ffffff;
    --world-map-tooltip-text-muted: rgba(255, 255, 255, 0.75);
    --world-map-mobile-tag-bg: rgba(255, 255, 255, 0.06);
    --world-map-mobile-tag-border: rgba(255, 255, 255, 0.10);
    --world-map-mobile-tag-text: #ffffff;
    --world-map-bg-overlay: rgba(6, 8, 13, 0.80);

    /* ========================================
       PAYMENTS TOKENS
    ======================================== */
    --payments-section-bg: linear-gradient(180deg, #0a0c12 0%, #0d0f17 100%);
    --payments-section-text: #ffffff;
    --payments-title-color: #ffffff;
    --payments-card-bg: rgba(255, 255, 255, 0.04);
    --payments-card-border: rgba(255, 255, 255, 0.06);
    --payments-card-border-hover: rgba(255, 255, 255, 0.10);
    --payments-card-featured-bg: linear-gradient(180deg, rgba(99, 102, 241, 0.10) 0%, rgba(255, 255, 255, 0.04) 100%);
    --payments-card-featured-border: rgba(99, 102, 241, 0.30);
    --payments-badge-bg: rgba(99, 102, 241, 0.15);
    --payments-badge-border: rgba(99, 102, 241, 0.25);
    --payments-badge-text: #c7d2fe;
    --payments-amount-color: #fbbf24;
    --payments-label-color: #ffffff;
    --payments-small-color: rgba(255, 255, 255, 0.6);
    --payments-note-color: rgba(255, 255, 255, 0.8);
    --payments-details-bg: rgba(255, 255, 255, 0.03);
    --payments-details-border: rgba(255, 255, 255, 0.06);
    --payments-details-title-color: #ffffff;
    --payments-details-item-color: rgba(255, 255, 255, 0.85);
    --payments-check-bg: rgba(99, 102, 241, 0.12);
    --payments-check-color: #a5b4fc;

    /* ========================================
       PROCESS TOKENS
    ======================================== */
    --process-section-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --process-section-text: #eef2ff;
    --process-title-color: #ffffff;
    --process-card-bg: rgba(255, 255, 255, 0.03);
    --process-card-border: rgba(255, 255, 255, 0.06);
    --process-card-border-hover: rgba(99, 102, 241, 0.15);
    --process-step-number-bg: linear-gradient(135deg, #4f46e5, #6366f1);
    --process-step-number-text: #ffffff;
    --process-step-title-color: #ffffff;
    --process-step-text-color: #9ca3af;

    /* ========================================
       REQUIREMENTS TOKENS
    ======================================== */
    --requirements-section-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --requirements-section-text: #eef2ff;
    --requirements-title-color: #ffffff;
    --requirements-column-bg: #131824;
    --requirements-column-border: rgba(255, 255, 255, 0.06);
    --requirements-column-suitable-bg: linear-gradient(180deg, #131824 0%, #161b28 100%);
    --requirements-column-required-bg: linear-gradient(180deg, #131824 0%, #1a1520 100%);
    --requirements-column-title-color: #ffffff;
    --requirements-item-text-color: #9ca3af;
    --requirements-suitable-icon-bg: rgba(34, 197, 94, 0.12);
    --requirements-suitable-icon-color: #86efac;
    --requirements-required-icon-bg: rgba(245, 158, 11, 0.12);
    --requirements-required-icon-color: #fbbf24;
    --requirements-note-bg: rgba(99, 102, 241, 0.06);
    --requirements-note-border: rgba(99, 102, 241, 0.10);
    --requirements-note-text-color: #9ca3af;

    /* ========================================
       ROLES TOKENS
    ======================================== */
    --roles-section-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --roles-section-text: #eef2ff;
    --roles-title-color: #ffffff;
    --roles-card-bg: #131824;
    --roles-card-border: rgba(255, 255, 255, 0.06);
    --roles-card-border-hover: rgba(99, 102, 241, 0.18);
    --roles-icon-bg: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.12) 100%);
    --roles-icon-border: rgba(99, 102, 241, 0.12);
    --roles-card-title-color: #ffffff;
    --roles-card-text-color: #9ca3af;
    --roles-note-bg: rgba(99, 102, 241, 0.06);
    --roles-note-border: rgba(99, 102, 241, 0.10);
    --roles-note-text-color: #9ca3af;
    --roles-btn-primary-bg: #6366f1;
    --roles-btn-primary-color: #ffffff;
    --roles-btn-primary-border: #6366f1;
    --roles-btn-primary-bg-hover: #7c3aed;
    --roles-btn-primary-color-hover: #ffffff;
    --roles-btn-primary-border-hover: #7c3aed;

    /* ========================================
       STATISTICS TOKENS
    ======================================== */
    --statistics-number-color: #a5b4fc;
    --statistics-label-color: #eef2ff;
    --statistics-card-glass-bg: rgba(255, 255, 255, 0.05);
    --statistics-card-glass-border: rgba(255, 255, 255, 0.10);
    --statistics-v3-divider-color: rgba(255, 255, 255, 0.08);
    --statistics-v3-number-color: #fbbf24;
    --statistics-v3-label-color: rgba(255, 255, 255, 0.85);

    /* ========================================
       SUPPORT ARRIVAL TOKENS
    ======================================== */
    --support-arrival-section-bg: linear-gradient(180deg, #0d0f17 0%, #10131c 100%);
    --support-arrival-section-text: #eef2ff;
    --support-arrival-title-color: #ffffff;
    --support-arrival-card-bg: #131824;
    --support-arrival-card-border: rgba(255, 255, 255, 0.06);
    --support-arrival-card-border-hover: rgba(99, 102, 241, 0.18);
    --support-arrival-icon-bg: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.12) 100%);
    --support-arrival-icon-border: rgba(99, 102, 241, 0.12);
    --support-arrival-card-title-color: #ffffff;
    --support-arrival-card-text-color: #9ca3af;


    --contact-widget-trigger-bg: #6366f1;

    --contact-widget-trigger-hover-bg: #7c3aed;

    --popover-bg: rgba(18, 22, 38, 0.96);
    --popover-foreground: #f4f7fb;
    --popover-muted: rgba(244, 247, 251, 0.72);
    --popover-border: rgba(255, 255, 255, 0.08);
    --popover-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);

    --button-primary-bg: #6f6af8;
    --button-primary-foreground: #ffffff;
    --button-secondary-bg: rgba(255, 255, 255, 0.04);
    --button-secondary-foreground: #f4f7fb;

    --lead-form-surface: #181818;
    --lead-form-surface-2: #202020;
    --lead-form-border: #323232;
    --lead-form-text: #f3f3f3;
    --lead-form-muted: #b6b6b6;
    --lead-form-link: #9b87f5;
    --lead-form-link-hover: #b6a8ff;
    --lead-form-input-bg: #111111;
    --lead-form-input-text: #f3f3f3;
    --lead-form-input-border: #3a3a3a;

}