:root {
    --screensize: 1920;
    --vw: 100vw;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

#contacts {
    scroll-margin-top: 100px;
}

@media (max-width: 960px) {
    #contacts {
        scroll-margin-top: 72px;
    }
}

body {
    margin: 0;
    font-family: "IBM Plex Sans", "IBM Plex Mono";
    background: #fff;
}

body.is-locked {
    overflow: hidden;
}

.burger {
    display: none;
    background: transparent;
    border: 0;
    padding: 0;
}

.mmenu {
    display: none;
}

.audience {
    display: none;
}

/* Внутренняя ширина-макет 1920 */
.inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(40 / var(--screensize) * 100vw);
    display: flex;
}

.topbar {
    position: fixed;
    width: 100%;
    z-index: 120;
    padding-top: calc(26 / var(--screensize) * 100vw);
    padding-bottom: calc(26 / var(--screensize) * 100vw);
    top: 0;
    left: 0;
    right: 0;
    transition: transform .25s ease;
}

.topbar .inner {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: calc(281 / var(--screensize) * 100vw);
}

.topbar.is-hidden {
    transform: translateY(-100%);
}

.logo {
    width: calc(178 / var(--screensize) * 100vw);
}

.logo img {
    display: block;
    width: 100%;
}

.inner-bottom {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: calc(152 / var(--screensize) * 100vw);
    border-bottom: 1px solid #D9D9D959;
}

.menu {
    display: flex;
    gap: calc(48 / var(--screensize) * 100vw);
    justify-content: flex-start;
    min-width: 0;
    align-items: baseline;
}

.menu a {
    font-size: calc(22 / var(--screensize) * 100vw);
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    font-family: 'IBM Plex Mono';
}

.menu-footer {
    display: none;
}

.actions {
    display: flex;
    gap: calc(32 / var(--screensize) * 100vw);
    justify-content: flex-end;
    align-items: flex-start;
}

.icon-btn {
    width: calc(26 / var(--screensize) * 100vw);
    height: calc(18 / var(--screensize) * 100vw);
    margin-top: calc(8 / var(--screensize) * 100vw);
    border: none;
}

.header__icon, .header__icon-sub {
    width: calc(20 / var(--screensize) * 100vw);
    height: calc(20 / var(--screensize) * 100vw);
    position: relative;
    top: calc(-2 / var(--screensize) * 100vw);
}
.header__icon-submub {
  width: calc(26 / var(--screensize) * 100vw);
  height: calc(18 / var(--screensize) * 100vw);
  position: relative;
}
.header__icon-sub {
    top: calc(-2 / var(--screensize) * 100vw) !important;
}

.btn-ghost {
    border: none;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: calc(22 / var(--screensize) * 100vw);
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
}


/* ======= FAST HERO (уникальный БЭМ-блок) ======= */
.fast-hero {
    position: relative;
    overflow: hidden;
    background: #111537;
    min-height: calc(1067 / var(--screensize) * 100vw);
}

/* фон ДНК на всю ширину */
.fast-hero__bg {
    position: absolute;
    inset: 0;
    /* background-image: url('/local/templates/fast/assets/images/back_about.png'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateZ(0);
}

/* контейнер контента */
.fast-hero__container {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: calc(495 / var(--screensize) * 100vw) calc(40 / var(--screensize) * 100vw) calc(40 / var(--screensize) * 100vw) calc(195 / var(--screensize) * 100vw);
}

/* хлебные крошки */
.fast-hero__breadcrumbs {
    display: flex;
    align-items: center;
    gap: calc(32 / var(--screensize) * 100vw);
    height: calc(32 / var(--screensize) * 100vw);
    font-size: calc(19 / var(--screensize) * 100vw);
    line-height: 140%;
    font-weight: 400;
    font-family: 'IBM Plex Sans';
    margin: 0 0 calc(40 / var(--screensize) * 100vw);
    white-space: nowrap;
}

.fast-hero__crumb {
    text-decoration: none;
    color: #FFFFFF;
}

.fast-hero__crumb:hover {
    color: #ffffff;
}

.fast-hero__img {
    /* width: 80%; */
    width: calc(24 / var(--screensize) * 100vw);
    height: calc(19 / var(--screensize) * 100vw);
}

.fast-hero__crumb_current {
    color: #ffffff;
    opacity: calc(0.6 / var(--screensize) * 100vw);
    pointer-events: none;
}

.fast-hero__sep {
    /* margin-top: calc(6 / var(--screensize) * 100vw); */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* заголовок с заливкой картинкой */
.fast-hero__title {
    margin: 0;
    font-weight: 400;
    letter-spacing: calc(-2.5 / var(--screensize) * 100vw);
    text-transform: uppercase;
    line-height: 120%;
    font-size: calc(132 / var(--screensize) * 100vw);
}

.fast-hero__title-fill {
    display: inline-block;
    background-image: url('/local/templates/fast/assets/images/steel_text.png');
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

/* ===== СТИКИ-ПОЛОСА (нижний «сайдбар») ===== */
.subbar {
    position: relative;
    z-index: 130;
    transition: transform .25s ease;
    background: #F2F2F2;
}

.subbar.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.subbar .inner {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: calc(281 / var(--screensize) * 100vw);
    padding: calc(26 / var(--screensize) * 100vw) calc(40 / var(--screensize) * 100vw);
}

.subbar .inner > * {
    min-width: 0;
}

.inner-bottom__grey {
    border-bottom: 1px solid #DADADA;
}

.logo--small {
    width: calc(185 / var(--screensize) * 100vw);
}

.logo--small img {
    width: 100%;
    height: auto;
    display: block;
}

.subbar .inner-bottom {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: calc(76 / var(--screensize) * 100vw);
}

.subbar .menu-grey a {
    color: #000000;
}

.subbar .btn-ghost {
    color: #000000;
}

/* ===== КОНТЕНТ НИЖЕ ===== */
.page-inner {
    flex-direction: column;
}

.fast-about__container {
    padding: calc(192 / var(--screensize) * 100vw) calc(195 / var(--screensize) * 100vw) calc(192 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
}

.fast-about {
    display: grid;
    grid-template-columns: minmax(0, calc(610 / var(--screensize) * 100vw)) auto;
    align-items: start;
    column-gap: calc(334 / var(--screensize) * 100vw);
}

/* Левый столбец */
.fast-about__left {
    padding-top: calc(102 / var(--screensize) * 100vw);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.fast-about__title {
    margin: 0;
    font-weight: 500;
    font-size: calc(76 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
}

.fast-about__title-fill {
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.fast-about__text p {
    font-size: calc(24 / var(--screensize) * 100vw);
    line-height: 140%;
    color: #000;
    font-weight: 400;
}

.fast-about__text {
    gap: calc(52 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

/* Правый столбец */
.fast-about__right {
    padding-top: calc(120 / var(--screensize) * 100vw);
    display: flex;
    justify-content: flex-start;
}

.fast-about__values {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

/* Элемент списка */
.fast-about__value {
    transition: transform .25s ease;
    margin-bottom: calc(64 / var(--screensize) * 100vw);
}

.fast-about__value-head {
    display: flex;
    align-items: center;
    height: calc(40 / var(--screensize) * 100vw);
    margin-bottom: calc(16 / var(--screensize) * 100vw);
}

.fast-about__value-word {
    display: block;
    width: auto;
    max-width: 100%;
}

.fast-about__value-desc {
    font-size: calc(22 / var(--screensize) * 100vw);
    line-height: 140%;
    color: #000;
    margin: 0;
}

.fast-about__value-desc:first-child {
    margin-bottom: 0;
}

/* ===== Audience ===== */
.fast-audience {
    padding-left: calc(192 / var(--screensize) * 100vw);
    padding-right: calc(192 / var(--screensize) * 100vw);
    padding-bottom: calc(192 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
}

/* Заголовок */
.fast-audience__title {
    margin: 0 0 calc(104 / var(--screensize) * 100vw);
    font-weight: 500;
    font-size: calc(76 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
}

.fast-audience__title-fill {
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Сетка карточек 2×2 */
.fast-audience__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(24 / var(--screensize) * 100vw);
}

/* Карточка */
.fast-audience__card {
    position: relative;
    display: block;
    height: calc(753 / var(--screensize) * 100vw);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    color: #fff;
    isolation: isolate;
}

/* затемняющий градиент снизу */
.fast-audience__card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
    rgba(0, 0, 0, 0.15) 0%,
    rgba(0, 0, 0, 0.55) 60%,
    rgba(0, 0, 0, 0.9) 100%);
    z-index: 0;
    transition: opacity .25s ease;
}

.fast-audience__card:hover::before {
    opacity: .95;
}

/* Контент внутри карточки */
.fast-audience__content {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: calc(88 / var(--screensize) * 100vw) calc(96 / var(--screensize) * 100vw) calc(88 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Верхняя строка */
.fast-audience__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(16 / var(--screensize) * 100vw);
}

.fast-audience__name {
    margin: 0;
    font-weight: 500;
    font-size: calc(32 / var(--screensize) * 100vw);
    line-height: calc(31 / var(--screensize) * 100vw);
    color: #fff;
}

.fast-audience__arrow {
    width: calc(40 / var(--screensize) * 100vw);
    height: calc(40 / var(--screensize) * 100vw);
    flex: 0 0 auto;
    transition: transform .25s ease, opacity .25s ease;
    opacity: .9;
}

.fast-audience__card:hover .fast-audience__arrow {
    transform: translateX(calc(4 / var(--screensize) * 100vw));
    opacity: 1;
}

/* Нижняя часть — список */
.fast-audience__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--screensize) * 100vw);
}

.fast-audience__li {
    /*position: relative;*/
    /*padding-left: calc(16 / var(--screensize) * 100vw);*/
    font-size: calc(24 / var(--screensize) * 100vw);
    line-height: 140%;
    font-weight: 400;
    color: #fff;
    opacity: .95;
}

/* ===== Team ===== */
.fast-team {
    padding-left: calc(195 / var(--screensize) * 100vw);
    padding-right: calc(195 / var(--screensize) * 100vw);
    padding-bottom: calc(192 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
}

/* Заголовок */
.fast-team__title {
    margin: 0 0 calc(104 / var(--screensize) * 100vw);
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
}

.fast-team__title-fill {
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Сетка: 4 колонки */
.fast-team__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(24 / var(--screensize) * 100vw);
}

/* Карточка */
.fast-team__card {
    position: relative;
    height: calc(440 / var(--screensize) * 100vw);
    overflow: hidden;
    color: #fff;
    isolation: isolate;
}

/* Фото */
.fast-team__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .4s ease;
    pointer-events: none;
}

.fast-team__card:hover .fast-team__photo {
    transform: scale(1.05);
}

/* Градиент снизу */
.fast-team__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.55) 70%,
    rgba(0, 0, 0, 0.9) 100%);
    z-index: 1;
}

/* Подписи */
.fast-team__info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: calc(40 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(24 / var(--screensize) * 100vw);
}

.fast-team__name {
    margin: 0;
    font-weight: 500;
    font-size: calc(22 / var(--screensize) * 100vw);
    line-height: calc(24 / var(--screensize) * 100vw);
    color: #fff;
}

.fast-team__role {
    margin: 0;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: calc(20 / var(--screensize) * 100vw);
    line-height: calc(24 / var(--screensize) * 100vw);
    color: #EDEDED;
    opacity: .95;
}

/* ===== SOLUTIONS ===== */
.solutions__inner {
    padding: 0 0 0 calc(155 / var(--screensize) * 100vw);
    display: flex;
    flex-direction: column;
}

.solutions {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    column-gap: calc(179 / var(--screensize) * 100vw);
}

.solutions__left {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.solutions__right {
    margin-right: calc(-40 / var(--screensize) * 100vw);
    padding-top: calc(68 / var(--screensize) * 100vw);
    display: flex;
    justify-content: flex-end;
}

.solutions__title {
    margin: 0 0 calc(36 / var(--screensize) * 100vw) 0;
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    background-clip: text;
    color: transparent;
}

/* Список */
.solutions__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.solutions__item {
    border-bottom: 1px solid #0E4D9929;
    transition: transform .25s ease;
}

.solutions__item--open .solutions__head {
    padding: calc(68 / var(--screensize) * 100vw) 0 calc(56 / var(--screensize) * 100vw);
}

.solutions__item--open .solutions__name {
    font-size: calc(32 / var(--screensize) * 100vw);
    font-weight: 500;
    height: calc(40 / var(--screensize) * 100vw);
    color: #000;
}

/* Панель раскрытия */
.solutions__panel {
    display: none;
    padding: 0 0 calc(64 / var(--screensize) * 100vw) 0;
}

.solutions__item--open .solutions__panel {
    display: block;
}

.solutions__text {
    margin: 0 0 calc(48 / var(--screensize) * 100vw) 0;
    font-size: calc(24 / var(--screensize) * 100vw);
    font-weight: 400;
    line-height: 140%;
    color: #000;
}

.solutions__more {
    display: inline-flex;
    align-items: center;
    gap: calc(32 / var(--screensize) * 100vw);
    text-decoration: none;
    color: #323FA6;
    font-size: calc(22 / var(--screensize) * 100vw);
    text-transform: uppercase;
    font-weight: 400;
}

.solutions__head {
    width: 100%;
    padding: calc(64 / var(--screensize) * 100vw) 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: left;
}

.solutions__name {
    font-size: calc(32 / var(--screensize) * 100vw);
    height: calc(40 / var(--screensize) * 100vw);
    font-weight: 500;
    color: #000;
}

/* Правая картинка */
.solutions__figure {
    margin: 0;
    width: calc(793 / var(--screensize) * 100vw);
    height: calc(923 / var(--screensize) * 100vw);
}

.solutions__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ===== PRODUCTS ===== */
/*.products {*/
/*    padding: 192px 0 0 0;*/
/*}*/

.products__container {
    flex-direction: column;
    padding-left: calc(195 / var(--screensize) * 100vw);
    padding-right: calc(195 / var(--screensize) * 100vw);
    padding-bottom: calc(192 / var(--screensize) * 100vw);

}


.products__title {
    margin: 0;
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
    padding-bottom: calc(88 / var(--screensize) * 100vw);
    background-image: url('/local/templates/fast/assets/images/steel_text.png');
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Табы */
.products__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #F2F2F2;
    border-radius: calc(20 / var(--screensize) * 100vw);
    padding: calc(12 / var(--screensize) * 100vw);
    justify-content: center;
    margin-bottom: calc(72 / var(--screensize) * 100vw);
    gap: calc(8 / var(--screensize) * 100vw);
}

/* прячем радио */
.products__radio {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/* кнопка-таба */
.products__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: calc(64 / var(--screensize) * 100vw);
    border-radius: calc(16 / var(--screensize) * 100vw);
    color: #323FA6;
    min-width: max-content;
    padding: 0 calc(16 / var(--screensize) * 100vw);
    text-decoration: none;
    font-size: calc(22 / var(--screensize) * 100vw);
    font-weight: 400;
    font-family: 'IBM Plex Mono';
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    transition: all 0.3s ease;
    flex: 1;
    max-width: calc(376 / var(--screensize) * 100vw);
}

/* активный таб (по :checked) */
.products__tab.is-active,
.products__tab[aria-selected="true"] {
    background: #323FA6 !important;
    color: #fff !important;
}

.products__tabs-arrow, .products__side {
    display: none;
}

.products__body.stack__panels {
    display: block;
    padding-top: 0;
}

.stack__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(calc(180 / var(--screensize) * 100vw), 1fr));
    justify-items: center;
    align-items: start;
    row-gap: calc(56 / var(--screensize) * 100vw);
    column-gap: calc(160 / var(--screensize) * 100vw);
}

.stack__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(32 / var(--screensize) * 100vw);
}

.stack__icon-frame {
  width:  auto;
  height: calc(56 / var(--screensize) * 100vw);
  display: grid;
  place-items: center;
}

.stack__icon {
  display: block;
  width: auto;
  height: calc(56 / var(--screensize) * 100vw);
  max-width: 100%;
  max-height: 100%;
}

.stack__label {
    font-size: calc(20 / var(--screensize) * 100vw);
    line-height: 140%;
    color: #000;
    text-align: center;
}

.products__left, .products__right {
    min-width: 0;
}

.products__right {
    display: block;
}

/* Контент левой панели */
.products__subtitle {
    margin: 0 0 calc(56 / var(--screensize) * 100vw) 0;
    font-size: calc(32 / var(--screensize) * 100vw);
    font-weight: 500;
    line-height: calc(42 / var(--screensize) * 100vw);
    color: #000;
}

.products__text {
    margin: 0 0 calc(56 / var(--screensize) * 100vw) 0;
    font-size: calc(24 / var(--screensize) * 100vw);
    line-height: 140%;
    font-weight: 400;
    color: #000;
}

.products__chips {
    display: flex;
    gap: calc(24 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw);
    margin: 0 0 calc(56 / var(--screensize) * 100vw) 0;
    flex-wrap: wrap;
    flex-direction: row;
}

.products__chip {
    display: inline-flex;
    align-items: center;
    height: calc(64 / var(--screensize) * 100vw);
    padding: 0px calc(24 / var(--screensize) * 100vw);
    border-radius: calc(16 / var(--screensize) * 100vw);
    background: #DFE6FF;
    color: #000;
    text-decoration: none;
    font-size: calc(22 / var(--screensize) * 100vw);
    font-weight: 400;
    font-family: 'IBM Plex Mono';
    text-transform: uppercase;
}

.products__more {
    display: inline-flex;
    align-items: center;
    gap: calc(32 / var(--screensize) * 100vw);
    text-decoration: none;
    color: #323FA6;
    font-size: calc(22 / var(--screensize) * 100vw);
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'IBM Plex Mono';
}

.products__more--arrow {
    width: calc(24 / var(--screensize) * 100vw);
    height: calc(19 / var(--screensize) * 100vw);
}

/* Правая картинка */
.products__figure {
    margin: 0;
    width: 100%;
    height: calc(706 / var(--screensize) * 100vw);
}

.products__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.products__pane {
    display: none;
}

.products__pane.is-active {
    display: block;
}


/* ==== CAREER ==== */
.career {
    position: relative;
    min-height: calc(1054 / var(--screensize) * 100vw);
    margin-bottom: calc(192 / var(--screensize) * 100vw);
    overflow: hidden;
    display: flex;
}

.career__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,      rgba(0, 0, 0, 0.05) 0%,      rgba(0, 0, 0, 0.45) 50%,      rgba(0, 0, 0, 0.9) 100%    ),    url('/local/templates/fast/assets/images/about_docs.png') center/cover no-repeat;
    filter: saturate(95%);
    background-color: #111537;
}

/* контент */
.career__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    padding: calc(195 / var(--screensize) * 100vw);
    justify-content: space-between;
}

.career__inner > * {
    min-width: 0;
}

.career__up {
    padding-bottom: calc(104 / var(--screensize) * 100vw);
}

.career__all {
    display: flex;
    gap: calc(24 / var(--screensize) * 100vw);
}

/* левая часть */
.career__left {
    display: flex;
    align-items: center;
    margin-left: calc(155 / var(--screensize) * 100vw);
}

.career__headline {
    display: flex;
    flex-direction: column;
}

.career__brand {
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
    background-image: url("/local/templates/fast/assets/images/steel_text.png");
    background-clip: text;
    color: transparent;
}

/* правая часть */
.career__right {
    display: flex;
    justify-content: flex-end;
}

/* стеклянная карточка со срезанным углом */
.career__card {
    max-width: calc(494 / var(--screensize) * 100vw);
    height: calc(480 / var(--screensize) * 100vw);
    padding: calc(88 / var(--screensize) * 100vw) calc(96 / var(--screensize) * 100vw);
    color: #fff;
    background: linear-gradient(108.28deg, rgba(255, 255, 255, 0.264) 0%, rgba(255, 255, 255, 0.066) 73.76%);
    border-radius: calc(20 / var(--screensize) * 100vw);
    clip-path: polygon(calc(131 / var(--screensize) * 100vw) 0, 100% 0, 100% 100%, 0 100%, 0 calc(131 / var(--screensize) * 100vw));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.career__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.career__card-title {
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(32 / var(--screensize) * 100vw);
}

.career__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: calc(28 / var(--screensize) * 100vw);
    line-height: 1;
    padding: calc(6 / var(--screensize) * 100vw) calc(8 / var(--screensize) * 100vw);
    border-radius: calc(8 / var(--screensize) * 100vw);
    border: 1px solid rgba(255, 255, 255, .25);
}

.career_block-down {
    display: flex;
    padding-bottom: calc(40 / var(--screensize) * 100vw);
    /* align-items: center; */
}

.career_block-down:last-child {
    padding-bottom: 0;
}

.career__card-arrow {
    width: calc(32 / var(--screensize) * 100vw);
    height: calc(32 / var(--screensize) * 100vw);
    transform: rotate(90deg);
}

.career__card-text {
    font-size: calc(22 / var(--screensize) * 100vw);
    line-height: 140%;
    letter-spacing: calc(-0.6 / var(--screensize) * 100vw);
    font-weight: 400;
    padding-right: calc(32 / var(--screensize) * 100vw);
}
.career__card-text-arr {
    transform: rotate(90deg);
    width: calc(24 / var(--screensize) * 100vw);
    height: calc(19 / var(--screensize) * 100vw);
}

/* ========== Секция ========== */
.media {
    padding-left: calc(195 / var(--screensize) * 100vw);
    padding-right: calc(195 / var(--screensize) * 100vw);
    padding-bottom: calc(192 / var(--screensize) * 100vw);
}

.media__title {
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    background-clip: text;
    color: transparent;
    margin: 0;
    padding-bottom: calc(104 / var(--screensize) * 100vw);
}

.media__title-fill {
    color: inherit;
}

/* Двухколоночный лэйаут */
.media__layout {
    display: grid;
    grid-template-columns: 1.2fr .8fr; /* слева шире */
    gap: calc(32 / var(--screensize) * 100vw) calc(179 / var(--screensize) * 100vw);
    align-items: start;
}

/* ========== Крупная карточка слева ========== */
.media-feature__cover {
    display: block;
    overflow: hidden;
    margin-bottom: calc(40 / var(--screensize) * 100vw);
}

.media-feature__cover img {
    display: block;
    width: 100%;
    height: auto;
}

.media-feature__meta {
    display: flex;
    align-items: center;
    margin-bottom: calc(32 / var(--screensize) * 100vw);
}

.media__tag {
    font-size: calc(22 / var(--screensize) * 100vw);
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    text-transform: uppercase;
    color: #323FA6;
}

.media__date {
    margin-left: auto;
    font-size: calc(19 / var(--screensize) * 100vw);
    line-height: 140%;
    color: #00000080;
}

.media-feature__title {
    margin: 0 0 calc(32 / var(--screensize) * 100vw);
    font-size: calc(32 / var(--screensize) * 100vw);
    line-height: calc(41 / var(--screensize) * 100vw);
    letter-spacing: calc(-1.5 / var(--screensize) * 100vw);
    color: #000;
    font-family: "IBM Plex Sans";
    font-weight: 500;
}

.media-feature__title a {
    text-decoration: none;
    color: inherit;
}

.media-feature__title a:hover,
.media-feature__title a:focus,
.media-feature__title a:active {
    text-decoration: none;
}

.media-feature__excerpt {
    margin: 0;
    font-size: calc(24 / var(--screensize) * 100vw);
    line-height: 140%;
    letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
    color: #000;
    font-family: "IBM Plex Sans";
    font-weight: 400;
}

/* ========== Список новостей справа ========== */
/* .media-list {
    display: flex;
    flex-direction: column; */
    /* gap: 0; линия будет задавать ритм */
/* } */
.media-list{
    overflow: auto;
    max-height: var(--media-list-max, 70vh); /* JS выставит точную высоту */
    padding-right: calc(8 / var(--screensize) * 100vw); /* место под скроллбар */
}
.media-list::-webkit-scrollbar{ width: 8px; }
.media-list::-webkit-scrollbar-thumb{ background: #E3E6F9; border-radius: 8px; }
.media-list:hover::-webkit-scrollbar-thumb{ background: #C9D0F7; }

/* один элемент списка */
.media-item {
    padding: 0 0 calc(96 / var(--screensize) * 100vw);
    border-bottom: 1px solid rgba(216, 227, 239, .4);
}

/* верхний отступ всем, кроме первого */
.media-item + .media-item {
    padding-top: calc(40 / var(--screensize) * 100vw);
}

/* мета и дата как было */
.media-item__meta {
    display: flex;
    align-items: center;
    margin-bottom: calc(32 / var(--screensize) * 100vw);
}

.media-item .media__tag {
    font-size: calc(22 / var(--screensize) * 100vw);
    line-height: calc(16.8 / var(--screensize) * 100vw);
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    font-weight: 400;
    text-transform: uppercase;
    color: #323FA6;
}

.media-item .media__date {
    color: #00000080;
    font-size: calc(19 / var(--screensize) * 100vw);
    line-height: 140%;
    letter-spacing: calc(-0.6 / var(--screensize) * 100vw);
    font-weight: 400;
    margin-left: auto;
}

.media-item__title {
    margin: 0;
    font-size: calc(29 / var(--screensize) * 100vw);
    line-height: calc(41 / var(--screensize) * 100vw);
    letter-spacing: calc(-1.5 / var(--screensize) * 100vw);
    font-weight: 500;
}

.media-item__title a {
    color: #000000;
    text-decoration: none;
}

.media-item__title a:hover {
    color: #323FA6;
}

/* ===== CONTACT ===== */
.contact {
    position: relative;
    padding: calc(160 / var(--screensize) * 100vw) calc(195 / var(--screensize) * 100vw);
    color: #fff;
    overflow: hidden;
    background: rgba(10, 13, 33, 1);
}

.contact__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(calc(1110 / var(--screensize) * 100vw) calc(600 / var(--screensize) * 100vw) at 95% 35%, rgba(120, 140, 200, .30), rgba(120, 140, 200, 0) 60%),
    radial-gradient(calc(800 / var(--screensize) * 100vw) calc(420 / var(--screensize) * 100vw) at 55% 100%, rgba(120, 140, 200, .18), rgba(120, 140, 200, 0) 65%),
    radial-gradient(calc(700 / var(--screensize) * 100vw) calc(380 / var(--screensize) * 100vw) at 0% 0%, rgba(150, 170, 220, .12), rgba(150, 170, 220, 0) 60%),
    linear-gradient(180deg, rgba(10, 13, 33, 1) 0%, rgba(10, 13, 33, .98) 50%, rgba(10, 13, 33, 1) 100%);
    opacity: 1;
}

.contact__inner {
    position: relative;
    display: flex;
    gap: calc(120 / var(--screensize) * 100vw);
    align-items: flex-start;
    z-index: 1;
}

.contact__left {
    flex: 0 0 42%;
    display: flex;
    flex-direction: column;
    gap: calc(148 / var(--screensize) * 100vw);
}

.contact__right {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
    min-width: 0;
}

.contact__title {
    margin: 0;
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    background-size: cover;
    background-clip: text;
    color: transparent;
}

/* адрес/контакты */
.contact__address {
    display: flex;
    flex-direction: column;
    gap: calc(50 / var(--screensize) * 100vw);
}

.contact__line, .contact__phone {
    margin: 0;
    font-size: calc(32 / var(--screensize) * 100vw);
    font-weight: 500;
    line-height: calc(42 / var(--screensize) * 100vw);
}

.contact__email {
    font-size: calc(24 / var(--screensize) * 100vw);
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

.contact__email a {
    color: #fff;
    text-decoration: none;
}

/* форма справа */
.contact__form {
    width: calc(753 / var(--screensize) * 100vw);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--screensize) * 100vw);
}

.contact__field {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--screensize) * 100vw);
}

.contact__label {
    font-family: "IBM Plex Mono";
    font-size: calc(22 / var(--screensize) * 100vw);
    font-weight: 400;
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    text-transform: uppercase;
}

.contact__input,
.contact__textarea {
    font-family: "IBM Plex Mono";
    font-size: calc(22 / var(--screensize) * 100vw);
    height: calc(58 / var(--screensize) * 100vw);
    font-weight: 400;
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    text-transform: uppercase;
    display: block;
    width: 100%;
    color: #fff;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    outline: none;
}

.contact__input:focus,
.contact__textarea:focus {
    border-bottom-color: rgba(255, 255, 255, .45);
}

.contact__input::placeholder {
    color: #fff;
}

.contact__field--area .contact__input {
    word-break: break-word;
    resize: vertical;
    min-height: calc(130 / var(--screensize) * 100vw);
}

.contact__submit {
    height: calc(64 / var(--screensize) * 100vw);
    border: 0;
    border-radius: calc(16 / var(--screensize) * 100vw);
    background: #323FA6;
    color: #fff;
    font-family: "IBM Plex Mono";
    font-weight: 400;
    font-size: calc(22 / var(--screensize) * 100vw);
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    text-transform: uppercase;
    cursor: pointer;
}

/* ===== FOOTER ===== */
.footer {
    position: relative;
    margin: 0;
    background: #0A0D21;
    overflow: hidden;
    color: #fff;
    padding: calc(40 / var(--screensize) * 100vw) 40px;
}

/* строки футера */
.footer__row {
    position: relative;
    z-index: 1;
    padding: 0;
}

.footer__row--top {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: calc(164 / var(--screensize) * 100vw);
}

.footer__row--top > * {
    min-width: 0;
}

.footer .inner-bottom.inner-bottom--footer {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: calc(152 / var(--screensize) * 100vw);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.footer__row--mid,
.footer__row--bottom {
    display: flex;
    justify-content: space-between;
    gap: calc(40 / var(--screensize) * 100vw);
    padding-top: calc(40 / var(--screensize) * 100vw);
}

.footer__logo {
    width: calc(302 / var(--screensize) * 100vw);
}

.footer__logo img {
    width: 100%;
    height: auto;
    display: block;
}

.footer__address {
    font-family: 'IBM Plex Sans';
    font-size: calc(19 / var(--screensize) * 100vw);
    line-height: 140%;
    font-weight: 400;
}

.footer__contacts {
    display: flex;
    align-items: center;
    gap: calc(40 / var(--screensize) * 100vw);
    font-family: 'IBM Plex Sans';
    font-size: calc(19 / var(--screensize) * 100vw);
    line-height: 140%;
    font-weight: 400;
}

.footer__email {
    color: #fff;
    text-decoration: none;
}

.footer__email:hover {
    text-decoration: underline;
}

.footer__phone {
    white-space: nowrap;
}

.footer__legal {
    font-size: calc(19 / var(--screensize) * 100vw);
    font-weight: 400;
    line-height: 140%;
    color: #767FC4;
    white-space: nowrap;
}

.footer__iso {
    font-size: calc(19 / var(--screensize) * 100vw);
    font-weight: 400;
    line-height: 140%;
    color: #767FC4;
    white-space: nowrap;
}

.footer__policy {
    margin-left: auto;
    text-decoration: none;
    font-size: calc(19 / var(--screensize) * 100vw);
    font-weight: 400;
    line-height: 140%;
    color: #767FC4;
    white-space: nowrap;
}

.footer__policy:hover {
    text-decoration: underline;
}

.contact__agree {
    display: flex;
    align-items: center;
    gap: calc(10 / var(--screensize) * var(--vw));
    font-size: calc(22 / var(--screensize) * var(--vw));
  }
  
  .contact__agree input {
    width: calc(18 / var(--screensize) * var(--vw));
    height: calc(18 / var(--screensize) * var(--vw));
  }


/* ===== FORWHO ===== */
.forwho__tabs-arrow,
.forwho__side {
    display: none;
}

.forwho {
    padding: calc(192 / var(--screensize) * 100vw) calc(115 / var(--screensize) * 100vw);
}

.forwho__inner {
    flex-direction: column;
}

.forwho__head {
    display: flex;
    padding: 0 0 calc(88 / var(--screensize) * 100vw) 0;
}


.forwho__title {
    margin: 0;
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * 100vw);
    line-height: calc(86 / var(--screensize) * 100vw);
    background-image: url(/local/templates/fast/assets/images/steel_text.png);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    isolation: isolate;
}

.forwho__tabs {
    display: flex;
    flex-wrap: wrap;
    background: #F2F2F2;
    border-radius: calc(20 / var(--screensize) * 100vw);
    height: calc(88 / var(--screensize) * 100vw);
    margin-bottom: calc(104 / var(--screensize) * 100vw);
    align-items: center;
    justify-content: center;
}

.forwho__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: calc(64 / var(--screensize) * 100vw);
    width: calc(376 / var(--screensize) * 100vw);
    border-radius: calc(16 / var(--screensize) * 100vw);
    border: none;
    background: none;
    color: #323FA6;
    font-size: calc(22 / var(--screensize) * 100vw);
    font-weight: 400;
    font-family: 'IBM Plex Mono';
    letter-spacing: calc(0.8 / var(--screensize) * 100vw);
    cursor: pointer;
    white-space: nowrap;
}

.forwho__tab.is-active {
    background: #3D52C6;
    color: #fff;
}

.forwho__panelwrap {
    display: flex;
    flex-direction: column;
}

.forwho__set {
    display: none;
    align-items: flex-start;
}

.forwho__set.is-active {
    display: flex;
}

/* Подписи */
.forwho__notes {
    flex: 1 1 33%;
    display: flex;
    flex-direction: column;
    gap: calc(46 / var(--screensize) * 100vw);
    padding-top: calc(30 / var(--screensize) * 100vw);
}

.forwho__notes--left {
    align-items: flex-end;
    text-align: right;
    padding-right: calc(10 / var(--screensize) * 100vw);
}

.forwho__notes--right {
    padding-left: calc(10 / var(--screensize) * 100vw);
}

.forwho__note {
    max-width: calc(320 / var(--screensize) * 100vw);
    text-align: left;
}

.forwho__note-link {
    font-size: calc(14 / var(--screensize) * 100vw);
    color: #3D52C6;
    text-decoration: none;
    cursor: default;
    color: inherit;
}

.forwho__note-link:hover {
    text-decoration: underline;
}

.forwho__note-link[href] {
    pointer-events: none;
}

/* Сцена */
.forwho__map {
    position: relative;
    width: calc(560 / var(--screensize) * 100vw);
    height: calc(560 / var(--screensize) * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
}

.forwho__tree {
    inset: auto 0 calc(80 / var(--screensize) * 100vw) 0;
    margin: auto;
}

.forwho__logo {
    position: absolute;
    bottom: calc(-74 / var(--screensize) * 100vw);
    left: 50%;
    transform: translateX(-50%);
}

.forwho__tile--top {
    top: calc(30 / var(--screensize) * 100vw);
    left: calc(210 / var(--screensize) * 100vw);
    width: calc(160 / var(--screensize) * 100vw);
    height: calc(110 / var(--screensize) * 100vw);
}

.forwho__tile--left-big {
    top: calc(210 / var(--screensize) * 100vw);
    left: calc(-40 / var(--screensize) * 100vw);
    width: calc(220 / var(--screensize) * 100vw);
    height: calc(180 / var(--screensize) * 100vw);
}

.forwho__tile--right-wide {
    top: calc(210 / var(--screensize) * 100vw);
    right: calc(-30 / var(--screensize) * 100vw);
    width: calc(260 / var(--screensize) * 100vw);
    height: calc(120 / var(--screensize) * 100vw);
}

.forwho__tile--right-small {
    top: calc(360 / var(--screensize) * 100vw);
    right: calc(40 / var(--screensize) * 100vw);
    width: calc(110 / var(--screensize) * 100vw);
    height: calc(130 / var(--screensize) * 100vw);
}

.forwho__tile--bottom-mid {
    top: calc(390 / var(--screensize) * 100vw);
    left: calc(230 / var(--screensize) * 100vw);
    width: calc(140 / var(--screensize) * 100vw);
    height: calc(100 / var(--screensize) * 100vw);
}

.forwho__tile--left-small {
    top: calc(420 / var(--screensize) * 100vw);
    left: calc(40 / var(--screensize) * 100vw);
    width: calc(110 / var(--screensize) * 100vw);
    height: calc(120 / var(--screensize) * 100vw);
}

.forwho__rect {
    position: absolute;
    height: 1px;
    background: rgba(0, 0, 0, .2);
}

.forwho__rect--left-top {
    top: calc(110 / var(--screensize) * 100vw);
    left: calc(-180 / var(--screensize) * 100vw);
    width: calc(170 / var(--screensize) * 100vw);
}

.forwho__rect--right-top {
    top: calc(110 / var(--screensize) * 100vw);
    right: calc(-180 / var(--screensize) * 100vw);
    width: calc(170 / var(--screensize) * 100vw);
}

.forwho__rect--left-mid {
    top: calc(300 / var(--screensize) * 100vw);
    left: calc(-220 / var(--screensize) * 100vw);
    width: calc(210 / var(--screensize) * 100vw);
}

.forwho__rect--right-mid {
    top: calc(300 / var(--screensize) * 100vw);
    right: calc(-220 / var(--screensize) * 100vw);
    width: calc(210 / var(--screensize) * 100vw);
}


.forwho__stage {
    position: relative;
    width: 100%;
    height: calc(1169 / var(--screensize) * 100vw);
}

.forwho__note, .forwho__note--right {
    position: absolute;
    max-width: calc(400 / var(--screensize) * 100vw);
    z-index: 3;
    display: flex;
    flex-direction: column;
}

.forwho__note {
    align-items: flex-end;
}

.forwho__note--min1,
.forwho__note--min2 {
    align-items: flex-start;
}

.forwho__note--right {
    align-items: flex-start;
}

.forwho__note-title {
    font-weight: 500;
    font-size: calc(21 / var(--screensize) * 100vw);
    line-height: calc(28 / var(--screensize) * 100vw);
    color: #000;
    margin: 0 0 calc(24 / var(--screensize) * 100vw);
}

.forwho__note-link {
    font-size: calc(19 / var(--screensize) * 100vw);
    color: #323FA6;
    text-decoration: none;
}

.forwho__note-link:hover {
    text-decoration: underline;
}

/* Палки-указатели: это обычные <img>, тоже абсолютные — позицию задаём ИНЛАЙНОМ */
.forwho__pointer {
    position: absolute;
    display: block;
    z-index: 2;
    height: calc(2 / var(--screensize) * 100vw);
    pointer-events: none;
}

.forwho__tile {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 calc(2 / var(--screensize) * 100vw) calc(10 / var(--screensize) * 100vw) rgba(0, 0, 0, .12);
    z-index: 2;
    isolation: isolate;
}

.forwho__tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #86CEF6;
    mix-blend-mode: color;
    opacity: 1;
    pointer-events: none;
}

.forwho__tile:hover::after {
    opacity: 0;
}

@supports not (mix-blend-mode: color) {
    .forwho__tile::after {
        mix-blend-mode: multiply;
    }

    .forwho__tile img {
        filter: grayscale(1) contrast(1.05) brightness(1.05);
    }
}

.forwho__tile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(110%);
}

.forwho__tree {
    position: absolute;
    left: 50%;
    top: calc(141 / var(--screensize) * 100vw);
    width: calc(777 / var(--screensize) * 100vw);
    transform: translateX(-50%);
    height: auto;
}

.forwho__logo {
    position: absolute;
    left: 50%;
    bottom: calc(-74 / var(--screensize) * 100vw);
    transform: translateX(-50%);
}

/* Любая плитка ИЛИ подпись в ховере — проясняет дерево */
.forwho__stage .forwho__tile:hover ~ .forwho__tree,
.forwho__stage .forwho__note:hover ~ .forwho__tree {
    filter: none;
    opacity: 1;
}

/* ЗАМЕНА inline-стилей у notes */
.forwho__note--min1 {
    top: calc(250 / var(--screensize) * 100vw);
    left: calc(10 / var(--screensize) * 100vw);
}

.forwho__note--min2 {
    top: calc(435 / var(--screensize) * 100vw);
    left: calc(-50 / var(--screensize) * 100vw);
}

.forwho__note--min3 {
    top: calc(66 / var(--screensize) * 100vw);
    right: calc(185 / var(--screensize) * 100vw);
}

/* --right */
.forwho__note--min4 {
    top: calc(250 / var(--screensize) * 100vw);
    right: calc(10 / var(--screensize) * 100vw);
}

/* --right */
.forwho__note--min5 {
    top: calc(437 / var(--screensize) * 100vw);
    right: calc(-165 / var(--screensize) * 100vw);
    width: calc(360 / var(--screensize) * 100vw);
}

/* --right */

/* указатели у этих notes */
.forwho__note--min1 .forwho__pointer {
    top: calc(14 / var(--screensize) * 100vw);
    left: 100%;
    width: calc(160 / var(--screensize) * 100vw);
}

.forwho__note--min2 .forwho__pointer {
    top: calc(14 / var(--screensize) * 100vw);
    left: 100%;
    width: calc(190 / var(--screensize) * 100vw);
}

.forwho__note--min3 .forwho__pointer {
    top: calc(14 / var(--screensize) * 100vw);
    right: 100%;
    width: calc(170 / var(--screensize) * 100vw);
}

.forwho__note--min4 .forwho__pointer {
    top: calc(14 / var(--screensize) * 100vw);
    right: 100%;
    width: calc(210 / var(--screensize) * 100vw);
}

.forwho__note--min5 .forwho__pointer {
    top: calc(14 / var(--screensize) * 100vw);
    right: 100%;
    width: calc(180 / var(--screensize) * 100vw);
}

.forwho__note--min2 {
    width: calc(260 / var(--screensize) * 100vw);
}

/*.forwho__note--left  .forwho__pointer{ left: 100%; }*/
.forwho__note--right .forwho__pointer {
    right: 100%;
}

/* ЗАМЕНА inline-стилей у плиток набора */
.forwho__tile--big1 {
    top: calc(80 / var(--screensize) * 100vw);
    left: calc(670 / var(--screensize) * 100vw);
    width: calc(194 / var(--screensize) * 100vw);
    height: calc(186 / var(--screensize) * 100vw);
}

.forwho__tile--big2 {
    top: calc(265 / var(--screensize) * 100vw);
    left: calc(475 / var(--screensize) * 100vw);
    width: calc(194 / var(--screensize) * 100vw);
    height: calc(186 / var(--screensize) * 100vw);
}

.forwho__tile--big3 {
    top: calc(265 / var(--screensize) * 100vw);
    right: calc(474 / var(--screensize) * 100vw);
    width: calc(194 / var(--screensize) * 100vw);
    height: calc(186 / var(--screensize) * 100vw);
}

.forwho__tile--big4 {
    top: calc(452 / var(--screensize) * 100vw);
    right: calc(279 / var(--screensize) * 100vw);
    width: calc(194 / var(--screensize) * 100vw);
    height: calc(186 / var(--screensize) * 100vw);
}

.forwho__tile--big5 {
    top: calc(449 / var(--screensize) * 100vw);
    left: calc(282 / var(--screensize) * 100vw);
    width: calc(194 / var(--screensize) * 100vw);
    height: calc(186 / var(--screensize) * 100vw);
}

.forwho__tile--min1 {
    top: calc(633 / var(--screensize) * 100vw);
    left: calc(473 / var(--screensize) * 100vw);
    width: calc(125 / var(--screensize) * 100vw);
    height: calc(106 / var(--screensize) * 100vw);
}

.forwho__tile--min2 {
    top: calc(636 / var(--screensize) * 100vw);
    left: calc(934 / var(--screensize) * 100vw);
    width: calc(125 / var(--screensize) * 100vw);
    height: calc(106 / var(--screensize) * 100vw);
}

.footer__row.cookie {
    padding-top: calc(10 / var(--screensize) * var(--vw));
}

.cookie__text {
    margin-left: auto;
    text-decoration: none;
    font-size: calc(19 / var(--screensize) * var(--vw));
    font-weight: 400;
    line-height: 140%;
    color: #767FC4;
    white-space: nowrap;
}


@media (min-width: 961px) and (max-width: 1440px) {
    :root {
        --screensize: 1440;
    }

    /* базовая сетка/шрифты в шапке */
    .inner .logo img {
        width: calc(178 / var(--screensize) * 100vw);
        height: calc(50 / var(--screensize) * 100vw);
    }

    .logo {
        width: calc(178 / var(--screensize) * 100vw);
    }

    .topbar .inner {
        column-gap: calc(120 / var(--screensize) * 100vw);
    }

    .inner-bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        column-gap: calc(99 / var(--screensize) * 100vw);
    }

    .menu {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
        gap: calc(40 / var(--screensize) * 100vw);
    }

    .menu a,
    .btn-ghost {
        font-size: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        white-space: nowrap;
    }

    .icon-btn {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(20 / var(--screensize) * 100vw);
        margin-top: -1px;
    }

    .actions {
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .header__icon {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
        top: calc(2 / var(--screensize) * 100vw);
    }

    .header__icon-sub {
        top: calc(3 / var(--screensize) * 100vw) !important;
    }

    /* hero */
    .hero {
        height: calc(800 / var(--screensize) * 100vw);
    }

    .hero__graphic {
        padding-left: calc(115 / var(--screensize) * 100vw);
        max-width: 81%;
    }

    .hero__wordmark {
        width: calc(437 / var(--screensize) * 100vw);
        height: auto;
    }

    .hero__tagline {
        font-size: calc(24 / var(--screensize) * 100vw);
    }

    /* subbar */
    .subbar .inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: calc(120 / var(--screensize) * 100vw);
    }

    .logo--small {
        width: calc(178 / var(--screensize) * 100vw);
        height: auto;
    }

    .subbar .logo--small img {
        width: calc(178 / var(--screensize) * 100vw);
        height: calc(50 / var(--screensize) * 100vw);
    }

    .subbar .menu-grey a,
    .subbar .btn-ghost {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .subbar .inner-bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        column-gap: calc(99 / var(--screensize) * 100vw);
    }

    .subbar .menu {
        display: flex;
        flex: 1 1 auto;
        min-width: 0; /* важно: даёт колонке сжиматься */
        justify-content: flex-start;
        gap: calc(40 / var(--screensize) * 100vw);
    }

    .subbar .menu-grey a,
    .subbar .btn-ghost {
        font-size: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        white-space: nowrap;
    }

    .subbar .actions {
        display: flex;
        gap: calc(16 / var(--screensize) * 100vw);
        justify-content: flex-end;
    }

    .subbar .icon-btn {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(20 / var(--screensize) * 100vw);
        margin-top: -1px;
    }

    .subbar .header__icon {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    /* ======= FAST HERO (уникальный БЭМ-блок) ======= */
    .fast-hero {
        position: relative;
        overflow: hidden;
        background: #111537;
        min-height: calc(780 / var(--screensize) * 100vw);
    }

    /* фон ДНК на всю ширину */
    .fast-hero__bg {
        position: absolute;
        inset: 0;
        background-image: url('/local/templates/fast/assets/images/back_about.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transform: translateZ(0);
    }

    /* контейнер контента */
    .fast-hero__container {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0;
        padding: calc(440 / var(--screensize) * 100vw) calc(440 / var(--screensize) * 100vw) calc(200 / var(--screensize) * 100vw) calc(195 / var(--screensize) * 100vw);
    }

    /* хлебные крошки */
    .fast-hero__breadcrumbs {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        font-weight: 400;
        font-family: 'IBM Plex Sans';
        margin: 0 0 calc(40 / var(--screensize) * 100vw);
        white-space: nowrap;
    }

    .fast-hero__crumb {
        text-decoration: none;
        color: #FFFFFF;
    }

    .fast-hero__crumb:hover {
        color: #ffffff;
    }

    .fast-hero__img {
        width: 80%;
    }

    .fast-hero__crumb_current {
        color: #ffffff;
        opacity: 0.6;
        pointer-events: none;
    }

    /* заголовок с заливкой картинкой */
    .fast-hero__title {
        margin: 0;
        font-weight: 400;
        letter-spacing: calc(-2.5 / var(--screensize) * 100vw);
        text-transform: uppercase;
        line-height: calc(95 / var(--screensize) * 100vw);
        font-size: calc(100 / var(--screensize) * 100vw);
    }

    .fast-hero__title-fill {
        display: inline-block;
        background-image: url('/local/templates/fast/assets/images/steel_text.png');
        background-size: cover;
        background-repeat: repeat;
        background-position: center;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    .fast-about__container {
        padding: calc(144 / var(--screensize) * 100vw) calc(155 / var(--screensize) * 100vw) calc(144 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    .fast-about {
        display: grid;
        grid-template-columns: minmax(0, calc(610 / var(--screensize) * 100vw)) auto;
        align-items: start;
        column-gap: calc(290 / var(--screensize) * 100vw);
    }

    /* Левый столбец */
    .fast-about__left {
        padding-top: calc(80 / var(--screensize) * 100vw);
        min-width: 0;
        display: flex;
        flex-direction: column;
        width: 110%;
    }

    .fast-about__title {
        margin: 0;
        font-weight: 500;
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .fast-about__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .fast-about__text p {
        font-size: calc(18 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
        font-weight: 400;
    }

    .fast-about__text {
        gap: calc(40 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
    }

    /* Правый столбец */
    .fast-about__right {
        padding-top: calc(94 / var(--screensize) * 100vw);
        display: flex;
        justify-content: flex-start;
    }

    .fast-about__values {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    /* Элемент списка */
    .fast-about__value {
        transition: transform .25s ease;
        margin-bottom: calc(50 / var(--screensize) * 100vw);
    }

    .fast-about__value-head {
        display: flex;
        align-items: center;
        height: calc(40 / var(--screensize) * 100vw);
    }

    .fast-about__value-word {
        display: block;
        height: calc(22 / var(--screensize) * 100vw);
        width: auto;
        max-width: 100%;
    }

    .fast-about__value-desc {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
    }

    /* ===== Audience ===== */
    .fast-audience {
        padding-left: calc(155 / var(--screensize) * 100vw);
        padding-right: calc(155 / var(--screensize) * 100vw);
        padding-bottom: calc(144 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    /* Заголовок */
    .fast-audience__title {
        margin: 0 0 calc(80 / var(--screensize) * 100vw);
        font-weight: 500;
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .fast-audience__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Сетка карточек 2×2 */
    .fast-audience__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* Карточка */
    .fast-audience__card {
        position: relative;
        display: block;
        height: calc(533 / var(--screensize) * 100vw);
        overflow: hidden;
        background-size: cover;
        background-position: center;
        text-decoration: none;
        color: #fff;
        isolation: isolate;
    }

    /* затемняющий градиент снизу */
    .fast-audience__card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.55) 60%,
        rgba(0, 0, 0, 0.9) 100%);
        z-index: 0;
        transition: opacity .25s ease;
    }

    .fast-audience__card:hover::before {
        opacity: .95;
    }

    /* Контент внутри карточки */
    .fast-audience__content {
        position: absolute;
        inset: 0;
        z-index: 1;
        padding: calc(56 / var(--screensize) * 100vw) calc(64 / var(--screensize) * 100vw) calc(56 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* Верхняя строка */
    .fast-audience__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .fast-audience__name {
        margin: 0;
        font-weight: 500;
        font-size: calc(24 / var(--screensize) * 100vw);
        line-height: calc(31 / var(--screensize) * 100vw);
        color: #fff;
    }

    .fast-audience__arrow {
        width: calc(32 / var(--screensize) * 100vw);
        height: calc(32 / var(--screensize) * 100vw);
        flex: 0 0 auto;
        transition: transform .25s ease, opacity .25s ease;
        opacity: .9;
    }

    .fast-audience__card:hover .fast-audience__arrow {
        transform: translateX(calc(4 / var(--screensize) * 100vw));
        opacity: 1;
    }

    /* Нижняя часть — список */
    .fast-audience__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: calc(40 / var(--screensize) * 100vw);
    }

    .fast-audience__li {
        font-size: calc(18 / var(--screensize) * 100vw);
        line-height: 140%;
        font-weight: 400;
        color: #fff;
        opacity: .95;
    }

    /* ===== Team ===== */
    .fast-team {
        padding-left: calc(155 / var(--screensize) * 100vw);
        padding-right: calc(155 / var(--screensize) * 100vw);
        padding-bottom: calc(144 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    /* Заголовок */
    .fast-team__title {
        margin: 0 0 calc(70 / var(--screensize) * 100vw);
        font-weight: 500;
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .fast-team__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Сетка: 4 колонки */
    .fast-team__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* Карточка */
    .fast-team__card {
        position: relative;
        height: calc(320 / var(--screensize) * 100vw);
        overflow: hidden;
        color: #fff;
        isolation: isolate;
    }

    /* Фото */
    .fast-team__photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
        transition: transform .4s ease;
        pointer-events: none;
    }

    .fast-team__card:hover .fast-team__photo {
        transform: scale(1.05);
    }

    /* Градиент снизу */
    .fast-team__card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.55) 70%,
        rgba(0, 0, 0, 0.9) 100%);
        z-index: 1;
    }

    /* Подписи */
    .fast-team__info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        padding: calc(30 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .fast-team__name {
        margin: 0;
        font-weight: 500;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        color: #fff;
    }

    .fast-team__role {
        margin: 0;
        letter-spacing: .06em;
        text-transform: uppercase;
        font-weight: 400;
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        color: #EDEDED;
        opacity: .95;
    }


    /* about */
    .about {
        padding: calc(144 / var(--screensize) * 100vw) calc(115 / var(--screensize) * 100vw);
        gap: calc(80 / var(--screensize) * 100vw);
    }

    .lead {
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .cols {
        gap: calc(139 / var(--screensize) * 100vw);
        font-size: calc(18 / var(--screensize) * 100vw);
    }

    .col p {
        font-size: calc(18 / var(--screensize) * 100vw);
    }

    /* solutions */
    .solutions__title {
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
        margin-bottom: calc(16 / var(--screensize) * 100vw);
    }

    .solutions {
        gap: calc(139 / var(--screensize) * 100vw);
    }

    .solutions__right {
        margin-right: calc(-40 / var(--screensize) * 100vw);
        padding-top: calc(64 / var(--screensize) * 100vw);
    }

    .solutions__head {
        padding: calc(48 / var(--screensize) * 100vw) 0;
    }

    .solutions__head img {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(19 / var(--screensize) * 100vw);
    }

    .solutions__item--open .solutions__head {
        padding-top: calc(64 / var(--screensize) * 100vw);
        padding-bottom: calc(40 / var(--screensize) * 100vw);
    }

    .solutions__name,
    .solutions__item--open .solutions__name {
        font-size: calc(24 / var(--screensize) * 100vw);
        height: calc(32 / var(--screensize) * 100vw);
    }

    .solutions__panel {
        padding-bottom: calc(48 / var(--screensize) * 100vw);
    }

    .solutions__text {
        font-size: calc(18 / var(--screensize) * 100vw);
        margin-bottom: calc(40 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
    }

    .solutions__more {
        font-size: calc(16 / var(--screensize) * 100vw);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .solutions__more img {
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .solutions__figure {
        width: calc(595 / var(--screensize) * 100vw);
        height: calc(692 / var(--screensize) * 100vw);
    }

    /* ===== PRODUCTS ===== */
    .products__container {
        flex-direction: column;
        padding-left: calc(155 / var(--screensize) * 100vw);
        padding-right: calc(155 / var(--screensize) * 100vw);
        padding-bottom: calc(144 / var(--screensize) * 100vw);

    }


    .products__title {
        margin: 0;
        font-weight: 500;
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
        padding-bottom: calc(56 / var(--screensize) * 100vw);
        background-image: url('/local/templates/fast/assets/images/steel_text.png');
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Табы */
    .products__tabs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #F2F2F2;
        border-radius: calc(20 / var(--screensize) * 100vw);
        padding: calc(12 / var(--screensize) * 100vw);
        justify-content: center;
        margin-bottom: calc(72 / var(--screensize) * 100vw);
        gap: calc(8 / var(--screensize) * 100vw);
    }

    /* прячем радио */
    .products__radio {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        overflow: hidden;
    }

    /* кнопка-таба */
    .products__tab {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: calc(64 / var(--screensize) * 100vw);
        border-radius: calc(16 / var(--screensize) * 100vw);
        color: #323FA6;
        min-width: max-content;
        padding: 0 calc(16 / var(--screensize) * 100vw);
        text-decoration: none;
        font-size: calc(22 / var(--screensize) * 100vw);
        font-weight: 400;
        font-family: 'IBM Plex Mono';
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        white-space: nowrap;
        cursor: pointer;
        border: 0;
        outline: none;
        background: transparent;
        transition: all 0.3s ease;
        flex: 1;
        max-width: calc(376 / var(--screensize) * 100vw);
    }

    /* активный таб (по :checked) */
    .products__tab.is-active,
    .products__tab[aria-selected="true"] {
        background: #323FA6 !important;
        color: #fff !important;
    }

    .products__tabs-arrow, .products__side {
        display: none;
    }

    /* Тело: две колонки */
    .products__body.stack__panels {
        display: block;
        padding-top: 0;
    }

    .stack__grid {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(4, minmax(calc(180 / var(--screensize) * 100vw), 1fr));
        justify-items: center;
        align-items: start;
        row-gap: calc(56 / var(--screensize) * 100vw);
        column-gap: 0;
    }

    .stack__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .stack__icon-frame {
        width:  calc(190 / var(--screensize) * 100vw);
        height: calc(48 / var(--screensize) * 100vw);
        display: grid;
        place-items: center;
    }

    .stack__icon {
        display: block;
        width:  auto;
        height: calc(48 / var(--screensize) * 100vw);
        max-width: 100%;
        max-height: 100%;
    }

    .stack__label {
        font-size: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
        text-align: center;
    }

    .products__left, .products__right {
        min-width: 0;
    }

    .products__right {
        display: block;
    }

    /* Контент левой панели */
    .products__subtitle {
        margin: 0 0 calc(56 / var(--screensize) * 100vw) 0;
        font-size: calc(32 / var(--screensize) * 100vw);
        font-weight: 500;
        line-height: calc(42 / var(--screensize) * 100vw);
        color: #000;
    }

    .products__text {
        margin: 0 0 calc(56 / var(--screensize) * 100vw) 0;
        font-size: calc(24 / var(--screensize) * 100vw);
        line-height: 140%;
        font-weight: 400;
        color: #000;
    }

    .products__chips {
        display: flex;
        gap: calc(24 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw);
        margin: 0 0 calc(56 / var(--screensize) * 100vw) 0;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .products__chip {
        display: inline-flex;
        align-items: center;
        height: calc(64 / var(--screensize) * 100vw);
        padding: 0px calc(24 / var(--screensize) * 100vw);
        border-radius: 16px;
        background: #DFE6FF;
        color: #000;
        text-decoration: none;
        font-size: calc(22 / var(--screensize) * 100vw);
        font-weight: 400;
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        /*white-space: nowrap;*/
    }

    .products__more {
        display: inline-flex;
        align-items: center;
        gap: calc(32 / var(--screensize) * 100vw);
        text-decoration: none;
        color: #323FA6;
        font-size: calc(22 / var(--screensize) * 100vw);
        text-transform: uppercase;
        font-weight: 400;
        font-family: 'IBM Plex Mono';
    }

    .products__more--arrow {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(19 / var(--screensize) * 100vw);
    }

    /* Правая картинка */
    .products__figure {
        margin: 0;
        width: 100%;
        height: calc(706 / var(--screensize) * 100vw);
    }

    .products__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .products__pane {
        display: none;
    }

    .products__pane.is-active {
        display: block;
    }

    /* career */
    .career {
        margin-bottom: calc(144 / var(--screensize) * 100vw);
        min-height: calc(793 / var(--screensize) * 100vw);
    }

    .career__inner {
        padding: calc(155 / var(--screensize) * 100vw);
    }

    .career__up {
        padding-bottom: calc(80 / var(--screensize) * 100vw);
    }

    .career__left {
        margin-left: calc(115 / var(--screensize) * 100vw);
    }

    .career__brand {
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .career__card {
        max-width: calc(360 / var(--screensize) * 100vw);
        padding: calc(64 / var(--screensize) * 100vw) 
                    calc(78 / var(--screensize) * 100vw)
                    calc(56 / var(--screensize) * 100vw)
                    calc(72 / var(--screensize) * 100vw);
        height: calc(360 / var(--screensize) * 100vw);
        clip-path: polygon(calc(91 / var(--screensize) * 100vw) 0, 100% 0, 100% 100%, 0 100%, 0 calc(91 / var(--screensize) * 100vw));
    }

    .career__card-title {
        font-size: calc(24 / var(--screensize) * 100vw);
        line-height: calc(31.2 / var(--screensize) * 100vw);
    }

    .career__card-text {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .career_block-down {
        display: flex;
        padding-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .career_block-down:last-child {
        padding-bottom: 0;
    }

    .career__card-arrow {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
    }

    /* ========== Секция ========== */
    .media {
        padding-left: calc(155 / var(--screensize) * 100vw);
        padding-right: calc(155 / var(--screensize) * 100vw);
        padding-bottom: calc(144 / var(--screensize) * 100vw);
    }

    .media__title {
        font-family: "IBM Plex Sans";
        font-weight: 500;
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
        letter-spacing: calc(-2.4 / var(--screensize) * 100vw);
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        background-clip: text;
        color: transparent;
        margin: 0;
        padding-bottom: calc(80 / var(--screensize) * 100vw);
    }

    .media__title-fill {
        color: inherit;
    }

    /* Двухколоночный лэйаут */
    .media__layout {
        display: grid;
        grid-template-columns: 1.2fr .8fr; /* слева шире */
        gap: calc(32 / var(--screensize) * 100vw) calc(139 / var(--screensize) * 100vw);
        align-items: start;
    }

    /* ========== Крупная карточка слева ========== */
    .media-feature__cover {
        display: block;
        overflow: hidden;
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .media-feature__cover img {
        display: block;
        width: 100%;
        height: auto;
    }

    .media-feature__meta {
        display: flex;
        align-items: center;
        margin-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .media__tag {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        color: #323FA6;
    }

    .media__date {
        margin-left: auto;
        font-size: calc(14 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #00000080;
    }

    .media-feature__title {
        margin: 0 0 calc(24 / var(--screensize) * 100vw);
        font-size: calc(24 / var(--screensize) * 100vw);
        line-height: calc(31 / var(--screensize) * 100vw);
        letter-spacing: calc(-1.2 / var(--screensize) * 100vw);
        color: #000;
        font-family: "IBM Plex Sans";
        font-weight: 500;
    }

    .media-feature__title a {
        text-decoration: none;
        color: inherit;
    }

    .media-feature__title a:hover,
    .media-feature__title a:focus,
    .media-feature__title a:active {
        text-decoration: none;
    }

    .media-feature__excerpt {
        margin: 0;
        font-size: calc(18 / var(--screensize) * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        color: #000;
        font-family: "IBM Plex Sans";
        font-weight: 400;
    }

    /* ========== Список новостей справа ========== */
    .media-list {
        display: flex;
        flex-direction: column;
        gap: 0; /* линия будет задавать ритм */
    }

    /* один элемент списка */
    .media-item {
        padding: 0 0 calc(71 / var(--screensize) * 100vw);
        border-bottom: 1px solid rgba(216, 227, 239, .4);
    }

    /* верхний отступ всем, кроме первого */
    .media-item + .media-item {
        padding-top: calc(27 / var(--screensize) * 100vw);
    }

    /* мета и дата как было */
    .media-item__meta {
        display: flex;
        align-items: center;
        margin-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .media-item .media__tag {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(16.8 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-weight: 400;
        text-transform: uppercase;
        color: #323FA6;
    }

    .media-item .media__date {
        color: #00000080;
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.6 / var(--screensize) * 100vw);
        font-weight: 400;
        margin-left: auto;
    }

    .media-item__title {
        margin: 0;
        font-size: calc(21 / var(--screensize) * 100vw);
        line-height: calc(31 / var(--screensize) * 100vw);
        letter-spacing: calc(-1.2 / var(--screensize) * 100vw);
        font-weight: 500;
    }

    .media-item__title a {
        color: #000000;
        text-decoration: none;
    }

    /* contact */
    .contact {
        padding: calc(120 / var(--screensize) * 100vw) calc(156 / var(--screensize) * 100vw);
    }

    .contact__agree {
        gap: calc(7 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .contact__inner {
        gap: calc(90 / var(--screensize) * 100vw);
    }

    .contact__left {
        gap: calc(117 / var(--screensize) * 100vw);
    }

    .contact__title {
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .contact__line, .contact__phone {
        font-size: calc(24 / var(--screensize) * 100vw);
        line-height: calc(32 / var(--screensize) * 100vw);
    }

    .contact__email {
        font-size: calc(18 / var(--screensize) * 100vw);
    }

    .contact__form {
        width: calc(552 / var(--screensize) * 100vw);
        gap: calc(32 / var(--screensize) * 100vw);
    }

    .contact__label,
    .contact__input {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .contact__submit {
        height: calc(48 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* footer */
    .footer {
        padding: calc(40 / var(--screensize) * 100vw);
    }

    .footer__row--top {
        column-gap: calc(120 / var(--screensize) * 100vw);
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .footer .inner-bottom.inner-bottom--footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        column-gap: calc(99 / var(--screensize) * 100vw);
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    .footer .menu {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
        gap: calc(40 / var(--screensize) * 100vw);
    }

    .footer .menu a,
    .footer .btn-ghost {
        font-size: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        white-space: nowrap;
    }

    .footer .actions {
        display: flex;
        gap: calc(16 / var(--screensize) * 100vw);
        justify-content: flex-end;
    }

    .menu-footer {
        display: none;
    }

    .footer .header__icon {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .footer__row--mid,
    .footer__row--bottom {
        padding-top: calc(40 / var(--screensize) * 100vw);
    }

    .footer__address,
    .footer__contacts,
    .footer__legal,
    .footer__iso,
    .footer__policy {
        font-size: calc(14 / var(--screensize) * 100vw);
    }

    /* forwho */
    .forwho {
        padding: calc(144 / var(--screensize) * 100vw) calc(75 / var(--screensize) * 100vw);
    }

    .forwho__head {
        padding-bottom: calc(56 / var(--screensize) * 100vw);
    }

    .forwho__title {
        font-size: calc(60 / var(--screensize) * 100vw);
        line-height: calc(64 / var(--screensize) * 100vw);
    }

    .forwho__tabs {
        height: calc(64 / var(--screensize) * 100vw);
        margin-bottom: calc(69 / var(--screensize) * 100vw);
    }

    .forwho__tab {
        height: calc(48 / var(--screensize) * 100vw);
        width: calc(278 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .forwho__stage {
        height: calc(861 / var(--screensize) * 100vw);
    }

    .forwho__tree {
        width: calc(572 / var(--screensize) * 100vw);
        top: calc(100 / var(--screensize) * 100vw);
    }

    .forwho__logo {
        bottom: calc(-40 / var(--screensize) * 100vw);
        width: 39%;
    }

    .forwho__note-title {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(21 / var(--screensize) * 100vw);
        margin-bottom: calc(16 / var(--screensize) * 100vw);
    }

    /* ← тут был баг 16x */
    .forwho__note-link {
        font-size: calc(14 / var(--screensize) * 100vw);
    }

    /* размеры/позиции плиток и их «дефолтного» набора */
    .forwho__tile--min1 {
        width: calc(92 / var(--screensize) * 100vw) !important;
        height: calc(78 / var(--screensize) * 100vw) !important;
        top: calc(466 / var(--screensize) * 100vw) !important;
        left: calc(352 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--min2 {
        width: calc(92 / var(--screensize) * 100vw) !important;
        height: calc(78 / var(--screensize) * 100vw) !important;
        top: calc(466 / var(--screensize) * 100vw) !important;
        left: calc(688 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big1 {
        width: calc(143 / var(--screensize) * 100vw) !important;
        height: calc(137 / var(--screensize) * 100vw) !important;
        top: calc(55 / var(--screensize) * 100vw) !important;
        left: calc(495 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big2 {
        width: calc(143 / var(--screensize) * 100vw) !important;
        height: calc(137 / var(--screensize) * 100vw) !important;
        top: calc(192 / var(--screensize) * 100vw) !important;
        left: calc(352 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big3 {
        width: calc(143 / var(--screensize) * 100vw) !important;
        height: calc(137 / var(--screensize) * 100vw) !important;
        top: calc(192 / var(--screensize) * 100vw) !important;
        left: calc(638 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big4 {
        width: calc(143 / var(--screensize) * 100vw) !important;
        height: calc(137 / var(--screensize) * 100vw) !important;
        top: calc(329 / var(--screensize) * 100vw) !important;
        left: calc(209 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big5 {
        width: calc(143 / var(--screensize) * 100vw) !important;
        height: calc(137 / var(--screensize) * 100vw) !important;
        top: calc(329 / var(--screensize) * 100vw) !important;
        left: calc(780 / var(--screensize) * 100vw) !important;
    }

    .forwho__note--min1 {
        top: calc(177 / var(--screensize) * 100vw) !important;
        left: calc(-45 / var(--screensize) * 100vw) !important;
    }

    .forwho__note--min2 {
        top: calc(314 / var(--screensize) * 100vw) !important;
        left: calc(-80 / var(--screensize) * 100vw) !important;
    }

    .forwho__note--min3 {
        top: calc(40 / var(--screensize) * 100vw) !important;
        left: calc(712 / var(--screensize) * 100vw) !important;
        right: auto !important;
    }

    .forwho__note--min4 {
        top: calc(177 / var(--screensize) * 100vw) !important;
        left: calc(875 / var(--screensize) * 100vw) !important;
        right: auto !important;
    }

    .forwho__note--min5 {
        top: calc(314 / var(--screensize) * 100vw) !important;
        left: calc(999 / var(--screensize) * 100vw) !important;
        width: calc(270 / var(--screensize) * 100vw) !important;
        right: auto !important;
    }

    .forwho__note--min2 {
        width: calc(200 / var(--screensize) * 100vw);
    }

    .forwho__note--min1 {
        width: calc(300 / var(--screensize) * 100vw);
    }

    .forwho__tile--top {
        top: calc(22 / var(--screensize) * 100vw);
        left: calc(158 / var(--screensize) * 100vw);
        width: calc(120 / var(--screensize) * 100vw);
        height: calc(84 / var(--screensize) * 100vw);
    }

    .forwho__tile--left-big {
        top: calc(158 / var(--screensize) * 100vw);
        left: calc(-30 / var(--screensize) * 100vw);
        width: calc(166 / var(--screensize) * 100vw);
        height: calc(135 / var(--screensize) * 100vw);
    }

    .forwho__tile--right-wide {
        top: calc(158 / var(--screensize) * 100vw);
        right: calc(-22 / var(--screensize) * 100vw);
        width: calc(195 / var(--screensize) * 100vw);
        height: calc(90 / var(--screensize) * 100vw);
    }

    .forwho__tile--right-small {
        top: calc(270 / var(--screensize) * 100vw);
        right: calc(30 / var(--screensize) * 100vw);
        width: calc(84 / var(--screensize) * 100vw);
        height: calc(98 / var(--screensize) * 100vw);
    }

    .forwho__tile--bottom-mid {
        top: calc(292 / var(--screensize) * 100vw);
        left: calc(174 / var(--screensize) * 100vw);
        width: calc(105 / var(--screensize) * 100vw);
        height: calc(76 / var(--screensize) * 100vw);
    }

    .forwho__tile--left-small {
        top: calc(315 / var(--screensize) * 100vw);
        left: calc(30 / var(--screensize) * 100vw);
        width: calc(84 / var(--screensize) * 100vw);
        height: calc(90 / var(--screensize) * 100vw);
    }

    .cookie__text {
        font-size: calc(14 / var(--screensize) * var(--vw));
    }
}

@media (min-width: 961px) and (max-width: 1090px) {
    .header__icon {
        top: calc(-2 / var(--screensize) * 100vw) !important;
    }
    
    .header__icon-sub {
        top: calc(-2 / var(--screensize) * 100vw) !important;
    }
}


@media (min-width: 430px) and (max-width: 960px) {
    :root {
        --screensize: 960;
        --media-list-max: 300px;
    }

    .topbar {
        padding-top: calc(24 / var(--screensize) * 100vw);
    }

    .inner {
        padding: 0 calc(24 / var(--screensize) * 100vw);
    }

    .inner .logo img {
        width: calc(131 / var(--screensize) * 100vw);
        height: calc(25 / var(--screensize) * 100vw);
        content: url("/local/templates/fast/assets/images/logo_ipad_white.svg");
    }

    .logo {
        width: calc(131 / var(--screensize) * 100vw);
    }

    .topbar .inner {
        display: grid;
        align-items: center;
        column-gap: calc(24 / var(--screensize) * 100vw);
    }

    .menu {
        display: none;
    }

    .btn-ghost {
        display: none;
    }

    .burger {
        display: block;
    }

    .inner-bottom {
        grid-template-columns: auto;
        justify-self: end;
        column-gap: 0;
        border-bottom: none;
    }

    .actions {
        gap: calc(24 / var(--screensize) * 100vw);
        justify-content: flex-end;
    }

    .icon-btn {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        margin-top: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .header__icon, .burger__icon {
        width: 100%;
        height: auto;
        top: calc(2 / var(--screensize) * 100vw);
    }

    .hero {
        height: calc(534 / var(--screensize) * 100vw);
    }

    .hero__graphic {
        padding-left: calc(78 / var(--screensize) * 100vw);
        max-width: 80%;
    }

    .hero__right {
        gap: calc(32 / var(--screensize) * 100vw);
    }

    .hero__wordmark {
        width: calc(288 / var(--screensize) * 100vw);
        height: auto;
    }

    .hero__tagline {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* subbar */
    .subbar .inner {
        display: grid;
        grid-template-columns: auto max-content;
        column-gap: calc(24 / var(--screensize) * 100vw);
        align-items: center;
        padding: calc(24 / var(--screensize) * 100vw);
    }

    .logo--small {
        width: calc(131 / var(--screensize) * 100vw);
        height: auto;
    }

    .subbar .logo--small img {
        width: calc(131 / var(--screensize) * 100vw);
        height: calc(25 / var(--screensize) * 100vw);
        content: url("/local/templates/fast/assets/images/logo_ipad_black.svg");
    }

    .subbar .inner-bottom {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        column-gap: calc(0 / var(--screensize) * 100vw);
        justify-self: end;
        align-items: center;
        border-bottom: none;
    }

    .subbar .actions {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .subbar .icon-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        line-height: 0;
        cursor: pointer;
    }

    .subbar .header__icon,
    .subbar .burger__icon {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* ======= FAST HERO (уникальный БЭМ-блок) ======= */
    .fast-hero {
        position: relative;
        overflow: hidden;
        background: #111537;
        min-height: calc(534 / var(--screensize) * 100vw);
    }

    /* фон ДНК на всю ширину */
    .fast-hero__bg {
        position: absolute;
        inset: 0;
        background-image: url('/local/templates/fast/assets/images/back_about.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transform: translateZ(0);
    }

    /* контейнер контента */
    .fast-hero__container {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0;
        padding: calc(228 / var(--screensize) * 100vw) calc(378 / var(--screensize) * 100vw) calc(178 / var(--screensize) * 100vw) calc(95 / var(--screensize) * 100vw);
    }

    /* хлебные крошки */
    .fast-hero__breadcrumbs {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        font-weight: 400;
        font-family: 'IBM Plex Sans';
        margin: 0 0 calc(34 / var(--screensize) * 100vw);
        white-space: nowrap;
    }

    .fast-hero__crumb {
        text-decoration: none;
        color: #FFFFFF;
    }

    .fast-hero__crumb:hover {
        color: #ffffff;
    }

    .fast-hero__img {
        width: 80%;
    }

    .fast-hero__crumb_current {
        color: #ffffff;
        opacity: 0.6;
        pointer-events: none;
    }

    /* заголовок с заливкой картинкой */
    .fast-hero__title {
        margin: 0;
        font-weight: 400;
        letter-spacing: calc(-2.5 / var(--screensize) * 100vw);
        text-transform: uppercase;
        line-height: calc(64 / var(--screensize) * 100vw);
        font-size: calc(64 / var(--screensize) * 100vw);
    }

    .fast-hero__title-fill {
        display: inline-block;
        background-image: url('/local/templates/fast/assets/images/steel_text.png');
        background-size: cover;
        background-repeat: repeat;
        background-position: center;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    .fast-about__container {
        padding: calc(96 / var(--screensize) * 100vw) calc(102 / var(--screensize) * 100vw) calc(96 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    .fast-about {
        display: grid;
        grid-template-columns: minmax(0, 610px) auto;
        align-items: start;
        column-gap: calc(175 / var(--screensize) * 100vw);
    }

    /* Левый столбец */
    .fast-about__left {
        padding-top: calc(53 / var(--screensize) * 100vw);
        min-width: 0;
        display: flex;
        flex-direction: column;
        width: 130%;
    }

    .fast-about__title {
        margin: 0;
        font-weight: 500;
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
    }

    .fast-about__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .fast-about__text p {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        color: #000;
        font-weight: 400;
    }

    .fast-about__text {
        gap: calc(16 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
    }

    /* Правый столбец */
    .fast-about__right {
        padding-top: calc(68 / var(--screensize) * 100vw);
        display: flex;
        justify-content: flex-start;
    }

    .fast-about__values {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    /* Элемент списка */
    .fast-about__value {
        transition: transform .25s ease;
        margin-bottom: calc(50 / var(--screensize) * 100vw);
    }

    .fast-about__value-head {
        display: flex;
        align-items: center;
        height: calc(40 / var(--screensize) * 100vw);
    }

    .fast-about__value-word {
        display: block;
        height: calc(22 / var(--screensize) * 100vw);
        width: auto;
        max-width: 100%;
    }

    .fast-about__value-desc {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
    }

    /* ===== Audience ===== */
    .fast-audience {
        padding-left: calc(102 / var(--screensize) * 100vw);
        padding-right: calc(102 / var(--screensize) * 100vw);
        padding-bottom: calc(96 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    /* Заголовок */
    .fast-audience__title {
        margin: 0 0 calc(48 / var(--screensize) * 100vw);
        font-weight: 500;
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
    }

    .fast-audience__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Сетка карточек 2×2 */
    .fast-audience__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* Карточка */
    .fast-audience__card {
        position: relative;
        display: block;
        height: calc(366 / var(--screensize) * 100vw);
        overflow: hidden;
        background-size: cover;
        background-position: center;
        text-decoration: none;
        color: #fff;
        isolation: isolate;
    }

    /* затемняющий градиент снизу */
    .fast-audience__card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.55) 60%,
        rgba(0, 0, 0, 0.9) 100%);
        z-index: 0;
        transition: opacity .25s ease;
    }

    .fast-audience__card:hover::before {
        opacity: .95;
    }

    /* Контент внутри карточки */
    .fast-audience__content {
        position: absolute;
        inset: 0;
        z-index: 1;
        padding: calc(32 / var(--screensize) * 100vw) calc(40 / var(--screensize) * 100vw) calc(32 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* Верхняя строка */
    .fast-audience__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .fast-audience__name {
        margin: 0;
        font-weight: 500;
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        color: #fff;
    }

    .fast-audience__arrow {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(19 / var(--screensize) * 100vw);
        flex: 0 0 auto;
        transition: transform .25s ease, opacity .25s ease;
        opacity: .9;
    }

    .fast-audience__card:hover .fast-audience__arrow {
        transform: translateX(calc(4 / var(--screensize) * 100vw));
        opacity: 1;
    }

    /* Нижняя часть — список */
    .fast-audience__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .fast-audience__li {
        /*position: relative;*/
        /*padding-left: calc(16 / var(--screensize) * 100vw);*/
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
        font-weight: 400;
        color: #fff;
        opacity: .95;
    }

    /* ===== Team ===== */
    .fast-team {
        padding-left: calc(102 / var(--screensize) * 100vw);
        padding-right: calc(102 / var(--screensize) * 100vw);
        padding-bottom: calc(96 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    /* Заголовок */
    .fast-team__title {
        margin: 0 0 calc(48 / var(--screensize) * 100vw);
        font-weight: 500;
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
    }

    .fast-team__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Сетка: 4 колонки */
    .fast-team__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* Карточка */
    .fast-team__card {
        position: relative;
        height: calc(286 / var(--screensize) * 100vw);
        overflow: hidden;
        color: #fff;
        isolation: isolate;
    }

    /* Фото */
    .fast-team__photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
        transition: transform .4s ease;
        pointer-events: none;
    }

    .fast-team__card:hover .fast-team__photo {
        transform: scale(1.05);
    }

    /* Градиент снизу */
    .fast-team__card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.55) 70%,
        rgba(0, 0, 0, 0.9) 100%);
        z-index: 1;
    }

    /* Подписи */
    .fast-team__info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        padding: calc(22 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        gap: calc(12 / var(--screensize) * 100vw);
    }

    .fast-team__name {
        margin: 0;
        font-weight: 500;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        color: #fff;
    }

    .fast-team__role {
        margin: 0;
        letter-spacing: .06em;
        text-transform: uppercase;
        font-weight: 400;
        font-size: calc(12 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        color: #EDEDED;
        opacity: .95;
    }

    /* about */
    .about {
        padding: calc(96 / var(--screensize) * 100vw) calc(78 / var(--screensize) * 100vw);
        gap: calc(48 / var(--screensize) * 100vw);
    }

    .lead {
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
    }

    .cols {
        gap: calc(102 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .col p {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* solutions */
    .solutions__inner {
        padding-left: calc(78 / var(--screensize) * 100vw);
    }

    .solutions__title {
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
        margin-bottom: calc(16 / var(--screensize) * 100vw);
    }

    .solutions {
        gap: calc(102 / var(--screensize) * 100vw);
    }

    .solutions__right {
        margin-right: calc(-48 / var(--screensize) * 100vw);
        padding-top: calc(32 / var(--screensize) * 100vw);
    }

    .solutions__head {
        padding: calc(32 / var(--screensize) * 100vw) 0;
    }

    .solutions__head img {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(19 / var(--screensize) * 100vw);
    }

    .solutions__item--open .solutions__head {
        padding-top: calc(32 / var(--screensize) * 100vw);
        padding-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .solutions__name,
    .solutions__item--open .solutions__name {
        font-size: calc(20 / var(--screensize) * 100vw);
        height: calc(32 / var(--screensize) * 100vw);
    }

    .solutions__panel {
        padding-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .solutions__text {
        font-size: calc(16 / var(--screensize) * 100vw);
        margin-bottom: calc(24 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
    }

    .solutions__more {
        font-size: calc(16 / var(--screensize) * 100vw);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .solutions__more img {
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .solutions__figure {
        width: calc(390 / var(--screensize) * 100vw);
        height: calc(564 / var(--screensize) * 100vw);
    }

    /* products */
    .products__tabs-arrow, .products__side {
        display: flex;
    }

    /*.products{ padding-top: calc(96 / var(--screensize) * 100vw); }*/
    .products__container {
        padding-left: calc(24 / var(--screensize) * 100vw);
        padding-right: calc(24 / var(--screensize) * 100vw);
        padding-bottom: calc(96 / var(--screensize) * 100vw);
    }

    .products__title {
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38.4 / var(--screensize) * 100vw);
        padding: 0 calc(78 / var(--screensize) * 100vw) calc(40 / var(--screensize) * 100vw) calc(78 / var(--screensize) * 100vw);
    }

    .products__tabs {
        height: calc(40 / var(--screensize) * 100vw);
        margin-bottom: calc(48 / var(--screensize) * 100vw);
    }

    .products__tab {
        height: calc(40 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .products__body {
        gap: calc(102 / var(--screensize) * 100vw);
        grid-template-columns: calc(366 / var(--screensize) * 100vw) 1fr;
        padding: 0 calc(78 / var(--screensize) * 100vw);
    }

    .products__figure {
        width: calc(366 / var(--screensize) * 100vw);
        height: calc(448 / var(--screensize) * 100vw);
    }

    .products__subtitle {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .products__text {
        font-size: calc(16 / var(--screensize) * 100vw);
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .products__chip {
        height: calc(16 / var(--screensize) * 100vw);
        padding: 0;
        font-size: calc(16 / var(--screensize) * 100vw);
        background: none;
    }

    .products__chips {
        gap: calc(24 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw);
        margin: 0 0 calc(32 / var(--screensize) * 100vw) 0;
    }

    .products__more {
        font-size: calc(16 / var(--screensize) * 100vw);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .products__more--arrow {
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .products__tabs-wrap {
        margin-left: calc(-24 / var(--screensize) * 100vw);
        margin-right: calc(-24 / var(--screensize) * 100vw);
        padding: 0 calc(24 / var(--screensize) * 100vw);
        display: grid;
        grid-template-columns: auto 1fr max-content 1fr auto;
        align-items: center;
        justify-content: center;
        column-gap: calc(20 / var(--screensize) * 100vw);
        height: calc(40 / var(--screensize) * 100vw);
        margin-bottom: calc(44 / var(--screensize) * 100vw);
    }

    .products__tabs-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        line-height: 0;
    }

    .products__tabs-arrow img {
        width: 100%;
        height: auto;
        display: block;
    }

    .stack__grid {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(4, minmax(calc(90 / var(--screensize) * 100vw), 1fr));
        justify-items: center;
        align-items: start;
        row-gap: calc(56 / var(--screensize) * 100vw);
        column-gap: 0;
    }

    .stack__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .stack__icon-frame {
        width:  calc(100 / var(--screensize) * 100vw);
        height: calc(48 / var(--screensize) * 100vw);
        display: grid;
        place-items: center;
    }

    .stack__icon {
        display: block;
        width:  auto;
        height: calc(48 / var(--screensize) * 100vw);
        max-width: 100%;
        max-height: 100%;
    }

    .stack__label {
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
        text-align: center;
    }

    .products__side {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
        color: #3D52C6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: .95;
        cursor: pointer;
        text-decoration: none;
        justify-content: center;
    }

    .products__tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        background: #F2F2F2;
        border-radius: calc(8 / var(--screensize) * 100vw);
        padding: 0;
        margin-bottom: 0;
        height: 100%;
    }

    .products__tabs .products__tab {
        height: calc(40 / var(--screensize) * 100vw);
        padding: calc(12 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw);
        border-radius: calc(8 / var(--screensize) * 100vw);
        min-width: max-content;
        background: transparent;
        color: #3D52C6;
        font-size: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        border: 0;
        cursor: pointer;
    }

    .products__tabs .products__tab:not(.is-active) {
        display: none;
    }

    /* career */
    .career {
        margin-bottom: calc(96 / var(--screensize) * 100vw);
        min-height: calc(790 / var(--screensize) * 100vw);
    }

    .career__inner {
        padding: calc(102 / var(--screensize) * 100vw);
    }

    .career__up {
        padding-bottom: calc(48 / var(--screensize) * 100vw);
    }

    .career__all {
        display: flex;
        flex-direction: column;
    }

    .career__left {
        margin-left: calc(115 / var(--screensize) * 100vw);
    }

    .career__brand {
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
    }

    .career__card {
        display: grid;
        max-width: calc(756 / var(--screensize) * 100vw);
        height: calc(168 / var(--screensize) * 100vw);
        padding: calc(48 / var(--screensize) * 100vw) 
                    calc(66 / var(--screensize) * 100vw)
                    calc(48 / var(--screensize) * 100vw)
                    calc(56 / var(--screensize) * 100vw);
        grid-template-columns: calc(250 / var(--screensize) * 100vw) 1fr;
        clip-path: polygon(calc(60 / var(--screensize) * 100vw) 0, 100% 0, 100% 100%, 0 100%, 0 calc(60 / var(--screensize) * 100vw));
        column-gap: calc(56 / var(--screensize) * 100vw);
        align-items: start;
    }

    .career__card-title {
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
        /* max-width: calc(172 / var(--screensize) * 100vw); */
    }


    .career__card-text {
        text-align: left; /* как в макете */
        max-width: none; /* не ограничиваем, пусть занимает доступную ширину */
        word-break: break-word;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
    }

    .career__card-top {
        margin-bottom: 0;
    }

    .career_block {
        display: flex;
        flex-direction: column;
        align-items: stretch; /* важно */
    }

    .career_block-down {
        display: flex;
        /* align-items: center; */
        padding-bottom: calc(24 / var(--screensize) * 100vw);
        width: 100%; /* важно */
    }

    .career__card-text-arr
    {
        transform: rotate(90deg);
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .career_block-down:last-child {
        padding-bottom: 0;
    }

    .career__card-arrow {
        flex-shrink: 0; /* не сжимать */
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
    }

    /* ========== Секция ========== */
    .media {
        padding-left: calc(102 / var(--screensize) * 100vw);
        padding-right: calc(102 / var(--screensize) * 100vw);
        padding-bottom: calc(96 / var(--screensize) * 100vw);
    }

    .media__title {
        font-family: "IBM Plex Sans";
        font-weight: 500;
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.64 / var(--screensize) * 100vw);
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        background-clip: text;
        color: transparent;
        margin: 0;
        padding-bottom: calc(48 / var(--screensize) * 100vw);
    }

    .media__title-fill {
        color: inherit;
    }

    /* Двухколоночный лэйаут */
    .media__layout {
        display: grid;
        grid-template-columns: 1.2fr .8fr; /* слева шире */
        gap: calc(32 / var(--screensize) * 100vw) calc(102 / var(--screensize) * 100vw);
        align-items: start;
    }

    /* ========== Крупная карточка слева ========== */
    .media-feature__cover {
        display: block;
        overflow: hidden;
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .media-feature__cover img {
        display: block;
        width: 100%;
        height: auto;
    }

    .media-feature__meta {
        display: flex;
        align-items: center;
        margin-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .media__tag {
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        color: #323FA6;
    }

    .media__date {
        margin-left: auto;
        font-size: calc(14 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #00000080;
    }

    .media-feature__title {
        margin: 0 0 calc(24 / var(--screensize) * 100vw);
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
        letter-spacing: calc(-1.2 / var(--screensize) * 100vw);
        color: #000;
        font-family: "IBM Plex Sans";
        font-weight: 500;
    }

    .media-feature__title a {
        text-decoration: none;
        color: inherit;
    }

    .media-feature__title a:hover,
    .media-feature__title a:focus,
    .media-feature__title a:active {
        text-decoration: none;
    }

    .media-feature__excerpt {
        margin: 0;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
        color: #000;
        font-family: "IBM Plex Sans";
        font-weight: 400;
    }

    /* ========== Список новостей справа ========== */
    /* .media-list {
        display: flex;
        flex-direction: column; */
        /* gap: 0; линия будет задавать ритм */
    /* } */
    /* .media__layout{ grid-template-columns: 1fr; } */
    .media__layout{
        /* у тебя это уже задано выше, просто не переопределяем в 1fr */
        /* grid-template-columns: 1.2fr .8fr;  <-- оставить как выше */
        align-items: start;
        display: flex;
        flex-direction: column;
    }
    .media__layout > .media-list { min-height: 0; }
    /* .media-list{ max-height: none; overflow: visible; padding-right: 0; } */
    .media-list{
        max-height: var(--media-list-max) !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        padding-right: calc(6 / var(--screensize) * 100vw);
        /* scrollbar-gutter: stable both-edges; */
    }
    .media-list::-webkit-scrollbar{ width: 6px; }
    .media-list::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.15); border-radius: 3px; }
    .media-list::-webkit-scrollbar-track{ background: transparent; }


    /* один элемент списка */
    .media-item {
        padding: 0 0 calc(33 / var(--screensize) * 100vw);
        border-bottom: 1px solid rgba(216, 227, 239, .4);
    }

    /* верхний отступ всем, кроме первого */
    .media-item + .media-item {
        padding-top: calc(30 / var(--screensize) * 100vw);
    }

    /* мета и дата как было */
    .media-item__meta {
        display: flex;
        align-items: center;
        margin-bottom: calc(16 / var(--screensize) * 100vw);
    }

    .media-item .media__tag {
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(16.8 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-weight: 400;
        text-transform: uppercase;
        color: #323FA6;
    }

    .media-item .media__date {
        color: #00000080;
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        font-weight: 400;
        margin-left: auto;
    }

    .media-item__title {
        margin: 0;
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
        letter-spacing: calc(-1.2 / var(--screensize) * 100vw);
        font-weight: 500;
    }

    .media-item__title a {
        color: #000000;
        text-decoration: none;
    }

    /* contact */
    .contact {
        padding: calc(80 / var(--screensize) * 100vw) calc(102 / var(--screensize) * 100vw);
    }

    .contact__agree {
        font-size: calc(14 / var(--screensize) * 100vw);
    }

    .contact__input, .contact__textarea {
        height: calc(42 / var(--screensize) * 100vw);
    }

    .contact__field--area .contact__input {
        height: calc(98 / var(--screensize) * 100vw);
    }

    .contact__inner {
        gap: calc(72 / var(--screensize) * 100vw);
    }

    .contact__left {
        gap: calc(252 / var(--screensize) * 100vw);
    }

    .contact__title {
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38.4 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.64 / var(--screensize) * 100vw);
    }

    .contact__address {
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .contact__line, .contact__phone {
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
    }

    .contact__email {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .contact__form {
        width: calc(366 / var(--screensize) * 100vw);
        gap: calc(32 / var(--screensize) * 100vw);
    }

    .contact__label,
    .contact__input {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .contact__submit {
        height: calc(48 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* footer */
    .inner-bottom--footer .menu {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        align-items: center;
        width: 100%;
        min-width: 0;
    }

    .inner-bottom--footer .menu a {
        font-size: calc(14 / var(--screensize) * 100vw);
        white-space: nowrap;
        min-width: 0;
        text-align: center;
    }

    .inner-bottom--footer .actions {
        display: none;
    }

    .footer {
        padding: calc(64 / var(--screensize) * 100vw) 0 calc(24 / var(--screensize) * 100vw) 0;
    }

    .footer__row--top {
        grid-template-columns: 1fr;
        column-gap: calc(120 / var(--screensize) * 100vw);
    }

    .footer .inner-bottom.inner-bottom--footer {
        grid-template-columns: 1fr;
        row-gap: calc(32 / var(--screensize) * 100vw);
        justify-items: stretch;
    }

    .footer__logo {
        width: calc(194 / var(--screensize) * 100vw) !important;
        height: calc(54 / var(--screensize) * 100vw) !important;
        margin-bottom: calc(48 / var(--screensize) * 100vw);
    }

    .footer__logo img {
        width: calc(194 / var(--screensize) * 100vw) !important;
        height: calc(54 / var(--screensize) * 100vw) !important;
    }

    .footer .menu {
        flex-direction: row !important;
        align-items: center;
    }

    .footer .inner-bottom.inner-bottom--footer {
        grid-template-columns: 1fr;
        justify-items: stretch;
        border-bottom: none;
    }

    .footer .header__icon {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .footer__row--mid,
    .footer__row--bottom {
        padding-top: calc(32 / var(--screensize) * 100vw);
    }

    .footer__address,
    .footer__contacts,
    .footer__legal,
    .footer__iso,
    .footer__policy {
        font-size: calc(12 / var(--screensize) * 100vw);
    }

    .footer__address, .footer__contacts {
        opacity: 0.6;
    }

    .menu-footer {
        display: block;
    }

    /* forwho */
    .forwho {
        padding: calc(96 / var(--screensize) * 100vw) calc(0 / var(--screensize) * 100vw);
    }

    .forwho__head {
        padding-bottom: calc(40 / var(--screensize) * 100vw);
        padding-left: calc(54 / var(--screensize) * 100vw);
    }

    .forwho__title {
        font-size: calc(32 / var(--screensize) * 100vw);
        line-height: calc(38.4 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.64 / var(--screensize) * 100vw);
    }

    .forwho__tabs-wrap {
        margin-left: calc(-48 / var(--screensize) * 100vw);
        margin-right: calc(-48 / var(--screensize) * 100vw);
        padding: 0 calc(24 / var(--screensize) * 100vw);
        display: grid;
        grid-template-columns: auto 1fr max-content 1fr auto;
        align-items: center;
        justify-content: center;
        column-gap: calc(20 / var(--screensize) * 100vw);
        height: calc(40 / var(--screensize) * 100vw);
        margin-bottom: calc(44 / var(--screensize) * 100vw);
    }

    .forwho__tabs-arrow,
    .forwho__side {
        display: flex;
    }

    .forwho__tabs-arrow {
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        line-height: 0;
    }

    .forwho__tabs-arrow img {
        width: 100%;
        height: auto;
        display: block;
    }

    .forwho__side {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
        color: #3D52C6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: .95;
        cursor: pointer;
        text-decoration: none;
        justify-content: center;
    }

    .forwho__tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        background: #F2F2F2;
        border-radius: calc(8 / var(--screensize) * 100vw);
        padding: 0;
        margin: 0;
        height: 100%;
    }

    .forwho__tabs .forwho__tab {
        height: calc(40 / var(--screensize) * 100vw);
        padding: calc(12 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw);
        border-radius: calc(8 / var(--screensize) * 100vw);
        width: auto;
        min-width: max-content;
        font-size: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        border: 0;
        cursor: pointer;
    }

    .forwho__tabs .forwho__tab:not(.is-active) {
        display: none;
    }

    .forwho__stage {
        height: calc(577 / var(--screensize) * 100vw);
    }

    .forwho__tree {
        width: calc(381 / var(--screensize) * 100vw);
        top: calc(67 / var(--screensize) * 100vw);
    }

    .forwho__logo {
        bottom: calc(1 / var(--screensize) * 100vw);
        width: 34%;
        left: 53%;
    }

    .forwho__note-title {
        font-size: calc(12 / var(--screensize) * 100vw);
        line-height: calc(20 / var(--screensize) * 100vw);
        margin-bottom: calc(4 / var(--screensize) * 100vw);
    }

    .forwho__note--min5 .forwho__pointer {
        width: calc(120 / var(--screensize) * 100vw);
    }

    .forwho__note--min4 .forwho__pointer {
        width: calc(120 / var(--screensize) * 100vw);
    }

    .forwho__note--min3 .forwho__pointer {
        width: calc(120 / var(--screensize) * 100vw);
    }

    .forwho__note--min2 .forwho__pointer {
        width: calc(120 / var(--screensize) * 100vw);
    }

    .forwho__note--min1 .forwho__pointer {
        width: calc(120 / var(--screensize) * 100vw);
    }

    .forwho__note-link {
        font-size: calc(10 / var(--screensize) * 100vw);
    }

    .forwho__note--min2 {
        width: calc(175 / var(--screensize) * 100vw);
    }

    .forwho__note--min1 {
        width: calc(250 / var(--screensize) * 100vw);
    }

    /* плитки (умолч. набор) */
    .forwho__tile--min1 {
        width: calc(61 / var(--screensize) * 100vw) !important;
        height: calc(52 / var(--screensize) * 100vw) !important;
        top: calc(298 / var(--screensize) * 100vw) !important;
        left: calc(315 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--min2 {
        width: calc(61 / var(--screensize) * 100vw) !important;
        height: calc(52 / var(--screensize) * 100vw) !important;
        top: calc(298 / var(--screensize) * 100vw) !important;
        left: calc(539 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big1 {
        width: calc(95 / var(--screensize) * 100vw) !important;
        height: calc(91 / var(--screensize) * 100vw) !important;
        top: calc(25 / var(--screensize) * 100vw) !important;
        left: calc(410 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big2 {
        width: calc(95 / var(--screensize) * 100vw) !important;
        height: calc(91 / var(--screensize) * 100vw) !important;
        top: calc(116 / var(--screensize) * 100vw) !important;
        left: calc(315 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big3 {
        width: calc(95 / var(--screensize) * 100vw) !important;
        height: calc(91 / var(--screensize) * 100vw) !important;
        top: calc(116 / var(--screensize) * 100vw) !important;
        left: calc(505 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big4 {
        width: calc(95 / var(--screensize) * 100vw) !important;
        height: calc(91 / var(--screensize) * 100vw) !important;
        top: calc(207 / var(--screensize) * 100vw) !important;
        left: calc(220 / var(--screensize) * 100vw) !important;
    }

    .forwho__tile--big5 {
        width: calc(95 / var(--screensize) * 100vw) !important;
        height: calc(91 / var(--screensize) * 100vw) !important;
        top: calc(207 / var(--screensize) * 100vw) !important;
        left: calc(600 / var(--screensize) * 100vw) !important;
    }

    /* подписи (позиции) */
    .forwho__note--min1 {
        top: calc(101 / var(--screensize) * 100vw) !important;
        left: calc(-5 / var(--screensize) * 100vw) !important;
    }

    .forwho__note--min2 {
        top: calc(192 / var(--screensize) * 100vw) !important;
        left: calc(10 / var(--screensize) * 100vw) !important;
    }

    .forwho__note--min3 {
        top: calc(11 / var(--screensize) * 100vw) !important;
        left: calc(535 / var(--screensize) * 100vw) !important;
        right: auto !important;
    }

    .forwho__note--min4 {
        top: calc(101 / var(--screensize) * 100vw) !important;
        left: calc(640 / var(--screensize) * 100vw) !important;
        right: auto !important;
    }

    .forwho__note--min5 {
        top: calc(192 / var(--screensize) * 100vw) !important;
        left: calc(730 / var(--screensize) * 100vw) !important;
        width: calc(130 / var(--screensize) * 100vw) !important;
        right: auto !important;
    }

    /* альтернативные «угловые» плитки */
    .forwho__tile--top {
        top: calc(15 / var(--screensize) * 100vw);
        left: calc(105 / var(--screensize) * 100vw);
        width: calc(80 / var(--screensize) * 100vw);
        height: calc(56 / var(--screensize) * 100vw);
    }

    .forwho__tile--left-big {
        top: calc(105 / var(--screensize) * 100vw);
        left: calc(-20 / var(--screensize) * 100vw);
        width: calc(111 / var(--screensize) * 100vw);
        height: calc(90 / var(--screensize) * 100vw);
    }

    .forwho__tile--right-wide {
        top: calc(105 / var(--screensize) * 100vw);
        right: calc(-15 / var(--screensize) * 100vw);
        width: calc(130 / var(--screensize) * 100vw);
        height: calc(60 / var(--screensize) * 100vw);
    }

    .forwho__tile--right-small {
        top: calc(180 / var(--screensize) * 100vw);
        right: calc(20 / var(--screensize) * 100vw);
        width: calc(56 / var(--screensize) * 100vw);
        height: calc(65 / var(--screensize) * 100vw);
    }

    .forwho__tile--bottom-mid {
        top: calc(195 / var(--screensize) * 100vw);
        left: calc(116 / var(--screensize) * 100vw);
        width: calc(70 / var(--screensize) * 100vw);
        height: calc(51 / var(--screensize) * 100vw);
    }

    .forwho__tile--left-small {
        top: calc(210 / var(--screensize) * 100vw);
        left: calc(20 / var(--screensize) * 100vw);
        width: calc(56 / var(--screensize) * 100vw);
        height: calc(60 / var(--screensize) * 100vw);
    }


    /* ====== OVERLAY МЕНЮ ====== */
    .mmenu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2000; /* выше .topbar(120) и .subbar(130) */
        background: #131944;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4%);
        transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
    }

    .mmenu.is-open {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .25s ease, transform .25s ease;
    }

    .mmmenu__inner {
        min-height: 100dvh;
        display: grid;
        grid-template-rows: auto 1fr auto; /* верх / центр / низ */
        padding: calc(24 / var(--screensize) * 100vw);
    }

    .mmenu__top {
        display: flex;
        align-items: center; /* <-- вертикальное центрирование */
        justify-content: space-between; /* логотип слева, иконки справа */
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* верх */
    .mmenu__logo img {
        width: calc(131 / var(--screensize) * 100vw);
        height: auto;
        display: block;
    }

    .mmenu__actions {
        position: static;
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* центр */
    .mmenu__nav {
        align-self: center;
        justify-self: center;
        display: flex;
        flex-direction: column;
        gap: calc(48 / var(--screensize) * 100vw);
        text-align: center;
    }

    .mmenu__nav a {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-decoration: none;
        color: #fff;
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* низ */
    .mmenu__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
        opacity: .85;
    }

    .mmenu__footer .footer__address {
        margin: 0;
    }

    .mmenu__footer .footer__contacts {
        display: flex;
        gap: calc(40 / var(--screensize) * 100vw);
    }

    .mmenu__footer a {
        color: #fff;
        text-decoration: none;
    }

    /* небольшая подстраховка размеров иконок */
    .mmenu .icon-btn {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }

    .mmenu .header__icon,
    .mmenu .burger__icon {
        width: 100%;
        height: auto;
        display: block;
    }

    .cookie__text {
        font-size: calc(12 / var(--screensize) * var(--vw));
    }
}

@media (max-width: 430px) and (min-width: 550px) {
    .career__card {
        display: grid;
        max-width: calc(756 / var(--screensize) * 100vw);
        height: calc(168 / var(--screensize) * 100vw);
        padding: calc(48 / var(--screensize) * 100vw) calc(100 / var(--screensize) * 100vw);
        grid-template-columns: calc(250 / var(--screensize) * 100vw) 1fr;
        clip-path: polygon(calc(50 / var(--screensize) * 100vw) 0, 100% 0, 100% 100%, 0 100%, 0 calc(50 / var(--screensize) * 100vw));
        column-gap: calc(56 / var(--screensize) * 100vw);
        align-items: start;
    }

    .career_block-down {
        padding-bottom: 0;
    }
}

@media (max-width: 1090px) and (min-width: 960px) {
    .btn-ghost {
        display: none;
    }
}

@media (min-width: 1px) and (max-width: 430px) {
    :root {
        --screensize: 430;
        --media-list-max: 300px;

    }

    .topbar {
        padding-top: calc(35 / var(--screensize) * 100vw);
    }

    .inner {
        padding: 0 calc(32 / var(--screensize) * 100vw);
    }

    .inner .logo img {
        width: calc(94 / var(--screensize) * 100vw);
        height: calc(18 / var(--screensize) * 100vw);
        content: url("/local/templates/fast/assets/images/logo_mobile.png");
    }

    .logo {
        width: calc(94 / var(--screensize) * 100vw);
    }

    .topbar .inner {
        display: grid;
        align-items: center;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: calc(32 / var(--screensize) * 100vw);
    }

    .topbar .inner > * {
        min-width: 0;
    }

    .menu {
        display: none;
    }

    .btn-ghost {
        display: none;
    }

    .burger {
        display: block;
    }

    .inner-bottom {
        grid-template-columns: auto;
        justify-self: end;
        column-gap: 0;
        border-bottom: none;
    }

    .actions {
        gap: calc(24 / var(--screensize) * 100vw);
        justify-content: flex-end;
    }

    .icon-btn {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        margin-top: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .header__icon, .burger__icon {
        width: 100%;
        height: auto;
        top: calc(1 / var(--screensize) * 100vw);
    }

    .hero {
        height: calc(700 / var(--screensize) * 100vw);
    }

    .hero__content {
        height: 92%;
        grid-template-rows: 1fr 1fr !important;
        grid-template-columns: auto;
    }

    .hero__graphic {
        padding: 0 calc(58 / var(--screensize) * 100vw);
    }

    .hero__left {
        margin-top: calc(188 / var(--screensize) * 100vw);
    }

    .hero__right {
        gap: calc(40 / var(--screensize) * 100vw);
        align-items: center;
    }

    .hero__wordmark {
        width: calc(195 / var(--screensize) * 100vw);
        height: auto;
    }

    .hero__tagline {
        font-size: calc(16 / var(--screensize) * 100vw);
        text-wrap: balance;
        text-align: center;
    }

    /* subbar */
    .subbar .inner {
        display: grid;
        grid-template-columns: auto max-content;
        column-gap: calc(24 / var(--screensize) * 100vw);
        align-items: center;
        padding: calc(26 / var(--screensize) * 100vw) calc(32 / var(--screensize) * 100vw);
    }

    .logo--small {
        width: calc(94 / var(--screensize) * 100vw);
        height: auto;
    }

    .subbar .logo--small img {
        width: calc(94 / var(--screensize) * 100vw);
        height: calc(18 / var(--screensize) * 100vw);
        content: url(/local/templates/fast/assets/images/logo_ipad_black.svg);
    }

    .subbar .inner-bottom {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        column-gap: calc(0 / var(--screensize) * 100vw);
        justify-self: end;
        align-items: center;
        border-bottom: none;
    }

    .subbar .actions {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .subbar .icon-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        line-height: 0;
        cursor: pointer;
    }

    .subbar .header__icon,
    .subbar .burger__icon {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* ======= FAST HERO (уникальный БЭМ-блок) ======= */
    .fast-hero {
        position: relative;
        overflow: hidden;
        background: #111537;
        min-height: calc(700 / var(--screensize) * 100vw);
    }

    /* фон ДНК на всю ширину */
    .fast-hero__bg {
        position: absolute;
        inset: 0;
        background-image: url('/local/templates/fast/assets/images/back_about.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transform: translateZ(0);
    }

    /* контейнер контента */
    .fast-hero__container {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0;
        padding: calc(570 / var(--screensize) * 100vw) calc(147 / var(--screensize) * 100vw) calc(38 / var(--screensize) * 100vw) calc(28 / var(--screensize) * 100vw);
    }

    /* хлебные крошки */
    .fast-hero__breadcrumbs {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        font-weight: 400;
        font-family: 'IBM Plex Sans';
        margin: 0 0 calc(24 / var(--screensize) * 100vw);
        white-space: nowrap;
    }

    .fast-hero__crumb {
        text-decoration: none;
        color: #FFFFFF;
    }

    .fast-hero__crumb:hover {
        color: #ffffff;
    }

    .fast-hero__img {
        width: 80%;
    }

    .fast-hero__crumb_current {
        color: #ffffff;
        opacity: 0.6;
        pointer-events: none;
    }

    /* заголовок с заливкой картинкой */
    .fast-hero__title {
        margin: 0;
        font-weight: 400;
        letter-spacing: calc(-1.5 / var(--screensize) * 100vw);
        text-transform: uppercase;
        line-height: calc(48 / var(--screensize) * 100vw);
        font-size: calc(48 / var(--screensize) * 100vw);
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
        -webkit-hyphens: auto;
    }

    .fast-hero__title-fill {
        display: inline-block;
        background-image: url('/local/templates/fast/assets/images/steel_text.png');
        background-size: cover;
        background-repeat: repeat;
        background-position: center;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    .fast-about__container {
        padding: calc(56 / var(--screensize) * 100vw) calc(32 / var(--screensize) * 100vw) calc(56 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    .fast-about {
        display: flex;
        flex-direction: column;
    }

    /* Левый столбец */
    .fast-about__left {
        padding-top: calc(32 / var(--screensize) * 100vw);
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .fast-about__title {
        margin: 0;
        font-weight: 500;
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33 / var(--screensize) * 100vw);
    }

    .fast-about__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .fast-about__text p {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        color: #000;
        font-weight: 400;
        margin: 0;
    }

    .fast-about__text {
        gap: calc(32 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
    }

    /* Правый столбец */
    .fast-about__right {
        padding-top: calc(32 / var(--screensize) * 100vw);
        display: flex;
        justify-content: flex-start;
    }

    .fast-about__values {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    /* Элемент списка */
    .fast-about__value {
        transition: transform .25s ease;
        margin-bottom: calc(40 / var(--screensize) * 100vw);
    }

    .fast-about__value-head {
        display: flex;
        align-items: center;
        height: calc(21 / var(--screensize) * 100vw);
    }

    .fast-about__value-word {
        display: block;
        height: calc(20 / var(--screensize) * 100vw);
        width: auto;
        max-width: 100%;
    }

    .fast-about__value-desc {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
    }

    /* ===== Audience ===== */
    .fast-audience {
        padding-left: calc(32 / var(--screensize) * 100vw);
        padding-right: calc(32 / var(--screensize) * 100vw);
        padding-bottom: calc(56 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    /* Заголовок */
    .fast-audience__title {
        margin: 0 0 calc(40 / var(--screensize) * 100vw);
        font-weight: 500;
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(34 / var(--screensize) * 100vw);
    }

    .fast-audience__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Сетка карточек 2×2 */
    .fast-audience__grid {
        display: flex;
        flex-direction: column;
        /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: 1fr;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    /* Карточка */
    .fast-audience__card {
        position: relative;
        display: block;
        /* height: calc(366 / var(--screensize) * 100vw); */
        height: auto;
        min-height: calc(260 / var(--screensize) * 100vw);
        overflow: hidden;
        background-size: cover;
        background-position: center;
        text-decoration: none;
        color: #fff;
        isolation: isolate;
    }

    /* затемняющий градиент снизу */
    .fast-audience__card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.55) 60%,
        rgba(0, 0, 0, 0.9) 100%);
        z-index: 0;
        transition: opacity .25s ease;
    }

    .fast-audience__card:hover::before {
        opacity: .95;
    }

    /* Контент внутри карточки */
    .fast-audience__content {
        /* position: absolute; */
        position: static;   
        inset: 0;
        z-index: 1;
        padding: calc(32 / var(--screensize) * 100vw) calc(33 / var(--screensize) * 100vw) calc(32 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* Верхняя строка */
    .fast-audience__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(16 / var(--screensize) * 100vw);
        margin-bottom: calc(30 / var(--screensize) * 100vw);
    }

    .fast-audience__name {
        margin: 0;
        font-weight: 500;
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
        color: #fff;
    }

    .fast-audience__arrow {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(19 / var(--screensize) * 100vw);
        flex: 0 0 auto;
        transition: transform .25s ease, opacity .25s ease;
        opacity: .9;
    }

    .fast-audience__card:hover .fast-audience__arrow {
        transform: translateX(calc(4 / var(--screensize) * 100vw));
        opacity: 1;
    }

    /* Нижняя часть — список */
    .fast-audience__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .fast-audience__li {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        font-weight: 400;
        color: #fff;
        opacity: .95;
    }

    /* ===== Team ===== */
    .fast-team {
        padding-left: calc(32 / var(--screensize) * 100vw);
        padding-right: calc(32 / var(--screensize) * 100vw);
        padding-bottom: calc(56 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
    }

    /* Заголовок */
    .fast-team__title {
        margin: 0 0 calc(40 / var(--screensize) * 100vw);
        font-weight: 500;
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(34 / var(--screensize) * 100vw);
    }

    .fast-team__title-fill {
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* Сетка: 4 колонки */
    .fast-team__grid {
        display: flex;
        flex-direction: column;
        grid-template-columns: repeat(4, 1fr);
        gap: calc(27 / var(--screensize) * 100vw);
    }

    /* Карточка */
    .fast-team__card {
        position: relative;
        height: calc(320 / var(--screensize) * 100vw);
        overflow: hidden;
        color: #fff;
        isolation: isolate;
    }

    /* Фото */
    .fast-team__photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
        transition: transform .4s ease;
        pointer-events: none;
    }

    .fast-team__card:hover .fast-team__photo {
        transform: scale(1.05);
    }

    /* Градиент снизу */
    .fast-team__card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.55) 70%,
        rgba(0, 0, 0, 0.9) 100%);
        z-index: 1;
    }

    /* Подписи */
    .fast-team__info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        padding: calc(30 / var(--screensize) * 100vw);
        display: flex;
        flex-direction: column;
        gap: calc(16 / var(--screensize) * 100vw);
    }

    .fast-team__name {
        margin: 0;
        font-weight: 500;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        color: #fff;
    }

    .fast-team__role {
        margin: 0;
        letter-spacing: .06em;
        text-transform: uppercase;
        font-weight: 400;
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        color: #EDEDED;
        opacity: .95;
    }


    /* about */
    .about {
        padding: calc(56 / var(--screensize) * 100vw) 0;
        gap: calc(32 / var(--screensize) * 100vw);
    }

    .lead {
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33.6 / var(--screensize) * 100vw);
    }

    .cols {
        gap: calc(32 / var(--screensize) * 100vw);
        flex-direction: column;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
    }

    .col p {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
    }

    /* solutions */
    .solutions__inner {
        padding: 0;;
    }

    .solutions__title {
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33.6 / var(--screensize) * 100vw);
        margin-bottom: calc(16 / var(--screensize) * 100vw);
    }

    .solutions {
        gap: 0;
    }

    .solutions__right {
        display: none;
    }

    .solutions__head {
        padding: calc(32 / var(--screensize) * 100vw) 0;
    }

    .solutions__head img {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(19 / var(--screensize) * 100vw);
    }

    .solutions__item--open .solutions__head {
        padding-top: calc(22 / var(--screensize) * 100vw);
        padding-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .solutions__name,
    .solutions__item--open .solutions__name {
        font-size: calc(20 / var(--screensize) * 100vw);
        height: calc(32 / var(--screensize) * 100vw);
    }

    .solutions__panel {
        padding-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .solutions__text {
        font-size: calc(16 / var(--screensize) * 100vw);
        margin-bottom: calc(24 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
    }

    .solutions__more {
        font-size: calc(16 / var(--screensize) * 100vw);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .solutions__more img {
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .solutions__figure {
        width: calc(390 / var(--screensize) * 100vw);
        height: calc(564 / var(--screensize) * 100vw);
    }

    /* products */
    .products__tabs-arrow, .products__side {
        display: flex;
    }

    .products {
        padding-top: calc(56 / var(--screensize) * 100vw);
    }

    .products__container {
        padding-left: calc(32 / var(--screensize) * 100vw);
        padding-right: calc(32 / var(--screensize) * 100vw);
        padding-bottom: calc(56 / var(--screensize) * 100vw);
    }

    .products__title {
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33.6 / var(--screensize) * 100vw);
        padding: 0 0 calc(32 / var(--screensize) * 100vw) 0;
    }

    .products__tabs {
        height: calc(40 / var(--screensize) * 100vw);
        margin-bottom: calc(48 / var(--screensize) * 100vw);
    }

    .products__tab {
        height: calc(40 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .products__body {
        gap: calc(32 / var(--screensize) * 100vw);
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .products__figure {
        width: calc(311 / var(--screensize) * 100vw);
        height: calc(291 / var(--screensize) * 100vw);
    }

    .products__subtitle {
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .products__text {
        font-size: calc(16 / var(--screensize) * 100vw);
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .products__chip {
        height: calc(48 / var(--screensize) * 100vw);
        padding: calc(16 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* только панель со стеком */
    .products__body.stack__panels {
        display: block; /* отключаем grid из .products__body для этой панели */
    }

    /* 2×2 на flex: крайние по краям, между ними — контролируемый зазор */
    .stack__grid {
        --col-gap: calc(60 / var(--screensize) * 100vw);
        --row-gap: calc(40 / var(--screensize) * 100vw);

        margin: 0;
        padding: 0;
        list-style: none;

        display: flex;
        flex-wrap: wrap;
        gap: var(--row-gap) var(--col-gap); /* row-gap / column-gap */

        /* без дополнительного выравнивания — за это отвечает ширина .stack__item */
    }

    /* две карточки в строке: ширина = (100% - межколоночный зазор) / 2 */
    .stack__item {
        flex: 0 1 calc((100% - var(--col-gap)) / 2);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .stack__icon-frame {
        width:  auto;
        height: calc(40 / var(--screensize) * 100vw);
        display: grid;
        place-items: center;
    }

    .stack__icon {
        display: block;
        width:  auto;
        height: calc(40 / var(--screensize) * 100vw);
        max-width: 100%;
        max-height: 100%;
    }

    .stack__label {
        font-size: calc(14 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #000;
        text-align: center;
    }

    .products__chips {
        gap: calc(16 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw);
        margin: 0 0 calc(32 / var(--screensize) * 100vw) 0;
    }

    .products__more {
        font-size: calc(16 / var(--screensize) * 100vw);
        gap: calc(24 / var(--screensize) * 100vw);
    }

    .products__more--arrow {
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .products__tabs-wrap {
        margin-bottom: calc(32 / var(--screensize) * 100vw);
        margin-right: calc(-32 / var(--screensize) * 100vw);
        margin-left: calc(-32 / var(--screensize) * 100vw);
        padding-left: calc(32 / var(--screensize) * 100vw);
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .products__tabs-arrow img {
        width: 100%;
        height: auto;
        display: block;
    }

    .products__tabs-arrow {
        display: none;
    }

    .products__side--prev {
        display: none;
    }

    .products__side--next {
        display: flex;
        justify-content: flex-start;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .products__side {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
        color: #3D52C6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: .95;
        cursor: pointer;
        text-decoration: none;
        justify-content: center;
    }

    .products__tabs {
        display: inline-flex;
        gap: calc(8 / var(--screensize) * 100vw);
        flex-wrap: nowrap;
        overflow-x: auto; /* единственный горизонтальный скролл */
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        background: transparent !important;
        border-radius: 0 !important;
        padding: 0;
        margin: 0;
        height: calc(40 / var(--screensize) * 100vw);
        scroll-padding-left: calc(24 / var(--screensize) * 100vw);
        scroll-padding-right: calc(24 / var(--screensize) * 100vw);
        margin-left: calc(-32 / var(--screensize) * 100vw);
        margin-right: calc(-32 / var(--screensize) * 100vw);
        padding-left: calc(32 / var(--screensize) * 100vw);
    }

    .products__tabs::-webkit-scrollbar {
        display: none;
    }

    .products__tabs .products__tab {
        flex: 0 0 auto; /* не сжимать */
        white-space: nowrap;
        height: calc(40 / var(--screensize) * 100vw);
        padding: calc(12 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw);
        border-radius: calc(8 / var(--screensize) * 100vw);
        background: transparent;
        color: #3D52C6;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        border: 0;
        cursor: pointer;
    }

    /* активная — синяя «пилюля» */
    .products__tabs .products__tab.is-active {
        background: #3D52C6;
        color: #fff;
    }

    /* показываем только активную кнопку внутри серединного контейнера */
    .products__tabs .products__tab:not(.is-active) {
        display: inline-flex;
    }

    .products__tabs::after {
        content: "";
        flex: 0 0 calc(24 / var(--screensize) * 100vw);
    }

    .products__tabs-arrow {
        display: none !important;
    }

    .products__side {
        display: none !important;
    }

    /* career */
    .career {
        margin-bottom: calc(56 / var(--screensize) * 100vw);
        min-height: calc(776 / var(--screensize) * 100vw);
    }

    .career__inner {
        padding-top: calc(56 / var(--screensize) * 100vw);
        padding-right: calc(17 / var(--screensize) * 100vw);
        padding-left: calc(17 / var(--screensize) * 100vw);
        padding-bottom: calc(56 / var(--screensize) * 100vw);
    }

    .career__up {
        padding-bottom: calc(40 / var(--screensize) * 100vw);
    }

    .career__brand {
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33 / var(--screensize) * 100vw);
        padding-left: calc(15 / var(--screensize) * 100vw);
    }

    .career__all {
        display: flex;
        gap: calc(16 / var(--screensize) * 100vw);
        flex-direction: column;
    }

    .career__card {
        max-width: calc(343 / var(--screensize) * 100vw);
        padding: calc(40 / var(--screensize) * 100vw) calc(32 / var(--screensize) * 100vw);
        height: calc(202 / var(--screensize) * 100vw);
        clip-path: polygon(calc(48 / var(--screensize) * 100vw) 0, 100% 0, 100% 100%, 0 100%, 0 calc(48 / var(--screensize) * 100vw));
        display: flex;
    }

    .career__card-title {
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
    }

    .career__card-text {
        font-size: calc(14 / var(--screensize) * 100vw);
    }

    .career__card-text-arr
    {
        transform: rotate(90deg);
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .career_block-down {
        display: flex;
        padding-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .career_block-down:last-child {
        padding-bottom: 0;
    }

    .career__card-arrow {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        transform: rotate(90deg);
    }

    /* ========== Секция ========== */
    .media {
        padding-left: calc(32 / var(--screensize) * 100vw);
        padding-right: calc(32 / var(--screensize) * 100vw);
        padding-bottom: calc(56 / var(--screensize) * 100vw);
    }

    .media__title {
        font-family: "IBM Plex Sans";
        font-weight: 500;
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.56 / var(--screensize) * 100vw);
        background-image: url(/local/templates/fast/assets/images/steel_text.png);
        background-clip: text;
        color: transparent;
        margin: 0;
        padding-bottom: calc(40 / var(--screensize) * 100vw);
    }

    .media__title-fill {
        color: inherit;
    }

    /* Двухколоночный лэйаут */
    .media__layout {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .media__layout > .media-list { min-height: 0; }
    /* .media__layout {
        display: grid;
        gap: calc(16 / var(--screensize) * 100vw);
    } */

    /* ========== Крупная карточка слева ========== */
    .media-feature__cover {
        display: block;
        overflow: hidden;
        margin-bottom: calc(32 / var(--screensize) * 100vw);
    }

    .media-feature__cover img {
        display: block;
        width: 100%;
        height: auto;
    }

    .media-feature__meta {
        display: flex;
        align-items: center;
        margin-bottom: calc(24 / var(--screensize) * 100vw);
    }

    .media__tag {
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(16 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-transform: uppercase;
        color: #323FA6;
    }

    .media__date {
        margin-left: auto;
        font-size: calc(14 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        line-height: 140%;
        color: #00000080;
    }

    .media-feature__title {
        margin: 0 0 calc(24 / var(--screensize) * 100vw);
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
        letter-spacing: calc(-1.2 / var(--screensize) * 100vw);
        color: #000;
        font-family: "IBM Plex Sans";
        font-weight: 500;
    }

    .media-feature__title a {
        text-decoration: none;
        color: inherit;
    }

    .media-feature__title a:hover,
    .media-feature__title a:focus,
    .media-feature__title a:active {
        text-decoration: none;
    }

    .media-feature__excerpt {
        margin: 0;
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.32 / var(--screensize) * 100vw);
        color: #000;
        font-family: "IBM Plex Sans";
        font-weight: 400;
    }

    /* ========== Список новостей справа ========== */
    /* .media-list { */
        /* display: flex; */
        /* flex-direction: column; */
        /* gap: 0; линия будет задавать ритм */
    /* } */
    .media-list {
        max-height: var(--media-list-max) !important;  /* высота берётся из JS, иначе 340px */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-right: calc(6 / var(--screensize) * 100vw); /* чуть места под скроллбар */
        scrollbar-gutter: stable both-edges;
    }
    .media-list::-webkit-scrollbar { width: 6px; }
    .media-list::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 3px; }
    .media-list::-webkit-scrollbar-track { background: transparent; }

    /* один элемент списка */
    .media-item {
        padding: 0 0 calc(33 / var(--screensize) * 100vw);
        border-bottom: calc(2 / var(--screensize) * 100vw) solid rgba(216, 227, 239, .4);
    }

    /* верхний отступ всем, кроме первого */
    .media-item + .media-item {
        padding-top: calc(30 / var(--screensize) * 100vw);
    }

    /* мета и дата как было */
    .media-item__meta {
        display: flex;
        align-items: center;
        margin-bottom: calc(16 / var(--screensize) * 100vw);
    }

    .media-item .media__tag {
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(16.8 / var(--screensize) * 100vw);
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-weight: 400;
        text-transform: uppercase;
        color: #323FA6;
    }

    .media-item .media__date {
        color: #00000080;
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.36 / var(--screensize) * 100vw);
        font-weight: 400;
        margin-left: auto;
    }

    .media-item__title {
        margin: 0;
        font-size: calc(18 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
        letter-spacing: calc(-1.2 / var(--screensize) * 100vw);
        font-weight: 500;
    }

    .media-item__title a {
        color: #000000;
        text-decoration: none;
    }

    /* contact */
    .contact {
        padding: calc(56 / var(--screensize) * 100vw) calc(32 / var(--screensize) * 100vw);
    }

    .contact__input, .contact__textarea {
        height: calc(42 / var(--screensize) * 100vw);
    }

    .contact__field--area .contact__input {
        min-height: calc(98 / var(--screensize) * 100vw) !important;
    }

    .contact__inner {
        gap: calc(56 / var(--screensize) * 100vw);
        flex-direction: column;
    }

    .contact__left {
        gap: calc(252 / var(--screensize) * 100vw);
    }

    .contact__title {
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33.6 / var(--screensize) * 100vw);
        letter-spacing: calc(-0.56 / var(--screensize) * 100vw);
    }

    .contact__title br {
        display: none;
    }

    .contact__address {
        display: none;
    }

    .contact__line, .contact__phone {
        font-size: calc(20 / var(--screensize) * 100vw);
        line-height: calc(26 / var(--screensize) * 100vw);
    }

    .contact__email {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .contact__form {
        width: calc(365 / var(--screensize) * 100vw);
        gap: calc(32 / var(--screensize) * 100vw);
    }

    .contact__label,
    .contact__input {
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .contact__submit {
        height: calc(48 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* footer */
    .inner-bottom--footer .menu {
        display: grid;
        grid-auto-rows: 1fr;
        align-items: center;
        width: 100%;
        min-width: 0;
    }

    .inner-bottom--footer .menu a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(121 / var(--screensize) * 100vw);
        width: 100%;
        text-align: left;
        text-decoration: none;
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    .inner-bottom--footer .actions {
        display: none;
    }

    .inner-bottom--footer .menu a::after {
        content: "";
        flex: 0 0 auto;
        width: calc(18 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
        background: url("/local/templates/fast/assets/images/icons/right_white.svg") center / contain no-repeat;
        opacity: .9;
    }

    .inner-bottom--footer .menu .menu-footer::after {
        background-image: url("/local/templates/fast/assets/images/icons/email.svg");
    }

    .inner-bottom--footer .menu a:last-child {
        border-bottom: 0;
    }

    .footer {
        padding: calc(56 / var(--screensize) * 100vw) 0 calc(32 / var(--screensize) * 100vw) 0;
    }

    .footer__row--top {
        grid-template-columns: 1fr;
        justify-items: center;
        column-gap: calc(120 / var(--screensize) * 100vw);
    }

    .footer .inner-bottom.inner-bottom--footer {
        grid-template-columns: 1fr;
        row-gap: calc(32 / var(--screensize) * 100vw);
        justify-items: stretch;
    }

    .footer__logo {
        width: calc(194 / var(--screensize) * 100vw) !important;
        height: calc(54 / var(--screensize) * 100vw) !important;
        margin-bottom: calc(48 / var(--screensize) * 100vw);
        content: url(/local/templates/fast/assets/images/logo.png);
    }

    .footer__logo img {
        width: calc(194 / var(--screensize) * 100vw) !important;
        height: calc(54 / var(--screensize) * 100vw) !important;
    }

    .footer .menu {
        flex-direction: row !important;
        align-items: center;
        gap: calc(32 / var(--screensize) * 100vw);
        grid-template-columns: 1fr;
    }

    .footer .inner-bottom.inner-bottom--footer {
        grid-template-rows: auto;
        grid-template-columns: auto;
        justify-items: stretch;
        border-bottom: none;
        justify-self: center;
        width: 100%;
    }

    .footer .header__icon {
        width: calc(20 / var(--screensize) * 100vw);
        height: calc(14 / var(--screensize) * 100vw);
    }

    .footer__row--mid,
    .footer__row--bottom {
        padding-top: calc(48 / var(--screensize) * 100vw);
        flex-direction: column;
    }

    .footer__address,
    .footer__contacts,
    .footer__legal,
    .footer__iso,
    .footer__policy {
        font-size: calc(14 / var(--screensize) * 100vw);
        justify-content: space-between;
        white-space: normal;
    }

    .footer__legal, .footer__iso, .footer__policy {
        font-size: calc(12 / var(--screensize) * 100vw);
    }

    .footer__policy {
        margin-left: initial;
    }

    .menu-footer {
        display: block;
    }

    /* forwho */
    .forwho {
        display: none;
    }

    /* ====================== SWIPER FOR WHO ======================== */
    .audience {
        overflow-x: hidden;
        display: block;
        margin-left: calc(-32 / var(--screensize) * 100vw);
        margin-right: calc(-32 / var(--screensize) * 100vw);
    }

    .audience__inner {
        display: flex;
        flex-direction: column;
        gap: calc(32 / var(--screensize) * 100vw);
        padding: calc(56 / var(--screensize) * 100vw) 0;
    }

    .audience__title {
        margin: 0;
        font-family: "IBM Plex Sans";
        font-weight: 500;
        font-size: calc(28 / var(--screensize) * 100vw);
        line-height: calc(33.6 / var(--screensize) * 100vw);
        background-image: url('/local/templates/fast/assets/images/steel_text.png');
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        padding-left: calc(32 / var(--screensize) * 100vw);
        padding-right: calc(32 / var(--screensize) * 100vw);
    }

    /* Табы — как на скрине */
    .audience__tabs {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-right: calc(-24 / var(--screensize) * 100vw);
        margin-left: calc(-24 / var(--screensize) * 100vw);
        padding-left: calc(56 / var(--screensize) * 100vw);
        padding-right: calc(56 / var(--screensize) * 100vw)
    }

    .audience__tabs::-webkit-scrollbar {
        display: none;
    }

    .audience__tab {
        flex: 0 0 auto;
        appearance: none;
        border: 0;
        background: transparent;
        cursor: pointer;
        padding: calc(11.5 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw);
        border-radius: calc(8 / var(--screensize) * 100vw);
        font-family: 'IBM Plex Mono';
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        font-size: calc(16 / var(--screensize) * 100vw);
        color: #3D52C6;
        white-space: nowrap;
        transition: background .2s ease, color .2s ease, box-shadow .2s ease;
    }

    .audience__tab:hover {
        text-decoration: underline;
        text-underline-offset: calc(6 / var(--screensize) * 100vw);
    }

    .audience__tab.is-active {
        background: #323FA6;
        color: #fff;
        text-decoration: none;
    }

    /* ПАНЕЛИ */
    .audience__panes {
        position: relative;
        margin-left: calc(-32 / var(--screensize) * 100vw);
        margin-right: calc(-32 / var(--screensize) * 100vw);
    }

    .audience__pane {
        display: none;
    }

    .audience__pane.is-active {
        display: block;
    }

    /* Свайпер */
    .audience__carousel {
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        overflow: visible;
    }

    .audience__carousel.swiper,
    .audience__carousel .swiper {
        padding-left: 0;
        padding-right: 0;
    }

    .audience__nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(16 / var(--screensize) * 100vw);
        margin-top: calc(20 / var(--screensize) * 100vw);
    }

    .audience__btn {
        display: none;
    }

    .audience__pagination {
        display: none;
    }

    .swiper-pagination-bullet {
        background: #3D52C6;
        opacity: .25;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
    }

    /* Карточка */
    .audience-card {
        position: relative;
        border-radius: calc(20 / var(--screensize) * 100vw);
        overflow: hidden;
        width: calc(199 / var(--screensize) * 100vw);
        height: calc(237 / var(--screensize) * 100vw);
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: calc(16 / var(--screensize) * 100vw);
        color: #fff;
        background: #002;
        background-image: var(--bg);
        border-radius: calc(12 / var(--screensize) * 100vw);
        background-size: cover;
        background-position: center;
    }

    .audience-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(25, 35, 90, 0.3) 30%, rgba(25, 35, 90, .85) 100%);
    }

    .audience-card > * {
        position: relative;
        z-index: 1;
    }

    .audience-card__title {
        margin: 0 0 calc(8 / var(--screensize) * 100vw);
        font-weight: 400;
        font-family: "IBM Plex Sans";
        font-size: calc(16 / var(--screensize) * 100vw);
        line-height: calc(24 / var(--screensize) * 100vw);
        text-align: center;
    }

    .audience-card__text {
        margin: 0;
        text-align: center;
        font-size: calc(14 / var(--screensize) * 100vw);
        line-height: calc(20 / var(--screensize) * 100vw);
    }

    /* ====== OVERLAY МЕНЮ ====== */
    .mmenu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2000; /* выше .topbar(120) и .subbar(130) */
        background: #131944;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4%);
        transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
    }

    .mmenu.is-open {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .25s ease, transform .25s ease;
    }

    .mmmenu__inner {
        min-height: 100dvh;
        display: grid;
        grid-template-rows: auto 1fr auto; /* верх / центр / низ */
        padding: calc(32 / var(--screensize) * 100vw);
    }

    .mmenu__top {
        display: flex;
        align-items: center; /* <-- вертикальное центрирование */
        justify-content: space-between; /* логотип слева, иконки справа */
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* верх */
    .mmenu__logo img {
        width: calc(131 / var(--screensize) * 100vw);
        height: auto;
        display: block;
    }

    .mmenu__actions {
        position: static;
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * 100vw);
    }

    /* центр */
    .mmenu__nav {
        align-self: center;
        justify-self: center;
        display: flex;
        flex-direction: column;
        gap: calc(48 / var(--screensize) * 100vw);
        text-align: center;
    }

    .mmenu__nav a {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * 100vw);
        text-decoration: none;
        color: #fff;
        font-size: calc(16 / var(--screensize) * 100vw);
    }

    /* низ */
    .mmenu__footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: calc(24 / var(--screensize) * 100vw);
        opacity: .85;
        flex-direction: column;
    }

    .mmenu__footer .footer__address {
        margin: 0;
    }

    .mmenu__footer .footer__contacts {
        display: flex;
        gap: calc(40 / var(--screensize) * 100vw);
    }

    .mmenu__footer a {
        color: #fff;
        text-decoration: none;
    }

    /* небольшая подстраховка размеров иконок */
    .mmenu .icon-btn {
        width: calc(24 / var(--screensize) * 100vw);
        height: calc(24 / var(--screensize) * 100vw);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }

    .mmenu .header__icon,
    .mmenu .burger__icon {
        width: 100%;
        height: auto;
        display: block;
    }

    .contact__agree {
        font-size: calc(14 / var(--screensize) * var(--vw));
      }
      
      .contact__agree input {
        width: calc(16 / var(--screensize) * var(--vw));
        height: calc(16 / var(--screensize) * var(--vw));
      }

      .cookie__text {
        font-size: calc(12 / var(--screensize) * var(--vw));
      }
}


@media (min-width: 431px) and (max-width: 960px) {
    .topbar { background: transparent; }
    .topbar .inner-bottom { border-bottom-color: transparent; }

    .topbar.is-solid {
        background: #F2F2F2;
    }
    .topbar.is-solid .inner-bottom {
        border-bottom-color: rgba(0,0,0,.08); /* тонкая линия снизу */
    }

    /* Если иконки/бургер изначально белые — инвертируем на светлом фоне */
    .topbar.is-solid .header__icon,
    .topbar.is-solid .burger__icon {
        filter: invert(1) brightness(0.1) contrast(1.1);
    }
    .subbar {
        display: none !important;
    }
    .topbar.is-hidden { transform: none !important; }

    .topbar .logo img {
    content: url('/local/templates/fast/assets/images/logo_mobile.png') !important;
    }
    .topbar.is-solid .logo img {
    content: url('/local/templates/fast/assets/images/logo_ipad_black.svg') !important;
    }

    /* Если есть чёрная версия логотипа — раскомментируй строку ниже и укажи путь */
    /* .topbar.is-solid .logo img { content: url("/local/templates/fast/assets/images/logo_ipad_black.svg"); } */
}

/* ====== ≤430px (мобильные) ====== */
@media (max-width: 430px) {
    .topbar { background: transparent; }
    .topbar .inner-bottom { border-bottom-color: transparent; }

    .topbar.is-solid {
        background: #F2F2F2;
    }
    .topbar.is-solid .inner-bottom {
        border-bottom-color: rgba(0,0,0,.08);
    }

    .topbar.is-solid .header__icon,
    .topbar.is-solid .burger__icon {
        filter: invert(1) brightness(0.1) contrast(1.1);
    }
    .subbar {
        display: none !important;
    }
    .topbar.is-hidden { transform: none !important; }

    .topbar .logo img {
    content: url('/local/templates/fast/assets/images/logo_mobile.png') !important;
    }
    .topbar.is-solid .logo img {
    content: url('/local/templates/fast/assets/images/logo_ipad_black.svg') !important;
    }

    /* Чёрная мобильная версия логотипа (если есть файл) */
    /* .topbar.is-solid .logo img { content: url("/local/templates/fast/assets/images/logo_mobile_black.png"); } */
}

@media (min-width: 431px) and (max-width: 900px) {
    .header__icon, .burger__icon {
        top: calc(2 / var(--screensize) * 100vw);
    }
}

@media (min-width: 431px) and (max-width: 810px) {
    .header__icon, .burger__icon {
        top: calc(0 / var(--screensize) * 100vw);
    }
}


@media (min-width: 431px) and (max-width: 790px) {
    .header__icon, .burger__icon {
        top: calc(-2 / var(--screensize) * 100vw);
    }
}

@media (min-width: 431px) and (max-width: 690px) {
  .header__icon, .burger__icon {
      top: calc(-4 / var(--screensize) * 100vw);
  }
}

@media (min-width: 431px) and (max-width: 620px) {
  .header__icon, .burger__icon {
      top: calc(-6 / var(--screensize) * 100vw);
  }
}

@media (min-width: 431px) and (max-width: 560px) {
    .header__icon, .burger__icon {
        top: calc(-8 / var(--screensize) * 100vw);
    }
}

@media (min-width: 431px) and (max-width: 500px) {
    .header__icon, .burger__icon {
        top: calc(-10 / var(--screensize) * 100vw);
    }
}

@media (min-width: 431px) and (max-width: 495px) {
  .header__icon, .burger__icon {
      top: calc(-11 / var(--screensize) * 100vw);
  }
  .mmenu__actions, .header__icon-submub {
    top: calc(1 / var(--screensize) * 100vw) !important;
  }
}

@media (min-width: 1px) and (max-width: 360px) {
    .header__icon, .burger__icon {
        top: calc(-2 / var(--screensize) * 100vw);
    }
}

@media (min-width: 1px) and (max-width: 340px) {
    .header__icon, .burger__icon {
        top: calc(-3 / var(--screensize) * 100vw);
    }
}

@media (min-width: 431px) and (max-width: 600px) {
    .contact__agree {
        font-size: calc(14 / var(--screensize) * var(--vw));
    }
}