/* orkestrai — только главная. Редизайн v6, вариант A «светлый лист» (принят владельцем 12.11.2026): служебная полоса,
   первый экран с фото основателя справа в тени, калькулятор окупаемости в тёмной полосе сразу под ним, услуги, полоса
   «Масштаб», цены, работы, вопросы, чат, заявка. Общие компоненты — pages.v2.css, шапка/кнопки/подвал — shell.v2.css.
   Цвет: чёрно-белая основа и фирменный индиго orkestrai — #3B429E, #4F57C4, на тёмном #9AA3F7 (слово владельца 12.11:
   «везде у нас оркестрай синенький»); тёмные полосы — чёрный с синим отливом в тон подложки фото (#0C1220).
   Шкала отступов — кратно 4 px: отступ секций 44 (на телефоне 36), между блоками 24 (16); заголовки разделов 30 (24).
   Движения нет: экраны появляются сразу, остаются наведение и фокус. */

/* фирменный индиго задан один раз в shell.v2.css (контракт: страницы его не переопределяют); здесь только тёмные полосы
   главной — чёрный с синим отливом в тон подложки фото; на :root, а не на .page — окно чата и плашка согласия вне .page */
:root{
  --ink:#0C1220; --ink-2:#121828; --ink-3:#172030; --ink-line:#273349; --ink-text:#EEF1F8; --ink-muted:#A2ADC7;
  --term-bg:#0C1220; --band:#0C1220;
}

/* ---------- служебная полоса над шапкой ---------- */
.v6-strip{background:var(--ink); color:#939EB8; font-family:var(--mono); font-size:11px; line-height:1; letter-spacing:.12em; text-transform:uppercase}
.v6-strip .frame{display:flex; align-items:center; justify-content:space-between; gap:24px; height:34px}
.v6-strip span{min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.v6-strip b{font-weight:600; color:#E9EDF7}

/* ---------- первый экран: польза слева, фото основателя справа уходит в тень; фото — ссылка на видео-приветствие ---------- */
.hero{position:relative; overflow:hidden; container-type:inline-size; background:#FFFFFF}
.h6-photo{position:absolute; top:0; bottom:0; left:calc(50% + var(--gap) / 2); right:0; display:block; margin:0}
.h6-photo picture{display:block; width:100%; height:100%}
/* кадр начинается белым и за ~150 px уходит в тень: 72 px — маска, дальше свет в самом кадре */
.h6-photo img{display:block; width:100%; height:100%; object-fit:cover; object-position:0 40%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 72px); mask-image:linear-gradient(90deg,transparent 0,#000 72px)}
.page .h6-photo:focus-visible{outline:2px solid var(--accent-bright); outline-offset:-4px}
/* подпись-кнопка и подпись у фото — правым краем на линии рамы */
.h6-play,.h6-cap{position:absolute; right:calc((100cqw - min(var(--frame), 100cqw - 2 * var(--gutter))) / 2)}
.h6-play{bottom:76px; display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:8px; background:rgba(12,18,32,.62); border:1px solid rgba(255,255,255,.18); color:#FFFFFF; font:600 14px/1 var(--sans); letter-spacing:-.01em; white-space:nowrap; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px)}
.h6-play svg{flex:none; fill:var(--accent-bright)}
.h6-photo:hover .h6-play{background:var(--accent-bright); border-color:var(--accent-bright); color:var(--ink)}
.h6-photo:hover .h6-play svg{fill:currentColor}
.h6-cap{bottom:28px; display:flex; align-items:flex-start; gap:12px; margin:0; font-family:var(--mono); font-size:11px; line-height:1.55; letter-spacing:.14em; text-transform:uppercase; color:rgba(238,241,248,.78); white-space:nowrap; pointer-events:none}
.h6-cap::before{content:""; flex:none; width:32px; height:1px; margin-top:.78em; background:var(--accent-bright)}

.h6-grid{position:relative; z-index:1; pointer-events:none}
.h6-grid > *{pointer-events:auto}
.h6-copy{grid-column:1 / span 6; padding:44px 0}
.h6-chips{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px}
.h6-chips li{display:inline-flex; align-items:center; gap:8px; height:28px; padding:0 10px; border:1px solid var(--line-2); border-radius:4px; font-family:var(--mono); font-size:11px; line-height:1; letter-spacing:.07em; text-transform:uppercase; color:#2A3137; white-space:nowrap}
.h6-chips li::before{content:""; flex:none; width:6px; height:6px; border-radius:1px; background:var(--accent)}
/* кегль следует за шириной шести колонок: самая длинная строка «Системы ИИ, которые» — 10,6 кегля; на 1440+ — 60 px.
   100cqw — ширина первого экрана без полосы прокрутки (у 100vw она есть в Windows) */
.hero h1{margin:0 0 20px; font-size:min(60px, calc((min(var(--frame), 100cqw - 2 * var(--gutter)) - var(--gap)) / 21.6)); line-height:1.04; font-weight:700; letter-spacing:-.035em; color:#0E1215}
.hero h1 .ln{display:block; white-space:nowrap}
.hero h1 .acc{color:var(--accent)}
.h6-lead{max-width:600px; margin:0 0 24px; font-size:16px; line-height:1.6; color:#3B4249}
.h6-cta{display:flex; align-items:center; flex-wrap:wrap; gap:12px}
.page .h6-cta .btn{height:48px; padding:0 20px}
.page .h6-cta .btn-secondary{height:48px; min-height:0; padding:0 20px; font:600 15px/1 var(--sans); letter-spacing:-.01em; white-space:nowrap}
.page .h6-cta .btn-secondary .a{margin-left:2px}
/* три условия — по две колонки сетки каждое: края на линиях рамы */
.h6-terms{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap); margin-top:28px}
.h6-terms li{display:flex; flex-direction:column; gap:4px; padding:12px 16px; border:1px solid var(--line); border-radius:8px; background:#FFFFFF}
.h6-terms b{font-size:22px; line-height:1.15; font-weight:700; letter-spacing:-.02em; color:#0E1215; white-space:nowrap}
.h6-terms span{font-size:13px; line-height:1.45; color:var(--muted)}

/* окно ролика: без анимации; ширина — по экрану с полями 16 px, высота ролика не больше 86 % высоты окна */
.vdlg{padding:0; border:0; margin:auto; background:transparent; max-width:none; max-height:none; overflow:visible}
.vdlg::backdrop{background:rgba(12,18,32,.86)}
.vdlg-in{--vw:min(calc(100vw - 32px), calc(min(86vh, 100vh - 150px) * 9 / 16)); width:var(--vw); display:flex; flex-direction:column; gap:12px}
@supports (height:100svh){.vdlg-in{--vw:min(calc(100vw - 32px), calc(min(86svh, 100svh - 150px) * 9 / 16))}}
.vdlg-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
.vdlg-t{font-size:15px; font-weight:600; color:#FFFFFF}
.vdlg video{display:block; width:100%; height:auto; aspect-ratio:9 / 16; background:#000000; border-radius:8px}
.vdlg .btn{width:100%; justify-content:center; padding:0 12px; font-size:14px}

/* ---------- калькулятор окупаемости: тёмная полоса сразу под первым экраном, шаги 01–04, чипы, итог крупным числом ---------- */
.calc6{position:relative; padding:44px 0; background:var(--ink); color:var(--ink-muted)}
.c6{grid-column:1 / -1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:auto auto; column-gap:var(--gap); border:1px solid var(--ink-line); border-radius:8px; background:var(--ink-2); overflow:hidden}
/* заголовок раздела — над карточкой, от линии рамы, того же размера, что у остальных разделов (30 / 24 px) */
.c6-head{grid-column:1 / -1; display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin-bottom:24px}
.c6-tag{margin:0; font-family:var(--mono); font-size:11px; line-height:1.3; letter-spacing:.12em; text-transform:uppercase; color:var(--accent-bright)}
.c6-head h2{margin:0; font-size:30px; line-height:1.2; font-weight:650; letter-spacing:-.02em; color:var(--ink-text)}
.c6-in{grid-column:1 / span 7; grid-row:1; display:grid; grid-auto-rows:1fr}
.c6-row{display:grid; grid-template-columns:28px minmax(0,240px) minmax(0,1fr); align-items:center; gap:16px; min-height:64px; padding:12px 24px; border-bottom:1px solid var(--ink-line)}
.c6-row:last-child{border-bottom:0}
.c6-n{font-family:var(--mono); font-size:12px; line-height:1; letter-spacing:.06em; color:var(--accent-bright)}
.c6-row :is(label,.c6-l){font-size:14px; line-height:1.35; font-weight:600; color:var(--ink-text)}
.c6-ctl{display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0}
/* три чипа группы — одной ширины: колонки по самому широкому */
.c6-chips{display:inline-grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:8px}
.c6-chips button{height:40px; min-width:58px; padding:0 10px; border:1px solid var(--ink-line); border-radius:8px; background:transparent; color:var(--ink-text); font:600 14px/1 var(--sans); white-space:nowrap; cursor:pointer}
.c6-chips button:hover{border-color:var(--ink-muted)}
.c6-chips button[aria-pressed="true"]{border-color:var(--accent-bright); color:var(--accent-bright); box-shadow:inset 0 0 0 1px var(--accent-bright)}
.inp{display:flex; align-items:center; gap:8px; height:46px; padding:0 12px; border:1px solid var(--line-2); border-radius:8px; background:#FFFFFF}
.inp:focus-within{border-color:var(--text)}
.inp :is(input,select):focus-visible{outline:0}
.inp:has(:is(input,select):focus-visible){outline:3px solid var(--accent); outline-offset:3px}
.inp input,.inp select{flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; color:var(--text); font:600 16px var(--sans); padding:0}
.inp select{cursor:pointer}
.inp span{color:var(--muted); font-size:14px; white-space:nowrap}
/* поле ввода — ровно 160 px (min-width:0: иначе ширину раздувает собственная ширина поля type=number) */
.c6 .inp{flex:0 0 160px; min-width:0; height:40px; border-color:var(--ink-line); background:var(--ink)}
.c6 .inp:focus-within{border-color:var(--accent-bright)}
.c6 .inp:has(:is(input,select):focus-visible){outline-color:var(--accent-bright)}
.c6 .inp input{color:var(--ink-text)}
.c6 .inp input::placeholder{color:#7F8AA3}
.c6 .inp span{color:var(--ink-muted); font-size:13px}
.c6 .c6-hint{font-size:12px; line-height:1.4; color:var(--ink-muted)}
.c6-out{grid-column:8 / span 5; grid-row:1; margin-left:calc(-1 * var(--gap)); display:flex; flex-direction:column; gap:16px; padding:20px 24px; border-left:1px solid var(--ink-line); background:var(--ink-3)}
.c6-res{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; margin:0}
.c6-res > div{display:flex; flex-direction:column; gap:8px; min-width:0}
.c6-res dt{font-family:var(--mono); font-size:11px; line-height:1.3; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-muted)}
.c6-res dd{margin:0; font-size:24px; line-height:1.1; font-weight:700; letter-spacing:-.02em; color:var(--ink-text); white-space:nowrap}
.c6-res .big{grid-column:1 / -1; padding-bottom:16px; border-bottom:1px solid var(--ink-line)}
.c6-res .big dd{font-size:52px; line-height:1; letter-spacing:-.035em; color:var(--accent-bright)}
/* до ввода: порог цены текстом вместо примера; после расчёта строка уходит */
.c6-empty{font-size:13px; line-height:1.5; color:var(--ink-muted)}
.c6.has-res .c6-empty{display:none}
.assume b{color:var(--text); font-weight:600}
.hero-lead{display:flex; flex-direction:column; gap:12px; border-top:1px solid var(--line); padding-top:16px}
.hero-lead .hl-title{font-size:15px; font-weight:650}
.hl-row{display:flex; flex-wrap:wrap; gap:12px}
.hl-row input{flex:1 1 220px; min-width:0; height:46px; padding:0 14px; border:1px solid var(--line-2); border-radius:8px; background:#FFFFFF; color:var(--text); font:500 16px var(--sans)}
.hl-row input:focus{border-color:var(--text)}
.hl-note{font-size:12px; line-height:1.45; color:var(--muted)}
.hl-note a{border-bottom:1px solid var(--line-2); white-space:nowrap}
.hl-ok{display:none; font-size:14px; line-height:1.5; color:var(--text)}
.hl-ok b{color:var(--accent)}
.hl-error{display:none; padding:8px 12px; border:1px solid var(--line-2); border-left:3px solid var(--accent-bright); border-radius:8px; background:var(--ink); color:var(--ink-text); font-size:13px; line-height:1.45}
.hl-error a{color:var(--accent-bright); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.hero-lead.has-error .hl-error{display:block}
.hero-lead.done .hl-row,.hero-lead.done .hl-note,.hero-lead.done .hl-title{display:none}
.hero-lead.done .hl-ok{display:block}
.c6 .hero-lead{padding-top:0; border-top:0}
.c6 .hero-lead .hl-title{font-size:14px; color:var(--ink-text)}
.c6 .hl-row input{flex:1 1 100%; height:46px; background:var(--ink); border-color:var(--ink-line); color:var(--ink-text)}
.c6 .hl-row input::placeholder{color:#7F8AA3}
.c6 .hl-row input:focus{border-color:var(--accent-bright)}
.page .c6 .hl-btn{height:46px; background:var(--accent-bright); color:var(--ink)}
.page .c6 .hl-btn:hover{background:#FFFFFF; color:var(--ink)}
.c6 .hl-note{color:var(--ink-muted)}
.c6 .hl-note a{border-bottom-color:#4A5574}
.c6 .hl-ok{color:var(--ink-text)}
.c6 .hl-ok b{color:var(--accent-bright)}
.c6 .hl-error{border-color:var(--ink-line); border-left-color:var(--accent-bright)}
.c6-foot{grid-column:1 / -1; grid-row:2; display:flex; align-items:center; gap:12px 32px; padding:12px 24px 16px; border-top:1px solid var(--ink-line)}
.c6 .assume{flex:1 1 auto; margin:0; font-size:12px; line-height:1.5; color:var(--ink-muted)}
.c6 .assume b{color:var(--ink-text)}
.c6-foot .lnk{flex:none; color:var(--ink-text); border-bottom-color:#4A5574}
.c6-foot .lnk:hover{border-bottom-color:var(--accent-bright)}
.calc6 :is(a,button,input,select):focus-visible{outline-color:var(--accent-bright)}

/* ---------- блоки страницы: заголовки, отступы и тёмная полоса «Масштаб» ---------- */
.page .sx + .sx.band{border-top:0}
.band{background:var(--ink); color:var(--ink-muted)}
.band .sx-head h2,.band h3{color:var(--ink-text)}
.band .sx-head .sub,.band .sx-cta p{color:var(--ink-muted)}
.band .lnk{color:var(--ink-text); border-bottom-color:#4A5574}
.band .lnk:hover{border-bottom-color:var(--accent-bright)}
.band :is(a,button):focus-visible{outline-color:var(--accent-bright)}
.sx.band + .sx{border-top:0}
.nums{grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gap)}
.nums li{display:flex; flex-direction:column; gap:8px; padding:20px; background:var(--ink-2); border:1px solid var(--ink-line); border-radius:8px}
.nums b{font-size:36px; line-height:1.05; font-weight:700; letter-spacing:-.03em; color:var(--ink-text); white-space:nowrap}
.nums p{font-size:14px; line-height:1.45}
.nums a{color:var(--ink-text); border-bottom:1px solid #4A5574; white-space:nowrap}
.nums a:hover{border-bottom-color:var(--accent-bright)}
.story{grid-column:1 / span 6; margin-top:var(--gap); display:flex; flex-direction:column; gap:12px; padding:20px 0 0; border-top:1px solid var(--ink-line)}
.story h3{font-size:18px; line-height:1.3; font-weight:650}
.story .who-lead{font-size:16px; line-height:1.55; color:var(--ink-text)}
.story .lnk{align-self:flex-start; margin-top:auto}
.story ul{display:grid; gap:8px}
.story li{position:relative; padding-left:20px; font-size:14px; line-height:1.5}
.story li::before{content:""; position:absolute; left:0; top:.72em; width:10px; height:1px; background:var(--accent-bright)}
.rnums{grid-column:7 / span 6; margin-top:var(--gap); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:var(--gap)}
.rnums a{display:flex; flex-direction:column; gap:8px; height:100%; padding:16px 20px; background:var(--ink-2); border:1px solid var(--ink-line); border-radius:8px; color:var(--ink-muted)}
.rnums a:hover{border-color:var(--accent-bright)}
.rnums b{font-size:24px; line-height:1.15; font-weight:700; letter-spacing:-.02em; color:var(--ink-text); white-space:nowrap}
.rnums p{font-size:14px; line-height:1.45; flex:1}
.src{align-self:flex-start; font-family:var(--mono); font-size:11px; line-height:1.3; color:var(--muted); border:1px solid var(--line); border-radius:4px; padding:4px 8px; white-space:nowrap}
.band .src{color:var(--accent-bright); border-color:#3B429E}
/* отрасли: плашки — колонки той же сетки (6 / 3 / 2 в ряд), промежуток по горизонтали — как у колонок */
.inds{grid-column:1 / -1; margin-top:var(--gap); padding-top:20px; border-top:1px solid var(--ink-line)}
.inds-h{margin-bottom:12px; font-size:12px; line-height:1.4; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-muted)}
.inds ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:8px var(--gap)}
.inds li{display:flex; align-items:center; justify-content:center; min-width:0; text-align:center; padding:6px 12px; border:1px solid var(--ink-line); border-radius:8px; font-size:14px; line-height:1.4; color:var(--ink-text)}
/* отрасли со своей страницей: вся плашка — ссылка */
.inds li.lk{position:relative; border-color:var(--accent-bright)}
.inds li.lk a{color:var(--ink-text)}
.inds li.lk a::after{content:""; position:absolute; inset:0; border-radius:8px}
.inds li.lk:hover{background:var(--ink-2); border-color:var(--ink-text)}
@media (min-width:721px){.inds ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1260px){
  .inds ul{grid-template-columns:repeat(6,minmax(0,1fr))}
  .inds li{padding:6px 8px; font-size:13px}
}
@media (min-width:1400px){.inds li{padding:6px 12px; font-size:14px}}
/* «Ещё по теме» — открытым блоком без рамки: кнопки ровно по 4 колонки (на планшете по 6), края на линиях сетки */
.related-paths{grid-column:1 / -1; margin-top:var(--gap)}
.related-paths .rl-h{display:block; margin-bottom:12px; font-size:12px; line-height:1.4; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--muted)}
.related-links{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px var(--gap)}
.related-links li{display:flex; min-width:0}
.related-links a{flex:1 1 auto; min-width:0; display:flex; align-items:center; min-height:44px; padding:0 16px; border:1px solid var(--line-2); border-radius:8px; background:var(--card); color:var(--text); font-size:15px; line-height:1.3; font-weight:600; overflow-wrap:break-word}
.related-links a:hover{border-color:var(--accent); color:var(--accent)}
/* блок заявки: отступы из той же шкалы */
.c-info{gap:16px}
/* сноска о трёх ответах — тем же шагом 16 px под кнопками, а не прижатой к низу (там зазор выходил 29,8 px) */
.c-info .ent{margin-top:0}
/* сообщение об ошибке отправки — без красного: рамка и полоса фирменного цвета */
.page .c-form .form-error{border-color:var(--line-2); border-left:3px solid var(--accent); background:var(--card); color:var(--text)}

/* ---------- 7. «Не нашли ответ — спросите»: чат с ИИ-ассистентом рядом с вопросами ---------- */
.ask{grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:16px 24px; flex-wrap:wrap; margin-top:var(--gap); padding:20px 24px; background:var(--card-2); border:1px solid var(--line); border-radius:8px}
.ask-t{flex:1 1 420px; min-width:0}
.ask h3{font-size:18px; line-height:1.3; font-weight:650}
.ask p{margin-top:4px; font-size:14px; line-height:1.5; color:var(--muted); max-width:80ch}
.ask .ask-btn{flex:none; cursor:pointer; font:600 15px/1 var(--sans)}
.cfg{position:fixed; inset:0; z-index:1000; display:none; font-family:var(--sans); font-size:15px; line-height:1.5; color:var(--text); -webkit-font-smoothing:antialiased}
.cfg.on{display:block}
.cfg-bd{position:absolute; inset:0; background:rgba(12,18,32,.45)}
.cfg-win{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(680px, calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; background:var(--card); border:1px solid var(--line-2); border-radius:8px; box-shadow:0 20px 64px -24px rgba(12,18,32,.4)}
.cfg-x{position:absolute; right:12px; top:12px; width:44px; height:44px; border:0; border-radius:8px; background:var(--well); color:var(--muted); font-size:16px; cursor:pointer}
.cfg-x:hover{background:var(--line); color:var(--text)}
.cfg-st{padding-right:48px; font-size:12px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--accent)}
.cfg-q{margin:4px 48px 16px 0; font-size:22px; font-weight:650; line-height:1.25; letter-spacing:-.02em}
.cfg-note{margin-top:12px; font-size:12px; line-height:1.5; color:var(--muted)}
.cfg :is(a,button,input):focus-visible{outline:3px solid var(--accent); outline-offset:3px}
.chat{display:flex; flex-direction:column; gap:8px; max-height:min(46vh,340px); overflow-y:auto; padding:2px 2px 8px; margin-bottom:12px}
.chat .cm{max-width:82%; padding:10px 13px; border-radius:8px; font-size:14px; line-height:1.5; overflow-wrap:anywhere}
.chat .cm.ag{align-self:flex-start; background:var(--well); border:1px solid var(--line); color:var(--text)}
.chat .cm.me{align-self:flex-end; background:var(--text); color:var(--card)}
.chat .cm a{color:var(--accent); text-decoration:underline; text-underline-offset:2px}
.chat .typing{display:inline-flex; gap:4px; padding:2px 0}
.chat .typing i{width:6px; height:6px; border-radius:50%; background:var(--faint)}
.chat-acts{margin-top:8px}
.chat-act{min-height:44px; padding:0; border:0; background:none; color:var(--accent); font:600 14px var(--sans); cursor:pointer}
.chat-act:hover{text-decoration:underline}
.chat-sug{display:flex; flex-wrap:wrap; gap:8px}
.chat-chip{min-height:44px; padding:0 14px; border:1px solid var(--line-2); border-radius:8px; background:var(--card); color:var(--text); font:500 14px var(--sans); cursor:pointer}
.chat-chip:hover{border-color:var(--accent); color:var(--accent)}
.chat-in{display:flex; gap:8px; margin-top:12px}
.chat-in input{flex:1; min-width:0; height:46px; padding:0 14px; border:1px solid var(--line-2); border-radius:8px; background:var(--card); color:var(--text); font:500 15px var(--sans)}
.chat-in input:focus{border-color:var(--text)}
.chat-send{flex:none; width:46px; height:46px; border:0; border-radius:8px; background:var(--accent); color:#FFFFFF; font-size:18px; cursor:pointer}
.chat-send:hover{background:var(--accent-2)}

/* ---------- ширины ---------- */
@media (max-width:1439px){
  .h6-cap{display:none}
  .h6-play{bottom:24px}
  /* уже 1440 чипы и поле не помещаются справа от подписи в одну строку — подпись над ними */
  .c6-row{grid-template-columns:24px minmax(0,1fr); row-gap:8px}
  .c6-ctl{grid-column:2 / -1}
}
@media (max-width:1279px){
  .h6-terms li{padding:12px}
  .h6-terms b{font-size:19px}
  .nums b{font-size:30px}
}
@media (max-width:1100px){.h6-terms b{font-size:17px}}
@media (max-width:1023px){
  .h6-photo{position:relative; left:auto; right:auto; top:auto; bottom:auto; height:clamp(220px,52vw,420px)}
  .h6-photo img{object-position:62% 20%; -webkit-mask-image:none; mask-image:none}
  .h6-play{right:var(--gutter); bottom:12px}
  .h6-copy{grid-column:1 / -1; padding:24px 0 44px}
  .hero h1{font-size:clamp(32px,6.4vw,52px)}
  .hero h1 .ln{display:inline; white-space:normal}
  .c6-head,.c6-in,.c6-out,.c6-foot{grid-column:1 / -1; grid-row:auto}
  /* панель итога уже под шагами — шаги своей высоты, без растяжки (иначе подпись и чипы разъезжались) */
  .c6-in{grid-auto-rows:auto}
  .c6-foot{flex-direction:column; align-items:flex-start}
  .c6-out{margin-left:0; border-left:0; border-top:1px solid var(--ink-line)}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story,.rnums{grid-column:1 / -1}
}
@media (max-width:900px){.related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* на телефоне и узком планшете заголовок не крупнее 34 px */
@media (max-width:760px){.hero h1{font-size:clamp(30px,8.2vw,34px)}}
@media (max-width:720px){
  .v6-strip .frame{height:32px}
  .v6-strip span:first-child{display:none}
  .v6-strip span:last-child{margin-inline:auto}
  .h6-copy{padding:24px 0 36px}
  .h6-chips{flex-wrap:nowrap; margin-bottom:16px}
  .h6-lead{font-size:15px}
  /* две кнопки одна под другой — одной ширины и высоты */
  .h6-cta{flex-direction:column; align-items:stretch}
  .page .h6-cta .btn,.page .h6-cta .btn-secondary{width:100%; height:auto; min-height:48px; justify-content:center}
  .h6-terms{grid-template-columns:minmax(0,1fr); gap:8px; margin-top:24px}
  .h6-terms li{flex-direction:row; align-items:baseline; justify-content:space-between; gap:12px; padding:8px 12px}
  .h6-terms b{font-size:18px}
  .h6-terms span{text-align:right}
  .calc6{padding:36px 0}
  .c6-head{margin-bottom:16px}
  .c6-head h2{font-size:24px}
  .c6-row{padding:12px 16px}
  .c6-ctl{grid-column:1 / -1}
  .c6-chips{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex:1 1 100%}
  /* на телефоне цели нажатия не ниже 44 px: у поля 44 px — само поле внутри рамки (рамка 46), чипы той же высоты */
  .c6-chips button{min-width:0; height:46px}
  .c6 .inp{flex:1 1 100%; height:46px}
  .c6-out{padding:16px}
  .c6-res .big dd{font-size:clamp(28px,9vw,40px)}
  .c6-res dd{font-size:20px; white-space:normal}
  .c6-foot{padding:12px 16px}
  .page .c6 .hl-btn{width:100%}
  .sx-head{margin-bottom:16px}
  .nums li{padding:16px}
  .nums b{font-size:26px}
  .nums p{font-size:13px}
  .rnums{grid-template-columns:minmax(0,1fr); grid-auto-rows:auto}
  .rnums b{font-size:22px}
  .inds li{font-size:13px; padding:4px 8px}
  .hl-row input{flex:none; width:100%}
  .hl-row .btn{width:100%}
  .ask{padding:16px}
  .ask .ask-btn{width:100%; justify-content:center}
}
@media (max-width:760px){
  .cfg-win{left:8px; right:8px; top:auto; bottom:calc(8px + env(safe-area-inset-bottom)); width:auto; max-height:calc(100dvh - 16px); transform:none; padding:20px 16px calc(16px + env(safe-area-inset-bottom))}
  .chat-in input{font-size:16px}
  .chat-sug{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
  .chat-chip{width:100%; padding:4px 8px; font-size:13px; line-height:1.3}
  .chat .cm{max-width:94%}
}
@media (max-width:620px){.related-links{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){
  .nums{grid-template-columns:minmax(0,1fr)}
  .nums li{display:grid; grid-template-columns:104px minmax(0,1fr); align-items:center; gap:16px}
  .related-links a{padding:0 12px}
}
/* узкий телефон: чипы первого экрана в одну строку */
@media (max-width:374px){
  .h6-chips{gap:6px}
  .h6-chips li{gap:6px; padding:0 8px; font-size:10px; letter-spacing:.04em}
  .h6-chips li::before{width:5px; height:5px}
}