/* ===========================================================================
   LANDING PERFORMANCE PATCH (loaded after landing-dark.css)
   ---------------------------------------------------------------------------
   Назначение: убрать тяжёлые композитные эффекты, которые делают лендинг
   тормознутым на средних/слабых машинах. Никаких изменений макета — только
   замена дорогих эффектов на дешёвые альтернативы.

   Что меняем:
   1. transition: all → конкретные свойства, чтобы браузер не пересчитывал
      box-shadow/filter/opacity при каждом hover.
   2. filter: blur(40-80px) на «glow»-кружках карточек → удалены.
      Светящаяся подложка карточек воссоздаётся через radial-gradient,
      это композитно дешевле, выглядит почти идентично.
   3. content-visibility: auto на нижних секциях. Браузер не отрисовывает их,
      пока пользователь не доскроллил — стартовая отрисовка ускоряется.
   4. prefers-reduced-motion — отключаем все анимации/transitions.
   =========================================================================== */

/* 1. transition: all → transform/opacity (всё, что должно реагировать на hover) */
.landing-page *,
.prices-page *,
.journal-page * { transition-property: transform, opacity, border-color, box-shadow, background-color, color; }

/* 2. Убираем дорогие blur-glow подложки карточек.
   Кружки .pricing-v2-glow / .integration-card-v2-glow / .ecosystem-card-v2-glow —
   это absolute круги с filter: blur(80px). Каждый создаёт композитный слой.
   Скрываем их полностью — карточки и без них смотрятся отлично. */
.landing-page .pricing-v2-glow,
.landing-page .integration-card-v2-glow,
.landing-page .ecosystem-card-v2-glow,
.prices-page .pricing-v2-glow,
.prices-page .integration-card-v2-glow,
.prices-page .ecosystem-card-v2-glow,
.journal-page .pricing-v2-glow,
.journal-page .integration-card-v2-glow,
.journal-page .ecosystem-card-v2-glow {
    display: none !important;
}

/* 3. Убираем backdrop-filter с второстепенных секций лендинга
   (sticky-хедеров и подобного). На картинку это почти не влияет,
   а GPU-нагрузка падает заметно. На модалках/верхней навигации
   blur при необходимости остаётся в base.html. */
.landing-page section,
.landing-page .pricing-card-v2,
.landing-page .integration-card-v2,
.landing-page .ecosystem-card-v2,
.landing-page .landing-flow-item,
.landing-page .landing-problem-card,
.landing-page .landing-solution-card,
.prices-page section,
.journal-page section {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 4. content-visibility: ускоряет первую отрисовку.
   Применяем только к секциям, которые точно ниже первого экрана —
   hero и первый pitch не трогаем. */
.landing-page > main > section:nth-of-type(n+3),
.landing-page > section:nth-of-type(n+3),
.prices-page > main > section:nth-of-type(n+3),
.prices-page > section:nth-of-type(n+3),
.journal-page > main > section:nth-of-type(n+3),
.journal-page > section:nth-of-type(n+3) {
    content-visibility: auto;
    contain-intrinsic-size: 1px 800px; /* подсказка для скроллбара */
}

/* 5. Респект к reduced-motion. */
@media (prefers-reduced-motion: reduce) {
    .landing-page *,
    .landing-page *::before,
    .landing-page *::after,
    .prices-page *,
    .prices-page *::before,
    .prices-page *::after,
    .journal-page *,
    .journal-page *::before,
    .journal-page *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* 6. Точечно фиксим самые жирные hover-transition: all 0.4s.
   Чтобы был именно transform + box-shadow, а не all. */
.landing-page .pricing-card-v2,
.landing-page .integration-card-v2,
.landing-page .ecosystem-card-v2,
.landing-page .landing-solution-card,
.landing-page .landing-problem-card,
.prices-page .pricing-card-v2,
.journal-page .pricing-card-v2 {
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

/* 7. На мобильных вырубаем hover-эффекты вообще — они не работают
   и только зря держат composite-слой. */
@media (hover: none) {
    .landing-page .pricing-card-v2:hover,
    .landing-page .integration-card-v2:hover,
    .landing-page .ecosystem-card-v2:hover,
    .landing-page .landing-solution-card:hover,
    .landing-page .landing-problem-card:hover,
    .landing-page .landing-flow-item:hover,
    .prices-page .pricing-card-v2:hover,
    .journal-page .pricing-card-v2:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}