:root {
    --screensize: 1920;
    --vw: 100vw; /* fallback, JS обновит точное значение */
  }
  
  * {
    box-sizing: border-box;
  }
  
  html, body {
    height: 100%;
    overflow-x: clip;
  }
  
  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;
  }
  
  body.is-locked {
    overflow: hidden;
  }
  
  #reshenia-i-uslugi {
    scroll-margin-top: 200px;
  }
  
  #contacts {
    scroll-margin-top: 200px;
  }
  
  /* Внутренняя ширина-макет 1920 */
  .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(40 / var(--screensize) * var(--vw));
    display: flex;
  }
  
  .topbar {
    position: fixed;
    width: 100%;
    z-index: 120;
    padding-top: calc(26 / var(--screensize) * var(--vw));
    padding-bottom: calc(26 / var(--screensize) * var(--vw));
    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) * var(--vw));
  }
  
  .topbar.is-hidden {
    transform: translateY(-100%);
  }
  
  .logo {
    width: calc(178 / var(--screensize) * var(--vw));
  }
  
  .logo img {
    display: block;
    width: 100%;
  }
  
  .inner-bottom {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: calc(152 / var(--screensize) * var(--vw));
    border-bottom: 1px solid #D9D9D959;
  }
  
  .menu {
    display: flex;
    gap: calc(48 / var(--screensize) * var(--vw));
    justify-content: flex-start;
    min-width: 0;
  }
  
  .menu a {
    font-size: calc(22 / var(--screensize) * var(--vw));
    letter-spacing: 0.8px;
    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) * var(--vw));
    justify-content: flex-end;
    align-items: flex-start;
  }
  
  .icon-btn {
    width: calc(32 / var(--screensize) * var(--vw));
    height: calc(32 / var(--screensize) * var(--vw));
    border: none;
  }
  
  .header__icon, .header__icon-sub {
    width: calc(26 / var(--screensize) * var(--vw));
    height: calc(18 / var(--screensize) * var(--vw));
    position: relative;
    top: calc(5 / var(--screensize) * var(--vw));
  }

  .header__icon-submub {
    width: calc(26 / var(--screensize) * 100vw);
    height: calc(18 / var(--screensize) * 100vw);
    position: relative;
  }
  
  .header__icon-sub {
      top: calc(5 / var(--screensize) * var(--vw)) !important;
  }
  
  .btn-ghost {
    border: none;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: calc(22 / var(--screensize) * var(--vw));
    letter-spacing: 0.8px;
  }
  
  /* ===== ГЕРО 1920×1067 ===== */
  .hero {
    position: relative;
    width: 100%;
    height: calc(1067 / var(--screensize) * var(--vw));
    overflow: hidden;
    /* background: linear-gradient(0deg, rgba(17, 21, 55, .68), rgba(17, 21, 55, .68)),
    url("/local/templates/fast/assets/images/bg.png"); */
    /* background: linear-gradient(0deg, rgba(17, 21, 55, .68), rgba(17, 21, 55, .68)); */
  }
  
  /* .hero__bg {
    position: absolute;
    inset: 0;
    background: #111537 url(/local/templates/fast/assets/images/bg.png) center / cover no-repeat;
    filter: saturate(90%);
  } */
  
  .hero__bg{
      position: absolute;
      inset: 0;
      background-color: #111537;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      filter: saturate(90%);
  }
  
  .hero__bg::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(0deg, rgba(17,21,55,.68), rgba(17,21,55,.68));
  }
  
  .hero__bg--video,
  .hero__bg--video .hero__video {
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
  }
  
  .hero__content {
    position: relative;
    height: 100%;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding-top: calc(125 / var(--screensize) * var(--vw));
  }
  
  .hero__left, .hero__right {
    min-width: 0;
  }
  
  .hero__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(64 / var(--screensize) * var(--vw));
  }
  
  .hero__graphic {
      width: calc(477 / 1920 * var(--vw));
      padding-left: calc(100 / var(--screensize) * var(--vw));
      margin-left: calc(260 / var(--screensize) * var(--vw));
      margin-top: calc(-58 / var(--screensize) * var(--vw));
      max-width: 100%;
      height: calc(358 / 1920 * var(--vw));
      display: block;
  }
  
  .hero__wordmark {
      width: calc(426 / var(--screensize) * var(--vw));
      height: auto;
  }
  
  .hero__tagline{
      font-weight: 500;
      font-size: calc(24 / var(--screensize) * var(--vw));
      margin: 0;
      color: #fff;
  }
  
  /* ===== СТИКИ-ПОЛОСА (нижний «сайдбар») ===== */
  .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) * var(--vw));
    padding: calc(26 / var(--screensize) * var(--vw)) calc(40 / var(--screensize) * var(--vw));
  }
  
  .subbar .inner > * {
    min-width: 0;
  }
  
  .inner-bottom__grey {
    border-bottom: 1px solid #DADADA;
  }
  
  .logo--small {
    width: calc(185 / var(--screensize) * var(--vw));
  }
  
  .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) * var(--vw));
  }
  
  .subbar .menu-grey a {
    color: #000000;
  }
  
  .subbar .btn-ghost {
    color: #000000;
  }
  
  /* ===== КОНТЕНТ НИЖЕ ===== */
  .page {
    flex-direction: column;
  }
  
  .about {
    display: flex;
    flex-direction: column;
    padding: calc(192 / var(--screensize) * var(--vw)) calc(155 / var(--screensize) * var(--vw));
    gap: calc(104 / var(--screensize) * var(--vw));
  }
  
  .lead {
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * var(--vw));
    line-height: calc(86 / var(--screensize) * var(--vw));
    font-family: 'IBM Plex Sans';
    margin: 0;
    background-image: url('/local/templates/fast/assets/images/steel_text.png');
    background-clip: text;
    color: transparent;
  }
  
  .cols {
    display: flex;
    gap: calc(179 / var(--screensize) * var(--vw));
  }
  
  .col {
    margin: 0;
    line-height: 140%;
    font-size: calc(24 / var(--screensize) * var(--vw));
    font-weight: 400;
    font-family: 'IBM Plex Sans';
  }
  
  
  /* ===== SOLUTIONS ===== */
  .solutions__inner {
    padding: 0 0 0 calc(155 / var(--screensize) * var(--vw));
    display: flex;
    flex-direction: column;
  }
  
  .solutions {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    column-gap: calc(179 / var(--screensize) * var(--vw));
  }
  
  .solutions__left {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding-top: calc(30 / var(--screensize) * var(--vw));
  }
  
  .solutions__right {
    margin-right: calc(-40 / var(--screensize) * var(--vw));
    padding-top: calc(68 / var(--screensize) * var(--vw));
    display: flex;
    justify-content: flex-end;
  }
  
  .solutions__title {
    margin: 0 0 calc(36 / var(--screensize) * var(--vw)) 0;
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * var(--vw));
    line-height: calc(94 / var(--screensize) * var(--vw));
    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) * var(--vw)) 0 calc(56 / var(--screensize) * var(--vw));
  }
  
  .solutions__item--open .solutions__name {
    font-size: calc(32 / var(--screensize) * var(--vw));
    font-weight: 500;
    height: calc(40 / var(--screensize) * var(--vw));
    color: #000;
  }
  
  /* Панель раскрытия */
  .solutions__panel {
    display: none;
    padding: 0 0 calc(64 / var(--screensize) * var(--vw)) 0;
  }
  
  .solutions__item--open .solutions__panel {
    display: block;
  }
  
  .solutions__text {
    margin: 0 0 calc(48 / var(--screensize) * var(--vw)) 0;
    font-size: calc(24 / var(--screensize) * var(--vw));
    font-weight: 400;
    line-height: 140%;
    color: #000;
  }
  
  .solutions__more {
    display: inline-flex;
    align-items: center;
    gap: calc(32 / var(--screensize) * var(--vw));
    text-decoration: none;
    color: #323FA6;
    font-size: calc(22 / var(--screensize) * var(--vw));
    text-transform: uppercase;
    font-weight: 400;
  }
  
  .solutions__head {
    width: 100%;
    padding: calc(40 / var(--screensize) * var(--vw)) 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) * var(--vw));
    height: calc(40 / var(--screensize) * var(--vw));
    font-weight: 500;
    color: #000;
  }
  
  /* Правая картинка */
  .solutions__figure {
    margin: 0;
    width: calc(793 / var(--screensize) * var(--vw));
    height: calc(923 / var(--screensize) * var(--vw));
  }
  
  .solutions__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  
  /* ===== PRODUCTS ===== */
  .products {
    padding: calc(192 / var(--screensize) * var(--vw)) 0 0 0;
  }
  
  .products__container {
    flex-direction: column;
    padding: 0 calc(155 / var(--screensize) * var(--vw));
  }
  
  
  .products__title {
    margin: 0;
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * var(--vw));
    line-height: calc(86 / var(--screensize) * var(--vw));
    padding-bottom: calc(88 / var(--screensize) * var(--vw));
    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: 20px;
    padding: calc(12 / var(--screensize) * var(--vw));
    justify-content: center;
    margin-bottom: calc(72 / var(--screensize) * var(--vw));
    gap: calc(8 / var(--screensize) * var(--vw));
  }
  
  /* прячем радио */
  .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) * var(--vw));
    border-radius: 16px;
    color: #323FA6;
    min-width: max-content;
    padding: 0 calc(16 / var(--screensize) * var(--vw));
    text-decoration: none;
    font-size: calc(22 / var(--screensize) * var(--vw));
    font-weight: 400;
    font-family: 'IBM Plex Mono';
    letter-spacing: 0.8px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    transition: all 0.3s ease;
    flex: 1;
    max-width: auto;
  }
  
  /* активный таб (по :checked) */
  .products__tab.is-active,
  .products__tab[aria-selected="true"] {
    background: #323FA6;
    color: #fff;
  }
  
  .products__tabs-arrow, .products__side {
    display: none;
  }
  
  /* Тело: две колонки */
  .products__body {
    display: grid;
    grid-template-columns: calc(753 / var(--screensize) * var(--vw)) 1fr; /* слева фикс, справа тянется */
    column-gap: calc(179 / var(--screensize) * var(--vw));
    align-items: start;
  }
  
  .products__left, .products__right {
    min-width: 0;
  }
  
  .products__right {
    display: block;
  }
  
  /* Контент левой панели */
  .products__subtitle {
    margin: 0 0 calc(56 / var(--screensize) * var(--vw)) 0;
    font-size: calc(32 / var(--screensize) * var(--vw));
    font-weight: 500;
    line-height: calc(42 / var(--screensize) * var(--vw));
    color: #000;
  }
  
  .products__text {
    margin: 0 0 calc(56 / var(--screensize) * var(--vw)) 0;
    font-size: calc(24 / var(--screensize) * var(--vw));
    line-height: 140%;
    font-weight: 400;
    color: #000;
  }
  
  .products__chips {
    display: flex;
    gap: calc(24 / var(--screensize) * var(--vw)) calc(24 / var(--screensize) * var(--vw));
    margin: 0 0 calc(56 / var(--screensize) * var(--vw)) 0;
    flex-wrap: wrap;
    flex-direction: row;
  }
  
  .products__chip {
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: calc(24 / var(--screensize) * var(--vw)) calc(24 / var(--screensize) * var(--vw));
    border-radius: 16px;
    background: #DFE6FF;
    color: #000;
    text-decoration: none;
    font-size: calc(22 / var(--screensize) * var(--vw));
    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) * var(--vw));
    text-decoration: none;
    color: #323FA6;
    font-size: calc(22 / var(--screensize) * var(--vw));
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'IBM Plex Mono';
  }
  
  .products__more--arrow {
    width: calc(24 / var(--screensize) * var(--vw));
    height: calc(19 / var(--screensize) * var(--vw));
  }
  
  /* Правая картинка */
  .products__figure {
    margin: 0;
    width: 100%;
    height: calc(706 / var(--screensize) * var(--vw));
  }
  
  .products__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  
  .products__pane {
    display: none;
  }
  
  .products__pane.is-active {
    display: block;
  }
  
  
  /* ==== CAREER ==== */
  .career {
    position: relative;
    isolation: isolate;
    margin-top: calc(192 / var(--screensize) * var(--vw));
    min-height: calc(704 / var(--screensize) * var(--vw));
    margin-right: calc(-40 / var(--screensize) * var(--vw));
    margin-left: calc(-40 / var(--screensize) * var(--vw));
    overflow: hidden;
    display: flex;
  }
  
  .career__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: /* затемнение/воздушность */ linear-gradient(0deg, rgba(33, 42, 111, .11), rgba(33, 42, 111, .11)),
        /* «лок» оттенка */ linear-gradient(#212A6F, #212A6F),
    url('/local/templates/fast/assets/images/fast_bg.png');
    background-size: cover, cover, cover;
    background-position: center, center, center;
    background-repeat: no-repeat;
    background-blend-mode: multiply, color, normal;
  }
  
  /* .career__bg::after{
    content:"";
    position:absolute; inset:0;
    background:#212A6F;
    mix-blend-mode: multiply;
    opacity:.83;
    pointer-events:none;
  } */
  
  /* контент */
  .career__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: calc(48 / var(--screensize) * var(--vw));
    width: 100%;
    padding: calc(40 / var(--screensize) * var(--vw)) calc(40 / var(--screensize) * var(--vw));
    justify-content: space-between;
  }
  
  .career__inner > * {
    min-width: 0;
  }
  
  /* левая часть */
  .career__left {
    display: flex;
    align-items: center;
    margin-left: calc(155 / var(--screensize) * var(--vw));
  }
  
  .career__headline {
    display: flex;
    flex-direction: column;
  }
  
  .career__brand {
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * var(--vw));
    line-height: calc(86 / var(--screensize) * var(--vw));
    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(908 / var(--screensize) * var(--vw));
    height: calc(624 / var(--screensize) * var(--vw));
    padding: calc(128 / var(--screensize) * var(--vw)) calc(155 / var(--screensize) * var(--vw));
    color: #fff;
    text-decoration: none;
    background: linear-gradient(108.28deg, rgba(255, 255, 255, 0.264) 0%, rgba(255, 255, 255, 0.066) 73.76%);
    border-radius: 20px;
    clip-path: polygon(131px 0, 100% 0, 100% 100%, 0 100%, 0 131px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .career__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(56 / var(--screensize) * var(--vw));
  }
  
  .career__card-title {
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(32 / var(--screensize) * var(--vw));
  }
  
  .career__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: calc(28 / var(--screensize) * var(--vw));
    line-height: 1;
    padding: calc(6 / var(--screensize) * var(--vw)) calc(8 / var(--screensize) * var(--vw));
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .25);
  }
  
  .career__card-text {
    font-size: calc(24 / var(--screensize) * var(--vw));
    line-height: 140%;
    letter-spacing: calc(-0.36 / var(--screensize) * var(--vw));
    font-weight: 400;
  }
  
  /* ===== CONTACT ===== */
  .contact {
    position: relative;
    padding: calc(160 / var(--screensize) * var(--vw)) calc(195 / var(--screensize) * var(--vw));
    margin-right: calc(-40 / var(--screensize) * var(--vw));
    margin-left: calc(-40 / var(--screensize) * var(--vw));
    color: #fff;
    overflow: hidden;
    background: #0a0d21;
  }
  
  .contact__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(1100px 600px at 95% 35%, rgba(120, 140, 200, .30), #788cc8 60%),
    radial-gradient(800px 420px at 55% 100%, rgba(120, 140, 200, .18), #788cc8 65%),
    radial-gradient(700px 380px at 0% 0%, rgba(150, 170, 220, .12), #96aadc 60%),
    linear-gradient(180deg, #0a0d21 0%, rgba(10, 13, 33, .98) 50%, #0a0d21 100%);
    opacity: 1;
  }
  
  .contact__inner {
    position: relative;
    display: flex;
    gap: calc(120 / var(--screensize) * var(--vw));
    align-items: flex-start;
    z-index: 1;
  }
  
  .contact__left {
    flex: 0 0 42%;
    display: flex;
    flex-direction: column;
    gap: calc(148 / var(--screensize) * var(--vw));
  }
  
  .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) * var(--vw));
    line-height: calc(86 / var(--screensize) * var(--vw));
    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) * var(--vw));
  }
  
  .contact__line, .contact__phone {
    margin: 0;
    font-size: calc(32 / var(--screensize) * var(--vw));
    font-weight: 500;
    line-height: calc(42 / var(--screensize) * var(--vw));
  }
  
  .contact__email {
    font-size: calc(24 / var(--screensize) * var(--vw));
    font-weight: 400;
    line-height: 140%;
    margin: 0;
  }
  
  .contact__email a {
    color: #fff;
    text-decoration: none;
  }
  
  /* форма справа */
  .contact__form {
    width: calc(753 / var(--screensize) * var(--vw));
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--screensize) * var(--vw));
  }
  
  .contact__field {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--screensize) * var(--vw));
  }
  
  .contact__label {
    font-family: "IBM Plex Mono";
    font-size: calc(22 / var(--screensize) * var(--vw));
    font-weight: 400;
    letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
    text-transform: uppercase;
  }
  
  .contact__input,
  .contact__textarea {
    font-family: "IBM Plex Mono";
    font-size: calc(22 / var(--screensize) * var(--vw));
    height: calc(58 / var(--screensize) * var(--vw));
    font-weight: 400;
    letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
    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) * var(--vw));
  }
  
  .contact__submit {
    height: calc(64 / var(--screensize) * var(--vw));
    border: 0;
    border-radius: 16px;
    background: #323FA6;
    color: #fff;
    font-family: "IBM Plex Mono";
    font-weight: 400;
    font-size: calc(22 / var(--screensize) * var(--vw));
    letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
    text-transform: uppercase;
    cursor: pointer;
  }
  
  /* ===== FOOTER ===== */
  .footer {
    position: relative;
    margin: 0;
    margin-right: calc(-40 / var(--screensize) * var(--vw));
    margin-left: calc(-40 / var(--screensize) * var(--vw));
    background: #0A0D21;
    overflow: hidden;
    color: #fff;
    padding: calc(40 / var(--screensize) * var(--vw)) 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) * var(--vw));
  }
  
  .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) * var(--vw));
    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) * var(--vw));
    padding-top: calc(40 / var(--screensize) * var(--vw));
  }
  
  .footer__logo {
    width: calc(302 / var(--screensize) * var(--vw));
  }
  
  .footer__logo img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .footer__address {
    font-family: 'IBM Plex Sans';
    font-size: calc(19 / var(--screensize) * var(--vw));
    line-height: 140%;
    font-weight: 400;
  }
  
  .footer__contacts {
    display: flex;
    align-items: center;
    gap: calc(40 / var(--screensize) * var(--vw));
    font-family: 'IBM Plex Sans';
    font-size: calc(19 / var(--screensize) * var(--vw));
    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) * var(--vw));
    font-weight: 400;
    line-height: 140%;
    color: #767FC4;
    white-space: nowrap;
  }
  
  .footer__iso {
    font-size: calc(19 / var(--screensize) * var(--vw));
    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) * var(--vw));
    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) * var(--vw)) calc(115 / var(--screensize) * var(--vw));
  }
  
  .forwho__inner {
    flex-direction: column;
  }
  
  .forwho__head {
    display: flex;
    padding: 0 0 calc(88 / var(--screensize) * var(--vw)) 0;
  }
  
  
  .forwho__title {
    margin: 0;
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-size: calc(80 / var(--screensize) * var(--vw));
    line-height: calc(86 / var(--screensize) * var(--vw));
    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: 20px;
    height: calc(88 / var(--screensize) * var(--vw));
    margin-bottom: calc(104 / var(--screensize) * var(--vw));
    align-items: center;
    justify-content: center;
  }
  
  .forwho__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: calc(64 / var(--screensize) * var(--vw));
    /* width: calc(376 / var(--screensize) * var(--vw)); */
    padding: 0 calc(88 / var(--screensize) * var(--vw));
    border-radius: 16px;
    border: none;
    background: none;
    color: #323FA6;
    font-size: calc(22 / var(--screensize) * var(--vw));
    font-weight: 400;
    font-family: 'IBM Plex Mono';
    letter-spacing: 0.8px;
    text-transform: uppercase;
    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) * var(--vw));
    padding-top: calc(30 / var(--screensize) * var(--vw));
  }
  
  .forwho__notes--left {
    align-items: flex-end;
    text-align: right;
    padding-right: calc(10 / var(--screensize) * var(--vw));
  }
  
  .forwho__notes--right {
    padding-left: calc(10 / var(--screensize) * var(--vw));
  }
  
  .forwho__note {
    max-width: calc(320 / var(--screensize) * var(--vw));
  }
  
  .forwho__note-link {
    font-size: calc(14 / var(--screensize) * var(--vw));
    color: #3D52C6;
    text-decoration: none;
  }
  
  /*.forwho__note-link:hover {*/
  /*    text-decoration: underline;*/
  /*}*/
  
  .forwho__tree {
    inset: auto 0 calc(80 / var(--screensize) * var(--vw)) 0;
    margin: auto;
  }
  
  .forwho__tile--top {
    top: calc(30 / var(--screensize) * var(--vw));
    left: calc(210 / var(--screensize) * var(--vw));
    width: calc(160 / var(--screensize) * var(--vw));
    height: calc(110 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--left-big {
    top: calc(210 / var(--screensize) * var(--vw));
    left: calc(-40 / var(--screensize) * var(--vw));
    width: calc(220 / var(--screensize) * var(--vw));
    height: calc(180 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--right-wide {
    top: calc(210 / var(--screensize) * var(--vw));
    right: calc(-30 / var(--screensize) * var(--vw));
    width: calc(260 / var(--screensize) * var(--vw));
    height: calc(120 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--right-small {
    top: calc(360 / var(--screensize) * var(--vw));
    right: calc(40 / var(--screensize) * var(--vw));
    width: calc(110 / var(--screensize) * var(--vw));
    height: calc(130 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--bottom-mid {
    top: calc(390 / var(--screensize) * var(--vw));
    left: calc(230 / var(--screensize) * var(--vw));
    width: calc(140 / var(--screensize) * var(--vw));
    height: calc(100 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--left-small {
    top: calc(420 / var(--screensize) * var(--vw));
    left: calc(40 / var(--screensize) * var(--vw));
    width: calc(110 / var(--screensize) * var(--vw));
    height: calc(120 / var(--screensize) * var(--vw));
  }
  
  .forwho__rect {
    position: absolute;
    height: 1px;
    background: rgba(0, 0, 0, .2);
  }
  
  .forwho__rect--left-top {
    top: calc(110 / var(--screensize) * var(--vw));
    left: calc(-180 / var(--screensize) * var(--vw));
    width: calc(170 / var(--screensize) * var(--vw));
  }
  
  .forwho__rect--right-top {
    top: calc(110 / var(--screensize) * var(--vw));
    right: calc(-180 / var(--screensize) * var(--vw));
    width: calc(170 / var(--screensize) * var(--vw));
  }
  
  .forwho__rect--left-mid {
    top: calc(300 / var(--screensize) * var(--vw));
    left: calc(-220 / var(--screensize) * var(--vw));
    width: calc(210 / var(--screensize) * var(--vw));
  }
  
  .forwho__rect--right-mid {
    top: calc(300 / var(--screensize) * var(--vw));
    right: calc(-220 / var(--screensize) * var(--vw));
    width: calc(210 / var(--screensize) * var(--vw));
  }
  
  
  .forwho__stage {
    position: relative;
    width: 100%;
    height: calc(1169 / var(--screensize) * var(--vw));
    margin-right: calc(55 / var(--screensize) * var(--vw));
  }
  
  .forwho__note, .forwho__note--right {
    position: absolute;
    max-width: calc(400 / var(--screensize) * var(--vw));
    z-index: 3;
    display: flex;
    flex-direction: column;
  }
  
  .forwho__note {
    align-items: flex-start;
  }
  
  .forwho__note--right {
    align-items: flex-start;
  }
  
  .forwho__note-title {
    font-weight: 500;
    font-size: calc(19 / var(--screensize) * var(--vw));
    line-height: calc(28 / var(--screensize) * var(--vw));
    color: #000;
    margin: 0 0 calc(6 / var(--screensize) * var(--vw));
  }
  
  .forwho__note-link {
    font-size: calc(17 / var(--screensize) * var(--vw));
    color: #323FA6;
    text-decoration: none;
  }
  
  /*.forwho__note-link:hover {*/
  /*    text-decoration: underline;*/
  /*}*/
  
  /* Палки-указатели: это обычные <img src="null">, тоже абсолютные — позицию задаём ИНЛАЙНОМ */
  .forwho__pointer {
    position: absolute;
    display: block;
    z-index: 2;
    height: calc(2 / var(--screensize) * var(--vw));
    pointer-events: none;
  }
  
  .forwho__tile {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    z-index: 2;
    isolation: isolate;
    /* width: 194px;
    height: 186px; */
  }
  
  .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) * var(--vw));
    width: calc(777 / var(--screensize) * var(--vw));
    transform: translateX(-50%);
    height: auto;
  }
  
  .forwho__logo {
    position: absolute;
    left: 50%;
    bottom: calc(-74 / var(--screensize) * var(--vw));
    transform: translateX(-50%);
    width: calc(596 / var(--screensize) * var(--vw));
    height: calc(168 / var(--screensize) * var(--vw));
  }
  
  /* Любая плитка ИЛИ подпись в ховере — проясняет дерево */
  .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) * var(--vw));
    left: calc(10 / var(--screensize) * var(--vw));
  }
  
  .forwho__note--min2 {
    top: calc(435 / var(--screensize) * var(--vw));
    left: calc(-50 / var(--screensize) * var(--vw));
    width: calc(265 / var(--screensize) * var(--vw));
  }
  
  .forwho__note--min3 {
    top: calc(66 / var(--screensize) * var(--vw));
    right: calc(185 / var(--screensize) * var(--vw));
  }
  
  /* --right */
  .forwho__note--min4 {
    top: calc(250 / var(--screensize) * var(--vw));
    right: calc(10 / var(--screensize) * var(--vw));
  }
  
  /* --right */
  .forwho__note--min5 {
    top: calc(437 / var(--screensize) * var(--vw));
    right: calc(-165 / var(--screensize) * var(--vw));
    width: calc(360 / var(--screensize) * var(--vw));
  }
  
  /* --right */
  
  /* указатели у этих notes */
  .forwho__note--min1 .forwho__pointer {
    top: calc(14 / var(--screensize) * var(--vw));
    left: 100%;
    width: calc(160 / var(--screensize) * var(--vw));
  }
  
  .forwho__note--min2 .forwho__pointer {
    top: calc(14 / var(--screensize) * var(--vw));
    left: 100%;
    left: 80%;
    width: calc(190 / var(--screensize) * var(--vw));
  }
  
  .forwho__note--min3 .forwho__pointer {
    top: calc(14 / var(--screensize) * var(--vw));
    right: 100%;
    left: -38%;
    width: calc(170 / var(--screensize) * var(--vw));
  }
  
  .forwho__note--min4 .forwho__pointer {
    top: calc(14 / var(--screensize) * var(--vw));
    right: 100%;
    left: -77%;
    width: calc(210 / var(--screensize) * var(--vw));
  }
  
  .forwho__note--min5 .forwho__pointer {
    top: calc(14 / var(--screensize) * var(--vw));
    right: 100%;
    left: -45%;
    width: calc(180 / var(--screensize) * var(--vw));
  }
  
  /* ЗАМЕНА inline-стилей у плиток набора */
  .forwho__tile--big1 {
    top: calc(80 / var(--screensize) * var(--vw));
    left: calc(630 / var(--screensize) * var(--vw));
    width: calc(194 / var(--screensize) * var(--vw));
    height: calc(186 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--big2 {
    top: calc(265 / var(--screensize) * var(--vw));
    left: calc(437 / var(--screensize) * var(--vw));
    width: calc(194 / var(--screensize) * var(--vw));
    height: calc(186 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--big3 {
    top: calc(265 / var(--screensize) * var(--vw));
    right: calc(438 / var(--screensize) * var(--vw));
    width: calc(194 / var(--screensize) * var(--vw));
    height: calc(186 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--big4 {
    top: calc(451 / var(--screensize) * var(--vw));
    right: calc(245 / var(--screensize) * var(--vw));
    width: calc(194 / var(--screensize) * var(--vw));
    height: calc(186 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--big5 {
    top: calc(449 / var(--screensize) * var(--vw));
    left: calc(243 / var(--screensize) * var(--vw));
    width: calc(194 / var(--screensize) * var(--vw));
    height: calc(186 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--min1 {
    top: calc(633 / var(--screensize) * var(--vw));
    left: calc(437 / var(--screensize) * var(--vw));
    width: calc(125 / var(--screensize) * var(--vw));
    height: calc(106 / var(--screensize) * var(--vw));
  }
  
  .forwho__tile--min2 {
    top: calc(636 / var(--screensize) * var(--vw));
    left: calc(890 / var(--screensize) * var(--vw));
    width: calc(125 / var(--screensize) * var(--vw));
    height: calc(106 / var(--screensize) * var(--vw));
  }

  .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) * var(--vw));
        height: calc(50 / var(--screensize) * var(--vw));
    }
  
    .logo {
        width: calc(178 / var(--screensize) * var(--vw));
    }
  
    .topbar .inner {
        column-gap: calc(120 / var(--screensize) * var(--vw));
    }
  
    .inner-bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        /* gap: calc(99 / var(--screensize) * var(--vw));  */
        column-gap: calc(99 / var(--screensize) * var(--vw));
    }
  
    .menu {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
        /* gap: calc(40 / var(--screensize) * var(--vw));  */
        gap: calc(40 / var(--screensize) * var(--vw));
    }
  
    .menu a,
    .btn-ghost {
        /* font-size: calc(16 / var(--screensize) * var(--vw)); */
        font-size: calc(16 / var(--screensize) * var(--vw));
        letter-spacing: 0.8;
        white-space: nowrap;
    }
  
    .icon-btn {
        width: calc(20 / var(--screensize) * var(--vw));
        height: calc(20 / var(--screensize) * var(--vw));
    }
  
    .actions {
        gap: calc(16 / var(--screensize) * var(--vw));
    }
  
    .header__icon {
        width: calc(20 / var(--screensize) * var(--vw));
        height: calc(20 / var(--screensize) * var(--vw));
        top: calc(1 / var(--screensize) * var(--vw));
    }
  
    .header__icon-sub {
      width: calc(20 / var(--screensize) * var(--vw));
      height: calc(20 / var(--screensize) * var(--vw));
      top: calc(1 / var(--screensize) * var(--vw)) !important;
  }
  
    /* hero */
    .hero {
        height: calc(800 / var(--screensize) * var(--vw));
    }
  
    .hero__graphic {
      padding-left: calc(68 / var(--screensize) * var(--vw));
      margin-left: calc(160 / var(--screensize) * var(--vw));
      margin-top: calc(-40 / var(--screensize) * var(--vw));
      max-width: 81%;
    }
  
    .hero__wordmark {
        width: calc(346 / var(--screensize) * var(--vw));
        height: auto;
    }
  
    .hero__tagline {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* subbar */
    .subbar .inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: calc(120 / var(--screensize) * var(--vw));
        padding: calc(26 / var(--screensize) * var(--vw)) calc(40 / var(--screensize) * var(--vw));
    }
  
    .logo--small {
        width: calc(178 / var(--screensize) * var(--vw));
        height: auto;
    }
  
    .subbar .logo--small img {
        width: calc(178 / var(--screensize) * var(--vw));
        height: calc(50 / var(--screensize) * var(--vw));
    }
  
    .subbar .menu-grey a,
    .subbar .btn-ghost {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .subbar .inner-bottom {
      display: grid;
      grid-template-columns: minmax(0,1fr) max-content;
    }
  
    .subbar .menu {
        display: flex;
        flex: 1 1 auto;
        min-width: 0; /* важно: даёт колонке сжиматься */
        justify-content: flex-start;
        gap: calc(40 / var(--screensize) * var(--vw));
    }
  
    .subbar .menu-grey a,
    .subbar .btn-ghost {
        font-size: calc(16 / var(--screensize) * var(--vw));
        letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
        white-space: nowrap;
    }
  
    .subbar .actions {
        display: flex;
        gap: calc(16 / var(--screensize) * var(--vw));
        justify-content: flex-end;
        align-items: flex-start;
    }
  
    .subbar .icon-btn {
        width: calc(20 / var(--screensize) * var(--vw));
        height: calc(20 / var(--screensize) * var(--vw));
    }
  
    .subbar .header__icon {
        width: calc(20 / var(--screensize) * var(--vw));
        height: calc(20 / var(--screensize) * var(--vw));
    }
  
    /* about */
    .about {
        padding: calc(144 / var(--screensize) * var(--vw)) calc(115 / var(--screensize) * var(--vw));
        gap: calc(80 / var(--screensize) * var(--vw));
    }
  
    .lead {
        font-size: calc(60 / var(--screensize) * var(--vw));
        line-height: calc(64 / var(--screensize) * var(--vw));
    }
  
    .cols {
        gap: calc(139 / var(--screensize) * var(--vw));
    }
  
    .col {
        font-size: calc(18 / var(--screensize) * var(--vw));
    }
  
    /* solutions */
    .solutions__inner {
        padding-left: calc(115 / var(--screensize) * var(--vw));
    }
  
    .solutions__title {
        font-size: calc(60 / var(--screensize) * var(--vw));
        line-height: calc(70 / var(--screensize) * var(--vw));
        margin-bottom: calc(16 / var(--screensize) * var(--vw));
    }
  
    .solutions {
        gap: calc(139 / var(--screensize) * var(--vw));
    }
  
    .solutions__right {
        margin-right: calc(-40 / var(--screensize) * var(--vw));
        padding-top: calc(64 / var(--screensize) * var(--vw));
    }
  
    .solutions__head {
        padding: calc(48 / var(--screensize) * var(--vw)) 0;
    }
  
    .solutions__head img {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(19 / var(--screensize) * var(--vw));
    }
  
    .solutions__item--open .solutions__head {
        padding-top: calc(64 / var(--screensize) * var(--vw));
        padding-bottom: calc(40 / var(--screensize) * var(--vw));
    }
  
    .solutions__name,
    .solutions__item--open .solutions__name {
        font-size: calc(24 / var(--screensize) * var(--vw));
        height: calc(32 / var(--screensize) * var(--vw));
    }
  
    .solutions__panel {
        padding-bottom: calc(48 / var(--screensize) * var(--vw));
    }
  
    .solutions__text {
        font-size: calc(18 / var(--screensize) * var(--vw));
        margin-bottom: calc(40 / var(--screensize) * var(--vw));
        letter-spacing: -0.36px;
    }
  
    .solutions__more {
        font-size: calc(16 / var(--screensize) * var(--vw));
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .solutions__more img {
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    .solutions__figure {
        width: calc(595 / var(--screensize) * var(--vw));
        height: calc(692 / var(--screensize) * var(--vw));
    }
  
    /* products */
    .products {
        padding-top: calc(144 / var(--screensize) * var(--vw));
    }
  
    .products__container {
        padding: 0 calc(115 / var(--screensize) * var(--vw));
    }
  
    .products__title {
        font-size: calc(60 / var(--screensize) * var(--vw));
        line-height: calc(64 / var(--screensize) * var(--vw));
        padding-bottom: calc(56 / var(--screensize) * var(--vw));
    }
  
    .products__tabs {
        height: auto;
        padding: calc(8 / var(--screensize) * var(--vw));
        margin-bottom: calc(56 / var(--screensize) * var(--vw));
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
  
    .products__tab {
        height: calc(48 / var(--screensize) * var(--vw));
        width: auto;
        font-size: calc(16 / var(--screensize) * var(--vw));
        min-width: calc(200 / var(--screensize) * var(--vw)); /* Минимальная ширина */
        padding: 0 calc(41 / var(--screensize) * var(--vw));
        white-space: nowrap;
    }
  
    .products__body {
        gap: calc(139 / var(--screensize) * var(--vw));
        grid-template-columns: calc(553 / var(--screensize) * var(--vw)) 1fr;
    }
  
    .products__figure {
        width: calc(553 / var(--screensize) * var(--vw));
        height: calc(518 / var(--screensize) * var(--vw));
    }
  
    .products__subtitle {
        font-size: calc(24 / var(--screensize) * var(--vw));
        line-height: calc(31.2 / var(--screensize) * var(--vw));
        margin-bottom: calc(40 / var(--screensize) * var(--vw));
    }
  
    .products__text {
        font-size: calc(18 / var(--screensize) * var(--vw));
        margin-bottom: calc(40 / var(--screensize) * var(--vw));
    }
  
    .products__chip {
        height: auto;
        padding: calc(16 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .products__chips {
        gap: calc(16 / var(--screensize) * var(--vw)) calc(24 / var(--screensize) * var(--vw));
    }
  
    .products__more {
        font-size: calc(16 / var(--screensize) * var(--vw));
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .products__more--arrow {
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    /* career */
    .career {
        margin-top: calc(144 / var(--screensize) * var(--vw));
        min-height: calc(544 / var(--screensize) * var(--vw));
    }
  
    .career__inner {
        gap: calc(36 / var(--screensize) * var(--vw));
        padding: calc(40 / var(--screensize) * var(--vw));
    }
  
    .career__left {
        margin-left: calc(115 / var(--screensize) * var(--vw));
    }
  
    .career__brand {
        font-size: calc(60 / var(--screensize) * var(--vw));
        line-height: calc(64 / var(--screensize) * var(--vw));
    }
  
    .career__card {
        max-width: calc(668 / var(--screensize) * var(--vw));
        padding: calc(96 / var(--screensize) * var(--vw)) calc(115 / var(--screensize) * var(--vw));
        height: calc(464 / var(--screensize) * var(--vw));
        clip-path: polygon(91px 0, 100% 0, 100% 100%, 0 100%, 0 91px);
    }
  
    .career__card-title {
        font-size: calc(24 / var(--screensize) * var(--vw));
        line-height: calc(31.2 / var(--screensize) * var(--vw));
    }
  
    .career__card-text {
        font-size: calc(18 / var(--screensize) * var(--vw));
    }
  
    .career__card-top {
        margin-bottom: calc(40 / var(--screensize) * var(--vw));
    }
  
    .career__card-top img {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(19 / var(--screensize) * var(--vw));
    }
  
    /* contact */
    .contact {
        padding: calc(120 / var(--screensize) * var(--vw)) calc(156 / var(--screensize) * var(--vw));
    }
  
    .contact__inner {
        gap: calc(90 / var(--screensize) * var(--vw));
    }
  
    .contact__left {
        gap: calc(117 / var(--screensize) * var(--vw));
    }
  
    .contact__title {
        font-size: calc(60 / var(--screensize) * var(--vw));
        line-height: calc(64 / var(--screensize) * var(--vw));
    }
  
    .contact__line, .contact__phone {
        font-size: calc(24 / var(--screensize) * var(--vw));
        line-height: calc(32 / var(--screensize) * var(--vw));
    }
  
    .contact__email {
        font-size: calc(18 / var(--screensize) * var(--vw));
    }
  
    .contact__form {
        width: calc(552 / var(--screensize) * var(--vw));
        gap: calc(32 / var(--screensize) * var(--vw));
    }
  
    .contact__label,
    .contact__input {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .contact__submit {
        height: calc(48 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }

    .forwho__note--min1 .forwho__pointer {
        left: 95%;
    }
      
    .forwho__note--min2 .forwho__pointer {
        left: 90%;
    }
      
    .forwho__note--min3 .forwho__pointer {
        left: -105%;
    }
      
    .forwho__note--min4 .forwho__pointer {
        left: -125%;
    }
      
    .forwho__note--min5 .forwho__pointer {
        left: -80%;
    }
  
    /* footer */
    .footer {
        padding: calc(40 / var(--screensize) * var(--vw));
    }
  
    .footer__row--top {
        column-gap: calc(120 / var(--screensize) * var(--vw));
        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) * var(--vw));
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }
  
    .footer .menu {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
        gap: calc(40 / var(--screensize) * var(--vw));
    }
  
    .footer .menu a,
    .footer .btn-ghost {
        font-size: calc(16 / var(--screensize) * var(--vw));
        letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
        white-space: nowrap;
    }
  
    .footer .actions {
        display: flex;
        gap: calc(16 / var(--screensize) * var(--vw));
        justify-content: flex-end;
    }
  
    .menu-footer {
        display: none;
    }
  
    .footer .header__icon {
        width: calc(20 / var(--screensize) * var(--vw));
        height: calc(20 / var(--screensize) * var(--vw));
    }
  
    .footer__row--mid,
    .footer__row--bottom {
        padding-top: calc(40 / var(--screensize) * var(--vw));
    }
  
    .footer__address,
    .footer__contacts,
    .footer__legal,
    .footer__iso,
    .footer__policy {
        font-size: calc(14 / var(--screensize) * var(--vw));
    }
  
    /* forwho */
    .forwho {
        padding: calc(144 / var(--screensize) * var(--vw)) calc(75 / var(--screensize) * var(--vw));
    }
  
    .forwho__head {
        padding-bottom: calc(56 / var(--screensize) * var(--vw));
    }
  
    .forwho__title {
        font-size: calc(60 / var(--screensize) * var(--vw));
        line-height: calc(64 / var(--screensize) * var(--vw));
    }
  
    .forwho__tabs {
        height: calc(64 / var(--screensize) * var(--vw));
        margin-bottom: calc(69 / var(--screensize) * var(--vw));
    }
  
    .forwho__tab {
        height: calc(48 / var(--screensize) * var(--vw));
        /* width: calc(278 / var(--screensize) * var(--vw)); */
        font-size: calc(16 / var(--screensize) * var(--vw));
        padding: 0 calc(64 / var(--screensize) * var(--vw));
    }
  
    .forwho__stage {
        height: calc(861 / var(--screensize) * var(--vw));
    }
  
    .forwho__tree {
        width: calc(572 / var(--screensize) * var(--vw));
        top: calc(100 / var(--screensize) * var(--vw));
    }
  
    .forwho__logo {
        bottom: calc(-40 / var(--screensize) * var(--vw));
        width: 41.5%;
    }
  
    .forwho__note-title {
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(21 / var(--screensize) * var(--vw));
        margin-bottom: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* ← тут был баг 16x */
    .forwho__note-link {
        font-size: calc(14 / var(--screensize) * var(--vw));
    }
  
    /* размеры/позиции плиток и их «дефолтного» набора */
    .forwho__tile--min1 {
        width: calc(92 / var(--screensize) * var(--vw)) !important;
        height: calc(78 / var(--screensize) * var(--vw)) !important;
        top: calc(466 / var(--screensize) * var(--vw)) !important;
        left: calc(317 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--min2 {
        width: calc(92 / var(--screensize) * var(--vw)) !important;
        height: calc(78 / var(--screensize) * var(--vw)) !important;
        top: calc(466 / var(--screensize) * var(--vw)) !important;
        left: calc(653 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big1 {
        width: calc(143 / var(--screensize) * var(--vw)) !important;
        height: calc(137 / var(--screensize) * var(--vw)) !important;
        top: calc(55 / var(--screensize) * var(--vw)) !important;
        left: calc(460 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big2 {
        width: calc(143 / var(--screensize) * var(--vw)) !important;
        height: calc(137 / var(--screensize) * var(--vw)) !important;
        top: calc(192 / var(--screensize) * var(--vw)) !important;
        left: calc(317 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big3 {
        width: calc(143 / var(--screensize) * var(--vw)) !important;
        height: calc(137 / var(--screensize) * var(--vw)) !important;
        top: calc(192 / var(--screensize) * var(--vw)) !important;
        left: calc(602 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big4 {
        width: calc(143 / var(--screensize) * var(--vw)) !important;
        height: calc(137 / var(--screensize) * var(--vw)) !important;
        top: calc(329 / var(--screensize) * var(--vw)) !important;
        left: calc(174 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big5 {
        width: calc(143 / var(--screensize) * var(--vw)) !important;
        height: calc(137 / var(--screensize) * var(--vw)) !important;
        top: calc(329 / var(--screensize) * var(--vw)) !important;
        left: calc(744 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min1 {
        top: calc(177 / var(--screensize) * var(--vw)) !important;
        left: calc(-45 / var(--screensize) * var(--vw)) !important;
        width: calc(317 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min2 {
        top: calc(314 / var(--screensize) * var(--vw)) !important;
        left: calc(-80 / var(--screensize) * var(--vw)) !important;
        width: calc(200 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min3 {
        top: calc(40 / var(--screensize) * var(--vw)) !important;
        left: calc(712 / var(--screensize) * var(--vw)) !important;
        right: auto !important;
        width: calc(200 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min4 {
        top: calc(177 / var(--screensize) * var(--vw)) !important;
        left: calc(875 / var(--screensize) * var(--vw)) !important;
        right: auto !important;
        width: calc(200 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min5 {
        top: calc(314 / var(--screensize) * var(--vw)) !important;
        left: calc(999 / var(--screensize) * var(--vw)) !important;
        width: calc(270 / var(--screensize) * var(--vw)) !important;
        right: auto !important;
    }
  
    .forwho__tile--top {
        top: calc(22 / var(--screensize) * var(--vw));
        left: calc(158 / var(--screensize) * var(--vw));
        width: calc(120 / var(--screensize) * var(--vw));
        height: calc(84 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--left-big {
        top: calc(158 / var(--screensize) * var(--vw));
        left: calc(-30 / var(--screensize) * var(--vw));
        width: calc(166 / var(--screensize) * var(--vw));
        height: calc(135 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--right-wide {
        top: calc(158 / var(--screensize) * var(--vw));
        right: calc(-22 / var(--screensize) * var(--vw));
        width: calc(195 / var(--screensize) * var(--vw));
        height: calc(90 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--right-small {
        top: calc(270 / var(--screensize) * var(--vw));
        right: calc(30 / var(--screensize) * var(--vw));
        width: calc(84 / var(--screensize) * var(--vw));
        height: calc(98 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--bottom-mid {
        top: calc(292 / var(--screensize) * var(--vw));
        left: calc(174 / var(--screensize) * var(--vw));
        width: calc(105 / var(--screensize) * var(--vw));
        height: calc(76 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--left-small {
        top: calc(315 / var(--screensize) * var(--vw));
        left: calc(30 / var(--screensize) * var(--vw));
        width: calc(84 / var(--screensize) * var(--vw));
        height: calc(90 / var(--screensize) * var(--vw));
    }
  
    .contact__agree {
        gap: calc(7 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }

    .cookie__text {
        font-size: calc(14 / var(--screensize) * var(--vw));
    }
  }
  
  
  @media (min-width: 431px) and (max-width: 960px) {
    :root {
        --screensize: 960;
    }
  
    .topbar {
        padding-top: calc(24 / var(--screensize) * var(--vw));
    }
  
    .inner {
        padding: 0 calc(24 / var(--screensize) * var(--vw));
    }
  
    .inner .logo img {
        width: calc(131 / var(--screensize) * var(--vw));
        height: calc(25 / var(--screensize) * var(--vw));
        content: url("/local/templates/fast/assets/images/logo_ipad_white.svg");
    }
  
    .logo {
        width: calc(131 / var(--screensize) * var(--vw));
    }
  
    .topbar .inner {
        display: grid;
        align-items: center;
        column-gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .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) * var(--vw));
        justify-content: flex-end;
    }
  
    .icon-btn {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        padding: 0;
        border: 0;
        background: transparent;
    }
  
    .header__icon, .burger__icon {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        top: calc(-1 / var(--screensize) * var(--vw));
    }
  
    .hero {
        height: calc(534 / var(--screensize) * var(--vw));
    }
  
    .hero__graphic {
        padding-left: calc(64 / var(--screensize) * var(--vw));
        margin-left: calc(120 / var(--screensize) * var(--vw));
        margin-top: calc(-22 / var(--screensize) * var(--vw));
        max-width: 80%;
    }
  
    .hero__right {
        gap: calc(32 / var(--screensize) * var(--vw));
    }
  
    .hero__wordmark {
        width: calc(288 / var(--screensize) * var(--vw));
        height: auto;
    }
  
    .hero__tagline {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* subbar */
    .subbar .inner {
        display: grid;
        grid-template-columns: auto max-content;
        column-gap: calc(24 / var(--screensize) * var(--vw));
        align-items: center;
        padding: calc(24 / var(--screensize) * var(--vw));
    }
  
    .logo--small {
        width: calc(131 / var(--screensize) * var(--vw));
        height: auto;
    }
  
    .subbar .logo--small img {
        width: calc(131 / var(--screensize) * var(--vw));
        height: calc(25 / var(--screensize) * var(--vw));
        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) * var(--vw));
        justify-self: end;
        align-items: center;
        border-bottom: none;
    }
  
    .subbar .actions {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .subbar .icon-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        line-height: 0;
        cursor: pointer;
    }
  
    .subbar .header__icon,
    .subbar .burger__icon {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        display: block;
    }
  
    /* about */
    .about {
        padding: calc(96 / var(--screensize) * var(--vw)) calc(78 / var(--screensize) * var(--vw));
        gap: calc(48 / var(--screensize) * var(--vw));
    }
  
    .lead {
        font-size: calc(32 / var(--screensize) * var(--vw));
        line-height: calc(38 / var(--screensize) * var(--vw));
    }
  
    .cols {
        gap: calc(102 / var(--screensize) * var(--vw));
    }
  
    .col {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* solutions */
    .solutions__inner {
        padding-left: calc(78 / var(--screensize) * var(--vw));
    }
  
    .solutions__title {
        font-size: calc(32 / var(--screensize) * var(--vw));
        line-height: calc(38 / var(--screensize) * var(--vw));
        margin-bottom: calc(16 / var(--screensize) * var(--vw));
    }
  
    .solutions {
        gap: calc(102 / var(--screensize) * var(--vw));
    }
  
    .solutions__right {
        margin-right: calc(-48 / var(--screensize) * var(--vw));
        padding-top: calc(32 / var(--screensize) * var(--vw));
    }
  
    .solutions__head {
        padding: calc(32 / var(--screensize) * var(--vw)) 0;
    }
  
    .solutions__head img {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(19 / var(--screensize) * var(--vw));
    }
  
    .solutions__item--open .solutions__head {
        padding-top: calc(32 / var(--screensize) * var(--vw));
        padding-bottom: calc(24 / var(--screensize) * var(--vw));
    }
  
    .solutions__name,
    .solutions__item--open .solutions__name {
        font-size: calc(20 / var(--screensize) * var(--vw));
        height: calc(32 / var(--screensize) * var(--vw));
    }
  
    .solutions__panel {
        padding-bottom: calc(32 / var(--screensize) * var(--vw));
    }
  
    .solutions__text {
        font-size: calc(16 / var(--screensize) * var(--vw));
        margin-bottom: calc(24 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.32 / var(--screensize) * var(--vw));
    }
  
    .solutions__more {
        font-size: calc(16 / var(--screensize) * var(--vw));
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .solutions__more img {
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    .solutions__figure {
        width: calc(390 / var(--screensize) * var(--vw));
        height: calc(564 / var(--screensize) * var(--vw));
    }
  
    /* products */
    .products__tabs-arrow, .products__side {
        display: flex;
    }
  
    .products {
        padding-top: calc(96 / var(--screensize) * var(--vw));
    }
  
    .products__container {
        padding: 0;
    }
  
    .products__title {
        font-size: calc(32 / var(--screensize) * var(--vw));
        line-height: calc(38.4 / var(--screensize) * var(--vw));
        padding: 0 calc(78 / var(--screensize) * var(--vw)) calc(40 / var(--screensize) * var(--vw)) calc(78 / var(--screensize) * var(--vw));
    }
  
    .products__tabs {
        height: calc(40 / var(--screensize) * var(--vw));
        margin-bottom: calc(48 / var(--screensize) * var(--vw));
    }
  
    .products__tab {
        height: calc(40 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .products__body {
        gap: calc(102 / var(--screensize) * var(--vw));
        grid-template-columns: calc(366 / var(--screensize) * var(--vw)) 1fr;
        padding: 0 calc(78 / var(--screensize) * var(--vw));
    }
  
    .products__figure {
        width: calc(366 / var(--screensize) * var(--vw));
        height: calc(448 / var(--screensize) * var(--vw));
    }
  
    .products__subtitle {
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(24 / var(--screensize) * var(--vw));
        margin-bottom: calc(32 / var(--screensize) * var(--vw));
    }
  
    .products__text {
        font-size: calc(16 / var(--screensize) * var(--vw));
        margin-bottom: calc(32 / var(--screensize) * var(--vw));
    }
  
    .products__chip {
        height: auto;
        padding: calc(8 / var(--screensize) * var(--vw)) calc(8 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .products__chips {
        gap: calc(16 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        margin: 0 0 calc(32 / var(--screensize) * var(--vw)) 0;
    }
  
    .products__more {
        font-size: calc(16 / var(--screensize) * var(--vw));
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .products__more--arrow {
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    .products__tabs-wrap {
        margin-left: calc(-24 / var(--screensize) * var(--vw));
        margin-right: calc(-24 / var(--screensize) * var(--vw));
        padding: 0 calc(24 / var(--screensize) * var(--vw));
        display: grid;
        grid-template-columns: auto 1fr max-content 1fr auto;
        align-items: center;
        justify-content: center;
        column-gap: calc(20 / var(--screensize) * var(--vw));
        height: calc(40 / var(--screensize) * var(--vw));
        margin-bottom: calc(44 / var(--screensize) * var(--vw));
    }
  
    .products__tabs-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        line-height: 0;
    }
  
    .products__tabs-arrow img {
        width: 100%;
        height: auto;
        display: block;
    }
  
    .products__side {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
        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: 8px;
        padding: 0;
        margin-bottom: 0;
        height: 100%;
    }
  
    .products__tabs .products__tab {
        height: calc(40 / var(--screensize) * var(--vw));
        padding: calc(12 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        border-radius: 8px;
        min-width: max-content;
        background: transparent;
        color: #3D52C6;
        font-size: calc(16 / var(--screensize) * var(--vw));
        letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
        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: none;
    }
  
    /* career */
    .career {
        margin-top: calc(96 / var(--screensize) * var(--vw));
        min-height: calc(552 / var(--screensize) * var(--vw));
    }
  
    .career__inner {
        gap: calc(36 / var(--screensize) * var(--vw));
        padding: calc(24 / var(--screensize) * var(--vw));
    }
  
    .career__left {
        margin-left: calc(78 / var(--screensize) * var(--vw));
    }
  
    .career__brand {
        font-size: calc(32 / var(--screensize) * var(--vw));
        line-height: calc(38.4 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.64 / var(--screensize) * var(--vw));
    }
  
    .career__card {
        max-width: calc(444 / var(--screensize) * var(--vw));
        padding: calc(80 / var(--screensize) * var(--vw)) calc(79 / var(--screensize) * var(--vw));
        height: calc(504 / var(--screensize) * var(--vw));
        clip-path: polygon(
                calc(54 / var(--screensize) * var(--vw)) 0,
                100% 0,
                100% 100%,
                0 100%,
                0 calc(65 / var(--screensize) * var(--vw))
        );
        border-radius: 0;
    }
  
    .career__inner {
        align-items: baseline;
    }
  
    .career__card-title {
        font-size: calc(20 / var(--screensize) * var(--vw));
        line-height: calc(26 / var(--screensize) * var(--vw));
    }
  
    .career__card-text {
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(24 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.32 / var(--screensize) * var(--vw));
    }
  
    .career__card-top {
        margin-bottom: calc(24 / var(--screensize) * var(--vw));
    }
  
    .career__card-top img {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(19 / var(--screensize) * var(--vw));
    }
  
    .career,
    .contact,
    .footer {
        margin-left: calc(-24 / var(--screensize) * var(--vw));
        margin-right: calc(-24 / var(--screensize) * var(--vw));
    }
  
    /* contact */
    .contact {
        padding: calc(80 / var(--screensize) * var(--vw)) calc(102 / var(--screensize) * var(--vw));
    }
  
    .contact__input, .contact__textarea {
        height: calc(42 / var(--screensize) * var(--vw));
    }
  
    .contact__field--area .contact__input {
        height: calc(98 / var(--screensize) * var(--vw));
    }
  
    .contact__inner {
        gap: calc(72 / var(--screensize) * var(--vw));
    }
  
    .contact__left {
        gap: calc(252 / var(--screensize) * var(--vw));
    }
  
    .contact__title {
        font-size: calc(32 / var(--screensize) * var(--vw));
        line-height: calc(38.4 / var(--screensize) * var(--vw));
        letter-spacing: -0.64px;
    }
  
    .contact__address {
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .contact__line, .contact__phone {
        font-size: calc(20 / var(--screensize) * var(--vw));
        line-height: calc(26 / var(--screensize) * var(--vw));
    }
  
    .contact__email {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .contact__form {
        width: calc(366 / var(--screensize) * var(--vw));
        gap: calc(32 / var(--screensize) * var(--vw));
    }
  
    .contact__label,
    .contact__input {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .contact__submit {
        height: calc(48 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .contact__bg {
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-color: #0A0D21;
        background-image: linear-gradient(to bottom, #ffffff 75%, rgba(255, 255, 255, 0.08) 100%),
            /* блики: правый верх, низ по центру, левый верх */ radial-gradient(ellipse at right, rgba(120, 140, 200, .30) 0%, #788cc8 60%),
        radial-gradient(ellipse at right, rgba(120, 140, 200, .18) 0%, #788cc8 65%),
        radial-gradient(ellipse at right, rgba(150, 170, 220, .12) 0%, #96aadc 60%);
        opacity: 1;
    }
  
    /* 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) * var(--vw));
        white-space: nowrap;
        min-width: 0;
        text-align: center;
    }
  
    .inner-bottom--footer .actions {
        display: none;
    }
  
    .footer {
        padding: calc(64 / var(--screensize) * var(--vw)) 0 calc(24 / var(--screensize) * var(--vw)) 0;
    }
  
    .footer__row--top {
        grid-template-columns: 1fr;
        column-gap: calc(120 / var(--screensize) * var(--vw));
    }
  
    .footer .inner-bottom.inner-bottom--footer {
        grid-template-columns: 1fr;
        row-gap: calc(32 / var(--screensize) * var(--vw));
        justify-items: stretch;
    }
  
    .footer__logo {
        width: calc(194 / var(--screensize) * var(--vw)) !important;
        height: calc(54 / var(--screensize) * var(--vw)) !important;
        margin-bottom: calc(48 / var(--screensize) * var(--vw));
    }
  
    .footer__logo img {
        width: calc(194 / var(--screensize) * var(--vw)) !important;
        height: calc(54 / var(--screensize) * var(--vw)) !important;
    }
  
    .footer .menu {
        flex-direction: row !important;
        align-items: center;
        /* width: calc(912 / var(--screensize) * var(--vw));
      gap: calc(56 / var(--screensize) * var(--vw)); */
    }
  
    .footer .inner-bottom.inner-bottom--footer {
        grid-template-columns: 1fr;
        justify-items: stretch;
        border-bottom: none;
    }
  
    .footer .header__icon {
        width: calc(20 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
        top: calc(-1 / var(--screensize) * var(--vw));
    }
  
    .footer__row--mid,
    .footer__row--bottom {
        padding-top: calc(32 / var(--screensize) * var(--vw));
    }
  
    .footer__address,
    .footer__contacts,
    .footer__legal,
    .footer__iso,
    .footer__policy {
        font-size: calc(12 / var(--screensize) * var(--vw));
    }
  
    .footer__address, .footer__contacts {
        opacity: 0.6;
    }
  
    .menu-footer {
        display: block;
    }
  
    /* forwho */
    .forwho {
        padding: calc(96 / var(--screensize) * var(--vw)) calc(0 / var(--screensize) * var(--vw));
    }
  
    .forwho__head {
        padding-bottom: calc(40 / var(--screensize) * var(--vw));
        padding-left: calc(54 / var(--screensize) * var(--vw));
    }
  
    .forwho__title {
        font-size: calc(32 / var(--screensize) * var(--vw));
        line-height: calc(38.4 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.64 / var(--screensize) * var(--vw));
    }
  
    .forwho__tabs-wrap {
        margin-left: calc(-48 / var(--screensize) * var(--vw));
        margin-right: calc(-48 / var(--screensize) * var(--vw));
        padding: 0 calc(24 / var(--screensize) * var(--vw));
        display: grid;
        grid-template-columns: auto 1fr max-content 1fr auto;
        align-items: center;
        justify-content: center;
        column-gap: calc(20 / var(--screensize) * var(--vw));
        height: calc(40 / var(--screensize) * var(--vw));
        margin-bottom: calc(44 / var(--screensize) * var(--vw));
    }
  
    .forwho__tabs-arrow,
    .forwho__side {
        display: flex;
    }
  
    .forwho__tabs-arrow {
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        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) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
        color: #3D52C6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: .95;
        cursor: pointer;
        text-decoration: none;
        justify-content: center;
    }
  
    .forwho__tabs {
        /* height: calc(40 / var(--screensize) * var(--vw));
      margin-bottom: calc(44 / var(--screensize) * var(--vw)); */
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        background: #F2F2F2;
        border-radius: 8px;
        padding: 0;
        margin: 0;
        height: 100%;
    }
  
    .forwho__tabs .forwho__tab {
        height: calc(40 / var(--screensize) * var(--vw));
        padding: calc(12 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        border-radius: 8px;
        width: auto;
        min-width: max-content;
        font-size: calc(16 / var(--screensize) * var(--vw));
        letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
        text-transform: uppercase;
        border: 0;
        cursor: pointer;
    }
  
    .forwho__tabs .forwho__tab:not(.is-active) {
        display: none;
    }
  
    .forwho__stage {
        height: calc(577 / var(--screensize) * var(--vw));
        margin-right: calc(0 / var(--screensize) * var(--vw));
    }
  
    .forwho__tree {
        width: calc(381 / var(--screensize) * var(--vw));
        top: calc(67 / var(--screensize) * var(--vw));
    }
  
    .forwho__logo {
        bottom: calc(1 / var(--screensize) * var(--vw));
        width: 34%;
        left: 52.5%;
        height: calc(80 / var(--screensize) * var(--vw));
    }
  
    .forwho__note-title {
        font-size: calc(13 / var(--screensize) * var(--vw));
        line-height: calc(16 / var(--screensize) * var(--vw));
        margin-bottom: calc(4 / var(--screensize) * var(--vw));
    }
  
    .forwho__note--min5 .forwho__pointer {
        width: calc(50 / var(--screensize) * var(--vw));
        right: 114%;
        left: -60%;
    }
  
    .forwho__note--min4 .forwho__pointer {
        width: calc(65 / var(--screensize) * var(--vw));
        right: 110%;
        left: -62%;
    }
  
    .forwho__note--min3 .forwho__pointer {
        width: calc(50 / var(--screensize) * var(--vw));
        right: 106%;
        left: -35%;
    }
  
    .forwho__note--min2 .forwho__pointer {
        width: calc(50 / var(--screensize) * var(--vw));
        left: 110%;
    }
  
    .forwho__note--min1 .forwho__pointer {
        width: calc(50 / var(--screensize) * var(--vw));
        left: 97%;
    }
  
    .forwho__note-link {
        font-size: calc(11 / var(--screensize) * var(--vw));
    }
  
    /* плитки (умолч. набор) */
    .forwho__tile--min1 {
        width: calc(61 / var(--screensize) * var(--vw)) !important;
        height: calc(52 / var(--screensize) * var(--vw)) !important;
        top: calc(298 / var(--screensize) * var(--vw)) !important;
        left: calc(305 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--min2 {
        width: calc(61 / var(--screensize) * var(--vw)) !important;
        height: calc(52 / var(--screensize) * var(--vw)) !important;
        top: calc(298 / var(--screensize) * var(--vw)) !important;
        left: calc(529 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big1 {
        width: calc(95 / var(--screensize) * var(--vw)) !important;
        height: calc(91 / var(--screensize) * var(--vw)) !important;
        top: calc(25 / var(--screensize) * var(--vw)) !important;
        left: calc(400 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big2 {
        width: calc(95 / var(--screensize) * var(--vw)) !important;
        height: calc(91 / var(--screensize) * var(--vw)) !important;
        top: calc(116 / var(--screensize) * var(--vw)) !important;
        left: calc(305 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big3 {
        width: calc(95 / var(--screensize) * var(--vw)) !important;
        height: calc(91 / var(--screensize) * var(--vw)) !important;
        top: calc(116 / var(--screensize) * var(--vw)) !important;
        left: calc(495 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big4 {
        width: calc(95 / var(--screensize) * var(--vw)) !important;
        height: calc(91 / var(--screensize) * var(--vw)) !important;
        top: calc(207 / var(--screensize) * var(--vw)) !important;
        left: calc(211 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__tile--big5 {
        width: calc(95 / var(--screensize) * var(--vw)) !important;
        height: calc(91 / var(--screensize) * var(--vw)) !important;
        top: calc(207 / var(--screensize) * var(--vw)) !important;
        left: calc(590 / var(--screensize) * var(--vw)) !important;
    }
  
    /* подписи (позиции) */
    .forwho__note--min1 {
        top: calc(101 / var(--screensize) * var(--vw)) !important;
        left: calc(95 / var(--screensize) * var(--vw)) !important;
        width: calc(200 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min2 {
        top: calc(192 / var(--screensize) * var(--vw)) !important;
        left: calc(-5 / var(--screensize) * var(--vw)) !important;
        width: calc(180 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min3 {
        top: calc(11 / var(--screensize) * var(--vw)) !important;
        left: calc(535 / var(--screensize) * var(--vw)) !important;
        right: auto !important;
        width: calc(210 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min4 {
        top: calc(101 / var(--screensize) * var(--vw)) !important;
        left: calc(670 / var(--screensize) * var(--vw)) !important;
        right: auto !important;
        width: calc(200 / var(--screensize) * var(--vw)) !important;
    }
  
    .forwho__note--min5 {
        top: calc(192 / var(--screensize) * var(--vw)) !important;
        left: calc(730 / var(--screensize) * var(--vw)) !important;
        width: calc(130 / var(--screensize) * var(--vw)) !important;
        right: auto !important;
    }
  
    /* альтернативные «угловые» плитки */
    .forwho__tile--top {
        top: calc(15 / var(--screensize) * var(--vw));
        left: calc(105 / var(--screensize) * var(--vw));
        width: calc(80 / var(--screensize) * var(--vw));
        height: calc(56 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--left-big {
        top: calc(105 / var(--screensize) * var(--vw));
        left: calc(-20 / var(--screensize) * var(--vw));
        width: calc(111 / var(--screensize) * var(--vw));
        height: calc(90 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--right-wide {
        top: calc(105 / var(--screensize) * var(--vw));
        right: calc(-15 / var(--screensize) * var(--vw));
        width: calc(130 / var(--screensize) * var(--vw));
        height: calc(60 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--right-small {
        top: calc(180 / var(--screensize) * var(--vw));
        right: calc(20 / var(--screensize) * var(--vw));
        width: calc(56 / var(--screensize) * var(--vw));
        height: calc(65 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--bottom-mid {
        top: calc(195 / var(--screensize) * var(--vw));
        left: calc(116 / var(--screensize) * var(--vw));
        width: calc(70 / var(--screensize) * var(--vw));
        height: calc(51 / var(--screensize) * var(--vw));
    }
  
    .forwho__tile--left-small {
        top: calc(210 / var(--screensize) * var(--vw));
        left: calc(20 / var(--screensize) * var(--vw));
        width: calc(56 / var(--screensize) * var(--vw));
        height: calc(60 / var(--screensize) * var(--vw));
    }
  
    .contact__agree {
        font-size: calc(14 / var(--screensize) * var(--vw));
    }
  
    /* ====== OVERLAY МЕНЮ ====== */
    .mmenu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2000; /* выше .topbar(120) и .subbar(130) */
        background: #0A0D21;
        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) * var(--vw));
    }
  
    .mmenu__top {
        display: flex;
        align-items: center; /* &lt;-- вертикальное центрирование */
        justify-content: space-between; /* логотип слева, иконки справа */
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    /* верх */
    .mmenu__logo img {
        width: calc(131 / var(--screensize) * var(--vw));
        height: auto;
        display: block;
    }
  
    .mmenu__actions {
        position: static;
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    /* центр */
    .mmenu__nav {
        align-self: center;
        justify-self: center;
        display: flex;
        flex-direction: column;
        gap: calc(48 / var(--screensize) * var(--vw));
        text-align: center;
    }
  
    .mmenu__nav a {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: calc(0.8 / var(--screensize) * var(--vw));
        text-decoration: none;
        color: #fff;
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* низ */
    .mmenu__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(24 / var(--screensize) * var(--vw));
        opacity: .85;
    }
  
    .mmenu__footer .footer__address {
        margin: 0;
    }
  
    .mmenu__footer .footer__contacts {
        display: flex;
        gap: calc(40 / var(--screensize) * var(--vw));
    }
  
    .mmenu__footer a {
        color: #fff;
        text-decoration: none;
    }
  
    /* небольшая подстраховка размеров иконок */
    .mmenu .icon-btn {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        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: 1090px) and (min-width: 960px) {
    .btn-ghost {
        display: none;
    }
  }
  
  @media (min-width: 800px) and (max-width: 960px) {
    .forwho__tree {
        top: calc(80 / var(--screensize) * var(--vw));
    }

    .forwho__note--min1 .forwho__pointer {
        left: 114%;
    }

    .forwho__note--min2 .forwho__pointer {
        left: 105%;
    }

    .forwho__note--min1 {
        left: calc(50 / var(--screensize) * var(--vw)) !important;
    }
  }
  
  @media (min-width: 650px) and (max-width: 799px) {
    .forwho__tree {
        /* top: calc(105 / var(--screensize) * var(--vw)); */
        right: calc(-10 / var(--screensize) * var(--vw));
    }

    .forwho__note--min1 .forwho__pointer {
        left: 114%;
    }

    .forwho__note--min2 .forwho__pointer {
        left: 105%;
    }

    .forwho__note--min1 {
        left: calc(50 / var(--screensize) * var(--vw)) !important;
    }
  }

  @media (min-width: 630px) and (max-width: 649px) {
    .forwho__tile.forwho__tile--big1 {
        left: calc(395 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big2 {
        left: calc(300 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big3 {
        left: calc(490 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big4 {
        left: calc(205 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big5 {
        left: calc(585 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min1 {
        left: calc(300 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min2 {
        left: calc(524 / var(--screensize) * var(--vw)) !important;
    }

    .forwho__note--min1 .forwho__pointer {
        left: 114%;
    }

    .forwho__note--min2 .forwho__pointer {
        left: 105%;
    }

    .forwho__note--min1 {
        left: calc(50 / var(--screensize) * var(--vw)) !important;
    }
  }

  @media (min-width: 600px) and (max-width: 629px) {
    .forwho__tile.forwho__tile--big1 {
        left: calc(393 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big2 {
        left: calc(298 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big3 {
        left: calc(488 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big4 {
        left: calc(203 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big5 {
        left: calc(583 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min1 {
        left: calc(298 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min2 {
        left: calc(522 / var(--screensize) * var(--vw)) !important;
    }

    .forwho__note--min1 .forwho__pointer {
        left: 114%;
    }

    .forwho__note--min2 .forwho__pointer {
        left: 105%;
    }

    .forwho__note--min1 {
        left: calc(50 / var(--screensize) * var(--vw)) !important;
    }
  }

  @media (min-width: 560px) and (max-width: 599px) {
    .forwho__tile.forwho__tile--big1 {
        left: calc(392 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big2 {
        left: calc(297 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big3 {
        left: calc(487 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big4 {
        left: calc(202 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big5 {
        left: calc(582 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min1 {
        left: calc(297 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min2 {
        left: calc(521 / var(--screensize) * var(--vw)) !important;
    }

    .forwho__note--min1 .forwho__pointer {
        left: 114%;
    }

    .forwho__note--min2 .forwho__pointer {
        left: 105%;
    }

    .forwho__note--min1 {
        left: calc(50 / var(--screensize) * var(--vw)) !important;
    }
  }

  @media (min-width: 515px) and (max-width: 559px) {
    .forwho__tile.forwho__tile--big1 {
        left: calc(390 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big2 {
        left: calc(295 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big3 {
        left: calc(485 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big4 {
        left: calc(200 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big5 {
        left: calc(580 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min1 {
        left: calc(295 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min2 {
        left: calc(519 / var(--screensize) * var(--vw)) !important;
    }

    .forwho__note--min1 .forwho__pointer {
        left: 110%;
    }
    .forwho__note--min2 .forwho__pointer {
        left: 102%;
    }

    .forwho__note--min1 {
        left: calc(56 / var(--screensize) * var(--vw)) !important;
    }
  }

  @media (min-width: 480px) and (max-width: 514px) {
    .forwho__tile.forwho__tile--big1 {
        left: calc(390 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big2 {
        left: calc(295 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big3 {
        left: calc(485 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big4 {
        left: calc(200 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big5 {
        left: calc(580 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min1 {
        left: calc(295 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min2 {
        left: calc(519 / var(--screensize) * var(--vw)) !important;
    }

    .forwho__note--min1 .forwho__pointer {
        left: 110%;
    }
    .forwho__note--min2 .forwho__pointer {
        left: 106%;
    }

    .forwho__note--min1 {
        left: calc(56 / var(--screensize) * var(--vw)) !important;
    }
  }

  @media (min-width: 431px) and (max-width: 479px) {
    .forwho__tile.forwho__tile--big1 {
        left: calc(387 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big2 {
        left: calc(292 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big3 {
        left: calc(482 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big4 {
        left: calc(197 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--big5 {
        left: calc(577 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min1 {
        left: calc(292 / var(--screensize) * var(--vw)) !important;
    }
    .forwho__tile.forwho__tile--min2 {
        left: calc(516 / var(--screensize) * var(--vw)) !important;
    }

    .forwho__note--min1 .forwho__pointer {
        left: 109%;
    }
    .forwho__note--min2 .forwho__pointer {
        left: 106%;
    }

    .forwho__note--min1 {
        left: calc(53 / var(--screensize) * var(--vw)) !important;
    }
  }
  
  @media (min-width: 515px) and (max-width: 649px) {
    .forwho__tree {
        /* top: calc(115 / var(--screensize) * var(--vw)); */
    }
  
    .forwho__logo {
        bottom: calc(-9 / var(--screensize) * var(--vw));
        left: 52%;
    }
  }
  
  @media (min-width: 441px) and (max-width: 514px) {
    .forwho__tree {
        /* top: calc(135 / var(--screensize) * var(--vw)); */
    }
  
    .forwho__logo {
        bottom: calc(-19 / var(--screensize) * var(--vw));
        left: 52%;
    }
  }
  
  @media (min-width: 376px) and (max-width: 440px) {
    .forwho__tree {
        /* top: calc(165 / var(--screensize) * var(--vw)); */
    }
  
    .forwho__note--min3 .forwho__pointer {
        top: calc(12 / var(--screensize) * var(--vw));
    }
  
    .forwho__note--min5 .forwho__pointer {
        /* top: calc(12 / var(--screensize) * var(--vw)); */
    }
  
    .forwho__note--min4 .forwho__pointer {
        top: calc(13 / var(--screensize) * var(--vw));
    }
  
    .forwho__note--min2 .forwho__pointer {
        /* top: calc(12 / var(--screensize) * var(--vw)); */
    }
  
    .forwho__note--min1 .forwho__pointer {
        top: calc(12 / var(--screensize) * var(--vw));
    }
  
    .forwho__logo {
        bottom: calc(-10 / var(--screensize) * var(--vw));
        left: 52%;
    }
  }
  
  @media (min-width: 1px) and (max-width: 430px) {
    :root {
        --screensize: 430;
    }
  
    .topbar {
        padding-top: calc(35 / var(--screensize) * var(--vw));
    }
  
    .inner {
        padding: 0 calc(32 / var(--screensize) * var(--vw));
    }
  
    .inner .logo img {
        width: calc(94 / var(--screensize) * var(--vw));
        height: calc(18 / var(--screensize) * var(--vw));
        content: url("/local/templates/fast/assets/images/logo_mobile.png");
    }
  
    .logo {
        width: calc(94 / var(--screensize) * var(--vw));
    }
  
    .topbar .inner {
        display: grid;
        align-items: center;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: calc(32 / var(--screensize) * var(--vw));
    }
  
    .topbar .inner &gt; * {
        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) * var(--vw));
        justify-content: flex-end;
    }
  
    .icon-btn {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        padding: 0;
        border: 0;
        background: transparent;
    }
  
    .header__icon, .burger__icon {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        top: calc(0 / var(--screensize) * var(--vw));
    }
  
    .hero {
        height: calc(700 / var(--screensize) * var(--vw));
    }
  
    .hero__content {
        height: 92%;
        grid-template-rows: 1fr 1fr !important;
        grid-template-columns: auto;
    }
  
    .hero__graphic {
        padding: 0;
        margin-top: calc(0 / var(--screensize) * var(--vw));
        margin-left: calc(0 / var(--screensize) * var(--vw));
        width: calc(195 / var(--screensize) * var(--vw));
        height: calc(195 / var(--screensize) * var(--vw));
    }
  
    .hero__left {
        margin-top: calc(188 / var(--screensize) * var(--vw));
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
  
    .hero__right {
        gap: calc(40 / var(--screensize) * var(--vw));
        align-items: center;
    }
  
    .hero__wordmark {
        width: calc(195 / var(--screensize) * var(--vw));
        height: auto;
    }
  
    .hero__tagline {
        font-size: calc(16 / var(--screensize) * var(--vw));
        text-wrap: balance;
        text-align: center;
    }
  
    /* subbar */
    .subbar .inner {
        display: grid;
        grid-template-columns: auto max-content;
        column-gap: calc(24 / var(--screensize) * var(--vw));
        align-items: center;
        padding: calc(26 / var(--screensize) * var(--vw)) calc(32 / var(--screensize) * var(--vw));
    }
  
    .logo--small {
        width: calc(94 / var(--screensize) * var(--vw));
        height: auto;
    }
  
    .subbar .logo--small img {
        width: calc(94 / var(--screensize) * var(--vw));
        height: calc(18 / var(--screensize) * var(--vw));
        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) * var(--vw));
        justify-self: end;
        align-items: center;
        border-bottom: none;
    }
  
    .subbar .actions {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .subbar .icon-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        line-height: 0;
        cursor: pointer;
    }
  
    .subbar .header__icon,
    .subbar .burger__icon {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        display: block;
    }
  
    /* about */
    .about {
        padding: calc(56 / var(--screensize) * var(--vw)) 0;
        gap: calc(32 / var(--screensize) * var(--vw));
    }
  
    .lead {
        font-size: calc(28 / var(--screensize) * var(--vw));
        line-height: calc(33.6 / var(--screensize) * var(--vw));
    }
  
    .cols {
        gap: calc(32 / var(--screensize) * var(--vw));
        flex-direction: column;
    }
  
    .col {
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(24 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.32 / var(--screensize) * var(--vw));
    }
  
    /* solutions */
    .solutions__inner {
        padding: 0;
    }
  
    .solutions__title {
        font-size: calc(28 / var(--screensize) * var(--vw));
        line-height: calc(33.6 / var(--screensize) * var(--vw));
        margin-bottom: calc(16 / var(--screensize) * var(--vw));
    }
  
    .solutions {
        gap: 0;
    }
  
    .solutions__right {
        display: none;
    }
  
    .solutions__head {
        padding: calc(32 / var(--screensize) * var(--vw)) 0;
    }
  
    .solutions__head img {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(19 / var(--screensize) * var(--vw));
    }
  
    .solutions__item--open .solutions__head {
        padding-top: calc(22 / var(--screensize) * var(--vw));
        padding-bottom: calc(24 / var(--screensize) * var(--vw));
    }
  
    .solutions__name,
    .solutions__item--open .solutions__name {
        font-size: calc(20 / var(--screensize) * var(--vw));
        height: calc(32 / var(--screensize) * var(--vw));
    }
  
    .solutions__panel {
        padding-bottom: calc(32 / var(--screensize) * var(--vw));
    }
  
    .solutions__text {
        font-size: calc(16 / var(--screensize) * var(--vw));
        margin-bottom: calc(24 / var(--screensize) * var(--vw));
        letter-spacing: -0.32px;
    }
  
    .solutions__more {
        font-size: calc(16 / var(--screensize) * var(--vw));
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .solutions__more img {
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    .solutions__figure {
        width: calc(390 / var(--screensize) * var(--vw));
        height: calc(564 / var(--screensize) * var(--vw));
    }
  
    /* products */
    .products__tabs-arrow, .products__side {
        display: flex;
    }
  
    .products {
        padding-top: calc(56 / var(--screensize) * var(--vw));
    }
  
    .products__container {
        padding: 0;
    }
  
    .products__title {
        font-size: calc(28 / var(--screensize) * var(--vw));
        line-height: calc(33.6 / var(--screensize) * var(--vw));
        padding: 0 0 calc(32 / var(--screensize) * var(--vw)) 0;
    }
  
    .products__tabs {
        height: calc(40 / var(--screensize) * var(--vw));
        margin-bottom: calc(48 / var(--screensize) * var(--vw));
    }
  
    .products__tab {
        height: calc(40 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .products__body {
        gap: calc(32 / var(--screensize) * var(--vw));
        padding: 0;
        display: flex;
        flex-direction: column;
    }
  
    .products__figure {
        width: calc(311 / var(--screensize) * var(--vw));
        height: calc(291 / var(--screensize) * var(--vw));
    }
  
    .products__subtitle {
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(24 / var(--screensize) * var(--vw));
        margin-bottom: calc(32 / var(--screensize) * var(--vw));
    }
  
    .products__text {
        font-size: calc(16 / var(--screensize) * var(--vw));
        margin-bottom: calc(32 / var(--screensize) * var(--vw));
    }
  
    .products__chip {
        height: calc(48 / var(--screensize) * var(--vw));
        padding: calc(16 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .products__chips {
        gap: calc(16 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        margin: 0 0 calc(32 / var(--screensize) * var(--vw)) 0;
    }
  
    .products__more {
        font-size: calc(16 / var(--screensize) * var(--vw));
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    .products__more--arrow {
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    .products__tabs-wrap {
        margin-bottom: calc(32 / var(--screensize) * var(--vw));
        margin-right: calc(-32 / var(--screensize) * var(--vw));
        margin-left: calc(-32 / var(--screensize) * var(--vw));
        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: .8px;
        font-size: calc(16 / var(--screensize) * var(--vw));
        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) * var(--vw));
        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) * var(--vw));
        scroll-padding-left: calc(24 / var(--screensize) * var(--vw));
        scroll-padding-right: calc(24 / var(--screensize) * var(--vw));
        padding-left: calc(32 / var(--screensize) * var(--vw));
    }
  
    .products__tabs::-webkit-scrollbar {
        display: none;
    }
  
    .products__tabs .products__tab {
        flex: 0 0 auto; /* не сжимать */
        white-space: nowrap;
        height: calc(40 / var(--screensize) * var(--vw));
        padding: calc(12 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        border-radius: 8px;
        background: transparent;
        color: #3D52C6;
        letter-spacing: .8px;
        text-transform: uppercase;
        border: 0;
        cursor: pointer;
    }
  
    /* активная — синяя «пилюля» */
    .products__tabs .products__tab.is-active {
        background: #3D52C6;
        color: #fff;
    }
  
    .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));
    }
  
    /* показываем только активную кнопку внутри серединного контейнера */
    .products__tabs .products__tab:not(.is-active) {
        display: inline-flex;
    }
  
    .products__tabs::after {
        content: "";
        flex: 0 0 calc(24 / var(--screensize) * var(--vw));
    }
  
    .products__tabs-arrow {
        display: none !important;
    }
  
    .products__side {
        display: none !important;
    }
  
    /* career */
    .career {
        margin-top: calc(56 / var(--screensize) * var(--vw));
        min-height: calc(522 / var(--screensize) * var(--vw));
    }
  
    .career__inner {
        gap: calc(40 / var(--screensize) * var(--vw));
        padding: calc(56 / var(--screensize) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        flex-direction: column;
    }
  
    .career__left {
        margin-left: calc(16 / var(--screensize) * var(--vw));
        width: 100%;
        margin-top: calc(56 / var(--screensize) * var(--vw));
    }
  
    .career__brand {
        font-size: calc(28 / var(--screensize) * var(--vw));
        line-height: calc(33.6 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.56 / var(--screensize) * var(--vw));
        padding-left: calc(16 / var(--screensize) * var(--vw));
    }
  
    .career__brand br {
        display: none;
    }
  
    .career__card {
        max-width: none;
        padding: calc(40 / var(--screensize) * var(--vw)) calc(32 / var(--screensize) * var(--vw));
        height: calc(336 / var(--screensize) * var(--vw));
        clip-path: polygon(calc(64 / var(--screensize) * var(--vw)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(58 / var(--screensize) * var(--vw)));
        border-radius: 16px;
        text-decoration: none;
    }
  
    .career__card-title {
        font-size: calc(20 / var(--screensize) * var(--vw));
        line-height: calc(26 / var(--screensize) * var(--vw));
    }
  
    .career__card-text {
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(20 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.32 / var(--screensize) * var(--vw));
    }
  
    .career__card-top {
        /* margin-bottom: calc(32 / var(--screensize) * var(--vw)); */
        margin-bottom: 0;
    }
  
    .career__card-top img {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(19 / var(--screensize) * var(--vw));
    }
  
    .career,
    .contact,
    .footer {
        margin-left: calc(-32 / var(--screensize) * var(--vw));
        margin-right: calc(-32 / var(--screensize) * var(--vw));
    }
  
    /* contact */
    .contact {
        padding: calc(56 / var(--screensize) * var(--vw)) calc(32 / var(--screensize) * var(--vw));
    }
  
    .contact__input, .contact__textarea {
        height: calc(42 / var(--screensize) * var(--vw));
    }
  
    .contact__field--area .contact__input {
        min-height: calc(98 / var(--screensize) * var(--vw)) !important;
    }
  
    .contact__inner {
        gap: calc(56 / var(--screensize) * var(--vw));
        flex-direction: column;
    }
  
    .contact__left {
        gap: calc(252 / var(--screensize) * var(--vw));
    }
  
    .contact__title {
        font-size: calc(28 / var(--screensize) * var(--vw));
        line-height: calc(33.6 / var(--screensize) * var(--vw));
        letter-spacing: calc(-0.56 / var(--screensize) * var(--vw));
    }
  
    .contact__title br {
        display: none;
    }
  
    .contact__address {
        display: none;
    }
  
    .contact__line, .contact__phone {
        font-size: calc(20 / var(--screensize) * var(--vw));
        line-height: calc(26 / var(--screensize) * var(--vw));
    }
  
    .contact__email {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .contact__form {
        width: calc(365 / var(--screensize) * var(--vw));
        gap: calc(32 / var(--screensize) * var(--vw));
    }
  
    .contact__label,
    .contact__input {
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .contact__submit {
        height: calc(48 / var(--screensize) * var(--vw));
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* 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) * var(--vw));
        width: 100%;
        text-align: left;
        text-decoration: none;
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    .inner-bottom--footer .actions {
        display: none;
    }
  
    .inner-bottom--footer .menu a::after {
        content: "";
        flex: 0 0 auto;
        width: calc(18 / var(--screensize) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
        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) * var(--vw)) 0 calc(32 / var(--screensize) * var(--vw)) 0;
    }
  
    .footer__row--top {
        grid-template-columns: 1fr;
        justify-items: center;
        column-gap: calc(120 / var(--screensize) * var(--vw));
    }
  
    .footer .inner-bottom.inner-bottom--footer {
        grid-template-columns: 1fr;
        row-gap: calc(32 / var(--screensize) * var(--vw));
        justify-items: stretch;
    }
  
    .footer__logo {
        width: calc(194 / var(--screensize) * var(--vw)) !important;
        height: calc(54 / var(--screensize) * var(--vw)) !important;
        margin-bottom: calc(48 / var(--screensize) * var(--vw));
        content: url(/local/templates/fast/assets/images/logo.png);
    }
  
    .footer__logo img {
        width: calc(194 / var(--screensize) * var(--vw)) !important;
        height: calc(54 / var(--screensize) * var(--vw)) !important;
    }
  
    .footer .menu {
        flex-direction: row !important;
        align-items: center;
        gap: calc(32 / var(--screensize) * var(--vw));
        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) * var(--vw));
        height: calc(14 / var(--screensize) * var(--vw));
    }
  
    .footer__row--mid,
    .footer__row--bottom {
        padding-top: calc(48 / var(--screensize) * var(--vw));
        flex-direction: column;
    }
  
    .footer__address,
    .footer__contacts,
    .footer__legal,
    .footer__iso,
    .footer__policy {
        font-size: calc(14 / var(--screensize) * var(--vw));
        justify-content: space-between;
        white-space: normal;
    }
  
    .footer__legal, .footer__iso, .footer__policy {
        font-size: calc(12 / var(--screensize) * var(--vw));
    }
  
    .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) * var(--vw));
        margin-right: calc(-32 / var(--screensize) * var(--vw));
    }
  
    .audience__inner {
        display: flex;
        flex-direction: column;
        gap: calc(32 / var(--screensize) * var(--vw));
        padding: calc(56 / var(--screensize) * var(--vw)) 0;
    }
  
    .audience__title {
        margin: 0;
        font-family: "IBM Plex Sans";
        font-weight: 500;
        font-size: calc(28 / var(--screensize) * var(--vw));
        line-height: calc(33.6 / var(--screensize) * var(--vw));
        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) * var(--vw));
        padding-right: calc(32 / var(--screensize) * var(--vw));
    }
  
    /* Табы — как на скрине */
    .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) * var(--vw));
        margin-left: calc(-24 / var(--screensize) * var(--vw));
        padding-left: calc(56 / var(--screensize) * var(--vw));
        padding-right: calc(56 / var(--screensize) * var(--vw))
    }
  
    .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) * var(--vw)) calc(16 / var(--screensize) * var(--vw));
        border-radius: 8px;
        font-family: 'IBM Plex Mono';
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .08px;
        font-size: calc(16 / var(--screensize) * var(--vw));
        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: 6px;
    }
  
    .audience__tab.is-active {
        background: #323FA6;
        color: #fff;
        text-decoration: none;
    }
  
    /* ПАНЕЛИ */
    .audience__panes {
        position: relative;
        margin-left: calc(-32 / var(--screensize) * var(--vw));
        margin-right: calc(-32 / var(--screensize) * var(--vw));
    }
  
    .audience__pane {
        display: none;
    }
  
    .audience__pane.is-active {
        display: block;
    }
  
    /* Свайпер */
    .audience__carousel {
        width: var(--vw);
        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) * var(--vw));
        margin-top: calc(20 / var(--screensize) * var(--vw));
    }
  
    .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: 20px;
        overflow: hidden;
        width: calc(199 / var(--screensize) * var(--vw));
        height: calc(237 / var(--screensize) * var(--vw));
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: calc(16 / var(--screensize) * var(--vw));
        color: #fff;
        background: #002;
        background-image: var(--bg);
        border-radius: 12px;
        background-size: cover;
        background-position: center;
    }

    .audience__carousel .swiper-slide {
        width: auto !important;
        flex: 0 0 auto; 
    }
  
    .audience-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, #19235a 30%, rgba(25, 35, 90, .75) 100%);
    }
  
    .audience-card &gt; * {
        position: relative;
        z-index: 1;
    }
  
    .audience-card__title {
        margin: 0 0 8px;
        font-weight: 400;
        font-family: "IBM Plex Sans";
        font-size: calc(16 / var(--screensize) * var(--vw));
        line-height: calc(24 / var(--screensize) * var(--vw));
        text-align: center;
    }
  
    .audience-card__text {
        margin: 0;
        text-align: center;
        font-size: calc(14 / var(--screensize) * var(--vw));
        line-height: calc(20 / var(--screensize) * var(--vw));
    }
  
    /* ====== OVERLAY МЕНЮ ====== */
    .mmenu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2000; /* выше .topbar(120) и .subbar(130) */
        background: #0A0D21;
        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) * var(--vw));
    }
  
    .mmenu__top {
        display: flex;
        align-items: center; /* &lt;-- вертикальное центрирование */
        justify-content: space-between; /* логотип слева, иконки справа */
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    /* верх */
    .mmenu__logo img {
        width: calc(94 / var(--screensize) * var(--vw));
        height: calc(18 / var(--screensize) * var(--vw));
        display: block;
        content: url('/local/templates/fast/assets/images/logo_ipad_white.svg');
    }
  
    .mmenu__actions {
        position: static;
        display: flex;
        align-items: center;
        gap: calc(24 / var(--screensize) * var(--vw));
    }
  
    /* центр */
    .mmenu__nav {
        align-self: center;
        justify-self: center;
        display: flex;
        flex-direction: column;
        gap: calc(48 / var(--screensize) * var(--vw));
        text-align: center;
    }
  
    .mmenu__nav a {
        font-family: 'IBM Plex Mono';
        text-transform: uppercase;
        letter-spacing: .8px;
        text-decoration: none;
        color: #fff;
        font-size: calc(16 / var(--screensize) * var(--vw));
    }
  
    /* низ */
    .mmenu__footer {
        display: flex;
        justify-content: space-between;
        gap: calc(24 / var(--screensize) * var(--vw));
        opacity: .85;
        flex-direction: column;
    }
  
    .mmenu__footer .footer__address {
        margin: 0;
    }
  
    .mmenu__footer .footer__contacts {
        display: flex;
        gap: calc(40 / var(--screensize) * var(--vw));
    }
  
    .mmenu__footer a {
        color: #fff;
        text-decoration: none;
    }
  
    /* небольшая подстраховка размеров иконок */
    .mmenu .icon-btn {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }
  
    .mmenu .header__icon,
    .mmenu .burger__icon {
        width: calc(24 / var(--screensize) * var(--vw));
        height: calc(24 / var(--screensize) * var(--vw));
        display: block;
    }

    .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: 600px) {
    .header__icon, .burger__icon {
        top: calc(-3 / var(--screensize) * var(--vw)) !important;
    }
}   
  
  @media (min-width: 431px) and (max-width: 540px) {
      .header__icon, .burger__icon {
          top: calc(-6 / var(--screensize) * var(--vw)) !important;
      }
  }
  
  @media (min-width: 431px) and (max-width: 480px) {
      .header__icon, .burger__icon {
          top: calc(-9 / var(--screensize) * var(--vw)) !important;
      }
  }

  @media (min-width: 431px) and (max-width: 600px) {
        .contact__agree {
            font-size: calc(14 / var(--screensize) * var(--vw));
        }
    }

  
/*FOOTER COOKIE*/
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    padding: 16px 24px;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #333;
    display: none; /* по умолчанию скрыт */
  }
  
  .cookie-consent__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .cookie-consent__text {
    flex: 1;
    min-width: 300px;
    line-height: 1.5;
  }
  
  .cookie-consent__text a {
    color: #323FA6;
    text-decoration: underline;
  }
  
  .cookie-consent__btn {
    padding: 8px 20px;
    background: #fff;
    color: #323FA6;
    border: 1px solid #323FA6;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
  }
  
  .cookie-consent__btn:hover {
    background:#323FA6;
    color: #fff;
  }