/* ------------------------------------------------------------------
   Сборочная страница: копия боевой index.html, в которой два раздела
   заменены на переложенные. Оба образца подключаются как есть, а здесь
   лежит только склейка — то, что нужно, чтобы они ужились со style.css.
   ------------------------------------------------------------------ */

/* Служебные части образцов на сборочной странице не нужны */
.compare-bar,
.stage-label,
.before-frame,
.before-note,
.compare-end { display: none; }

/* Раздел «где бы ни проходила» лежит на бумаге, а не на графите */
#anywhere { background: var(--scene); }

/* Образцы задают своё поле страницы; на сборке оно должно совпасть
   с боевым .section-pad, иначе разделы разъезжаются по левому краю. */
#how, #anywhere { --edge: clamp(28px, 6vw, 112px); }

/* Хвост от прежней вёрстки: reveal из script.js вешает opacity:0 на
   .use-case и соседей. Новые разделы под него не попадают — на всякий
   случай держим их видимыми, чтобы страница не зависела от скрипта. */
#how .band,
#anywhere .desk,
#anywhere .aw-proof article { opacity: 1; transform: none; }

/* ------------------------------------------------------------------
   Проявление по прокрутке на сборочной странице выключено целиком.
   Причина не косметическая: style.css:690 держит .workflow-card,
   .use-case, .proof-strip article, .feature-list details и
   .faq-dialogue article на opacity:0, а снимает это только
   IntersectionObserver из script.js. Стоит ему не сработать —
   и раздел остаётся пустым (проверено: «Что ещё умеют Мюсли»
   открылся невидимым при переходе к разделу скроллом).
   Для страницы, которую смотрят, целостность важнее анимации.
   ------------------------------------------------------------------ */
.js .workflow-card,
.js .use-case,
.js .proof-strip article,
.js .feature-list details,
.js .faq-dialogue article {
  opacity: 1 !important;
  transform: none !important;
}