:root {
        /* Цвета */
        --color-dark: rgba(43, 43, 44, 1);
        --color-black: rgba(15, 18, 23, 1);
        --color-white: rgba(255, 255, 255, 1);
        --color-green-primary: rgba(76, 197, 116, 1);
        --color-green-button: rgba(85, 205, 108, 1);
        --color-green-button-light: rgba(97, 215, 119, 1);
        --color-green-button-hover: rgba(112, 209, 144, 1);
        --color-green-dark: rgba(61, 158, 93, 1);
        --color-green-text: rgba(61, 158, 93, 1);
        --color-green-light-bg: rgba(219, 243, 227, 1);
        --color-green-card-bg: rgba(183, 232, 199, 1);
        --color-green-border: rgba(148, 220, 172, 1);
        --color-gray-text: rgba(85, 86, 88, 1);
        --color-gray-subtitle: rgba(128, 130, 132, 1);
        --color-gray-bg: rgba(238, 239, 241, 1);
        --color-gray-border: rgba(213, 216, 220, 1);
        --color-gray-line: rgba(230, 232, 234, 1);
        --color-gray-icon: rgba(170, 173, 176, 0.4);
        --color-blue-dark: rgba(74, 90, 114, 1);

        /* Размеры */
        --container-width: 1200px;
        --section-padding: 80px 30px;
        --border-radius-sm: 10px;
        --border-radius-md: 15px;
        --border-radius-lg: 30px;
        --border-radius-btn: 119px;

        /* Типографика */
        --font-family-primary: 'Open Sans', sans-serif;
        --font-family-secondary: 'Inter', sans-serif;
        --font-size-h1: 40px;
        --font-size-h2: 20px;
        --font-size-text: 16px;
        --font-size-small: 14px;
        --font-size-tablet-h1: 27px;
        --line-height: 1.4;
        --font-weight-semibold: 600;

        /* Отступы секций (type-paragraph и др.) */
        --padding-tablet: 60px 30px;
        --padding-mobile: 60px 15px 60px 15px;
        --color-gray-text-secondary: #555658;

        /* Специфические размеры */
        --base-radius: clamp(200px, 20vw, 320px);
    }

    .fade-in-up {
        opacity: 0;
        transform: translateY(50px);
        transition: all 0.8s ease-out;
    }

    .fade-in-up.visible {
        opacity: 1;
        transform: translateY(0);
    }

    .fade-in-up.delay-1 { transition-delay: 0.1s; }
    .fade-in-up.delay-2 { transition-delay: 0.2s; }
    .fade-in-up.delay-3 { transition-delay: 0.3s; }
    .fade-in-up.delay-4 { transition-delay: 0.4s; }
    .fade-in-up.delay-5 { transition-delay: 0.5s; }
    .fade-in-up.delay-6 { transition-delay: 0.6s; }
    .fade-in-up.delay-7 { transition-delay: 0.7s; }
    .fade-in-up.delay-8 { transition-delay: 0.8s; }

    body.foreign,
    .main-foreign {
        font-family: var(--font-family-primary);
        font-weight: 400;
        background-color: var(--color-white);
        line-height: var(--line-height);
        hyphens: none;
        word-break: keep-all;
        overflow-wrap: normal;
    }

    h1, h2, h3 {
        font-family: inherit;
        margin-bottom: 0;
    }

    .main-foreign * {
        -webkit-font-smoothing: auto;
    }

    /*.section-container {
        max-width: var(--container-width);
        margin: 0 auto;
    }*/

    /* body.foreign h1, */
    body.foreign h2,
    body.foreign h3,
    /* .main-foreign h1, */
    .main-foreign h2,
    .main-foreign h3 {
        font-family: inherit;
        margin-top: 0;
        margin-bottom: 0;
    }

    body.foreign h1,
    .main-foreign h1 {
        font-family: inherit;
    }