/* ============================================================
   Page: /solutions/abm — маркетинг ключевых клиентов (ABM).
   Тело из компонентов UI-кита (hero-2026, features-2026,
   info-cards-2026, promo-soft-2026 «Путь ключевого клиента»,
   promo-quote-2026, cta-form-section, promo-gradient-2026,
   download). Здесь — override hero и микровывод первой секции.
   ============================================================ */

/* --- Hero: сетка-подложка как у /index, градиент-blob как на
   странице /solutions/sales (blue → cyan). --- */
.page-abm .hero-2026 {
  --hero-bg-image: url("/images/index/v2/hero-bg-375.svg");
  --hero-bg-image-sm: url("/images/index/v2/hero-bg-768.svg");
  --hero-bg-image-lg: url("/images/index/v2/hero-bg.svg");
}
.page-abm .hero-2026-gradient {
  left: 35.76%;
  top: 18.71%;
  width: 84.03%;
  height: 87.14%;
  background: linear-gradient(201.42deg, #4ea1d5 -1.41%, #57c6d0 90.73%);
  opacity: 0.4;
  filter: blur(150px);
}

/* --- Микровывод под карточками первой секции: сужаем колонку,
   чтобы абзац читался как вывод, а не полоса во всю ширину. --- */
.abm-conclusion {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* --- «Мы сами так работаем» (promo-quote-2026): подзаголовок здесь
   длинный (абзац, а не одна строка, как на /sales), при дефолтной
   ширине контента 620px текст заходит под абсолютный кластер
   с цитатой. Сужаем колонку, чтобы не было наложения:
   кластер на ≥1280 начинается от ~574px, на 1024–1279 (scale 0.85)
   — от ~407px. --- */
@media (min-width: 1024px) and (max-width: 1279px) {
  .page-abm .promo-quote-2026-content {
    max-width: 400px;
  }
}
@media (min-width: 1280px) {
  .page-abm .promo-quote-2026-content {
    max-width: 540px;
  }
}

/* ============================================================
   Отступ между подзаголовком и списком в features-секциях
   на 1024/1280 — 40px (page-scoped, как на /solutions/sales).
   ============================================================ */
@media (min-width: 1024px) {
  .page-abm .features-2026-subtitle {
    margin-bottom: 40px;
  }
}