/*
 * Дизайн-слой главной страницы.
 *
 * Подключается только на главной (см. enqueue_elementor_custom_blocks_home_styles),
 * все правила ограничены body.home — общие виджеты на других страницах не меняются.
 * Разметка, тексты, заголовки и schema.org виджетов не затрагиваются — только оформление.
 *
 * Визуальный язык согласован с app.kibersoft.online: глубокий синий, крупная плотная
 * типографика, карточки со скруглением 24px, кнопки-«таблетки». Шрифт — сайтовый Geologica.
 */

body.home {
  --home-ink: #0a2540;
  --home-text: #2b3f58;
  --home-muted: #566a82;
  --home-subtle: #8595a8;
  --home-line: #e3eaf3;
  --home-paper: #fff;
  --home-surface: #f4faff;
  --home-tint: #e9f4ff;
  --home-tint-strong: #d9ebfc;
  --home-blue: #2f7fc0;
  --home-blue-deep: #176390;
  --home-brand-gradient: linear-gradient(135deg, #5691c8 0%, #2f7fc0 55%, #176390 100%);
  --home-navy: #0a2540;
  --home-navy-2: #0d3160;

  --home-container: 1240px;
  --home-gutter: max(24px, calc((100% - var(--home-container)) / 2));
  --home-radius: 24px;
  --home-radius-sm: 16px;
  --home-shadow: 0 1px 2px rgba(10, 37, 64, 0.04), 0 8px 24px rgba(10, 37, 64, 0.06);
  --home-shadow-hover: 0 2px 4px rgba(10, 37, 64, 0.06), 0 18px 40px rgba(10, 37, 64, 0.12);

  --home-h2: clamp(30px, 3.2vw, 46px);
  --home-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* ─── Общие элементы ─────────────────────────────────────────────────────── */

body.home .base-button:not(.landing-main-banner .base-button) {
  border-radius: 999px;
  font-weight: 400;
  transition:
    transform 0.2s var(--home-ease),
    box-shadow 0.2s var(--home-ease),
    background-color 0.2s var(--home-ease);
}

body.home .base-button:not(.landing-main-banner .base-button):hover {
  transform: translateY(-1px);
}

/* ─── 1. Первый экран (LandingMainBanner) ──────────────────────────────────
 * Оформление виджета — исходное (как до редизайна), убрано только скругление
 * нижних углов на десктопе. На мобильном слайды — карточки карусели, их не трогаем. */

body.home .landing-main-banner .landing-main-banner__swiper {
  border-radius: 0;
}

/* ─── Сетка секций ───────────────────────────────────────────────────────────
 * Все контейнеры главной — единой ширины, отступы между виджетами задаём сами.
 * Фон секции растягивается на всю ширину экрана через box-shadow + clip-path,
 * без изменения структуры Elementor-контейнеров. */

body.home .elementor-25 .elementor-element.e-con.e-parent:not(:first-child) {
  --content-width: var(--home-container);
  --gap: 0px;
  --row-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 24px;
  --padding-right: 24px;
  row-gap: 0;
}

body.home .elementor-25 [data-widget_type^="landing-"]:not([data-widget_type^="landing-main-banner"]) {
  padding-block: 96px;
  background-color: var(--home-section-bg, var(--home-paper));
  background-image: var(--home-section-image, none);
  box-shadow: 0 0 0 100vmax var(--home-section-bg, var(--home-paper));
  clip-path: inset(0 -100vmax);
}

body.home .elementor-25 [data-widget_type="landing-main-products.default"],
body.home .elementor-25 [data-widget_type="landing-advantages.default"],
body.home .elementor-25 [data-widget_type="landing-faq-v2.default"],
body.home .elementor-25 [data-widget_type="landing-subscription-form.default"] {
  --home-section-bg: var(--home-surface);
}

/* Соседние секции с одинаковым фоном не удваивают отступ */
body.home .elementor-25 [data-widget_type="landing-clients.default"] {
  padding-bottom: 48px;
}

body.home .elementor-25 [data-widget_type="landing-about.default"],
body.home .elementor-25 [data-widget_type="landing-banner.default"] {
  padding-bottom: 48px;
}

/* Единая типографика заголовков секций */
body.home .landing-advantages-v2__title,
body.home .landing-main-products__title,
body.home .landing-opportunities__title,
body.home .landing-steps__title,
body.home .landing-tariff-plans-v2__title,
body.home .landing-integrations__title,
body.home .landing-about__section-title,
body.home .landing-advantages__title,
body.home .landing-faq-v2__title,
body.home .landing-crm-news__title {
  color: var(--home-ink);
  font-size: var(--home-h2);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

/* ─── 2. Преимущества (LandingAdvantagesV2) ───────────────────────────────── */

body.home .landing-advantages-v2 .landing-advantages-v2__content {
  gap: 48px;
}

body.home .landing-advantages-v2 .landing-advantages-v2__header {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: 24px 64px;
  align-items: start;
}

body.home .landing-advantages-v2 .landing-advantages-v2__description {
  color: var(--home-muted);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
}

body.home .landing-advantages-v2 .landing-advantages-v2__description strong,
body.home .landing-advantages-v2 .landing-advantages-v2__description b {
  color: var(--home-ink);
  font-weight: 500;
}

body.home .landing-advantages-v2 .landing-advantages-v2__items {
  gap: 16px;
}

body.home .landing-advantages-v2 .landing-advantages-v2__item {
  gap: 20px;
  padding: 28px;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
  background: var(--home-paper);
  transition:
    box-shadow 0.25s var(--home-ease),
    transform 0.25s var(--home-ease),
    border-color 0.25s var(--home-ease);
}

body.home .landing-advantages-v2 .landing-advantages-v2__item:hover {
  border-color: transparent;
  box-shadow: var(--home-shadow-hover);
  transform: translateY(-2px);
}

body.home .landing-advantages-v2 .landing-advantages-v2__item-icon {
  width: 52px;
  height: 52px;
}

body.home .landing-advantages-v2 .landing-advantages-v2__item-content {
  gap: 8px;
}

body.home .landing-advantages-v2 .landing-advantages-v2__item-title {
  color: var(--home-ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

body.home .landing-advantages-v2 .landing-advantages-v2__item-description {
  max-width: none;
  color: var(--home-muted);
  font-size: 14.5px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}

/* ─── 3. Экосистема (LandingMainProducts) ─────────────────────────────────── */

/* Шапка в две колонки, как у «Преимуществ»: заголовок слева, описание справа, карточки ниже.
 * Колонка заголовка шире (6:5): «Киберсофт.Здоровье» с неразрывным тире не влезает в 5:6. */
body.home .landing-main-products .landing-main-products__content {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: 24px 64px;
  align-items: start;
}

body.home .landing-main-products .landing-main-products__title {
  max-width: none !important;
  margin: 0;
}

body.home .landing-main-products .landing-main-products__title .landing-main-products__title--highlight {
  color: var(--home-blue);
}

body.home .landing-main-products .landing-main-products__description {
  max-width: none;
  margin: 0;
  color: var(--home-muted);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
}

body.home .landing-main-products .landing-main-products__cards {
  grid-column: 1 / -1;
  margin-top: 24px;
  gap: 16px;
}

body.home .landing-main-products .product-card {
  height: 280px;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
  background: var(--home-paper);
  box-shadow: var(--home-shadow);
  transition:
    box-shadow 0.25s var(--home-ease),
    transform 0.25s var(--home-ease);
}

body.home .landing-main-products .product-card.product-card--app {
  border-color: transparent;
  background: linear-gradient(150deg, #e4f0fc 0%, #cfe3f7 100%);
}

body.home .landing-main-products .product-card:hover {
  box-shadow: var(--home-shadow-hover);
  transform: translateY(-2px);
}

body.home .landing-main-products .product-card .product-card__content {
  padding: 32px;
}

body.home .landing-main-products .product-card .product-card__description {
  max-width: 230px;
  color: var(--home-text);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

body.home .landing-main-products .product-card .product-card__more,
body.home .landing-main-products .product-card-lk .product-card-lk__more {
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 400;
  transition:
    background-color 0.2s var(--home-ease),
    transform 0.2s var(--home-ease);
}

body.home .landing-main-products .product-card .product-card__more {
  background: var(--home-blue);
}

body.home .landing-main-products .product-card .product-card__more:hover {
  background: var(--home-blue-deep);
}

body.home .landing-main-products .product-card-lk {
  min-height: 260px;
  padding: 40px;
  border-radius: var(--home-radius);
  background:
    radial-gradient(600px 300px at 90% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
    var(--home-brand-gradient);
}

body.home .landing-main-products .product-card-lk .product-card-lk__title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

body.home .landing-main-products .product-card-lk .product-card-lk__list > li {
  color: rgba(255, 255, 255, 0.86);
  font-size: 15px;
  font-weight: 300;
}

body.home .landing-main-products .product-card-lk .product-card-lk__more {
  color: var(--home-ink);
}

body.home .landing-main-products .product-card-lk .product-card-lk__more:hover {
  transform: translateY(-1px);
}

/* Изображения карточек: скрин ks (МИС), телефон и фрагмент ЛК с app.kibersoft.online */
body.home .landing-main-products .product-card.product-card--crm .product-card__image {
  top: 40px;
  right: 0;
  bottom: auto;
  width: 56%;
  transform: none;
}

body.home .landing-main-products .product-card.product-card--crm .product-card__image img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--home-line);
  border-right: 0;
  border-bottom: 0;
  border-radius: var(--home-radius-sm) 0 0 0;
  box-shadow: var(--home-shadow);
}

body.home .landing-main-products .product-card.product-card--app .product-card__image {
  top: 36px;
  right: 80px;
  bottom: auto;
}

body.home .landing-main-products .product-card.product-card--app .product-card__image img {
  display: block;
  width: 168px;
  height: auto;
  filter: drop-shadow(0 18px 28px rgba(10, 37, 64, 0.18));
}

body.home .landing-main-products .product-card-lk .product-card-lk__image {
  right: 24px;
  bottom: -48px;
  left: auto;
  width: 520px;
  height: auto;
  transform: none;
}

body.home .landing-main-products .product-card-lk .product-card-lk__image img {
  display: block;
  width: 100%;
  height: auto;
}

@media (width <= 1180px) {
  body.home .landing-main-products .product-card.product-card--crm .product-card__image {
    top: auto;
    bottom: 0;
    width: 48%;
  }

  body.home .landing-main-products .product-card.product-card--app .product-card__image {
    right: 40px;
  }

  body.home .landing-main-products .product-card-lk .product-card-lk__image {
    bottom: -36px;
    width: 400px;
  }
}

@media (width <= 900px) {
  body.home .landing-main-products .product-card-lk .product-card-lk__image {
    width: 360px;
  }
}

@media (width <= 768px) {
  /* Картинка уходит в поток под текст — карточка растёт по содержимому */
  body.home .landing-main-products .product-card .product-card__content,
  body.home .landing-main-products .product-card .product-card__info {
    height: auto;
  }

  body.home .landing-main-products .product-card .product-card__control {
    margin-top: 24px;
  }

  body.home .landing-main-products .product-card.product-card--crm .product-card__image {
    position: static;
    width: auto;
    margin: 24px -32px -32px 0;
  }

  body.home .landing-main-products .product-card.product-card--app .product-card__image {
    position: static;
    height: 220px;
    margin: 24px 0 -32px;
    overflow: hidden;
  }

  body.home .landing-main-products .product-card.product-card--app .product-card__image img {
    width: 200px;
    margin: 0 auto;
  }

  body.home .landing-main-products .product-card-lk .product-card-lk__image {
    position: static;
    width: auto;
    margin: 24px -22px -28px;
    overflow: hidden;
  }
}

/* ─── 4. Возможности (LandingOpportunities) — бенто ─────────────────────────
 * Сетка 12 колонок: большая карточка (--two-rows) слева на две строки, справа два
 * промо-баннера, снизу четыре карточки в ряд. Обёртки баннеров и карточек
 * «растворяются» (display: contents), чтобы все плитки жили в одной сетке.
 * Иконки малых карточек привязаны к их порядку (2–5-я карточка). */

body.home .landing-opportunities .landing-opportunities__title {
  max-width: 820px;
  margin: 0;
  text-align: left;
}

body.home .landing-opportunities .landing-opportunities__title .landing-opportunities__title-highlight {
  color: var(--home-blue);
}

body.home .landing-opportunities .landing-opportunities__content-wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 48px;
}

body.home .landing-opportunities .landing-opportunities__banners,
body.home .landing-opportunities .landing-opportunities__cards {
  display: contents;
}

/* Общий вид плитки */
body.home .landing-opportunities .landing-opportunities__banner,
body.home .landing-opportunities .landing-opportunities__card,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--bg-red,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--bg-blue {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
  background: var(--home-paper);
  transition:
    box-shadow 0.25s var(--home-ease),
    transform 0.25s var(--home-ease);
}

body.home .landing-opportunities .landing-opportunities__banner:hover,
body.home .landing-opportunities .landing-opportunities__card:hover {
  box-shadow: var(--home-shadow-hover);
  transform: translateY(-2px);
}

/* Промо-баннеры: справа, по строке на каждый */
body.home .landing-opportunities .landing-opportunities__banner {
  grid-column: 8 / -1;
  min-height: 200px;
  border: 0;
}

body.home .landing-opportunities .landing-opportunities__banner:nth-child(1) {
  grid-row: 1;
}

body.home .landing-opportunities .landing-opportunities__banner:nth-child(2) {
  grid-row: 2;
}

body.home .landing-opportunities .landing-opportunities__banner .landing-opportunities__banner-overlay {
  border-radius: 0;
}

body.home .landing-opportunities .landing-opportunities__banner .landing-opportunities__banner-inner {
  gap: 10px;
  padding: 28px;
}

body.home .landing-opportunities .landing-opportunities__banner .landing-opportunities__banner-title {
  max-width: 300px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

body.home .landing-opportunities .landing-opportunities__banner .landing-opportunities__banner-description {
  max-width: 260px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.45;
  white-space: normal;
}

/* Стрелка-«переход» внизу баннера */
body.home .landing-opportunities a.landing-opportunities__banner .landing-opportunities__banner-inner::after {
  content: "";
  width: 36px;
  height: 36px;
  margin-top: auto;
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px no-repeat,
    #fff;
  transition: transform 0.25s var(--home-ease);
}

body.home .landing-opportunities a.landing-opportunities__banner--black .landing-opportunities__banner-inner::after {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(10, 37, 64, 0.08);
}

body.home .landing-opportunities a.landing-opportunities__banner:hover .landing-opportunities__banner-inner::after {
  transform: translateX(3px);
}

/* Карточки */
body.home .landing-opportunities .landing-opportunities__card {
  grid-row: 3;
  grid-column: span 3;
  display: flex;
  flex-direction: column;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}

body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-image {
  display: none;
}

/* Малые карточки: светлые оттенки одного уровня (как голубой --home-tint и сиреневый баннер ИИ),
 * без рамки. Акцент (иконка, галочки, ссылка) — насыщенный тон своей карточки. */
body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) {
  --card-accent: #0b829b;
  border: 0;
  background: #e6f6f4;
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(3) {
  --card-accent: var(--home-blue);
  background: var(--home-tint);
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(4) {
  --card-accent: #5241c9;
  background: #efedfd;
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(5) {
  --card-accent: #d4541a;
  background: #fdf1e8;
}

body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-list-item > svg path {
  stroke: var(--card-accent);
}

body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-feature-link:is(:hover, :focus-visible),
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-control .landing-opportunities__card-more {
  color: var(--card-accent);
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-title,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--bg-red .landing-opportunities__card-title {
  margin-bottom: 14px;
  color: var(--home-ink);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-list {
  gap: 8px;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-list-item {
  align-items: flex-start;
  color: var(--home-text);
  font-size: 14.5px;
  font-weight: 300;
  line-height: 1.4;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-list-item > svg {
  flex-shrink: 0;
  margin-top: 2px;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-list-item > svg path {
  stroke: var(--home-blue);
  stroke-width: 1.8;
}

/* Пункты — обычный текст, ссылка проявляется при наведении; поверх растянутой ссылки карточки */
body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-feature-link {
  position: relative;
  z-index: 1;
  color: inherit;
  text-decoration: none !important;
  transition: color 0.2s var(--home-ease);
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-feature-link:is(:hover, :focus-visible) {
  color: var(--home-blue);
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-control {
  margin-top: auto;
  padding-top: 20px;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-control .landing-opportunities__card-more,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--bg-red .landing-opportunities__card-control .landing-opportunities__card-more {
  gap: 8px;
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--home-blue);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-more::after {
  content: "";
  position: absolute;
  inset: 0;
}

body.home .landing-opportunities .landing-opportunities__card .landing-opportunities__card-more::before {
  content: "";
  order: 2;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.25s var(--home-ease);
}

body.home .landing-opportunities .landing-opportunities__card:hover .landing-opportunities__card-more::before {
  transform: translateX(3px);
}

/* Иконки малых карточек — белая плашка, штрих в акцентном цвете карточки. В узкой карточке
 * (4 в ряд) плашка над заголовком, чтобы заголовок не переносился; в широкой — слева от него. */
body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) {
  container-type: inline-size;
}

body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-title::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin-bottom: 16px;
  border-radius: 10px;
  background: #fff no-repeat center / 18px;
}

@container (min-width: 340px) {
  body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-title {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  body.home .landing-opportunities .landing-opportunities__card:not(.landing-opportunities__card--two-rows) .landing-opportunities__card-title::before {
    margin-bottom: 0;
  }
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(2) .landing-opportunities__card-title::before {
  /* финансы */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b829b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M7 15l4-4 3 3 5-6'/%3E%3C/svg%3E");
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(3) .landing-opportunities__card-title::before {
  /* врач */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23146ebe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 2.3A.3.3 0 1 0 5 2H4a2 2 0 0 0-2 2v5a6 6 0 0 0 6 6a6 6 0 0 0 6-6V4a2 2 0 0 0-2-2h-1a.2.2 0 1 0 .3.3'/%3E%3Cpath d='M8 15v1a6 6 0 0 0 6 6a6 6 0 0 0 6-6v-4'/%3E%3Cpath d='M18 10a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3C/svg%3E");
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(4) .landing-opportunities__card-title::before {
  /* коммуникации */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235241c9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E");
}

body.home .landing-opportunities .landing-opportunities__card:nth-child(5) .landing-opportunities__card-title::before {
  /* маркетинг */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4541a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-5v12L3 14v-3z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E");
}

/* Большая карточка: слева на две строки */
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--bg-red.landing-opportunities__card--two-rows {
  grid-row: 1 / span 2;
  grid-column: 1 / span 7;
  /* Фирменный синий, как «Личный кабинет пациента» в «Экосистеме»: белый скрин отделяется от фона */
  /* Без рамки: под прозрачной рамкой градиент повторяется полосой, а скрин не доходит до края */
  border: 0;
  background:
    radial-gradient(600px 300px at 90% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
    var(--home-brand-gradient);
}

body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-title,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-list-item,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-feature-link,
body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-control .landing-opportunities__card-more {
  color: #fff;
}

body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-feature-link:is(:hover, :focus-visible) {
  color: rgba(255, 255, 255, 0.72);
}

body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-list-item svg path {
  stroke: rgba(255, 255, 255, 0.86);
}

body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-content {
  padding: 36px;
}

body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-title {
  margin-bottom: 22px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* Текст — левая колонка, справа фрагмент рабочего стола МИС (screens-ks.png) */
body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-content {
  max-width: 47%;
}

body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-list-item {
  color: var(--home-ink);
  font-size: 15.5px;
  font-weight: 400;
}

/* Окно МИС (crm, «График работы») в перспективе: повёрнуто вправо и уходит за край карточки */
body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-image {
  top: 70px;
  right: auto;
  bottom: auto;
  left: 44%;
  /* Ширина подобрана так, чтобы в кадр попадало 3–4 дня недели с цветными типами смен */
  width: 600px;
  max-width: none;
  height: auto;
  border: 0;
  border-radius: 14px;
  box-shadow: -24px 40px 70px rgba(10, 37, 64, 0.35);
  filter: none;
  transform-origin: left center;
  transform: perspective(1600px) rotateY(-28deg) rotateX(4deg);
}

/* ─── 5. Шаги (LandingSteps) — светлая секция с белыми карточками ──────────── */

body.home .elementor-25 [data-widget_type="landing-steps.default"] {
  --home-section-bg: var(--home-tint);
}

/* Внешний отступ контейнера виджета из настроек Elementor (36px) удваивал
 * верхний отступ секции — у остальных секций его нет */
body.home .elementor-25 [data-widget_type="landing-steps.default"] > .elementor-widget-container {
  margin-top: 0;
}

body.home .landing-steps .landing-steps__content {
  align-items: stretch;
  gap: 48px;
}

body.home .landing-steps .landing-steps__header {
  gap: 12px;
}

body.home .landing-steps .landing-steps__header .landing-steps__title,
body.home .landing-steps .landing-steps__header .landing-steps__subtitle {
  text-align: left;
}

body.home .landing-steps .landing-steps__title {
  color: var(--home-ink);
}

body.home .landing-steps .landing-steps__subtitle {
  color: var(--home-muted);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}

body.home .landing-steps .landing-steps__steps,
body.home .landing-steps .landing-steps__steps.landing-steps__steps--odd {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  max-width: none;
}

body.home .landing-steps .landing-steps__steps .landing-steps__step-wrapper,
body.home .landing-steps .landing-steps__steps.landing-steps__steps--odd .landing-steps__step-wrapper:first-child {
  grid-column: auto;
  align-items: stretch;
}

body.home .landing-steps .landing-steps__step,
body.home .landing-steps .landing-steps__step-wrapper.landing-steps__step-wrapper--url-full-width .landing-steps__step {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  max-width: none;
  padding: 20px 16px;
  border: 0;
  border-radius: 20px;
  background: var(--home-paper);
  box-shadow: var(--home-shadow);
}

body.home .landing-steps .landing-steps__step-content {
  flex-direction: column;
  gap: 20px;
}

body.home .landing-steps .landing-steps__step-number {
  width: auto;
  height: auto;
  justify-content: flex-start;
  border-radius: 0;
  background: none;
  color: var(--home-blue);
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

body.home .landing-steps .landing-steps__step-title {
  color: var(--home-ink);
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
}

body.home .landing-steps .landing-steps__step-description {
  color: var(--home-muted);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}

body.home .landing-steps .landing-steps__step-actions {
  justify-content: flex-start;
  height: auto;
}

body.home .landing-steps .landing-steps__step-url {
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--home-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

body.home .landing-steps .landing-steps__step-url:hover {
  background: var(--home-blue-deep);
}

/* ─── 6. Тарифы (LandingTariffPlansV2) ────────────────────────────────────── */

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__content {
  gap: 40px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__header {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 40px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__title {
  text-align: left;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__payment-period-container {
  min-width: 0;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__payment-period-label {
  color: var(--home-muted);
  font-weight: 300;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__payment-period {
  min-width: 220px;
  height: 48px;
  padding: 0 44px 0 20px;
  border: 1px solid var(--home-line);
  border-radius: 999px;
  box-shadow: none;
  color: var(--home-ink);
  font-weight: 400;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plans {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan {
  width: auto;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
  box-shadow: var(--home-shadow);
}

/* «Хит!» — выделенный тариф */
body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan:nth-child(3) {
  border-color: var(--home-blue);
  box-shadow:
    0 0 0 1px var(--home-blue),
    0 24px 48px rgba(20, 110, 190, 0.18);
}

/* Фон шапок — исходный из виджета: картинки из настроек тарифа (inline style),
 * у тарифа без картинки — базовый градиент. Здесь только размеры. */
body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-header {
  height: 150px;
  padding: 24px;
  border-radius: 0;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-title {
  color: var(--home-ink);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-subtitle {
  color: var(--home-muted);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-header.landing-tariff-plans-v2__plan-header--white-text .landing-tariff-plans-v2__plan-subtitle {
  color: rgba(255, 255, 255, 0.72);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-label {
  left: 24px;
  top: 22px;
  padding: 4px 10px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--home-ink);
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(10, 37, 64, 0.08);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-header--white-text .landing-tariff-plans-v2__plan-label {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

/* Бейдж только у рекомендуемого тарифа (3-я карточка, как и рамка выше) —
 * у остальных он дублировал название, подзаголовок или цену */
body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan:not(:nth-child(3)) .landing-tariff-plans-v2__plan-label {
  display: none;
}

/* Иконку-картинку из настроек заменяем на звезду в цвет текста */
body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-label {
  width: fit-content;
  gap: 6px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-label-icon {
  display: none;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-label::before {
  content: "";
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.94 5.96 6.56.95-4.75 4.63 1.12 6.54L12 17.5l-5.87 3.08 1.12-6.54L2.5 9.41l6.56-.95z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.94 5.96 6.56.95-4.75 4.63 1.12 6.54L12 17.5l-5.87 3.08 1.12-6.54L2.5 9.41l6.56-.95z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-main {
  padding: 24px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-label {
  color: var(--home-muted);
  font-weight: 300;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-slider {
  height: 6px;
  background: var(--home-line);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-slider-track {
  background: var(--home-blue);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-slider-handle {
  border-color: var(--home-blue);
  box-shadow: 0 2px 6px rgba(20, 110, 190, 0.3);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-count {
  color: var(--home-subtle);
  font-weight: 400;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-more-label {
  color: var(--home-blue);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-doctors-more-input {
  border-color: var(--home-line);
  border-radius: 12px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-price-per-doctor {
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--home-tint);
  color: var(--home-ink);
  font-weight: 400;
  line-height: 1.2;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-total-price {
  color: var(--home-muted);
  font-weight: 300;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-total-price-value {
  color: var(--home-ink);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-total-price-discount {
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-storage-size {
  margin-top: 24px;
  color: var(--home-blue);
  font-size: 18px;
  font-weight: 600;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-function,
body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-function a {
  color: var(--home-text);
  font-weight: 300;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-function a {
  text-decoration-color: rgba(43, 63, 88, 0.3) !important;
  text-underline-offset: 3px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-function a:is(:hover, :focus) {
  color: var(--home-blue);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-function.landing-tariff-plans-v2__plan-function--included-tariff {
  color: var(--home-blue);
  font-weight: 500;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-actions {
  padding-top: 24px;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-more {
  width: 100%;
  padding: 13px 22px;
  border-radius: 999px;
  background: var(--home-tint);
  color: var(--home-blue-deep);
  font-size: 15px;
  font-weight: 500;
  transition:
    background-color 0.2s var(--home-ease),
    color 0.2s var(--home-ease);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-more:hover {
  background: var(--home-tint-strong);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan:nth-child(3) .landing-tariff-plans-v2__plan-more {
  background: var(--home-blue);
  color: #fff;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan:nth-child(3) .landing-tariff-plans-v2__plan-more:hover {
  background: var(--home-blue-deep);
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__more {
  padding: 12px 22px;
  border-radius: 999px;
  background: transparent;
  color: var(--home-blue);
  box-shadow: inset 0 0 0 1px var(--home-line);
  font-size: 15px;
  font-weight: 400;
}

body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__more:hover {
  background: var(--home-paper);
}

/* ─── 7. Клиенты (LandingClients) ─────────────────────────────────────────── */

body.home .landing-clients .landing-clients__content {
  gap: 56px;
}

body.home .landing-clients .landing-clients__media {
  width: 300px;
  height: 480px;
  border-radius: var(--home-radius);
  box-shadow: var(--home-shadow-hover);
  transition: transform 0.3s var(--home-ease);
}

body.home .landing-clients .landing-clients__media:hover {
  transform: translateY(-3px);
}

body.home .landing-clients .landing-clients__info {
  gap: 32px;
}

body.home .landing-clients .landing-clients__title {
  color: var(--home-ink);
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

body.home .landing-clients .landing-clients__title .landing-clients__title--highlight {
  color: var(--home-blue);
}

body.home .landing-clients .landing-clients__cards {
  gap: 12px;
}

body.home .landing-clients .landing-clients__card {
  height: 88px;
  padding: 14px;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius-sm);
  transition:
    box-shadow 0.25s var(--home-ease),
    border-color 0.25s var(--home-ease);
}

body.home .landing-clients .landing-clients__card:hover {
  border-color: transparent;
  box-shadow: var(--home-shadow);
}

body.home .landing-clients .landing-clients__card-text {
  color: var(--home-muted);
  font-weight: 300;
}

/* Форма как у «Посмотреть все интеграции»: таблетка, стрелка в кружке справа */
body.home .landing-clients .landing-clients__connect {
  align-self: flex-start;
  gap: 10px;
  padding: 8px 8px 8px 20px;
  border-radius: 999px;
  background: var(--home-blue);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  transition:
    background-color 0.2s var(--home-ease),
    transform 0.25s var(--home-ease);
}

body.home .landing-clients .landing-clients__connect img {
  display: none;
}

body.home .landing-clients .landing-clients__connect::after {
  content: "";
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 15px no-repeat,
    rgba(255, 255, 255, 0.18);
}

body.home .landing-clients .landing-clients__connect:hover {
  background: var(--home-blue-deep);
  transform: translateY(-1px);
}

/* ─── 8. Интеграции (LandingIntegrations) ───────────────────────────────────
 * Синяя полоса на всю ширину с бегущей лентой логотипов. Ленту собирает
 * assets/js/home/HomePage.js (класс --marquee); без JS — сетка плиток по центру.
 * Фон — фирменный синий; свечение затухает к краям контейнера, поэтому стыка
 * с заливкой за его пределами (box-shadow из «Сетки секций») не видно. */

body.home .elementor-25 [data-widget_type="landing-integrations.default"] {
  --home-section-bg: var(--home-blue);
  --home-section-image: radial-gradient(55% 85% at 50% 0%, rgba(86, 145, 200, 0.75), transparent 70%);
}

body.home .landing-integrations {
  text-align: center;
}

body.home .landing-integrations .landing-integrations__title {
  max-width: 760px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.08;
  text-align: center;
}

body.home .landing-integrations .landing-integrations__subtitle {
  max-width: 560px;
  margin: 16px auto 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.55;
}

body.home .landing-integrations .landing-integrations__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 44px;
}

body.home .landing-integrations .landing-integrations__item {
  width: 128px;
  height: 88px;
  padding: 0 18px;
  justify-content: center;
  border: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 20px -8px rgba(10, 20, 60, 0.45);
  transition: transform 0.25s var(--home-ease);
}

body.home .landing-integrations .landing-integrations__item:hover {
  transform: translateY(-3px);
}

body.home .landing-integrations .landing-integrations__item-image {
  flex-grow: 0;
  height: 36px;
  max-height: none;
}

/* Подпись остаётся для скринридеров и schema.org, визуально — только логотип */
body.home .landing-integrations .landing-integrations__item-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.home .landing-integrations .landing-integrations__item-coming {
  top: 8px;
  right: 8px;
  bottom: auto;
  height: auto;
  margin: 0;
  padding: 2px 8px;
  background: var(--home-tint);
}

body.home .landing-integrations .landing-integrations__item-coming span {
  color: var(--home-blue);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
}

/* Бегущая лента */
body.home .landing-integrations .landing-integrations__marquee {
  margin-top: 44px;
  padding: 6px 0 24px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
}

body.home .landing-integrations--marquee .landing-integrations__list {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0;
  width: max-content;
  margin-top: 0;
  animation: home-integrations-marquee 45s linear infinite;
  will-change: transform;
}

/* Отступ через margin, а не gap — иначе сдвиг на -50% даёт рывок на стыке копий */
body.home .landing-integrations--marquee .landing-integrations__list > * {
  flex-shrink: 0;
  margin-right: 18px;
}

body.home .landing-integrations--marquee .landing-integrations__marquee:hover .landing-integrations__list {
  animation-play-state: paused;
}

@keyframes home-integrations-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

body.home .landing-integrations .landing-integrations__footer {
  justify-content: center;
  margin-top: 40px;
}

body.home .landing-integrations--marquee .landing-integrations__footer {
  margin-top: 16px;
}

body.home .landing-integrations .landing-integrations__all {
  gap: 10px;
  padding: 8px 8px 8px 20px;
  border-radius: 999px;
  background: #fff;
  color: var(--home-ink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  transition: transform 0.25s var(--home-ease);
}

body.home .landing-integrations .landing-integrations__all::after {
  content: "";
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2540' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 15px no-repeat,
    #eef2f7;
}

body.home .landing-integrations .landing-integrations__all:hover {
  transform: translateY(-1px);
}

body.home .landing-about .landing-about__more {
  padding: 12px 24px;
  border-radius: 999px;
  background: var(--home-blue);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  transition: background-color 0.2s var(--home-ease);
}

body.home .landing-about .landing-about__more:hover {
  background: var(--home-blue-deep);
}

/* ─── 9. О компании (LandingAbout) ────────────────────────────────────────── */

body.home .landing-about .landing-about__gradient-1,
body.home .landing-about .landing-about__gradient-2 {
  display: none;
}

body.home .landing-about .landing-about__content {
  gap: 24px;
}

body.home .landing-about .landing-about__section {
  gap: 56px;
}

body.home .landing-about .landing-about__section-content {
  gap: 24px;
}

body.home .landing-about .landing-about__section-text {
  color: var(--home-text);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.65;
  text-wrap: pretty;
}

body.home .landing-about .landing-about__section-text--highlight,
body.home .landing-about .landing-about__message-highlight {
  color: var(--home-blue);
  font-weight: 500;
}

body.home .landing-about .landing-about__section-card {
  width: 420px;
  min-height: 260px;
  padding: 40px 32px;
  gap: 18px;
  border-radius: var(--home-radius);
  box-shadow: var(--home-shadow-hover);
}

body.home .landing-about .landing-about__section-card-title {
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}

body.home .landing-about .landing-about__section-card-description {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

body.home .landing-about .landing-about__message {
  max-width: none;
  margin: 24px 0 0;
  padding: 32px 36px;
  border: 0;
  border-radius: var(--home-radius);
  background: var(--home-tint);
  color: var(--home-ink);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
}

/* «Подробнее» — внутри карточки, в правом нижнем углу, а не отдельно под ней.
 * Кнопка в разметке идёт сразу после блока с текстом: поднимаем её на свою
 * высоту + нижний отступ карточки, а тексту оставляем место справа. */
body.home .landing-about .landing-about__message {
  padding-right: 240px;
}

body.home .landing-about .landing-about__footer {
  position: relative;
  z-index: 1;
  justify-content: flex-end;
  margin-top: -76px;
  padding: 0 36px;
  pointer-events: none;
}

body.home .landing-about .landing-about__footer .landing-about__more {
  min-height: 44px;
  pointer-events: auto;
}

/* ─── 10. Единая среда (LandingAdvantages) ────────────────────────────────── */

body.home .landing-advantages .landing-advantages__title {
  max-width: 760px;
}

body.home .landing-advantages .landing-advantages__cards {
  grid-template-rows: auto;
  gap: 16px;
  margin-top: 40px;
}

body.home .landing-advantages .landing-advantages__card {
  border: 0;
  border-radius: var(--home-radius);
}

body.home .landing-advantages .landing-advantages__card-content {
  padding: 28px;
  gap: 20px;
}

body.home .landing-advantages .landing-advantages__card-title {
  max-width: none;
  color: var(--home-ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

body.home .landing-advantages .landing-advantages__card-description {
  max-width: none;
  margin-top: 8px;
  color: var(--home-muted);
  font-size: 14.5px;
  font-weight: 300;
  line-height: 1.5;
}

body.home .landing-advantages .landing-advantages__card-icon {
  width: 44px;
  height: 44px;
}

/* ─── 11. Коммерческое предложение (LandingIndividualOfferForm) ────────────
 * Виджет общий для ~80 страниц — правила действуют только на главной. */

body.home .landing-individual-offer-form .landing-individual-offer-form__header {
  justify-content: flex-start;
  margin-bottom: 32px;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__title {
  max-width: 720px;
  margin: 0;
  color: var(--home-ink);
  font-size: var(--home-h2);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.03em;
  text-align: left;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__form {
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  padding: 56px;
  overflow: hidden;
  border-radius: 32px;
  background:
    radial-gradient(520px 320px at 0% 0%, rgba(255, 255, 255, 0.2), transparent 65%),
    var(--home-brand-gradient);
  box-shadow: 0 24px 50px rgba(23, 99, 144, 0.18);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__description {
  max-width: 460px;
  margin-top: 0;
  color: #fff;
  text-shadow: none;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.01em;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__inputs {
  flex: 0 1 440px;
  max-width: 440px;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__inputs-wrapper,
body.home .landing-individual-offer-form .landing-individual-offer-form__inputs-two {
  gap: 10px;
}

/* Согласия — над кнопкой: сначала отмечают галочки, потом отправляют.
 * Кнопка в разметке лежит внутри обёртки полей, а согласия — после неё,
 * поэтому обёртку «растворяем» и задаём порядок в общей колонке. */
body.home .landing-individual-offer-form .landing-individual-offer-form__inputs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__inputs-wrapper {
  display: contents;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__accept {
  order: 1;
  margin: 6px 0 4px;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__submit {
  order: 2;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__input {
  height: 50px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #fff;
  color: var(--home-ink);
  transition:
    border-color 0.2s var(--home-ease),
    background-color 0.2s var(--home-ease);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__input::placeholder {
  color: var(--home-subtle);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__input:focus {
  border-color: var(--home-blue-deep);
  outline: none;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__error-text {
  color: #ffb4b4;
  text-shadow: none;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__submit {
  height: 52px;
  border-radius: 999px;
  background: #fff;
  color: var(--home-blue-deep);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  transition: background-color 0.2s var(--home-ease);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__submit:hover {
  background: var(--home-tint);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__submit-loader-track {
  stroke: rgba(23, 99, 144, 0.2);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__submit-loader-path {
  stroke: var(--home-blue-deep);
}

body.home .landing-individual-offer-form .landing-individual-offer-form__accept,
body.home .landing-individual-offer-form .landing-individual-offer-form__accept a {
  color: rgba(255, 255, 255, 0.85) !important;
}

body.home .landing-individual-offer-form .landing-individual-offer-form__accept a {
  color: #fff !important;
}

/* ─── 12. FAQ (LandingFaqV2) — одна колонка по центру ────────────────────── */

body.home .landing-faq-v2 .landing-faq-v2__content {
  max-width: 840px;
  margin: 0 auto;
  gap: 40px;
}

body.home .landing-faq-v2 .landing-faq-v2__title {
  text-align: center;
}

body.home .landing-faq-v2 .landing-faq-v2__cards {
  gap: 10px;
}

body.home .landing-faq-v2 .landing-faq-v2__card {
  max-width: none;
  border: 0;
  border-radius: 18px;
  box-shadow: none;
  transition: box-shadow 0.2s var(--home-ease);
}

body.home .landing-faq-v2 .landing-faq-v2__card.landing-faq-v2__card--show {
  box-shadow: var(--home-shadow);
}

body.home .landing-faq-v2 .landing-faq-v2__card-content {
  padding: 20px 24px;
  gap: 14px;
}

body.home .landing-faq-v2 .landing-faq-v2__card-icon {
  width: 22px;
  height: 22px;
  margin-top: 1px;
}

body.home .landing-faq-v2 .landing-faq-v2__card-title {
  color: var(--home-ink);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
}

body.home .landing-faq-v2 .landing-faq-v2__card-answer-text {
  color: var(--home-text);
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0;
}

body.home .landing-faq-v2 .landing-faq-v2__card-answer-button {
  padding: 11px 20px;
  border-radius: 999px;
  background: var(--home-blue);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
}

/* ─── 13. Баннер kibersoft.school (LandingBanner) ─────────────────────────── */

body.home .landing-banner .landing-banner__link {
  display: block;
  overflow: hidden;
  border-radius: var(--home-radius);
  transition:
    transform 0.3s var(--home-ease),
    box-shadow 0.3s var(--home-ease);
}

body.home .landing-banner .landing-banner__link:hover {
  box-shadow: var(--home-shadow-hover);
  transform: translateY(-2px);
}

body.home .landing-banner .landing-banner__image {
  display: block;
  border-radius: var(--home-radius);
}

body.home .landing-banner--content .landing-banner__card {
  border-radius: var(--home-radius);
  transition:
    transform 0.3s var(--home-ease),
    box-shadow 0.3s var(--home-ease);
}

body.home .landing-banner--content .landing-banner__card:hover {
  box-shadow: var(--home-shadow-hover);
}

body.home .landing-banner--content .landing-banner__title {
  color: var(--home-ink);
}

body.home .landing-banner--content .landing-banner__description {
  color: var(--home-text);
}

body.home .landing-banner--content .landing-banner__button {
  background: var(--home-blue);
}

body.home .landing-banner--content .landing-banner__card:hover .landing-banner__button {
  background: var(--home-blue-deep);
}

/* ─── 14. Подписка на рассылку (LandingSubscriptionForm) ──────────────────── */

body.home .landing-subscription-form .landing-subscription-form__inner {
  gap: 56px;
  padding: 40px;
  border: 1px solid var(--home-line);
  border-radius: 32px;
  background: var(--home-paper);
}

body.home .landing-subscription-form .landing-subscription-form__image-wrapper {
  overflow: hidden;
  border-radius: var(--home-radius);
}

body.home .landing-subscription-form .landing-subscription-form__image {
  object-fit: cover;
}

/* Правая колонка на всю ширину карточки: раньше поля были зажаты до 500px,
 * и справа оставалась пустота. Описанию оставляем удобную длину строки. */
body.home .landing-subscription-form .landing-subscription-form__content {
  min-width: 0;
}

body.home .landing-subscription-form .landing-subscription-form__header {
  max-width: 640px;
}

body.home .landing-subscription-form .landing-subscription-form__fields,
body.home .landing-subscription-form .landing-subscription-form__terms {
  max-width: none;
}

body.home .landing-subscription-form .landing-subscription-form__fields {
  gap: 12px;
}

body.home .landing-subscription-form .landing-subscription-form__field {
  flex: 1 1 calc(50% - 6px);
  min-width: 0;
}

body.home .landing-subscription-form .landing-subscription-form__title {
  color: var(--home-ink);
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

body.home .landing-subscription-form .landing-subscription-form__description {
  color: var(--home-muted);
  font-size: 16px;
  line-height: 1.55;
}

body.home .landing-subscription-form .landing-subscription-form__input {
  height: 50px;
  border: 1px solid var(--home-line);
  border-radius: 14px;
  background: var(--home-surface);
  transition:
    border-color 0.2s var(--home-ease),
    background-color 0.2s var(--home-ease);
}

body.home .landing-subscription-form .landing-subscription-form__input:focus {
  border-color: var(--home-blue);
  background: var(--home-paper);
  outline: none;
}

body.home .landing-subscription-form .landing-subscription-form__input--error {
  border-color: #ff4b4b;
}

body.home .landing-subscription-form .landing-subscription-form__terms a {
  color: var(--home-blue) !important;
}

body.home .landing-subscription-form .landing-subscription-form__submit {
  height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  background-color: var(--home-blue);
  font-size: 15px;
  font-weight: 400;
}

/* ─── 15. Новости (LandingCrmNews) ────────────────────────────────────────── */

body.home .landing-crm-news .landing-crm-news__header {
  justify-content: flex-start;
}

body.home .landing-crm-news .landing-crm-news__title {
  max-height: none;
  text-align: left;
}

body.home .landing-crm-news .landing-crm-news__full {
  gap: 40px;
  padding: 24px;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
}

body.home .landing-crm-news .landing-crm-news__full-image {
  overflow: hidden;
  border: 0;
  border-radius: var(--home-radius-sm);
}

body.home .landing-crm-news .landing-crm-news__full-image img {
  object-fit: cover;
}

body.home .landing-crm-news .landing-crm-news__full-title {
  color: var(--home-ink);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

body.home .landing-crm-news .landing-crm-news__full-date,
body.home .landing-crm-news .landing-crm-news__card-date {
  color: var(--home-subtle);
  font-size: 13px;
  font-weight: 400;
}

body.home .landing-crm-news .landing-crm-news__full-text {
  color: var(--home-text);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.55;
}

body.home .landing-crm-news .landing-crm-news__full-read,
body.home .landing-crm-news .landing-crm-news__all {
  padding: 12px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 400;
  transition: background-color 0.2s var(--home-ease);
}

body.home .landing-crm-news .landing-crm-news__full-read {
  background: var(--home-blue);
}

body.home .landing-crm-news .landing-crm-news__full-read:hover {
  background: var(--home-blue-deep);
}

body.home .landing-crm-news .landing-crm-news__full-read:hover {
  background: var(--home-blue);
}

body.home .landing-crm-news .landing-crm-news__cards {
  gap: 12px;
}

body.home .landing-crm-news .landing-crm-news__card {
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius-sm);
  transition:
    box-shadow 0.25s var(--home-ease),
    border-color 0.25s var(--home-ease);
}

body.home .landing-crm-news .landing-crm-news__card-link:hover .landing-crm-news__card {
  border-color: transparent;
  box-shadow: var(--home-shadow);
}

body.home .landing-crm-news .landing-crm-news__card-content {
  padding: 18px 20px;
}

body.home .landing-crm-news .landing-crm-news__card-title {
  color: var(--home-ink);
  font-size: 16.5px;
  font-weight: 500;
  line-height: 1.35;
}

body.home .landing-crm-news .landing-crm-news__footer {
  justify-content: flex-start;
}

body.home .landing-crm-news .landing-crm-news__all {
  background: transparent;
  color: var(--home-blue);
  box-shadow: inset 0 0 0 1px var(--home-line);
}

body.home .landing-crm-news .landing-crm-news__all:hover {
  background: var(--home-surface);
}

/* ─── Футер — по ширине контента главной ───────────────────────────────────
 * Футер общий для сайта (тема, assets/css/footer.css, 1024px). На главной контент
 * шире (--home-container), поэтому выравниваем края футера по нему. */

/* Боковая рамка футера на всю ширину не видна, но сдвигает содержимое на 1px.
 * Отступ сверху (40px из темы) на главной давал полосу фона страницы между белой
 * последней секцией и футером — три линии подряд. */
body.home .site-footer {
  margin-top: 0;
  border-inline: 0;
}

body.home .site-footer .site-footer__main,
body.home .site-footer .site-footer__bottom {
  padding-inline: 24px;
}

body.home .site-footer .site-footer__main-wrapper,
body.home .site-footer .site-footer__bottom-wrapper {
  max-width: var(--home-container);
}

/* ─── Адаптив ─────────────────────────────────────────────────────────────── */

@media (width < 1280px) {
  body.home .landing-steps .landing-steps__steps,
  body.home .landing-steps .landing-steps__steps.landing-steps__steps--odd {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width <= 1100px) {
  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 1024px) {
  body.home {
    --home-radius: 20px;
  }

  body.home .elementor-25 [data-widget_type^="landing-"]:not([data-widget_type^="landing-main-banner"]) {
    padding-block: 72px;
  }

  body.home .elementor-25 [data-widget_type="landing-clients.default"],
  body.home .elementor-25 [data-widget_type="landing-about.default"],
  body.home .elementor-25 [data-widget_type="landing-banner.default"] {
    padding-bottom: 36px;
  }

  body.home .landing-advantages-v2 .landing-advantages-v2__header,
  body.home .landing-main-products .landing-main-products__content {
    grid-template-columns: 1fr;
  }

  body.home .landing-advantages-v2 .landing-advantages-v2__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.home .landing-clients .landing-clients__content {
    gap: 32px;
  }

  body.home .landing-about .landing-about__section,
  body.home .landing-about .landing-about__section.landing-about__section--reverse {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  body.home .landing-about .landing-about__section-card {
    width: 100%;
  }

  body.home .landing-advantages .landing-advantages__cards {
    grid-template-columns: 1fr;
  }

  body.home .landing-individual-offer-form .landing-individual-offer-form__form {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 40px 32px;
  }

  body.home .landing-individual-offer-form .landing-individual-offer-form__description {
    max-width: none;
    font-size: 20px;
  }

  body.home .landing-individual-offer-form .landing-individual-offer-form__inputs {
    flex: none;
    max-width: none;
  }

  body.home .landing-faq-v2 .landing-faq-v2__content {
    gap: 28px;
  }

  body.home .landing-subscription-form .landing-subscription-form__inner {
    gap: 32px;
    padding: 28px;
  }

  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-header {
    height: auto;
    min-height: 0;
    padding: 58px 20px 20px;
  }

  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-label {
    top: 20px;
    left: 20px;
  }

  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-title {
    font-size: 26px;
  }
}

@media (width <= 1024px) {
  body.home .landing-opportunities .landing-opportunities__content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 32px;
  }

  body.home .landing-opportunities .landing-opportunities__banner,
  body.home .landing-opportunities .landing-opportunities__banner:nth-child(1),
  body.home .landing-opportunities .landing-opportunities__banner:nth-child(2),
  body.home .landing-opportunities .landing-opportunities__card {
    grid-row: auto;
    grid-column: span 1;
  }

  body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows,
  body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--bg-red.landing-opportunities__card--two-rows {
    order: -1;
    grid-row: auto;
    grid-column: 1 / -1;
  }

  body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows {
    min-height: 420px;
  }
}

@media (width <= 768px) {
  body.home .site-footer .site-footer__main,
  body.home .site-footer .site-footer__bottom {
    padding-inline: 16px;
  }

  body.home {
    --home-radius: 18px;
    --home-h2: clamp(26px, 7vw, 32px);
  }

  body.home .elementor-25 .elementor-element.e-con.e-parent:not(:first-child) {
    --padding-left: 16px;
    --padding-right: 16px;
  }

  body.home .elementor-25 [data-widget_type^="landing-"]:not([data-widget_type^="landing-main-banner"]) {
    padding-block: 56px;
  }

  body.home .elementor-25 [data-widget_type="landing-clients.default"],
  body.home .elementor-25 [data-widget_type="landing-about.default"],
  body.home .elementor-25 [data-widget_type="landing-banner.default"] {
    padding-bottom: 28px;
  }

  body.home .landing-advantages-v2 .landing-advantages-v2__items,
  body.home .landing-main-products .landing-main-products__cards {
    grid-template-columns: 1fr;
  }

  body.home .landing-advantages-v2 .landing-advantages-v2__item,
  body.home .landing-advantages .landing-advantages__card-content {
    padding: 22px;
  }

  body.home .landing-main-products .product-card {
    height: auto;
    min-height: 240px;
  }

  body.home .landing-main-products .product-card-lk {
    grid-column: auto;
    padding: 28px 22px;
  }

  body.home .landing-main-products .product-card-lk .product-card-lk__title {
    font-size: 24px;
  }

  body.home .landing-opportunities .landing-opportunities__content-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.home .landing-opportunities .landing-opportunities__card {
    grid-column: auto;
  }

  body.home .landing-opportunities .landing-opportunities__banner {
    min-height: 180px;
  }

  body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-content {
    padding: 28px 22px 0;
  }

  body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows .landing-opportunities__card-title {
    font-size: 24px;
  }

  body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-list {
    grid-template-columns: minmax(0, 1fr);
  }

  body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-control {
    padding-bottom: 8px;
  }

  /* Скриншот уходит под текст */
  body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows {
    flex-direction: column;
  }

  body.home .landing-opportunities .landing-opportunities__card.landing-opportunities__card--two-rows {
    min-height: 0;
  }

  body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-content {
    max-width: none;
  }

  body.home .landing-opportunities .landing-opportunities__card--two-rows .landing-opportunities__card-image {
    position: static;
    order: 2;
    /* Окно плоско и крупно: фиксированная ширина, лишнее справа и снизу срезает край карточки */
    align-self: flex-start;
    width: 600px;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 20px 0 -120px 22px;
    border-radius: var(--home-radius-sm) 0 0 0;
    box-shadow: 0 -8px 32px rgba(23, 99, 144, 0.45);
    transform: none;
  }


  body.home .landing-steps .landing-steps__steps,
  body.home .landing-steps .landing-steps__steps.landing-steps__steps--odd {
    grid-template-columns: 1fr;
  }

  body.home .landing-steps .landing-steps__step-content {
    flex-direction: row;
    gap: 16px;
  }

  body.home .landing-steps .landing-steps__step-number {
    font-size: 26px;
  }

  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plans {
    grid-template-columns: 1fr;
  }

  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__header {
    flex-direction: column;
    align-items: flex-start;
  }

  body.home .landing-tariff-plans-v2 .landing-tariff-plans-v2__plan-price-per-doctor {
    flex-wrap: wrap;
  }

  body.home .landing-integrations .landing-integrations__subtitle {
    font-size: 16px;
  }

  body.home .landing-integrations .landing-integrations__list {
    gap: 12px;
    margin-top: 32px;
  }

  body.home .landing-integrations .landing-integrations__item {
    width: 104px;
    height: 72px;
    padding: 0 14px;
    border-radius: 16px;
  }

  body.home .landing-integrations .landing-integrations__item-image {
    height: 30px;
  }

  body.home .landing-integrations .landing-integrations__marquee {
    margin: 32px -16px 0;
    padding-bottom: 20px;
  }

  body.home .landing-integrations--marquee .landing-integrations__list {
    gap: 0;
    margin-top: 0;
  }

  body.home .landing-integrations--marquee .landing-integrations__list > * {
    margin-right: 12px;
  }

  body.home .landing-about .landing-about__section-card {
    min-height: 220px;
    padding: 32px 24px;
  }

  body.home .landing-about .landing-about__section-card-title {
    font-size: 44px;
  }

  /* На телефоне кнопка — внутри карточки снизу слева, под текстом */
  body.home .landing-about .landing-about__message {
    padding: 22px 20px 82px;
    font-size: 16px;
  }

  body.home .landing-about .landing-about__footer {
    justify-content: flex-start;
    margin-top: -66px;
    padding: 0 20px;
  }

  body.home .landing-individual-offer-form .landing-individual-offer-form__form {
    padding: 28px 20px;
    border-radius: 24px;
  }

  body.home .landing-individual-offer-form .landing-individual-offer-form__inputs-two {
    grid-template-columns: 1fr;
  }

  body.home .landing-faq-v2 .landing-faq-v2__card-content {
    padding: 16px 18px;
  }

  body.home .landing-faq-v2 .landing-faq-v2__card-info {
    min-width: 0;
  }

  body.home .landing-faq-v2 .landing-faq-v2__card-title {
    font-size: 16px;
  }

  body.home .landing-subscription-form .landing-subscription-form__inner {
    padding: 20px;
    border-radius: 24px;
  }

  body.home .landing-subscription-form .landing-subscription-form__submit {
    width: 100%;
  }

  body.home .landing-crm-news .landing-crm-news__full {
    padding: 16px;
    gap: 20px;
  }

  body.home .landing-crm-news .landing-crm-news__cards {
    grid-template-columns: 1fr;
  }

  body.home .landing-crm-news .landing-crm-news__full-title {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home *,
  body.home *::before,
  body.home *::after {
    transition-duration: 0.01ms !important;
  }
}