/* Базовые настройки – только внутри .iis */
.iis,
.iis *,
.iis *::before,
.iis *::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

h3,
h1 {
    color: #fff;
}

.iis {
    width: 100%;
    min-height: 100vh;
    color: #121212;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
    background-color: #fff;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

button {
    font: inherit;
}

.popup-window h3 {
    color: #000;
}

#f_iis {
    padding: 124px 64px 0;
}

.section-form-glass .container-2024 > .form-glass__description {
    font-size: 22px;
}

.form-glass__title.--single {
    font-weight: 500;
}

.form-glass__title.--single {
    font-size: 48px;
    line-height: 64px;
}

.section-form-glass .container-2024__content,
.section-form-glass .container-2024 > .form-glass__description.--single,
.form-glass__title {
    grid-column: 1 / 13;
}

.iis .section {
    width: 100%;
}

/* Грид 12 колонок */
.iis .grid {
    display: grid;
    max-width: 1920px;
    margin: 0 auto;
}

.iis .grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    padding-inline: 64px;
}

.iis .grid-col-left {
    grid-column: 1 / 4;
}

.iis .grid-col-center {
    grid-column: 4 / 10;
}

.iis .grid-col-right {
    grid-column: 10 / 13;
}

.iis .grid-col-full {
    grid-column: 1 / 13;
}

.iis .grid-span-3 {
    grid-column: span 3;
}

@media (max-width: 1919px){
    .iis .section-system .section-title,
    .iis .system-table,
    .iis .webinar-card-inner,
    .iis .grid{
        max-width: none;
    }
}

@media (max-width: 1200px) {
    .iis .grid-12 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding-inline: 24px;
    }

    .iis .grid-col-left,
    .iis .grid-col-right {
        grid-column: 1 / -1;
    }

    .iis .grid-col-center,
    .iis .grid-col-full {
        grid-column: 1 / -1;
    }

    .iis .grid-span-3 {
        grid-column: span 6;
    }
}

/* Баннер */
.iis .section-banner {
    padding: 224px 0 80px; /* отступ от края страницы, а не от шапки */
    color: #fff;
    background: linear-gradient(
            225deg,
            rgb(31 57 79 / 0%) 0%,
            rgb(31 57 79 / 80%) 50%
    ),
    url("/i/images/iis/banner-bg.jpg") center/cover no-repeat, rgb(0 0 0 / 20%);
}

/* Адаптивные изображения баннера */
@media (max-width: 767px) {
    .iis .section-banner {
        background-image: linear-gradient(
                225deg,
                rgb(31 57 79 / 0%) 0%,
                rgb(31 57 79 / 80%) 50%
        ),
        url("/i/images/iis/banner-bg-375.jpg");
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .iis .section-banner {
        background-image: linear-gradient(
                225deg,
                rgb(31 57 79 / 0%) 0%,
                rgb(31 57 79 / 80%) 50%
        ),
        url("/i/images/iis/banner-bg-768.jpg");
    }
}
@media (min-width: 1280px) and (max-width: 1599px) {
    .iis .section-banner {
        background-image: linear-gradient(
                225deg,
                rgb(31 57 79 / 0%) 0%,
                rgb(31 57 79 / 80%) 50%
        ),
        url("/i/images/iis/banner-bg-1280.jpg");
    }
}
@media (min-width: 1600px) and (max-width: 1919px) {
    .iis .section-banner {
        background-image: linear-gradient(
                225deg,
                rgb(31 57 79 / 0%) 0%,
                rgb(31 57 79 / 80%) 50%
        ),
        url("/i/images/iis/banner-bg-1600.jpg");
    }
}
@media (min-width: 1920px) {
    .iis .section-banner {
        background-image: linear-gradient(
                225deg,
                rgb(31 57 79 / 0%) 0%,
                rgb(31 57 79 / 80%) 50%
        ),
        url("/i/images/iis/banner-bg-1920.jpg");
    }
}


.iis .section-banner .grid {
    padding: 0 64px;
}

.iis .banner-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: flex-start;
}

.iis .banner-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgb(255 255 255 / 60%);
    border-radius: 999px;
}

.iis .banner-date-time {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: rgb(255 255 255 / 70%);
    font-size: 14px;
}

.iis .banner-dot {
    width: 4px;
    height: 4px;
    background-color: rgb(255 255 255 / 70%);
    border-radius: 50%;
}

.iis .banner-center {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.iis .banner-title {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 60px;
    line-height: 72px; /* 60px * 1.2 */
}

.iis .banner-description {
    margin: 0;
    color: #dbdbdb;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px; /* 22px * ~1.45 */
}

/* Преимущества */
.iis .section-advantages {
    padding: 124px 0;
}
.main-wrapper .iis .section-advantages {
    background-color: #f4f4f4;
}

.iis .section-title {
    max-width: 884px;
    margin: 0 0 64px;
    font-weight: 500;
    font-size: 48px;
    line-height: 64px; /* 48px * 1.3333 */
}

.iis .advantages-grid {
    row-gap: 24px;
}

.iis .adv-card {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
    padding: 48px;
    color: #fff;
    background-color: #1e1e1e;
    border-radius: 8px;
}

.iis .adv-card-title {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px; /* 24px * ~1.4167 */
}

.iis .adv-card-text {
    min-height: 120px;
    margin: 0;
    color: #b3b3b3;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; /* 16px * 1.5 */
}

/* Системный подход */
.iis .section-system {
    /* по макету Frame 1535547: padding 124px 64px */
    padding: 124px 0;
    background-color: #fff;
}

.iis .system-table {
    row-gap: 0;
}

.iis .system-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 24px;
    align-items: flex-start;
    padding: 24px 0;
    border-top: 1px solid #dbdbdb;
}

.iis .system-number {
    display: flex;
    grid-column: span 3;
    align-items: flex-start;
    min-height: 68px;
    color: #dbdbdb;
    font-weight: 500;
    font-size: 48px;
    line-height: 64px;
}

.iis .system-title {
    grid-column: span 3;
    margin: 0;
    color: #121212;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
}

.iis .system-text {
    grid-column: 8 / 13;
    max-width: 700px;
    margin: 0;
    color: #3e3c3c;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
}

.iis .system-text-accent {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; /* 16px * 1.5 */
}

/* Карточка вебинара */
.iis .section-system-webinar {
    /* по макету gap между таблицей и карточкой: 160px */
    margin-top: 160px;
}

.iis .webinar-card {
    grid-column: 2 / 12;
}

.iis .webinar-card-inner {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 64px;
    padding: 64px 80px;
    color: #f4f4f4;
    background: linear-gradient(
            180deg,
            rgb(0 0 0 / 0%) 0%,
            rgb(0 0 0 / 100%) 100%
    ),
    linear-gradient(207deg, rgb(24 45 63 / 0%) 0%, rgb(24 45 63 / 100%) 100%),
    linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 30%)),
    url("/i/images/iis/webinar-bg-1920-542db4.jpg") center/cover no-repeat, #102233;
    border-radius: 8px;
    row-gap: 0;
}

.iis .webinar-card-text {
    display: flex;
    flex-direction: column;
    grid-row: 1;
    grid-column: 1;
    gap: 48px;
}

.iis .webinar-card-experts-wrapper {
    display: flex;
    flex-direction: column;
    grid-row: 1 / span 2;
    grid-column: 2;
    gap: 24px;
    justify-content: flex-end;
}

.iis .webinar-card-cta {
    display: flex;
    grid-row: 2;
    grid-column: 1;
    align-items: flex-start;
    margin-top: 48px;
}

.iis .webinar-title {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 48px;
    line-height: 64px; /* 48px * 1.3333 */
}

.iis .webinar-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
    padding-left: 0;
    color: #b3b3b3;
    font-size: 22px;
    line-height: 32px;
    list-style: none;
}

.iis .webinar-list li {
    position: relative;
    margin: 0;
    padding-left: 32px;
}

.iis .webinar-list li::before {
    position: absolute;
    top: 16px;
    left: 0;
    width: 16px;
    height: 2px;
    background-color: #6400e7;
    content: "";
}

.iis .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 311px;
    padding: 12px 48px;
    color: #121212;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px; /* 16px * 1.5 */
    background-color: #fff;
    border: none;
    border-radius: 28px;
    cursor: pointer;
    transition: 0.3s;
}

.iis .btn-primary:hover {
    color: #fff;
    background-color: #6400e7;
}

/* Кнопка в баннере (size=M в Figma: padding 12px 24px) */
.iis .banner-cta {
    max-width: none;
    padding: 12px 24px;
}

.iis .btn-primary:hover {
    filter: brightness(0.96);
}

.iis .webinar-card-experts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.iis .webinar-expert {
    display: flex;
    gap: 24px;
    align-items: center;
    max-width: 513px;
}

.iis .webinar-expert-photo {
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 50%;
}

.iis .webinar-expert-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.iis .webinar-expert-name {
    margin: 0;
    color: #f4f4f4;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}

.iis .webinar-expert-role {
    margin: 0;
    color: #b3b3b3;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 1200px) {
    .iis .section-advantages,
    .iis .section-system {
        padding-inline: 0;
    }

    .iis .section-title {
        margin-bottom: 40px;
        font-size: 32px;
    }

    .iis .webinar-card {
        grid-column: 1 / -1;
    }

    .iis .webinar-card-inner {
        grid-template-columns: 1fr;
        padding: 40px 32px;
    }

    /* адаптация таблицы 01–03 без горизонтального скролла */
    .iis .system-row {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .iis .system-number {
        grid-column: span 2;
        font-size: 18px;
        line-height: 24px;
    }

    .iis .system-title {
        grid-column: span 3;
        font-size: 18px;
        line-height: 24px;
    }

    .iis .system-text {
        grid-column: 1 / -1;
        max-width: none;
        font-size: 16px;
        line-height: 28px;
    }
}

/* Адаптив 1279–768 (ширина фрейма 768px в Figma) */
@media (min-width: 768px) and (max-width: 1279px)  {
    .section-form-glass .container-2024 > .form-glass__description {
        font-size: 16px;
    }

    /* Сетка по центру 768px с боковыми отступами 64px, 8 колонок */
    .iis .grid {
        padding: 0 64px;
    }

    .iis .grid-12 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        padding-inline: 0;
    }

    .iis .section-banner .grid-12 {
        padding-inline: 64px;
    }

    .iis .grid-col-left {
        grid-column: 1 / 3;
    }

    .iis .grid-col-center {
        grid-column: 1 / 9;
    }

    .iis .grid-col-right {
        grid-column: 7 / 9;
    }

    .iis .grid-col-full {
        grid-column: 1 / 9;
    }

    .iis .grid-span-3 {
        grid-column: span 4;
    }

    /* Баннер: контент 640px */
    .iis .section-banner {
        padding: 184px 0 64px;
    }

    .iis .banner-center {
        gap: 32px;
    }

    .iis .banner-title {
        font-size: 40px;
        line-height: 48px; /* 40px * 1.2 */
    }

    .iis .banner-description {
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    /* Преимущества: padding 96px 64px, gap 96px */
    .iis .section-advantages {
        padding: 96px 64px;
    }

    .iis .section-advantages .section-title {
        margin: 0 auto 48px;
        font-size: 32px;
        line-height: 48px; /* 32px * 1.5 */
    }

    .iis .advantages-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 24px;
    }

    .iis .adv-card {
        grid-column: span 4;
        gap: 24px;
        padding: 24px;
    }

    .iis .adv-card-title {
        font-size: 18px;
        line-height: 24px; /* 18px * 1.3333 */
    }

    .iis .adv-card-text {
        min-height: 72px;
        font-size: 14px;
        line-height: 24px; /* 14px * 1.7143 */
    }

    /* Системный блок: padding 96px 64px, gap 96px */
    .iis .section-system {
        padding: 96px 64px;
    }

    .iis .section-system .section-title {
        margin: 0 auto 48px;
        font-size: 32px;
        line-height: 48px; /* 32px * 1.5 */
    }

    .iis .section-system .grid-12 {
        padding-inline: 0;
    }

    .iis .system-table {
        display: flex;
        flex-direction: column;
        grid-column: 1 / 9;
        gap: 24px;
        margin: 0 auto;
    }

    .iis .system-row {
        display: grid;
        grid-template-columns: 59px 225px 1fr;
        align-items: flex-start;
        width: 100%;
        padding: 24px 0 0;
        column-gap: 24px;
        border-top: 1px solid #dbdbdb;
    }

    .iis .system-number {
        grid-column: 1;
        width: 59px;
        min-height: auto;
        font-size: 32px;
        line-height: 48px; /* 32px * 1.5 */
    }

    .iis .system-title {
        grid-column: 2;
        width: 225px;
        font-size: 18px;
        line-height: 25px; /* 18px * 1.3999999364217122 ≈ 25.2px, округляем до 25px */
    }

    .iis .system-text {
        grid-column: 3;
        max-width: none;
        color: #3e3c3c;
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    /* Блок вебинара: padding 48px, gap 64px */
    .iis .section-system-webinar {
        margin-top: 96px;
    }

    .iis .webinar-card {
        grid-column: 1 / 9;
    }

    .iis .webinar-card-inner {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin: 0 auto;
        padding: 48px;
    }

    .iis .webinar-card-experts-wrapper {
        padding-top: 32px;
    }

    .iis .webinar-card-cta {
        margin-top: 32px;
    }

    .iis .webinar-card-text {
        display: contents;
        gap: 32px;
    }

    .iis .webinar-title {
        order: 1;
    }

    .iis .webinar-list {
        order: 1;
    }

    .iis .webinar-card-experts-wrapper {
        grid-row: auto;
        grid-column: auto;
        order: 2;
    }

    .iis .webinar-card-cta {
        display: flex;
        grid-row: auto;
        grid-column: auto;
        justify-content: center;
        order: 3;
        width: 100%;
    }

    .iis .webinar-card-cta .btn-primary {
        width: 100%;
        max-width: none;
    }

    .iis .webinar-title {
        font-size: 32px;
        line-height: 48px; /* 32px * 1.5 */
    }

    .iis .webinar-list {
        gap: 16px;
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    .iis .webinar-card-experts {
        gap: 24px;
    }

    .iis .webinar-expert {
        gap: 40px;
    }

    .iis .webinar-expert-photo {
        width: 80px;
        height: 80px;
    }

    .iis .webinar-expert-name {
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    .iis .webinar-expert-role {
        font-size: 14px;
        line-height: 24px; /* 14px * 1.7143 */
    }

    .iis .btn-primary {
        width: 296px;
        height: 40px;
        padding: 8px 24px;
    }

    /* Форма: padding 0px 64px, gap 96px */
    .section-form-glass.-bgd-transparent {
        padding-right: 64px;
        padding-left: 64px;
    }

    .form-wrapper {
        grid-template-columns: 1fr;
        gap: 96px;
        max-width: 640px;
        margin: 0 auto;
        padding-bottom: 96px;
    }

    .form-container {
        grid-row: 2;
        gap: 64px;
    }

    div[id^="comp_"] .section-form-glass {
        padding-bottom: 96px;
    }
}
/* Адаптив 1599–1280 (ширина фрейма 1280px в Figma) */
@media (min-width: 1280px) and (max-width: 1599px) {
    .section-form-glass .container-2024 > .form-glass__description {
        font-size: 16px;
    }

    /* Сетка по центру 1280px с боковыми отступами 64px */
    .iis .grid {
        padding: 0 64px;
    }

    /* Внутренний грид без дополнительных паддингов,
         чтобы суммарная ширина не превышала 1280px */
    .iis .grid-12 {
        padding-inline: 0;
    }

    .iis .banner-title {
        font-size: 40px;
        line-height: 48px;
    }

    .iis .banner-description {
        font-size: 16px;
        line-height: 28px;
    }

    /* Преимущества: заголовок и карточки по центру на 564px */
    .iis .section-advantages {
        padding: 124px 64px;
    }

    .iis .section-title {
        max-width: 564px;
        margin: 0 0 48px;
        font-size: 32px;
        line-height: 48px;
    }

    .iis .advantages-grid {
        row-gap: 24px;
    }

    .iis .adv-card {
        gap: 32px;
        padding: 32px;
    }

    .iis .adv-card-text {
        min-height: 120px;
        font-size: 14px;
        line-height: 24px;
    }

    .iis .adv-card-title {
        font-size: 18px;
        line-height: 24px;
    }

    /* Системный блок: чуть компактнее типографика */
    .iis .section-system {
        padding: 124px 64px;
    }

    .iis .system-text {
        max-width: 564px;
        font-size: 16px;
        line-height: 28px;
    }

    /* Блок вебинара: как в 1600, но в более узком контейнере */
    .iis .section-system-webinar {
        margin-top: 124px;
    }

    .iis .webinar-card-inner {
        padding: 64px;
    }

    .iis .webinar-title {
        font-size: 32px;
        line-height: 48px;
    }

    .iis .webinar-list {
        gap: 16px;
        font-size: 16px;
        line-height: 28px;
    }

    .iis .webinar-expert-photo {
        width: 80px;
        height: 80px;
    }

    .iis .webinar-expert-name {
        font-size: 16px;
        line-height: 28px;
    }

    .iis .webinar-expert-role {
        font-size: 14px;
        line-height: 24px;
    }

    .iis .system-number {
        font-size: 32px;
        line-height: 48px;
    }

    .iis .system-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
    }

    .iis .webinar-list li::before {
        top: 13px;
    }
}
/* Адаптив 1919–1600 (ширина фрейма 1600px в Figma) */
@media (min-width: 1600px) and (max-width: 1919px)  {


    /* Заголовки секций и основные тексты на 724px */
    .iis .section-title {
        max-width: 680px;
    }

    .iis .system-row {
        padding: 24px 0;
    }

    /* Карточка вебинара: ширина 1222px, паддинги 64px */
    .iis .webinar-card {
        grid-column: 1 / -1;
    }

    .iis .webinar-card-inner {
        width: 1222px;
        margin: 0 auto;
        padding: 64px;
    }

    .iis .webinar-expert-photo {
        width: 92px;
        height: 92px;
    }

    /* Список в карточке вебинара: 22/32 уже соответствует T/t1 */
}

/* Форменный блок как в Strategy-1 (только картинка формы) */
.form-wrapper {
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 160px;
}

.form-container {
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
}

div[id^="comp_"] .section-form-glass {
    padding-bottom: 160px;
}

.section-form-glass.-bgd-transparent {
    padding-right: 151px;
    padding-left: 151px;
}

@media (max-width: 767px) {
    .section-form-glass .container-2024 > .form-glass__description {
        font-size: 16px;
    }

    div[id^="comp_"] .section-form-glass {
        padding-bottom: 64px;
    }

    .section-form-glass.-bgd-transparent {
        padding-right: 12px;
        padding-left: 12px;
    }

    .form-glass__title.--single {
        font-size: 24px;
        line-height: 32px;
    }

    .form-container {
        grid-row: 2;
        gap: 32px;
        width: 351px;
        padding: 0 0 64px;
    }

    .form-wrapper {
        grid-template-columns: 1fr;
        flex-direction: column-reverse;
        gap: 48px;
        max-width: 375px;
        padding-bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 1279px)  {
    .form-glass__title.--single {
        margin-bottom: 32px;
        font-size: 32px;
        line-height: 48px;
    }

    .section-form-glass .container-2024 > .form-glass__description.--single {
        margin-bottom: 32px;
    }

    div[id^="comp_"] .section-form-glass {
        padding-bottom: 96px;
    }

    #f_iis { padding: 96px 64px 0 64px; }

    .section-form-glass.-bgd-transparent {
        padding-right: 64px;
        padding-left: 64px;
    }

    .form-wrapper {
        flex-direction: column-reverse;
        grid-template-columns: 1fr;
        gap: 0;
        padding-bottom: 96px;
    }

    .form-container {
        grid-row: 2;
        gap: 48px;
        width: 100%;
        padding: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1599px)  {
    .form-glass__title.--single {
        margin-bottom: 32px;
        font-size: 32px;
        line-height: 48px;
    }

    div[id^="comp_"] .section-form-glass {
        padding-bottom: 124px;
    }

    .form-wrapper {
        gap: 24px;
        max-width: 1280px;
        padding-bottom: 124px;
    }

    .form-container {
        gap: 64px;
    }

    .section-form-glass.-bgd-transparent {
        padding-right: 70px;
        padding-left: 98px;
    }

    .iis .webinar-card-cta {
        margin-top: 32px;
    }
}
@media (min-width: 1600px) and (max-width: 1919px) {
    .form-wrapper {
        gap: 24px;
        max-width: 1600px;
        padding-bottom: 160px;
    }

    .form-container {
        gap: 64px;
    }
}

/* Адаптив 767px и меньше (мобильная версия) */
@media (max-width: 767px) {
    /* Базовые настройки */
    html,
    body {
        overflow-x: hidden;
    }

    .iis .grid {
        max-width: none;
        padding: 0 24px;
    }

    .iis .grid-12 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-inline: 0;
    }

    .iis .grid-col-left,
    .iis .grid-col-right {
        grid-column: 1 / -1;
    }

    .iis .grid-col-center,
    .iis .grid-col-full {
        grid-column: 1 / -1;
    }

    .iis .grid-span-3 {
        grid-column: span 4;
    }

    /* Баннер */
    .iis .section-banner {
        padding: 144px 0 64px;
    }

    .iis .section-banner .grid-12 {
        padding-inline: 24px;
        margin: 0 auto;
    }

    .iis .banner-center {
        gap: 32px;
    }

    .iis .banner-title {
        font-size: 28px;
        line-height: 36px; /* 28px * 1.2857 */
    }

    .iis .banner-description {
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    .iis .banner-cta {
        width: 100%;
        padding: 8px 24px;
    }

    /* Преимущества: горизонтальный скролл */
    .iis .section-advantages {
        gap: 64px;
        padding: 64px 0;
    }

    .iis .section-advantages .grid {
        padding: 0;
    }

    .iis .section-advantages .grid-12 {
        padding-inline: 24px;
    }

    .iis .section-advantages .section-title {
        margin: 0 auto 32px;
        font-size: 24px;
        line-height: 32px; /* 24px * 1.3333 */
    }

    .iis .advantages-grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
        box-sizing: border-box;
        width: 100vw;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding-right: 24px;
        padding-left: 24px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-padding-left: 24px;
        scroll-padding-right: 24px;
        scroll-snap-type: x proximity;
    }

    .iis .advantages-grid::-webkit-scrollbar {
        display: none;
    }

    .iis .adv-card {
        flex: 0 0 auto;
        gap: 24px;
        width: 242px;
        padding: 24px;
        scroll-snap-align: start;
    }

    .iis .adv-card-title {
        font-size: 18px;
        line-height: 24px; /* 18px * 1.3333 */
    }

    .iis .adv-card-text {
        font-size: 14px;
        line-height: 24px; /* 14px * 1.7143 */
    }

    /* Системный блок */
    .iis .section-system {
        gap: 64px;
        padding: 64px 24px;
    }

    .iis .section-system .grid {
        padding: 0;
    }

    .iis .section-system .grid-12 {
        padding-inline: 0;
    }

    .iis .section-system .section-title {
        margin: 0 auto 32px;
        font-size: 24px;
        line-height: 32px; /* 24px * 1.3333 */
    }

    .iis .system-table {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin: 0 auto;
    }

    .iis .system-row {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
        padding: 24px 0 0;
        border-top: 1px solid #dbdbdb;
    }

    .iis .system-number {
        width: auto;
        min-height: auto;
        font-size: 24px;
        line-height: 32px; /* 32px * 1.5 */
    }

    .iis .system-title {
        width: auto;
        font-size: 18px;
        line-height: 25px; /* 18px * 1.3889 */
    }

    .iis .system-text {
        max-width: none;
        color: #3e3c3c;
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    /* Блок вебинара */
    .iis .section-system-webinar {
        margin-top: 64px;
    }

    .iis .section-system-webinar .grid {
        padding: 0;
    }

    .iis .section-system-webinar .grid-12 {
        padding-inline: 0;
    }

    .iis .webinar-card {
        grid-column: 1 / -1;
    }

    .iis .webinar-card-inner {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin: 0 auto;
        padding: 48px 24px;
    }

    .iis .webinar-card-text {
        display: contents;
    }

    .iis .webinar-title {
        order: 1;
        font-size: 24px;
        line-height: 32px; /* 24px * 1.3333 */
    }

    .iis .webinar-list {
        gap: 16px;
        order: 1;
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    .iis .webinar-card-experts-wrapper {
        grid-row: auto;
        grid-column: auto;
        gap: 24px;
        order: 2;
        padding-top: 16px;
    }

    .iis .webinar-card-cta {
        display: flex;
        grid-row: auto;
        grid-column: auto;
        justify-content: center;
        order: 3;
        width: 100%;
        margin-top: 16px;
    }

    .iis .webinar-card-cta .btn-primary {
        width: 100%;
        max-width: none;
        padding: 8px 24px;
        font-size: 16px;
        line-height: 24px;
    }

    .iis .webinar-card-experts {
        gap: 24px;
    }

    .iis .webinar-expert {
        gap: 40px;
        align-items: start;
    }

    .iis .webinar-expert-photo {
        width: 64px;
        height: 64px;
    }

    .iis .webinar-expert-name {
        font-size: 16px;
        line-height: 28px; /* 16px * 1.75 */
    }

    .iis .webinar-expert-role {
        font-size: 14px;
        line-height: 24px; /* 14px * 1.7143 */
    }

    /* Сброс margin-left для списка в descriptionElement на мобильных устройствах */
    .form-glass__description.--single ul,
    .form-glass__description.form-glass__description--single ul {
        margin-left: 0 !important;
    }

    #f_iis {
        padding-top: 64px;
    }

    .iis .webinar-list li {
        padding-left: 48px;
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .form-glass__questions-item.column__left,
    .form-glass__questions-item.column__right {
        flex: 1 0 47%;
        width: 100%;
    }
}

.form-glass__description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -50px;
    width: calc(100% + 50px);
}
.form-glass__description ul li {
    display: flex;
    align-items: baseline;
    margin-bottom: 1em;
}
.form-glass__description ul li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #bd8aff;
    margin-right: 32px;
    flex-shrink: 0;
    transform: translateY(-0.35em);
    position: relative;
    z-index: 1;
}

.section-form-glass.-bgd-transparent.form-glass__investment {
    background-color: #121212;
}
.form-glass__investment .form-glass__title,
.form-glass__investment .form-glass .checkbox_label,
.form-glass__investment .form-glass .checkbox label {
    color: #fff;
}
.form-glass__investment.section-form-glass
.container-2024
> .form-glass__description {
    color: #b3b3b3;
}
.form-glass__investment.section-form-glass .container-2024 {
    display: grid;
}
.form-image-wrapper {
    position: relative;
}
.form-image {
    background-image: url("/i/images/iis/form_image.jpg?20260112");
    background-size: contain;
    background-repeat: no-repeat;
}
.strategy_2026 .webinar-section .button,
.strategy_2026 .webinar-section .button-2024 {
    font-weight: 500;
    padding: 12px 48px;
}

@media (max-width: 1279px) {
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__title { grid-row: 2; }
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__description { grid-row: 3; }
    .section-form-glass.form-glass__investment .container-2024 > .container-2024__content { grid-row: 4; }
    .strategy_2026 .webinar-section .button,
    .strategy_2026 .webinar-section .button-2024 { width: 100%; }
    .form-image-wrapper {
        grid-row: 1;
    }
}
@media (max-width: 767px) {
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__title,
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__description,
    .section-form-glass.form-glass__investment .container-2024 > .container-2024__content,
    .form-image-wrapper { grid-column: 1/-1;}
    .section-form-glass.form-glass__investment { padding: 64px 24px; }
    .form-image-wrapper {
        padding: 0;
        text-align: center;
        margin: 0 0 24px 0;
        width: 100%;
    }
    .form-image { display: inline-block; vertical-align: top; width: 187px; max-width: 100%; height: 257px; }
    .form-glass__title.--single { white-space: wrap; }
    .form-glass__description ul { width: 100%; }
}
@media (max-width: 375px) {
}
@media (min-width: 375px) and (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 1279px) {
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__title,
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__description,
    .section-form-glass.form-glass__investment .container-2024 > .container-2024__content,
    .form-image-wrapper {
        grid-column: 1/-1;
    }
    .section-form-glass.form-glass__investment { padding: 96px 64px; }
    .form-image-wrapper { margin: 0 0 24px 0; }
    .form-image { width: 325px; max-width: 100%; height: 448px; }
    .form-glass__investment .form-glass__questions-item.column__left.-name {
        width: 100%;
        flex: 0 0 100%;
        flex-basis: unset;
    }
    .form-glass__investment .form-glass__questions-item.column__left,
    .form-glass__investment .form-glass__questions-item.column__right {
        width: 50%;
        flex: 0 0 50%;
        flex-basis: calc(50% - 12px);
    }
}
@media (min-width: 1280px) {
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__title { grid-row: 1; }
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__description { grid-row: 2; }
    .section-form-glass.form-glass__investment .container-2024 > .container-2024__content { grid-row: 3; }
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__title,
    .section-form-glass.form-glass__investment .container-2024 > .form-glass__description,
    .section-form-glass.form-glass__investment .container-2024 > .container-2024__content {
        grid-column-start: 2;
        grid-column-end: 7;
    }
    .form-image-wrapper {
        grid-column-start: 8;
        grid-column-end: 12;
        grid-row-start: 1;
        grid-row-end: 5;
    }
}
@media (min-width: 1280px) and (max-width: 1460px) {}
@media (min-width: 1280px) and (max-width: 1599px) {
    .form-glass__title.--single {
        margin-bottom: 48px;
    }
    .form-glass__investment .form-glass__questions-item.column__left.-name {
        width: 100%;
        flex: 0 0 100%;
        flex-basis: unset;
    }
    .form-glass__investment .form-glass__questions-item.column__left,
    .form-glass__investment .form-glass__questions-item.column__right {
        width: 50%;
        flex: 0 0 50%;
        flex-basis: calc(50% - 12px);
    }
}
@media (min-width: 1280px) {
    .section-form-glass.form-glass__investment {
        padding: 124px 64px;
    }
    .form-image {
        width: 100%;
        height: 100%;
        background-position: right center;
    }
}