/* Масштабирование макета 1920px: только ужимание (<1920), без upscale (ломает Locofy) */
.page-fit {
  width: 100%;
  overflow-x: hidden;
  --page-scale: min(1, 100vw / 1920px);
}

.page-fit > .element,
.page-fit > .telegram,
.page-fit > .MAX {
  width: 1920px;
  min-width: 1920px;
  max-width: 1920px;
  min-height: var(--page-min-height);
  margin: 0;
  position: relative;
  transform-origin: top left;
  margin-left: calc((100vw - 1920px * var(--page-scale)) / 2);
  transform: scale(var(--page-scale));
  margin-bottom: calc(var(--page-min-height) * -1 * (1 - var(--page-scale)));
}

/* Desktop (≥1920): центр, scale=1, фон на всю ширину — без transform upscale */
@media (min-width: 1920px) {
  .main-layout--desktop {
    background: linear-gradient(180deg, #350170 0, #350170 1376px, #ffffff 1376px, #ffffff 100%);
  }

  .main-layout--desktop .page-fit {
    --page-scale: 1;
  }

  .main-layout--desktop .page-fit > .element,
  .main-layout--desktop .page-fit > .telegram,
  .main-layout--desktop .page-fit > .MAX {
    margin-left: auto;
    margin-right: auto;
    transform: none;
    margin-bottom: 0;
  }
}

/* Карточки платформ и футер: ссылки без подчёркивания, сохраняют раскладку */
.platform-card {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.platform-card:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 4px;
}

.footer-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.footer-link:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.element a.logo,
.element a.logo-2,
.telegram a.logo,
.telegram a.logo-2,
.MAX a.logo,
.MAX a.logo-2 {
  text-decoration: none;
  color: inherit;
}

.element a.logo-2,
.telegram a.logo-2,
.MAX a.logo-2 {
  display: inline-block;
}

.element a.div-wrapper,
.telegram a.div-wrapper {
  text-decoration: none;
  color: inherit;
}

a.footer-link {
  display: flex;
  align-items: center;
  align-self: stretch;
}

/* Выпадающее меню «Платформы» */
.element .view-2,
.element .menu,
.element .menu-2,
.features .view,
.features .menu,
.telegram .view-6,
.telegram .menu-2,
.MAX .view-6,
.MAX .menu-2,
.element .view-7 {
  overflow: visible;
}

/* Ховер пунктов шапки — фон через ::before (без сдвига раскладки) */
.element .view-2 > .menu > a,
.element .view-2 > .menu > .platforms-dropdown > .platforms-dropdown__trigger,
.element .view-2 > .menu > .RU,
.element .view > .menu > a,
.element .view > .menu > a.div-wrapper,
.element .view > .menu > .platforms-dropdown > .platforms-dropdown__trigger,
.element .view > .menu > .RU,
.element .view-7 > .menu-2 > a,
.element .view-7 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger,
.element .view-7 > .menu-2 > .RU,
.telegram .view-6 > .menu-2 > a,
.telegram .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger,
.telegram .view-6 > .menu-2 > .RU,
.MAX .view-6 > .menu-2 > a,
.MAX .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger,
.MAX .view-6 > .menu-2 > .RU {
  cursor: pointer;
  position: relative;
  isolation: isolate;
}

.element .view-2 > .menu > a::before,
.element .view-2 > .menu > .platforms-dropdown > .platforms-dropdown__trigger::before,
.element .view-2 > .menu > .RU::before,
.element .view > .menu > a::before,
.element .view > .menu > a.div-wrapper::before,
.element .view > .menu > .platforms-dropdown > .platforms-dropdown__trigger::before,
.element .view > .menu > .RU::before,
.element .view-7 > .menu-2 > a::before,
.element .view-7 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger::before,
.element .view-7 > .menu-2 > .RU::before,
.telegram .view-6 > .menu-2 > a::before,
.telegram .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger::before,
.telegram .view-6 > .menu-2 > .RU::before,
.MAX .view-6 > .menu-2 > a::before,
.MAX .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger::before,
.MAX .view-6 > .menu-2 > .RU::before {
  content: "";
  position: absolute;
  inset: -8px -14px;
  border-radius: 8px;
  background-color: transparent;
  transition: background-color 0.2s ease;
  z-index: -1;
  pointer-events: none;
}

/* Главная — тёмный hero */
.element .view-2 > .menu > a:hover::before,
.element .view-2 > .menu > .platforms-dropdown > .platforms-dropdown__trigger:hover::before,
.element .view-2 > .menu > .RU:hover::before,
.element .view-2 > .menu > .platforms-dropdown.is-open > .platforms-dropdown__trigger::before {
  background-color: rgba(255, 255, 255, 0.14);
}

/* Возможности и платформы — светлая шапка */
.element .view > .menu > a:hover::before,
.element .view > .menu > a.div-wrapper:hover::before,
.element .view > .menu > .platforms-dropdown > .platforms-dropdown__trigger:hover::before,
.element .view > .menu > .RU:hover::before,
.element .view > .menu > .platforms-dropdown.is-open > .platforms-dropdown__trigger::before,
.element .view-7 > .menu-2 > a:hover::before,
.element .view-7 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger:hover::before,
.element .view-7 > .menu-2 > .RU:hover::before,
.element .view-7 > .menu-2 > .platforms-dropdown.is-open > .platforms-dropdown__trigger::before,
.telegram .view-6 > .menu-2 > a:hover::before,
.telegram .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger:hover::before,
.telegram .view-6 > .menu-2 > .RU:hover::before,
.telegram .view-6 > .menu-2 > .platforms-dropdown.is-open > .platforms-dropdown__trigger::before,
.MAX .view-6 > .menu-2 > a:hover::before,
.MAX .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger:hover::before,
.MAX .view-6 > .menu-2 > .RU:hover::before,
.MAX .view-6 > .menu-2 > .platforms-dropdown.is-open > .platforms-dropdown__trigger::before {
  background-color: #f5f1ff;
}

.element .view-2 > .menu > a:focus-visible,
.element .view-2 > .menu > .platforms-dropdown > .platforms-dropdown__trigger:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}

.element .view > .menu > a:focus-visible,
.element .view > .menu > a.div-wrapper:focus-visible,
.element .view > .menu > .platforms-dropdown > .platforms-dropdown__trigger:focus-visible,
.element .view-7 > .menu-2 > a:focus-visible,
.element .view-7 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger:focus-visible,
.telegram .view-6 > .menu-2 > a:focus-visible,
.telegram .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger:focus-visible,
.MAX .view-6 > .menu-2 > a:focus-visible,
.MAX .view-6 > .menu-2 > .platforms-dropdown > .platforms-dropdown__trigger:focus-visible {
  outline: 2px solid #5e4ce0;
  outline-offset: 2px;
}

.platforms-dropdown {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  width: auto;
  flex: none;
  flex-shrink: 0;
  z-index: 50;
}

.platforms-dropdown__trigger {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0;
  gap: 4px;
  width: auto;
  height: auto;
  flex: none;
  cursor: pointer;
  color: inherit;
  font: inherit;
}

.platforms-dropdown__trigger .arrow {
  flex: none;
}

.platforms-dropdown.is-open .platforms-dropdown__trigger .arrow img {
  transform: rotate(180deg);
}

.platforms-dropdown__panel {
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  gap: 4px;
  width: 204px;
  background: #ffffff;
  border-radius: 7px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  margin: 0;
}

.platforms-dropdown.is-open .platforms-dropdown__panel {
  display: flex;
}

.platforms-dropdown__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 8px;
  gap: 10px;
  width: 188px;
  height: 48px;
  flex: none;
  align-self: stretch;
  background: #fbfafe;
  border: 1px solid #f5f1ff;
  border-radius: 5px;
  text-decoration: none;
  color: #000000;
}

.platforms-dropdown__item:hover {
  border-color: #e8e0ff;
  background: #f5f1ff;
}

.platforms-dropdown__icon {
  width: 36px;
  height: 36px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.platforms-dropdown__icon img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
}

.platforms-dropdown__icon--telegram {
  border-radius: 50%;
  background: #5e4ce0;
}

.platforms-dropdown__icon--telegram img {
  width: 20px;
  height: 20px;
}

.platforms-dropdown__label {
  width: 124px;
  flex: none;
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #000000;
}

/* Вход / Регистрация — страницы платформ (и features) */
.element .btns,
.telegram .btns,
.MAX .btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 10px;
  width: 279px;
  height: 56px;
  flex: none;
  flex-grow: 0;
}

.element .btns .view-8,
.telegram .view-7,
.MAX .view-7 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  gap: 10px;
  width: 95px;
  height: 56px;
  flex: none;
  flex-grow: 0;
  border-radius: 10px;
  border: 1px solid #c3c3c3;
  background: transparent;
}

.element .btns .view-9,
.telegram .view-8,
.MAX .view-8 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  gap: 10px;
  width: 174px;
  height: 56px;
  flex: none;
  flex-grow: 0;
  background-color: #5e4ce0;
  border-radius: 10px;
  border: none;
}

/* CTA «Забудьте о ручном размещении» — белая кнопка, фиолетовый текст */
.element .div-29 .view-9 {
  width: 268px;
  height: 72px;
  padding: 24px 26px;
  background-color: #ffffff;
  border: none;
}

.element .div-29 .text-wrapper-29 {
  color: #5e4ce0;
}

.element .btns .view-8 .text-wrapper-13,
.telegram .view-7 .text-wrapper-11,
.MAX .view-7 .text-wrapper-12 {
  color: #000000;
}

/* Начать бесплатно — hero на страницах платформ */
.element .view-4 > .div-wrapper,
.MAX > .frame > .div-wrapper,
.telegram .view-9 > .view-10 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px 26px;
  gap: 10px;
  width: 268px;
  height: 72px;
  flex: none;
  flex-grow: 0;
  background-color: #5e4ce0;
  border-radius: 10px;
  border: none;
}

/* FAQ: ответы видны только у раскрытого пункта */
.frame-44 .accordions:not(.is-open) > .paragraph,
.frame-44 .accordions-2:not(.is-open) > .paragraph,
.FAQ-2 .accordions:not(.is-open) > .paragraph,
.FAQ-2 .accordions-2:not(.is-open) > .paragraph {
  display: none;
}

.frame-44 .div-41,
.FAQ-2 .heading,
.FAQ-2 .heading-2 {
  cursor: pointer;
}

/* Безопасность: иконка «Резервное копирование» — как у остальных карточек */
.element .frame-39 .vector-backup {
  width: 35px;
  height: 29px;
  flex: none;
}