/*
  offer.css — блок «Сколько стоит и как начать» (решение редактора 27.09, п. 22; цена — слово владельца 27.09).
  Что это: одна общая вёрстка блока цены для всех четырёх сайтов; цвета только из токенов кита
  (var(--text), var(--text-2), var(--line), var(--surface)), поэтому блок верен в тёмном материале
  и в чёрной и белой главе монохрома. Лайма нет: блок спокойный, сигнал экрана остаётся у главы. Вес 600, а не 700: начертание 700 сайты не грузят, и браузер рисовал бы поддельный жирный.
  Разметка — offer.html рядом. Сайт вставляет её перед финалом и задаёт главе свой data-ch.
*/
.offer{color:var(--text);padding:clamp(72px,10vw,128px) clamp(20px,5vw,72px);max-width:1180px;margin:0 auto}
.offer__kicker{margin:0 0 12px;font-size:14px;line-height:1.4;color:var(--text-2);letter-spacing:.02em}
.offer__h{margin:0 0 clamp(28px,4vw,48px);font-size:clamp(30px,4.2vw,52px);line-height:1.08;font-weight:600}
.offer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.offer__seat{padding:24px 24px 28px 0;border-bottom:1px solid var(--line)}
.offer__seat + .offer__seat{padding-left:24px;border-left:1px solid var(--line)}
.offer__role{margin:0 0 14px;font-size:16px;line-height:1.3;color:var(--text-2)}
.offer__price{margin:0;font-size:16px;line-height:1.3;color:var(--text-2)}
.offer__price b{display:block;margin-bottom:6px;font-size:clamp(40px,5.2vw,64px);line-height:1;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.offer__start{list-style:none;margin:clamp(28px,4vw,40px) 0 0;padding:0;display:grid;gap:14px;max-width:760px}
.offer__start li{margin:0;font-size:18px;line-height:1.5;color:var(--text-2)}
.offer__start b{color:var(--text);font-weight:600}
.offer__start a{color:var(--text);text-underline-offset:3px;white-space:nowrap}
.offer__start a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
@media (max-width:700px){
  .offer__grid{grid-template-columns:1fr}
  .offer__seat,.offer__seat + .offer__seat{padding:20px 0 22px;border-left:0}
  .offer__start li{font-size:16px}
}