/* improvements-v3.css — раунд 2 вёрстки страниц услуг (вертикальный ритм, мета в шапках
   секций, горизонтальный mid-CTA, карточки материалов, микроконтраст).
   Подключается ПОСЛЕ style.css, lp.css, improvements.css — каскад решает переопределения.
   Только токены из style.css (--ink-*, --line-*, --text-*, --green-*, --mono). Новых цветов нет. */

/* ── §1. Вертикальный ритм ─────────────────────────────────────────────────
   Секции дышали слишком широко (clamp(5rem,11vw,9rem)) — «мёртвые зоны» 400–700px. */
:root { --section-y: clamp(4.5rem, 8vw, 7rem); }
.lp-honest { padding-block: clamp(4rem, 7vw, 5.5rem); }
.lp-midcta { margin-block: 0; }               /* свой margin-top поверх паддингов секций — лишний */

/* ── §2. Мета-строка в шапке секции ────────────────────────────────────────
   Пустая правая половина строки над разделителем заполняется моно-счётчиком содержимого.
   Перебивает .section-head{1fr} из improvements.css и .section-head--plain из style.css
   (файл последний в каскаде, специфичность равная — решает порядок). */
.section-head {
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 2rem;
  align-items: end;
}
.section-head__index { grid-column: 1 / -1; }
.section-head__body  { grid-column: 1; }
.section-head__meta {
  grid-column: 2; grid-row: 2;
  align-self: end; padding-bottom: 0.4rem;
  font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--text-4); white-space: nowrap;
}
.section-head__meta .strong { color: var(--text-2); font-weight: 500; }
@media (max-width: 720px) { .section-head__meta { display: none; } }

/* ── §4. Mid-CTA: горизонтальный layout ────────────────────────────────────
   Центрированный баннер визуально дублировал statement-секцию. Разводим: текст слева,
   кнопка по центру справа. */
.lp-midcta--row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; justify-items: start; text-align: left;
  gap: 1rem 3rem;
  padding: clamp(2rem, 4.5vw, 3rem) clamp(1.75rem, 4vw, 3.25rem);
}
.lp-midcta--row .lp-midcta__body { display: grid; gap: 0.7rem; }
.lp-midcta--row .btn { margin-top: 0; grid-column: 2; grid-row: 1; }
@media (max-width: 760px) {
  .lp-midcta--row { grid-template-columns: 1fr; }
  .lp-midcta--row .btn { grid-column: 1; grid-row: auto; }
}

/* ── §5. Карточки материалов ───────────────────────────────────────────────
   Тип материала моно-шрифтом сверху, стрелка ↗ прижата к правому нижнему углу. */
.lp-mats {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 16px; margin-top: clamp(1.5rem, 3vw, 2.25rem);
}
.lp-mat {
  position: relative; display: flex; flex-direction: column; gap: 0.6rem;
  padding: clamp(1.4rem, 2.6vw, 1.9rem);
  background: var(--ink-1); border: 1px solid var(--line); border-radius: 4px;
  min-height: 168px;
  transition: border-color var(--t-base), background var(--t-base);
}
a.lp-mat:hover { border-color: var(--line-3); background: var(--ink-2); }
.lp-mat__meta {
  font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--green-bright);
}
.lp-mat__name { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.015em; color: var(--text); }
.lp-mat__desc { color: var(--text-3); font-size: 0.9375rem; line-height: 1.55; max-width: 52ch; }
.lp-mat__arr {
  margin-top: auto; align-self: flex-end; color: var(--green-bright); line-height: 1;
  transition: transform var(--t-fast);
}
a.lp-mat:hover .lp-mat__arr { transform: translate(2px, -2px); }
@media (max-width: 720px) { .lp-mats { grid-template-columns: 1fr; } }

/* ── §6. Микроконтраст ─────────────────────────────────────────────────────*/
.faq__item > details[open] .faq__q { color: var(--green-bright); }  /* открытый вопрос виден */
.lp-assure { justify-content: flex-start; }                         /* чипы на общую левую ось */
.lp-founder__creds li { border-color: var(--line-3); color: var(--text-2); }  /* контрастнее креды */