/* Вариант 9 · «Шесть экранов»: страница варианта 7 (landing-v7.css — серая подложка, чёрные блоки). Здесь только
   экран 2 (крупный заголовок) и экран 6 (предложение и форма из одной почты). */

/* экран 1: заголовок и кнопка — отдельный первый экран, группа по центру между шапкой и низом экрана (чуть выше
   середины); число и поле начинаются ниже, после воздуха. 84 px — поле блока 16 + отступ 24 + шапка 44 */
.v9 .hero-scr { display: grid; align-content: center; min-height: clamp(520px, calc(100svh - 84px), 1040px); padding-bottom: 6svh; }
.v9 .v5-hero .hero-scr .kn-c { padding-top: 0; }
/* растр из квадратов на первом экране (kit/sqfield.js): слой от шапки до промежутка над полем 42 %, верх и высоту
   ставит скрипт. Растр обнимает заголовок и кнопку полукругом, чёрный градиент от них и к полю считает сам canvas */
.v9 .v5-hero > .wrap { position: relative; z-index: 1; }
.v9 .sqf { position: absolute; left: 0; right: 0; top: 0; height: 0; pointer-events: none; }
/* первый блок — ровно первый экран: без нижнего отступа, низ блока — низ окна (поле блока 16 + отступ 24 + шапка) */
.v9 .v5-hero.blk { padding-bottom: 0; }
/* имя серии в шапке ×2 (Элис, 12.11.2026): «Méridien» и «Insights» растут вместе — связка остаётся одним именем
   (Ayer 34 → 68, Struve 18 → 36); шапка 44 → 60, первый экран короче на те же 16 px. На телефоне — ×1,15: больше
   не помещается рядом с кнопкой портфолио */
.v9 .bar { height: 60px; }
.v9 .bar .name { font-size: 68px; line-height: 60px; }
.v9 .bar .series { gap: 20px; }
.v9 .bar .series .of { font-size: 36px; line-height: 40px; }
.v9 .hero-scr { min-height: clamp(520px, calc(100svh - 100px), 1040px); }
/* 42 % и поле — отдельный блок перед вторым экраном (Элис, 12.11.2026: «раздели»), в центральной композиции советов
   (.kfx9 ниже): число, подпись, поле во всю ширину, под ним ключи и источник по центру */
.v9 .hf9.hf { margin-top: 0; }
.v9 .hf9 .kfx-st { margin-top: 0; }
.v9 .hf9 .ufw, .v7.v9 .hf9 .ufw { margin-top: 0; }
.v9 .hf9 .keys { margin-top: 20px; }
.v9 .hf9 .cap { margin-top: 14px; }

/* экран 2: крупный заголовок по центру, ступенью первого экрана (72 / 76), по предложению на абзац */
.v9 .pivot { padding: 160px 0; }
.v9 .pivot .sect { margin: 0 auto; }
.v9 .pv-t { max-width: none; }
.v9 .pv-s { display: block; text-wrap: balance; }
/* движение — заливка слов по скроллу из серого в белый: паттерн data-fill в kit/motion.css */

/* экраны 3–5, советы — подача варианта 4 (landing-v4.css, .kfx): заголовок по центру, число во всю силу,
   подпись числа прямым Martina, графика, кнопка по центру */
.v9 .kfx9 h3 { max-width: 920px; }
.v9 .kfx-st { text-align: center; margin-top: 64px; }
/* кегль варианта 4 (324 px на столе); ниже — 40vw: самое широкое число («53 of 197», ширина ≈ 1,98 кегля) почти
   от поля до поля и на телефоне, и на планшете, без скачка на переломе 700 px */
.v9 .kfx-st p.kfx-v { font-size: min(324px, 40vw); white-space: nowrap; }
.v9 .kfx-v .h { color: var(--accent-primary); }
.v9 .kfx-q { max-width: 880px; margin: 28px auto 0; text-wrap: balance; }
.v9 .kfx-viz { margin-top: 64px; text-align: left; }
.v9 .kfx-viz .ufw { margin: 0; }
.v9 .kfx-viz .cap { margin: 16px auto 0; text-align: center; }
.v9 .kviz9 { max-width: 720px; margin: 0 auto; }
.v9 .kviz9 .bars { max-width: none; }
.v9 .kviz9 > .meta { margin-bottom: 24px; }
.v9 .cta-c { display: grid; justify-items: center; margin-top: 56px; }

/* экран 6, по центру: заголовок, текст, строка «почта + кнопка» (кнопка на линии поля ввода) */
.v9 .v9-form h2 { max-width: 1040px; margin-top: 0; }
.v9 .v9-form .act.l { max-width: 760px; margin: 32px auto 0; }
/* развёрнутая форма запроса PDF (Элис, 12.11.2026): имя и фамилия в строку, почта и должность, согласие, кнопка, условия */
.v9 .lead9 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; width: 100%; max-width: 720px; margin: 56px auto 0; text-align: left; }
.v9 .lead9 .wide { grid-column: 1 / -1; }
.v9 .lead9 .btn { margin-top: 8px; height: 56px; }
.v9 .lead9 .consent { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-top: 4px; }
.v9 .lead9 .consent input { width: 20px; height: 20px; margin: 1px 0 0; padding: 0; accent-color: var(--accent-primary); cursor: pointer; }
.v9 .lead9 .consent label { margin: 0; font-size: 16px; line-height: 22px; color: var(--text-secondary); cursor: pointer; }
.v9 .lead9 .terms { font-size: 16px; line-height: 22px; color: var(--text-secondary); text-align: center; }
.v9 .lead9 a { white-space: nowrap; color: var(--text-primary); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.v9 .lead9 a:hover { color: var(--accent-primary); }

@media (max-width: 1100px) { .v9 .pivot { padding: 104px 0; } .v9 .kfx-st, .v9 .kfx-viz { margin-top: 48px; } .v9 .cta-c { margin-top: 48px; } }
@media (max-width: 700px) {
  .v9 .pivot { padding: 64px 0; }
  .v9 .bar { height: 44px; }
  .v9 .bar .name { font-size: 39px; line-height: 36px; }
  .v9 .bar .series { gap: 10px; }
  .v9 .bar .series .of { font-size: 21px; line-height: 26px; }
  .v9 .hero-scr { min-height: calc(100svh - 76px); padding-bottom: 4svh; }
  .v9 .kfx-st, .v9 .kfx-viz { margin-top: 36px; }
  .v9 .kfx-q { font-size: 24px; line-height: 30px; margin-top: 20px; }
  .v9 .cta-c { margin-top: 32px; } .v9 .cta-c .btn { width: 100%; justify-content: center; }
  .v9 .v9-form .act.l { margin-top: 24px; }
  .v9 .lead9 { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 36px; }
}
/* самые узкие телефоны: имя серии прежнего размера, иначе упирается в кнопку портфолио */
@media (max-width: 380px) {
  .v9 .bar .name { font-size: 34px; line-height: 32px; }
  .v9 .bar .series { gap: 8px; }
  .v9 .bar .series .of { font-size: 18px; line-height: 24px; }
}