/* =====================================================================
   GeoWise — компоненты. Страницы собираются только из этих классов.
   Размеры, отступы и цвета — только через переменные из tokens.css.
   Числа в комментариях — замеры из Figma (Д 1440 / П 768 / Т 390).
   ===================================================================== */

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
b,strong{font-weight:700}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}

/* ---------- Иконки (цвет = currentColor) ---------- */
.i-arrow,.link::after,.banner__link::after,.strip__link::after{content:"";display:inline-block;flex:0 0 auto;width:11px;height:10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h9M6 1l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h9M6 1l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
.i-check{display:inline-block;flex:0 0 auto;width:11px;height:8px;background:var(--blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4l3 3 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4l3 3 6-6'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Секции и контейнер ---------- */
.section{padding:var(--section-y) 0}                 /* 104 / 80 / 56 */
.section--soft{background:var(--bg-soft)}
.section--dark{background:var(--bg-dark);color:#fff}
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}

/* ---------- Заголовок секции ---------- */
.head{margin-bottom:var(--gap-head)}                 /* до контента: 42 / 30 / 28 */
.eyebrow{display:block;font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);font-weight:700;color:var(--blue);margin-bottom:var(--gap-eyebrow)} /* 17/16/15; отступ 16/12/12 */
.section--dark .eyebrow{color:var(--blue-on-dark)}
.h1,.h2{font-weight:700;letter-spacing:0;color:var(--ink)}
.h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}           /* 64/68 · 48/52 · 36/40 */
.h1--hero{font-size:var(--fs-h1-hero);line-height:var(--lh-h1-hero)} /* главная: 60 · 48 · 36 */
@media (max-width:1023px){.h1--cta{font-size:44px;line-height:48px}}  /* H1 секции 11 на П: кегль из макета (44, не 48) */
@media (max-width:767px){.h1--cta{font-size:var(--fs-h1);line-height:var(--lh-h1)}}
.h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}           /* 56/60 · 40/44 · 30/34 */
.h2--narrow{max-width:600px}
.split.container{margin-bottom:0}
.split + .container{margin-top:47px}
@media (max-width:1023px){.split + .container{margin-top:40px}}
@media (max-width:767px){.split + .container{margin-top:32px}}
.h1 .muted,.h2 .muted{color:var(--gray-2)}                     /* [С] 12.10: серая часть не с новой строки, а через пробел в той же строке */
.section--dark .h1,.section--dark .h2{color:#fff}
.section--dark .h1 .muted,.section--dark .h2 .muted{color:var(--gray-on-dark)}
.lead{margin-top:var(--gap-lead);max-width:640px;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--gray)} /* 22/32 · 20/30 · 18/27 */
.lead b{color:var(--ink)}
.lead--wide{max-width:none}
.section--dark .lead{color:var(--gray-2)}
.section--dark .lead b{color:#fff}
.text-gray{color:var(--gray)}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.center .actions{justify-content:center}
.after{margin-top:40px}                               /* текст/ссылка под сеткой карточек: 40 / 28 / 28 */
@media (max-width:1023px){.after{margin-top:28px}}
.head--h1{margin-bottom:58px}                        /* под H1 первого экрана внутренней страницы: 58 / 43 / 34 */
@media (max-width:1023px){.head--h1{margin-bottom:43px}}
@media (max-width:767px){.head--h1{margin-bottom:34px}}

/* ---------- Сетки ----------
   Д: колонки по сетке.  П (768): по умолчанию 1 колонка; .grid--t2 — 2 колонки.  Т (390): всегда 1 колонка. */
.grid{display:grid;gap:var(--gap)}                   /* 24 / 16 / 12 */
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:minmax(0,620px) minmax(0,520px);justify-content:space-between;align-items:center;gap:40px}
/* .split--order: секция 04 — на Д те же 2 колонки (текст слева, плитка справа, слева текст растянут на все строки),
   на П/Т порядок блоков как в макете — заголовок, плитка с ответом, список, кнопки */
.split--order{grid-template-areas:"head visual" "rows visual" "actions visual";align-items:start}
.split--order>.head{grid-area:head}
.split--order>.card--tile{grid-area:visual;align-self:center}
.split--order>.rows{grid-area:rows}
.split--order>.actions{grid-area:actions}
@media (max-width:1023px){.split--order{grid-template-areas:"head" "visual" "rows" "actions"}}
@media (max-width:1023px){
  .grid--3,.grid--4{grid-template-columns:1fr}
  .grid--2,.grid--t2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--t1{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:40px}
}
@media (max-width:767px){
  .grid--2,.grid--3,.grid--4,.grid--t2{grid-template-columns:1fr}
  .split{gap:28px}
}

/* ---------- Карточки ---------- */
.card{position:relative;display:flex;flex-direction:column;background:var(--bg-soft);border-radius:var(--r-lg);padding:var(--card-py) var(--card-px)} /* на белом фоне: #F5F5F7, r 32/28/28, поля 32×30 / 24×22 */
.section--soft .card{background:var(--bg);border-radius:var(--r-md)}  /* на сером фоне: белая, r 28/24/24 */
.card--white{background:var(--bg)}
.card--bordered{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}   /* белая с обводкой #E8E8ED на белом фоне */
.card--accent{background:var(--bg);box-shadow:inset 0 0 0 2px var(--blue)}      /* выделенная */
.card--blue{background:var(--blue);color:#fff;border-radius:var(--r-xl)}
.card--dark{background:var(--card-dark);color:#fff;border-radius:var(--r-xl)}
.card--lg{border-radius:var(--r-xl);padding:var(--card-lg-py) var(--card-lg-px)}

.label{display:block;font-size:var(--fs-label);line-height:var(--lh-label);font-weight:700;text-transform:uppercase;letter-spacing:0;color:var(--blue)} /* 13/12/12 Bold */
.label--gray{color:var(--gray)}
.nb{white-space:nowrap}   /* короткое слово держим со следующим; на 390 перенос как в макете */
.label--plain{text-transform:none;font-size:15px;line-height:18px}  /* подпись сегмента строчными 15 Bold (одинаково на всех трёх ширинах — так в Figma) */
.card--blue .label{color:rgba(255,255,255,.8)}
.card--dark .label,.section--dark .card .label{color:var(--blue-on-dark)}
.card--blue .label,.section--dark .card--blue .label{color:rgba(255,255,255,.8)}   /* на синей карточке надзаголовок белый 80% (в макете #FFFFFF@0.8) */
.micro{display:block;font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:700;text-transform:uppercase;color:var(--gray-2)} /* «ВЫ ПИШЕТЕ» 11 Bold #A1A1A6 */

.title{font-weight:700;color:var(--ink);font-size:var(--fs-title-s);line-height:var(--lh-title-s)} /* 20 · 19 · 18 */
.title--m{font-size:var(--fs-title-m);line-height:var(--lh-title-m)}  /* 22 · 20 · 20 */
.title--l{font-size:var(--fs-title-l);line-height:var(--lh-title-l)}  /* 24 · 22 · 20 */
.title--xl{font-size:var(--fs-title-xl);line-height:var(--lh-title-xl)} /* 28 · 24 · 22 */
.card--blue .title,.card--dark .title,.section--dark .title{color:#fff}
.label + .title{margin-top:10px}
@media (max-width:1023px){.label + .title{margin-top:8px}}
.card p,.card .p{margin-top:10px;color:var(--gray)}
.card--blue p{color:rgba(255,255,255,.85)}
.card--dark p{color:var(--gray)}
.card .small,.small{font-size:var(--fs-small);line-height:var(--lh-small)}
.inner{margin-top:16px;background:var(--bg);border-radius:var(--r-sm);padding:14px 16px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)} /* белый вложенный блок «Пример» r16 */
.card .inner p{margin:0;color:var(--ink)}
.card__foot{margin-top:auto;padding-top:20px}

/* Карточка-пояснение с белым блоком «Пример» (Как это работает, экран 03) */
.card--tip .label + .title{margin-top:18px}
.card--tip .inner{margin-top:20px;min-height:128px}   /* Д: белые блоки одной высоты 128 */
.card--tip .small{margin-top:19px;color:var(--gray)}
@media (max-width:1023px){.card--tip .label + .title{margin-top:14px}.card--tip .inner{margin-top:16px;min-height:0}.card--tip .small{margin-top:15px}}

/* ---------- Кнопки и ссылки ---------- */
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:var(--gap-actions)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--r-pill);font-size:var(--fs-btn);line-height:1;font-weight:700;white-space:nowrap}
.link:hover,.footer__list a:hover,.tg:hover{opacity:.9}   /* кнопки и пункты шапки — своя анимация, см. конец файла */
.btn--primary{background:var(--blue);color:#fff}                                   /* 60 / 58 / 56, 17 Bold */
.btn--ghost{background:transparent;color:var(--ink);box-shadow:0 0 0 1.5px var(--line-2)}  /* обводка 1.5 #D2D2D7 снаружи: в макете внешний бокс 63 при высоте кнопки 60 */
.btn--white{background:#fff;color:var(--ink)}                                      /* на синем и тёмном */
.section--dark .btn--ghost{color:#fff;box-shadow:0 0 0 1.5px rgba(255,255,255,.35)}
.btn--sm{height:var(--btn-s-h);padding:0 var(--btn-s-px);font-size:var(--fs-btn-s)} /* 48, 15 Bold — в карточках тарифов */
.btn--block{display:flex;width:100%}
@media (max-width:767px){.actions .btn{width:100%}}

.link{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-body);line-height:21px;font-weight:700;color:var(--blue)} /* 17 Bold + стрелка; на 390 — 16 */
@media (max-width:767px){.link{font-size:16px;line-height:19px}}
.note{margin-top:16px;font-size:16px;line-height:20px;color:var(--gray)}             /* «Проверка — 4 900 ₽ · отчёт за 1 день» 16/16/15 */
@media (max-width:767px){.note{font-size:15px}}
.note--sm{font-size:13px;line-height:16px}  /* примечание секции 11: в content/glavnaya.md помечено [13R], а не [15R] как у первого экрана */

.checks{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px;color:var(--gray)} /* «Отчёт за 1 рабочий день ✓ …» */
.checks li{display:flex;align-items:center;gap:12px}
.center .checks{justify-content:center}
@media (max-width:767px){.checks{flex-direction:column;align-items:center;gap:13px}}

/* ---------- Голубая плашка «Обычный путь» ---------- */
.banner{display:flex;align-items:center;gap:24px;margin-top:58px;background:var(--blue-soft);color:var(--navy);border-radius:var(--r-md);padding:30px 40px 31px 36px;font-size:var(--fs-banner);line-height:var(--lh-banner)} /* Д 1200×84, текст 19 #1C2950 */
.banner b{font-weight:700}
.banner__text{flex:1 1 auto}
.banner__link{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:17px;line-height:21px;font-weight:700;color:var(--navy);white-space:nowrap}
@media (max-width:1023px){.banner{margin-top:40px;padding:23px 32px 25px 28px;line-height:24px}}   /* П 672×96 */
@media (max-width:767px){.banner{margin-top:32px;flex-direction:column;align-items:flex-start;gap:16px;padding:21px 22px 26px}.banner__link{margin-left:0;font-size:16px;line-height:19px}}  /* Т 350×154 */

/* ---------- Светло-голубая полоса «Бесплатная проверка сайта» ---------- */
.strip{display:flex;align-items:center;gap:24px;margin-top:16px;background:var(--blue-tint);color:var(--blue-ink);border-radius:22px;padding:19px 32px 20px 28px;font-size:17px;line-height:21px}
.strip__link{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-weight:700;white-space:nowrap}
@media (max-width:1023px){.strip{border-radius:20px;padding:19px 28px 20px 24px}}
@media (max-width:767px){.strip{flex-direction:column;align-items:flex-start;gap:14px;padding:19px 20px 20px}.strip__link{margin-left:0;font-size:16px;line-height:19px}}

/* ---------- Шаги 1-2-3-4 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}           /* Д: колонки по 300 на 1200 */
.step{position:relative;padding-right:30px}
.step__num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-size:19px;line-height:23px;font-weight:700}
.step:not(:last-child)::after{content:"";position:absolute;top:21px;left:56px;right:0;height:2px;background:var(--line-2)} /* линия 2px #D2D2D7 от кружка до следующего */
.step .label{margin-top:25px}
.step .title{margin-top:8px;font-size:var(--fs-title-l);line-height:var(--lh-title-l)}   /* 24 · 22 · 20 */
.step p{margin-top:8px;color:var(--gray);max-width:270px}
@media (max-width:1023px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:40px}
  .step{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;padding-right:0}
  .step::after{display:none}
  .step__num{grid-row:1/span 3;width:36px;height:36px;font-size:16px;line-height:19px}
  .step .label{margin-top:0}
  .step .title{margin-top:4px}
  .step p{margin-top:4px;max-width:none}
  .steps{row-gap:38px}
}
@media (max-width:767px){.steps{grid-template-columns:1fr;row-gap:30px}}

/* ---------- Вывод под блоком (жирная фраза-итог) ----------
   «10 нейросетей × 12 вопросов = 120 ответов…», «Раньше начнёте — меньше придётся догонять.» */
.conclusion{margin-top:46px;max-width:860px;font-size:var(--fs-conclusion);line-height:var(--lh-conclusion);font-weight:700;color:var(--ink)} /* 24/30 · 19/25 · 18/24 */
@media (max-width:1023px){.conclusion{margin-top:30px}}

/* ---------- Цифры (методика) ---------- */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:5px}  /* Д: от заголовка 47 */
.stat{border-top:2px solid var(--ink);padding-top:20px}
.stat__value{font-size:var(--fs-stat);line-height:var(--lh-stat);font-weight:700;color:var(--ink)} /* 44 · 27 · 32 */
.stat .title{margin-top:8px}
.stat p{margin-top:12px;color:var(--gray)}
@media (max-width:1023px){.stats{gap:28px;margin-top:0}.stat{padding-top:14px}.stat .title{margin-top:6px}.stat p{margin-top:8px}}
@media (max-width:767px){.stats{grid-template-columns:1fr;gap:28px}}
.bignum{font-size:var(--fs-bignum);line-height:var(--lh-bignum);font-weight:700}   /* «9 из 10» 64 · 64 · 44 */
.bignum--blue{color:var(--blue)}

/* ---------- Карточка «Как спрашивают ваши клиенты» (утверждена) ---------- */
.ask{display:flex;flex-direction:column;background:var(--bg);border-radius:var(--r-md);padding:32px 28px 30px}  /* Д 384, П 672, Т 350; r 28/24/24 */
.ask .label{margin-bottom:20px}
.ask .micro + .ask__value{margin-top:10px}
.ask__value{color:var(--gray)}
.ask hr{border:0;height:1px;background:var(--divider);margin:16px 0}
.ask .micro + .bubble-q{margin-top:8px;width:100%;font-size:var(--fs-bubble);line-height:var(--lh-bubble)}   /* пузырь на всю ширину карточки, 17/21 — как в Figma */
@media (max-width:767px){.ask{padding:24px 20px}}

/* ---------- Синий пузырь вопроса ---------- */
p.bubble-q{display:block;width:fit-content;max-width:100%;background:var(--blue);color:#fff;border-radius:var(--r-bubble);padding:11px 16px;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:700} /* [С] 12.10: 15/20, поля ровные; тег p — чтобы перебить специфичность .card p */
.bubble-q--regular{font-weight:400}
.bubble-q--block{width:100%}

/* ---------- Первый экран главной ----------
   Д: текст слева (640) по центру высоты визуала, визуал справа (540×620). Поля секции: 44 сверху, 104 снизу.
   П: текст → кнопки → примечание → визуал (672×560).  Т: текст → визуал (350×416) → кнопки → примечание. */
.hero{padding:var(--section-y) 0}   /* [С] 12.10: отступы экрана сверху и снизу по нашим (--section-y) */
.hero__grid{display:grid;grid-template-columns:minmax(0,640px) minmax(0,540px);grid-template-areas:"head visual" "cta visual";justify-content:space-between;column-gap:20px;align-content:center}
.hero__head{grid-area:head;align-self:end}
.hero__cta{grid-area:cta;align-self:start}
.hero__visual{grid-area:visual;position:relative;align-self:center;display:grid}
.hero__visual>*,.hero__visual>.pic>*{grid-area:1/1}
.pic{display:contents}   /* <picture> с кропом под брейкпоинт: в раскладке участвует сам <img> */
.hero__photo{justify-self:start;align-self:center;width:100%;max-width:350px;aspect-ratio:350/560;object-fit:cover;border-radius:44px}  /* r44 — из home_1440.svg */
.hero__visual .chat{justify-self:end;align-self:center}
@media (max-width:1023px){.hero__photo{max-width:430px;aspect-ratio:430/560}}
@media (max-width:767px){.hero__photo{display:none}}
.hero .lead{max-width:620px;margin-top:29px}      /* в макете от H1 до lead 29, не 24 */
.hero__cta .note{margin-top:20px}                 /* от кнопок до примечания 20 */
@media (max-width:1023px){
  .hero{padding:37px 0 80px}
  .hero__grid{grid-template-columns:1fr;grid-template-areas:"head" "cta" "visual";row-gap:0}
  .hero__visual{margin-top:45px}
  .hero__cta .actions{margin-top:30px}   /* от lead до кнопок 30,8 (кнопка y 413,8) */
  .hero__cta .note{margin-top:21px}      /* от кнопок до примечания (текст y 496) */
  .h1--hero{max-width:420px;letter-spacing:-1px}   /* трекинг H1 по макету 768: строка «советуют других.» 409 px */
  .hero .lead{max-width:none}                      /* в макете 768 lead по ширине контейнера (672) */
}
@media (max-width:767px){
  .hero{padding:21px 0 56px}
  .hero__grid{grid-template-areas:"head" "visual" "cta"}
  .hero__visual{margin-top:28px}          /* чат y 371 в макете 390 */
  .hero__cta .actions{margin-top:32px}
  .h1--hero{max-width:none}
}

/* ---------- Чат нейросети (первый экран главной) ---------- */
.chat{background:var(--bg);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:24.5px;width:100%;max-width:335px}  /* 335 / 375 / 350, r32; поля 24,5 → внутр. 286 */
@media (max-width:1023px){.chat{max-width:375px}}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--bg-soft);font-size:13px;line-height:16px;font-weight:700;color:var(--ink)}
.chat__who{display:block;margin-top:17px;text-align:right;font-size:13px;line-height:16px;font-weight:700;color:var(--blue)}
.chat__bubble{margin:7px 0 0 auto;width:fit-content;max-width:244px;background:var(--blue);color:#fff;border-radius:22px;padding:14px 18px;font-size:var(--fs-bubble);line-height:var(--lh-bubble)}  /* [С] 12.10: 17/21, поля 14 сверху и снизу */
.chat__answer{margin-top:16px;background:var(--bg-soft);border-radius:20px;padding:18px}
.chat__row{display:flex;align-items:center;gap:12px}
.chat__row + .chat__row{margin-top:16px}
.chat__num{flex:0 0 24px;height:24px;border-radius:50%;background:#fff;font-size:13px;line-height:16px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}  /* [С] 12.10: цифра прямая, даже если тег <i> */
.chat__bar{height:10px;border-radius:5px;background:var(--line-2);width:176px}  /* серые «строки» ответа */
.chat__bar--2{width:136px}.chat__bar--3{width:156px}
.chat__slot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:2px dashed var(--blue);border-radius:15px;padding:14.5px 18px 16.5px 17px;font-size:17px;line-height:21px;font-weight:700;color:var(--blue)}  /* 286×56 */
.chat__slot::after{content:"";width:13px;height:11.6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h9M6 1l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h9M6 1l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:767px){.chat{max-width:none;padding:22px}}

/* ---------- Пара карточек «Вы есть в источниках» (синяя) / «Вас нет в источниках» (тёмная) ---------- */
.case .title{margin-top:24px;font-size:var(--fs-title-xl);line-height:var(--lh-title-xl)}   /* 28 · 24 · 22 */
.case p{margin-top:7px}
.case__arrow{display:block;margin:25px 0 0 6px;width:12px;height:14px;background:currentColor;opacity:1;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 1v12M1 8l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 1v12M1 8l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.card--dark.case .label{color:rgba(161,161,166,.8)}
.card--dark.case .title{color:var(--gray-2)}
.card--dark.case .case__arrow{color:var(--gray)}
@media (max-width:1023px){.case .title{margin-top:20px}.case__arrow{margin-top:20px}}
.section--dark .link{color:var(--blue-on-dark)}

/* ---------- Чипы на синей/тёмной карточке «Вы есть в источниках» ---------- */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tag{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:var(--r-pill);font-size:15px;line-height:18px;font-weight:700;background:rgba(255,255,255,.18);color:#fff}
.tag--white{background:#fff;color:var(--blue)}
.card--dark .tag{background:var(--card-dark-2);color:var(--gray-2)}
@media (max-width:1023px){.tags{margin-top:16px;gap:6px}.tag{height:32px;padding:0 10px;font-size:13px;line-height:16px}}

/* ---------- Тарифы ---------- */
.tariff{display:flex;flex-direction:column;background:var(--bg);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:28px 26px 28px 27px} /* Д 281×455, r32 */
.tariff--dark{background:var(--tariff-dark);box-shadow:none;color:#fff}
.tariff .title{margin-top:8px;font-size:var(--fs-title-l);line-height:var(--lh-title-l);min-height:calc(var(--lh-title-l)*2)} /* 24 · 22 · 20, место под 2 строки */
.tariff--dark .title{color:#fff}
.tariff__price{margin-top:12px;font-size:var(--fs-price-s);line-height:var(--lh-price-s);font-weight:700}   /* 32 · 30 · 30 */
.tariff__price small{font-size:15px;line-height:18px;font-weight:400;color:var(--gray)}
.tariff--dark .tariff__price small,.tariff--dark .tariff__desc{color:var(--gray-2)}
.tariff__desc{margin-top:8px;font-size:15px;line-height:18px;color:var(--gray)}
.tariff__list{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.tariff--dark .tariff__list{border-top-color:#fff}
.tariff__list li{display:flex;align-items:baseline;gap:17px;font-size:15px;line-height:20px}
.tariff__list li + li{margin-top:10px}
.tariff__list .i-check{transform:translateY(-1px)}
.tariff--dark .i-check{background:var(--blue-on-dark)}
.tariff--dark .label{color:var(--blue-on-dark)}
.tariff .btn{margin-top:auto;width:100%}
.tariff__list{margin-bottom:41px;margin-right:-12px}   /* от списка до кнопки 41 — карточка 456, кнопка прижата вниз */
@media (max-width:1023px){.tariff__list{margin-right:-9px}.tariff{padding:25px 22px 25px 23px;border-radius:28px}.tariff .title{min-height:0}.tariff__price{margin-top:10px}}
@media (max-width:1199px){.tariffs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.tariffs{grid-template-columns:1fr}}

/* Карточка тарифа на странице тарифа (серая, крупная) */
.tariff-hero{background:var(--bg-soft);border-radius:var(--r-xl);padding:37px 34px 34px}   /* Д 384×330 r36 */
.tariff-hero .title{margin-top:10px;font-size:var(--fs-title-xl);line-height:var(--lh-title-xl)}
.tariff-hero__price{margin-top:18px;font-size:var(--fs-price);line-height:var(--lh-price);font-weight:700}  /* 48 · 40 · 40 */
.tariff-hero p{margin-top:6px;color:var(--gray)}
.tariff-hero .btn{margin-top:34px;width:100%}
@media (max-width:1023px){.tariff-hero{padding:26px 22px 22px}.tariff-hero__price{margin-top:12px}.tariff-hero .btn{margin-top:22px;width:auto}}
@media (max-width:767px){.tariff-hero .btn{width:100%}}

/* ---------- Карточка сегмента «Для кого» (фото слева на Д, сверху на П/Т) ---------- */
.segment{display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--bg);border-radius:var(--r-lg);overflow:hidden}  /* Д 588×390 */
.segment__img{width:100%;height:100%;object-fit:cover}
.segment__body{padding:29px 30px 30px}
.segment .micro{margin-top:18px}
.segment .micro + *{margin-top:7px}
@media (max-width:1023px){.segment{grid-template-columns:1fr;border-radius:28px}.segment__img{height:140px}.segment__body{padding:20px 20px 27px}}

/* ---------- FAQ ---------- */
.faq{border-bottom:1px solid var(--line-2)}
.faq__item{display:grid;grid-template-columns:420px minmax(0,700px);column-gap:40px;padding:21.5px 0 28.5px;border-top:1px solid var(--line-2)}
.faq__q{font-size:var(--fs-faq-q);line-height:var(--lh-faq-q);font-weight:700}   /* 20 · 20 · 18 */
.faq__a{font-size:var(--fs-faq-a);line-height:var(--lh-faq-a);color:var(--gray)} /* 19/28 · 18/27 · 17/24 */
@media (max-width:1023px){.faq__item{grid-template-columns:250px minmax(0,1fr);column-gap:26px;padding:23px 0 25px}}
/* Секция 10 «Вопросы» — из screens/home_1440.svg: шаг строк 107 (у строки с двухстрочным
   вопросом 109), от надзаголовка до первой линии 38,5, от нижней линии до ссылки 35,5. */
.head--faq{margin-bottom:38.5px}
.faq + .after{margin-top:35.5px}
@media (max-width:767px){.faq__item{grid-template-columns:1fr;row-gap:7px;padding:18px 0 22px}}

/* ---------- Шапка ---------- */
.header{position:sticky;top:0;z-index:50;background:#fff}
.header__in{display:flex;align-items:center;height:var(--header-h)}        /* 84 / 70 / 62 */
.logo{font-size:var(--fs-logo);line-height:1.2;font-weight:700;color:var(--ink)}  /* 24 / 24 / 22 */
.logo span{color:var(--blue)}
.nav{display:flex;align-items:center;gap:var(--nav-gap);margin-left:auto;margin-right:40px;font-size:var(--fs-nav);line-height:19px}  /* 16, шаг 36 */
.nav a[aria-current="page"]{font-weight:700}
.header .btn{height:var(--btn-header-h);padding:0 var(--btn-header-px);font-size:var(--fs-btn-header)}  /* 40·15 / 34·13 / 34·13 */
.burger{display:none;width:var(--burger);height:var(--burger);margin-left:10px;position:relative}     /* 24 × 24, три полосы 24×2.5 */
.burger span,.burger::before,.burger::after{content:"";position:absolute;left:0;width:24px;height:2.5px;border-radius:1.25px;background:var(--ink)}
.burger::before{top:5px}.burger span{top:11px}.burger::after{top:17px}
/* открытое состояние и переходы — в блоке «Шапка, меню и кнопки: анимации» в конце файла */
@media (max-width:1023px){.nav{display:none}.header .btn{margin-left:auto}.burger{display:block}}

/* ---------- Подвал (утверждённый, на всех страницах одинаковый) ----------
   Д: 5 колонок с началом в 120 / 352 / 585 / 817 / 1120. П: 3 колонки, «Документы» и «Контакты» — вторым рядом. Т: 2 колонки. */
.footer{background:var(--bg-soft);padding:63px 0 38px}
.footer .logo{font-size:24px}
.footer__about{margin-top:12px;max-width:580px;color:var(--gray)}               /* 17 #6E6E73 */
.footer__cols{display:grid;grid-template-columns:192fr 192fr 192fr 266fr 198fr;column-gap:40px;row-gap:36px;margin-top:45px;padding-top:41px;border-top:1px solid var(--line-2)}
.footer__h{font-size:13px;line-height:16px;font-weight:700;text-transform:uppercase;color:var(--gray)}
.footer__list{margin-top:18px;font-size:15px;line-height:20px;color:var(--ink)}
.footer__list li + li{margin-top:12px}
.footer__bottom{display:flex;justify-content:space-between;gap:24px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line-2);font-size:13px;line-height:16px;color:var(--gray)}
@media (max-width:1023px){
  .footer{padding:56px 0 41px}
  .footer .logo{font-size:22px}
  .footer__cols{grid-template-columns:192fr 192fr 208fr;margin-top:39px;padding-top:37px}
  .footer__h{font-size:12px;line-height:15px}
  .footer__list{margin-top:13px}.footer__list li + li{margin-top:10px}
  .footer__bottom{flex-direction:column;gap:10px;margin-top:37px;padding-top:21px}
}
@media (max-width:767px){
  .footer{padding:40px 0 33px}
  .footer__cols{grid-template-columns:170fr 165fr;column-gap:15px;row-gap:28px;margin-top:29px;padding-top:29px}
  .footer__bottom{margin-top:29px}
}

/* ---------- Кнопка Telegram (на первом экране всех страниц, справа снизу) ---------- */
.tg{position:fixed;z-index:60;bottom:var(--tg-bottom);right:max(var(--gutter),calc((100vw - var(--container))/2));width:var(--tg-size);height:var(--tg-size);border-radius:50%;background:linear-gradient(180deg,var(--tg-from),var(--tg-to));box-shadow:0 6px 16px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center}
.tg__icon{width:var(--tg-icon);height:var(--tg-icon);fill:var(--bg)}   /* круг 60/60/56, иконка 30/30/28, правый край = край контента */

/* ---------- Типографские мелочи ---------- */
.nowrap{white-space:nowrap}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* =====================================================================
   Главная (index.html) — новые компоненты, добавленные при вёрстке.
   ===================================================================== */

/* ---------- Доп. иконки ---------- */
.i-search{display:inline-block;flex:0 0 auto;width:15px;height:15px;background:var(--blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='6.5' r='5'/%3E%3Cpath d='M13.5 13.5 10.3 10.3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='6.5' r='5'/%3E%3Cpath d='M13.5 13.5 10.3 10.3'/%3E%3C/svg%3E") center/contain no-repeat}
.i-ext{display:inline-block;flex:0 0 auto;width:9px;height:9px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 1h6v6M9 1 1 9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 1h6v6M9 1 1 9'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Карточка с фото, бьющим в верхние края (сегменты «Узнайте себя», сравнение «Раньше/Сейчас») ---------- */
.card--photo{overflow:hidden}
.card--photo .card__photo{display:block;width:calc(100% + var(--card-px)*2);max-width:none;margin:calc(-1*var(--card-py)) calc(-1*var(--card-px)) 0;object-fit:cover;border-radius:var(--r-lg) var(--r-lg) 0 0}
.section--soft .card--photo .card__photo{border-radius:var(--r-md) var(--r-md) 0 0}
.card--photo .label{margin-top:24px}
.card--photo .bubble-q{margin-top:16px;margin-left:auto}
.card--photo .inner{min-height:0}
.card--photo > p{margin-top:19px}
@media (max-width:1023px){.card--photo .label{margin-top:20px}.card--photo .bubble-q{margin-top:14px}.card--photo>p{margin-top:16px}}

/* Фото-обложка сегментов «Узнайте себя»: Д — сверху 384×160, П — слева 236×…, Т — сверху 350×140 */
.card--segment .card__photo{aspect-ratio:384/160}
@media (max-width:1023px){
  .card--segment{display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr);align-items:stretch}
  .card--segment .card__photo{grid-column:1;grid-row:1/-1;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;border-radius:var(--r-md) 0 0 var(--r-md)}
  .card--segment > *:not(.card__photo){grid-column:2}
  .card--segment .label{margin-top:24px}
}
@media (max-width:767px){
  .card--segment{display:flex;flex-direction:column}
  .card--segment .card__photo{grid-column:auto;grid-row:auto;display:block;width:calc(100% + var(--card-px)*2);aspect-ratio:350/140;margin:calc(-1*var(--card-py)) calc(-1*var(--card-px)) 0;border-radius:var(--r-md) var(--r-md) 0 0}
  .card--segment .label{margin-top:20px}
}

/* Фото-обложка карточек сравнения «Раньше/Сейчас» 588×168 · 328×150 · 350×150 */
.compare__photo{aspect-ratio:588/168}
@media (max-width:1023px){.compare__photo{aspect-ratio:328/150}}
@media (max-width:767px){.compare__photo{aspect-ratio:350/150}}

/* ---------- Сравнение «Раньше / Сейчас» (экран 02 главной) ---------- */
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.compare__col--dark{background:var(--tariff-dark);color:var(--bg)}
.compare__col--dark .title{color:var(--bg)}
.compare__col--dark .label{color:var(--blue-on-dark)}
.label--mixed{color:var(--gray)}                  /* «· GOOGLE И ЯНДЕКС ПОИСК» — серый */
.label--mixed .label__strong{color:var(--ink)}    /* «РАНЬШЕ» — тёмный */
@media (max-width:767px){.compare{grid-template-columns:1fr}}

/* Мини-мокап поисковой выдачи / ответа нейросети внутри .inner */
.mock{display:flex;flex-direction:column;gap:14px}
.mock__input{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:8px 8px 8px 14px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-2);font-size:15px;color:var(--ink)}
.mock__input-q{flex:1 1 auto;min-width:0}
.mock__input .btn{flex:0 0 auto;height:34px;padding:0 16px;font-size:13px}
@media (max-width:1023px){.mock__input{font-size:12px;padding:8px 8px 8px 12px}.mock__input .btn{padding:0 11px}}
@media (max-width:767px){.mock__input{font-size:13px}}
.mock__ad{padding-top:2px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.mock__ad .mock__link{flex:0 1 auto;margin-top:0}
.mock__ad .mock__desc{flex:0 0 100%;margin-top:0}
.mock__badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-2);font-size:13px;font-weight:700;color:var(--gray)}
@media (max-width:1023px){.mock__badge{height:18px;padding:0 8px;font-size:11px}}
.mock__kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--gray)}
.mock__link{display:block;margin-top:6px;font-size:15px;font-weight:400;color:var(--blue)}  /* [С] 12.10: ссылки выдачи Regular, не Bold */
.mock__desc{display:block;margin-top:2px;font-size:13px;color:var(--gray)}
.mock hr{border:0;height:1px;background:var(--divider);margin:0}
.mock__src{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 10px;margin-left:4px;border-radius:var(--r-pill);background:var(--blue-tint);font-size:13px;font-weight:400;color:var(--blue)}  /* [С] 12.10: ссылка-источник Regular */
@media (max-width:1023px){.mock__src{height:20px;padding:0 9px;font-size:12px}}
@media (max-width:767px){.mock__input{min-height:48px}}

/* ---------- Вертикальный нумерованный список (экраны 04 и 06) ---------- */
.rows{display:flex;flex-direction:column}
.rows__item{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line-2)}
.rows__num{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}
.rows__item p{margin-top:8px;color:var(--gray)}
.rows--sm .rows__num{width:28px;height:28px;font-size:14px}
.rows--sm .rows__item{gap:16px;padding:20px 0}
@media (max-width:1023px){.rows__item{gap:16px;padding:20px 0}.rows__num{width:32px;height:32px;font-size:15px}.rows--sm .rows__num{width:26px;height:26px;font-size:13px}}

/* ---------- Текст + фото с перекрывающей карточкой-перепиской (экраны 03 и 06) ---------- */
.feature{display:grid;grid-template-columns:minmax(0,620px) minmax(0,560px);column-gap:20px;align-items:center}
/* .feature--order: секция 06 — на Д те же 2 колонки, на П/Т порядок как в макете —
   заголовок+lead, фото с перепиской, список */
.feature--order{grid-template-areas:"head visual" "rows visual"}
.feature--order>.head{grid-area:head}
.feature--order>.feature__visual{grid-area:visual}
.feature--order>.rows{grid-area:rows}
@media (max-width:1023px){.feature--order{grid-template-areas:"head" "visual" "rows"}}
.feature__visual{display:grid;position:relative;margin-bottom:40px}
.feature__visual>*,.feature__visual>.pic>*{grid-area:1/1}
.feature__photo{justify-self:start;align-self:center;width:100%;object-fit:cover;border-radius:var(--r-xl)}
.feature__photo--square{max-width:560px;aspect-ratio:1/1}
.feature__photo--wide{max-width:520px;aspect-ratio:520/400}
.feature__visual--solo{max-width:520px;margin-left:auto}
.feature__visual--solo .feature__photo--wide{max-width:none}
@media (max-width:1023px){.feature__visual--solo{max-width:none;margin-left:0}
  .feature__photo--wide{aspect-ratio:auto;height:258px;object-position:center bottom}}  /* [С] 12.10: высота = высоте карточек «Вы есть / Вас нет» на 768, фото подрезано сверху */
@media (max-width:767px){.feature__photo--wide{height:226px}}   /* [С] 12.10: высота = высоте карточек на 390 */
.feature .feature__visual,.split .feature__visual{margin-bottom:0}  /* отступ 40 только там, где визуал стоит отдельной строкой */
.feature .msg{justify-self:end;align-self:end;margin:0 0 48px}
@media (max-width:1023px){
  .feature{grid-template-columns:1fr;row-gap:40px}
  .feature__photo--square{max-width:none;aspect-ratio:672/560}  /* на П фото не квадрат — ширe контейнера, Т 672×560 */
  .feature .msg{margin:0 0 28px}
}
@media (max-width:767px){.feature__photo--square{aspect-ratio:350/496}}  /* М 350×496 */
@media (max-width:767px){.feature{row-gap:32px}.feature .msg{margin:0 0 20px}.feature__visual{margin-bottom:32px}}

/* ---------- Карточка-переписка ---------- */
.msg{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;background:var(--bg);border-radius:var(--r-md);padding:28px 28px 30px;box-shadow:inset 0 0 0 1px var(--line)}
.msg__row{display:flex;align-items:center;gap:10px}
.msg__row--r{justify-content:flex-end}
.msg__avatar{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.msg__name{font-size:15px;font-weight:700;color:var(--ink)}   /* [С] 12.10: 16 → 15 */
.msg__time{font-size:15px;color:var(--gray-2)}
.msg__bubble{width:fit-content;max-width:100%;background:var(--bg-soft);color:var(--ink);border-radius:var(--r-bubble);padding:14px 18px;font-size:var(--fs-small);line-height:var(--lh-small)}   /* [С] 12.10: 15/20, поля ровные */
.msg__bubble--blue{margin-left:auto;background:var(--blue);color:var(--bg);font-weight:700}
.msg__bubble--blue .i-arrow{background:var(--bg)}
@media (max-width:767px){.msg{padding:22px 20px 24px}}

/* ---------- Плавающая плашка со статусом поверх фото (экран 03) ---------- */
.scan{justify-self:center;align-self:end;margin-bottom:20px;width:calc(100% - 40px);max-width:480px;background:rgba(255,255,255,.95);border-radius:var(--r-sm);padding:14px 20px;display:flex;flex-direction:column;gap:10px}
@media (max-width:1023px){.scan{max-width:none}}
.scan__q{display:flex;align-items:center;gap:10px;font-size:17px;line-height:20px;font-weight:700;color:var(--ink)}
.tag--soft{background:var(--bg-soft);color:var(--ink)}
@media (max-width:767px){.scan{padding:14px 16px;gap:10px}.scan__q{font-size:15px}}

/* ---------- Мини-диаграммы (экран 07 «В ответе — пять мест») ---------- */
.card07__visual{min-height:178px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:1023px){.card07__visual{min-height:0}}
.diagram{display:flex;flex-direction:column;gap:8px}
.diagram--split{flex-direction:row;align-items:center;gap:16px}
.diagram__col{flex:1;display:flex;flex-direction:column;gap:8px}
.diagram__label{font-size:11px;line-height:13px;font-weight:700;color:var(--gray);text-transform:uppercase}
.diagram__label--blue{color:var(--blue)}
.chat__bar--blue{background:var(--blue)}
.card07__text{display:contents}
.card07__visual + .card07__text>.title{margin-top:24px}
/* Полоска с серой «дорожкой» (диаграмма «Одних называют всегда») */
.bar{position:relative;height:10px;border-radius:5px;background:var(--bg-soft)}
.bar__fill{position:absolute;top:0;left:0;height:100%;border-radius:5px;background:var(--line-2)}
.bar__fill--blue{background:var(--blue)}
.timeline{display:flex;align-items:center;gap:0}
.timeline__dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:var(--blue)}
.timeline__dot--end{background:var(--line-2)}
.timeline__line{flex:1;height:2px;background:linear-gradient(90deg,var(--blue),var(--line-2))}
.timeline__labels{display:flex;justify-content:space-between;margin-top:12px;font-size:15px;font-weight:700;color:var(--ink)}
.timeline__labels span:last-child{font-weight:400;color:var(--gray)}

/* Карточка диаграммы — на 768 двухколоночная (визуал слева, текст справа), на Д/Т — в столбик */
@media (min-width:768px) and (max-width:1023px){
  .card--diagram{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);column-gap:24px;align-items:center}
  .card--diagram>.card07__visual{grid-column:1;grid-row:1/3;min-height:0}
  .card07__text{display:flex;flex-direction:column;justify-content:center;grid-column:2}
  .card--diagram .title{margin-top:0}
}

/* Ширины полосок диаграмм (вместо инлайн-стилей) */
.w-100{width:100%}.w-88{width:88%}.w-78{width:78%}.w-34{width:34%}.w-24{width:24%}.w-18{width:18%}

/* ---------- Малый пунктирный слот (варианты поменьше в карточках экранов 02/05) ---------- */
.chat__slot--sm{margin-top:14px;padding:10px 14px 11px;font-size:14px;line-height:17px}
@media (max-width:1023px){.chat__slot--sm{font-size:13px}}
.chat__slot__text{display:flex;align-items:center;gap:8px}
.chat__slot__text .chat__num{flex:0 0 20px;width:20px;height:20px;font-size:11px}

/* ---------- Доп. правила для мокапов (экраны 02, 04) ---------- */
.bubble-q + .mock{margin-top:16px}

/* Плитка-подложка под карточкой-ответом (экран 04) и «Карточка ответа» */
.card--tile{background:var(--bg-soft);border-radius:var(--r-xl);padding:37px 34px 34px}
@media (max-width:1023px){.card--tile{padding:26px 22px 22px}}
.inner--mt20{margin-top:20px;min-height:0}
.inner--rows .chat__row + .chat__row{margin-top:10px}
.chat__row--target{background:var(--blue);color:var(--bg);border-radius:var(--r-xs);padding:8px 12px;margin:10px -12px 0}
.chat__row--target b{color:var(--bg)}
.chat__row--target .chat__num{color:var(--blue)}
.chat__row--target .tag{margin-left:auto;background:rgba(255,255,255,.18);color:var(--bg)}

/* ---------- Отступ подписи под блоком чеков (экран 11) ---------- */
.checks + .note{margin-top:56px}

/* ---------- Текст мокапа «Сейчас — нейросеть» (экран 02), есть только в макете 1440 ---------- */
.mock__note{display:none;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink)}
@media (min-width:1024px){.mock__note{display:block}}
.mock__extra{display:none;margin-left:4px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink)}
@media (min-width:1024px){.mock__extra{display:inline}}

/* =====================================================================
   Секция 02 «Раньше искал — теперь спрашивает» — геометрия из
   screens/home_1440.svg (наряд «Дизайн-7»). Карточка 588×686 r36, поля 36,
   фото 588×168 во всю ширину сверху, внутренний блок 516×292 r20
   (тянется на остаток высоты, поэтому обе карточки одной высоты).
   ===================================================================== */
.compare{margin-top:1px}                 /* сетка карточек: верх 1156 (набежавшие доли px в шапке секции) */
.card--compare{--card-px:36px;--card-py:27px;border-radius:var(--r-xl)}
.card--compare .card__photo{border-radius:var(--r-xl) var(--r-xl) 0 0}
.card--compare .label{margin-top:32px}
.card--compare .label + .title{margin-top:7px}
.card--compare .inner{flex:1 1 auto;margin-top:23px;padding:16px;border-radius:20px}
.card--compare:not(.compare__col--dark) .inner{box-shadow:inset 0 0 0 1px var(--line);padding:17px}  /* обводка 1 px: поля внутри 16 + обводка */
.card--compare > p{margin-top:25px;font-size:19px;line-height:31px;letter-spacing:-.05px}  /* трекинг по макету: строка «…покупатель вас» в Figma 517, в браузере 518 — без этого ломается перенос */
.compare__col--dark .inner{background:var(--bg)}
.card--compare:not(.compare__col--dark)>p b{color:var(--ink)}   /* [С] 12.10: «Шанс был у каждого…» — чёрный Bold, не серый */
.compare__col--dark>p b{color:var(--bg)}                        /* [С] 12.10: «Вас нет в списке…» — белый Bold */

/* Левая карточка: мокап поисковой выдачи. Строка поиска 482×50 r12,
   кнопка «Найти» 67,6×34 r8, бейдж «Реклама» 70×22 r4 — не «пилюли». */
.card--compare .mock{gap:8px}
.card--compare .mock--gray{gap:10px}
.card--compare .mock__input{border-radius:12px;padding:8px 8px 8px 16px}
.card--compare .mock__input .btn{border-radius:8px;padding:0 14.5px}
.card--compare .mock__badge{border-radius:4px;padding:0 7px}
.card--compare .mock__ad{gap:3px 9px}
.card--compare .mock__desc{line-height:16px}
.card--compare .mock hr{margin:4px 0}

/* Правая карточка: серая плашка ответа нейросети 484×204 r16 внутри белого
   блока; пузырь вопроса 17 Regular, нижний правый угол 6. */
p.bubble-q--regular{font-weight:400}
.card--compare .inner p.bubble-q--chat{margin:0 0 0 auto;font-size:17px;line-height:21px;color:#fff;border-radius:var(--r-bubble) var(--r-bubble) 6px var(--r-bubble)}  /* пузырь прижат вправо, угол у «хвоста» 6 */
.bubble-q--chat + .mock{margin-top:12px}
.mock--gray{background:var(--bg-soft);border-radius:var(--r-sm);padding:15px 16px;gap:10px;font-size:var(--fs-small);line-height:var(--lh-small)}
.mock--gray .mock__note{margin-top:2px}
.mock--gray .chat__row{align-items:center;gap:10px}
.mock--gray .chat__row + .chat__row{margin-top:0}
.mock--gray > .chat__row > .chat__num{background:none}
.mock--gray .mock__src{height:24px;border-radius:var(--r-pill)}
.mock--gray .chat__slot--sm{margin-top:0;border-radius:11px;padding:9px 15.5px 9px 10px;font-size:15px;line-height:20px}
.mock--gray .chat__slot__text{gap:10px}
.mock--gray .chat__slot__text .chat__num{flex:0 0 24px;width:24px;height:24px;font-size:13px;background:var(--blue-tint)}

/* =====================================================================
   Секция 03 «Главный принцип GEO» — геометрия из screens/home_1440.svg.
   Плашка поиска 480×90 r20 над фото 520×400; карточки 588×280 r36.
   ===================================================================== */
.split:not(.split--order)>.head{margin-bottom:0}  /* в двухколоннике высоту строки задаёт визуал, а не отступ шапки */
.section--dark .split .lead{margin-top:26px}      /* от H2 до lead 25,8 (в макете) */
.split + .container{margin-top:48px}              /* от фото/текста до карточек 48 */
.case{padding:37px 36px 41px}                     /* поля карточки 36; сверху 37, снизу 41 */
.scan{padding:13px 16px 16px;gap:10.5px;border-radius:20px}
.scan__q{font-size:15px;line-height:20px}
.scan .tags{margin-top:0;gap:6px}
.scan .tag--soft{height:30px;padding:0 12px;font-size:13px;line-height:16px}
.section--dark .after{margin-top:47px}            /* от карточек до ссылки 47 */

/* =====================================================================
   Секция 04 «Ведём ваш бренд в ответы нейросетей» — из screens/home_1440.svg.
   Плитка 520×454 r44, в ней белая карточка 432×358 r32, серый ответ 384×212 r20.
   Слева лестница из трёх строк с линиями #E8E8ED шагом 127.
   ===================================================================== */
.rows{border-bottom:1px solid var(--line)}
.rows__item{border-top-color:var(--line);padding:20px 0 24px;gap:25px}
.rows__num{flex:0 0 38px;width:38px;height:38px;margin-top:2px}
.rows__item p{margin-top:4px}
.split--order{row-gap:0}
.split--order>.head{margin-bottom:40px}
.split--order>.actions{gap:31px;margin-top:35px}
.split--order>.card--tile{margin-top:38px}       /* верх плитки 3185 при центрировании по колонке */
.card--tile{border-radius:44px;padding:48px 44px}
.card--tile>.card{padding:24px;border-radius:32px}
.card--tile .inner{margin-top:14px;background:var(--bg-soft);border-radius:20px;padding:15px 18px 18px}
.inner--rows .mock__kicker{display:block;line-height:16px;margin-bottom:17px}
.card--tile .inner--rows .chat__row + .chat__row{margin-top:14px}
.card--tile .chat__row{gap:10px}
.card--tile .chat__row--target{padding:8px 10px 8px 8px;border-radius:var(--r-xs)}
.card--tile .inner--rows .chat__row + .chat__row--target{margin:10px -8px 0}
.card--tile .inner--rows .chat__row--target + .chat__row{margin-top:10px}
.card--tile .chat__row--target .tag{height:24px;padding:0 10px;font-size:12px;line-height:15px;background:rgba(255,255,255,.22)}
.card--tile .inner p.bubble-q--tile{margin:0 0 0 auto;max-width:296px;font-size:var(--fs-small);line-height:var(--lh-small);padding:12px 18px;border-radius:22px 22px 6px 22px}
.card--tile>.card p.bubble-q--tile{margin:0 0 0 auto;max-width:296px;font-size:var(--fs-small);line-height:var(--lh-small);padding:12px 18px;color:#fff;border-radius:22px 22px 6px 22px}  /* [С] 12.10: 15/20 */

/* =====================================================================
   Секция 05 «Узнайте себя» — из screens/home_1440.svg.
   Карточка 384×562 r36 #F5F5F7, фото 384×160 сверху, пузырь вопроса r20
   (нижний правый угол 6), белый блок ответа 328×132 r16.
   ===================================================================== */
.card--segment{--card-px:28px;--card-py:33px;border-radius:var(--r-xl)}
.card--segment .card__photo{border-radius:var(--r-xl) var(--r-xl) 0 0}
.card--segment .label--plain{margin-top:26px}
.card--segment>.bubble-q{margin-top:17px;margin-bottom:auto;font-weight:400;padding:11px 16px;
  border-radius:20px 20px 6px 20px}   /* margin-bottom:auto — блок ответа во всех карточках на одной высоте, как в макете */
/* Ширина пузыря = ширина текстового слоя в Figma (283 / 268 / 262 с полями 16);
   fit-content, поэтому на узких экранах пузырь сжимается вместе с карточкой. */
.card--segment:nth-child(1)>.bubble-q{max-width:290px}   /* строка в одну: в Figma 283, в браузере 285 */
.card--segment:nth-child(2)>.bubble-q{max-width:268px}
.card--segment:nth-child(3)>.bubble-q{max-width:262px}
.card--segment .inner{margin-top:16px;padding:14px;border-radius:var(--r-sm)}
.card--segment .chat__num{background:var(--bg-soft)}
.card--segment .chat__bar{width:100%;max-width:190px}
.card--segment .chat__bar--2{max-width:150px}
.card--segment .chat__row + .chat__row{margin-top:10px}
.card--segment .chat__slot--sm{margin-top:10px;border-radius:10px;padding:7.8px 12px 7.2px;line-height:17px}
.card--segment .chat__slot::after{display:none}   /* в макете у «3 — вы?» стрелки нет */
.card--segment>p{margin-top:15px}
.card--segment>p b{color:var(--ink)}   /* [С] 12.10: жирная фраза чёрная, не серая */

/* =====================================================================
   Секция 06 «Если задачу поставил руководитель» — из screens/home_1440.svg.
   Фото 560×560 r44, поверх него переписка 500×322 r32; слева лестница
   с линиями #D2D2D7 только МЕЖДУ строками.
   ===================================================================== */
.feature .lead{margin-top:30px}
.feature--order>.head{margin-bottom:46px}
.feature__photo--square{border-radius:44px}
.feature .msg{justify-self:center;align-self:end;margin:0 0 30px;max-width:500px}
.msg{gap:0;border-radius:32px;padding:28px;box-shadow:none}
.msg__row + .msg__bubble{margin-top:14px}
.msg__bubble + .msg__row{margin-top:18px}
.msg__row--r + .msg__bubble{margin-top:10px}
.msg__avatar{flex:0 0 32px;width:32px;height:32px;font-size:14px}
.msg__bubble{width:100%;padding:14px 20px;line-height:22px;border-radius:6px 20px 20px 20px}
.msg__bubble--blue{width:fit-content;max-width:341px;font-size:var(--fs-small);line-height:22px;font-weight:400;letter-spacing:-.12px;
  padding:11.4px 20px 12.6px 18px;border-radius:20px 20px 6px 20px}  /* трекинг по макету: строка «…GeoWise нас» в Figma 301, в браузере 305 */
/* Лестница на сером фоне: кружок 28 #E3ECFF, линии только между строками */
.rows--sm{border-bottom:0}
.rows--sm .rows__item{border-top-color:var(--line-2);padding:17px 0 19px;gap:20px}
.rows--sm .rows__item:first-child{border-top:0;padding-top:0}
.rows--sm .rows__item:last-child{padding-bottom:0}
.rows--sm .rows__num{flex:0 0 28px;background:var(--blue-soft);color:var(--blue);margin-top:2px}
.rows--sm .rows__item p{margin-top:4px;font-size:var(--fs-body);line-height:var(--lh-body)}   /* [С] 12.10: описания пунктов 15 → 17 */

/* =====================================================================
   Секция 07 «В ответе — пять мест» — из screens/home_1440.svg.
   Карточка 384×328 r36, обводка #E8E8ED; поле графики 148, заголовок 24/30.
   ===================================================================== */
.card--diagram{--card-py:33px;--card-px:33px;padding-bottom:38px;border-radius:var(--r-xl)}
.card07__visual{min-height:148px}
.card07__visual + .card07__text>.title{margin-top:22px}
.card--diagram .title{font-size:var(--fs-title-l);line-height:var(--lh-title-l)}
.card--diagram p{margin-top:8.5px;letter-spacing:-.08px}   /* трекинг по макету: строка «…почти в каждом» в Figma 318, в браузере 320 */
/* Карточка 1: столбики «поиск → нейросеть» 96 px, стрелка между ними 26/26 */
.diagram--split{gap:26px;justify-content:flex-start}
.diagram--split .diagram__col{flex:0 1 96px}
.diagram--split .i-arrow{width:13px;height:11.6px;color:var(--gray-2)}
.diagram--split .diagram__col:first-child{gap:5px}
.diagram--split .diagram__col:first-child .diagram__label{margin-bottom:3px}
.diagram--split .diagram__col:first-child .chat__bar{height:5px;border-radius:2.5px}
.diagram--split .diagram__col:last-child{gap:6px}
.diagram--split .diagram__col:last-child .diagram__label{margin-bottom:4px}
.diagram--split .diagram__col:last-child .chat__bar{height:12px;border-radius:4px}
/* Карточка 2: полосы 318×14 r7, шаг 24 */
.card--diagram .diagram:not(.diagram--split){gap:10px}
.card--diagram .bar{height:14px;border-radius:7px}
.card--diagram .bar__fill{border-radius:7px;background:var(--gray-3)}
.card--diagram .bar__fill--blue{background:var(--blue)}
.w-90{width:89.8%}.w-32{width:31.8%}.w-20{width:19.8%}.w-10{width:9.8%}
/* Карточка 3: шкала «сегодня → завтра», точки 28, линия 4 в три ступени прозрачности */
.timeline__dot{flex:0 0 28px;width:28px;height:28px}
.timeline__line{height:4px;background:linear-gradient(90deg,
  var(--blue) 0 33.333%,rgba(10,92,255,.6) 33.333% 66.667%,rgba(10,92,255,.3) 66.667% 100%)}
.timeline__labels{margin-top:14px;line-height:20px;color:var(--blue)}
.timeline__labels span:last-child{color:var(--gray-2)}
.conclusion{margin-top:39px}

/* =====================================================================
   Секция 08 «Что покажет проверка» — из screens/home_1440.svg.
   Карточка 384×177 r28, белая БЕЗ обводки (выделенная — рамка 2 px синяя),
   заголовок 22/28.
   ===================================================================== */
.card--check{padding:30px 28px 35px}
.card--check .title{font-size:var(--fs-title-m);line-height:var(--lh-title-m)}
.card--accent.card--check{padding-left:30px;padding-right:30px}  /* рамка 2 px рисуется поверх, поля считаются от неё */

/* =====================================================================
   Секция 09 «Цены» — из screens/home_1440.svg.
   Карточка тарифа 282×456 r32, кнопка внутри 228×48, полоса 1200×60 r22.
   ===================================================================== */
.tariff{padding:30px 27px 29px}
.tariff .btn{height:48px;padding:0 24px;font-size:var(--fs-btn-s)}
.tariff__desc{margin-top:6.5px}

/* =====================================================================
   Секция 11 «Первый шаг» — из screens/home_1440.svg: H1 64, кнопки 9887,5,
   между строкой с галочками и примечанием в макете 122 px.
   ===================================================================== */
.center .head{margin-top:2px;margin-bottom:34px}   /* схлопывается с margin-top .actions */
.center .lead{margin-top:33px}
.center .actions{margin-top:0}
.center .checks{margin-top:34px}
.checks + .note{margin-top:121px}

/* =====================================================================
   Сверка высот секций с screens/home_1440.svg: высота содержимого секций
   06/07/08/09 и подвала в браузере отличается от макета на 1–3 px и
   смещение копится вниз. Доводка нижним полем секции, содержимое не двигается.
   Макет: 06 — 879, 07 — 804, 08 — 848, 09 — 942, подвал — 574.
   ===================================================================== */
.section--pb08{padding-bottom:calc(var(--section-y) - 2px)}
.section--pb09{padding-bottom:calc(var(--section-y) - 2px)}

/* =====================================================================
   Планшет 768–1023: доводка по макету «Home v5 — Tablet 768».
   Только то, что в макете 768 отличается от десктопа; 1440 не затрагивается.
   ===================================================================== */
@media (min-width:768px) and (max-width:1023px){
  /* Шапка */
  .burger{margin-left:15px}                     /* в макете правый край кнопки 680,3, бургер 696..720 */

  /* 02 · Раньше искал — теперь спрашивает */
  .h2{margin-right:-16px}                       /* строка «Теперь — спрашивает нейросеть.» в макете 681 px — шире контейнера 672 */
  .card--compare{--card-px:20.5px;--card-py:24px;padding-bottom:22.5px}   /* карточки 328×670,5 */
  .card--compare .label{margin-top:24px}
  .card--compare .label + .title{margin-top:6px}
  .card--compare .title--xl{font-size:21px;line-height:26px}   /* в макете 768 заголовок карточки 21, не 24 */
  .card--compare .inner{flex:0 0 auto;min-height:318px;margin-top:19.5px;padding:12.5px}  /* в макете обе вкладки 318; лишнее место уходит вниз карточки, а не в неё */
  .card--compare:not(.compare__col--dark) .inner{padding:12.5px}  /* строка поиска с x 81 */
  .card--compare>p{margin-top:17.5px;font-size:17px;line-height:24px}   /* подпись под вкладкой y 2007,8 */
  .card--compare .mock__input{min-height:44px;padding:6px 6px 6px 11.3px}  /* строка поиска 262×44 при x 81 */
  .card--compare .mock__input .btn{height:32px;padding:0 9.75px}           /* «Найти» 59,6×32 */
  .card--compare .inner p.bubble-q--chat{font-size:15px;line-height:20px;padding:9px 15.3px;max-width:206px}  /* пузырь 206×58 */
  .bubble-q--chat + .mock{margin-top:10px}

  /* 03 · Главный принцип GEO */
  .h2--narrow{max-width:none}                   /* в макете 768 строка H2 648 px — шире 600 */
  .section--dark .split .lead{margin-top:16px}
  .section--dark .split{gap:29.5px}             /* от lead до фото 32 (фото y 2599,5) */
  .split + .container{margin-top:var(--gap)}    /* [С] 12.10: отступ до карточек = отступу между карточками */
  .case{padding:24.5px 22px 28.5px}             /* карточка 328×258, надзаголовок y 3092 */
  .case .title{margin-top:18px}
  .case p{margin-top:6px}
  .case .tags{margin-top:16px}                  /* чипы y 3123,5 */
  .case .tag{padding:0 11.75px}                 /* чипы 82,8 / 62,5 / 74,1 */
  .scan{width:calc(100% - 28px);margin-bottom:14px;padding:11.5px 15.5px 12.9px;gap:8.6px}  /* плашка 644×83 при x 62, y 2942,5 */
  .scan .tags{margin-left:3.5px;gap:17.2px}     /* чипы с x 81 */
  .scan .tag--soft{padding:0 5.2px}             /* чипы 51,5 / 60 / 69,5 */
  .section--dark .after{margin-top:27px}        /* ссылка «Как нейросети выбирают…» y 3358,3 */
  .section--pb03{padding-bottom:calc(var(--section-y) - 1px)}   /* низ секции 3455,5 */

  /* 04 · Ведём ваш бренд в ответы нейросетей */
  .split--order{row-gap:0}                      /* шаги блоков разные — задаются полями, не gap */
  .split--order>.head>.eyebrow{margin-bottom:17px}  /* в макете H2 этой секции ниже: ink 3577,4 */
  .split--order>.head{margin-bottom:36.5px}     /* плитка y 3697,5 */
  .split--order>.card--tile{margin-top:0;margin-bottom:33.5px;padding:44px 64px}  /* плитка 672×442, карточка внутри 544 */
  .split--order>.rows{margin-bottom:36px}       /* кнопка y 4535,5 */
  .split--order>.actions{margin-top:0}
  .card--tile>.card p.bubble-q--tile{padding:12px 18px}   /* [С] 12.10: кегль 15 из базы */
  .card--tile .inner--rows{padding-bottom:16px} /* ответ 496×210 */

  /* 05 · Узнайте себя */
  .section--pb05 .head .eyebrow{margin-bottom:14px}   /* H2 секции в макете ниже: ink 4793,4 */
  .section--pb05 .head{margin-bottom:28px}            /* карточки сегментов y 4990,5 */
  .section--pb05{padding-bottom:calc(var(--section-y) - 2px)}     /* низ секции 6328,5 */
  .card--segment{grid-template-columns:minmax(0,208px) minmax(0,1fr);column-gap:28px}
  .card--segment .card__photo{grid-row:1/span 99;min-height:0;align-self:stretch;width:calc(100% + var(--card-px));height:auto;
    margin:-25.5px 0 -30.5px calc(-1*var(--card-px));
    border-radius:var(--r-md) 0 0 var(--r-md)}   /* фото во всю высоту карточки, 236 (в макете 48..284) */
  .card--segment{--card-py:25.5px;padding:25.5px 28px 30.5px}   /* карточки 672×368 / 416 / 392 */
  .card--segment .card__photo{border-radius:var(--r-xl) 0 0 var(--r-xl)}
  .card--segment .label--plain{margin-top:0}
  .card--segment>.bubble-q{margin-top:15.5px}
  .card--segment .inner{margin-top:14px}
  .card--segment .inner + p{margin-top:11.5px}
  .card--segment:nth-child(2)>.bubble-q{max-width:260px}
  .card--segment:nth-child(3)>.bubble-q{max-width:250px}

  /* 06 · Если задачу поставил руководитель */
  .feature--order{row-gap:0}                    /* шаги блоков заданы полями */
  .feature--order>.head>.eyebrow{margin-bottom:17px}  /* в макете H2 этой секции ниже: ink 6451,2 */
  .feature--order>.head>.lead{margin-top:26.8px}      /* lead ink 6567,5 */
  .feature--order>.head{margin-bottom:33.2px}   /* фото y 6652,5 */
  .feature .lead{max-width:none}                /* в макете lead 645 px — во всю ширину контейнера */
  .feature--order>.feature__visual{margin-bottom:18px}
  .feature .msg{justify-self:end;max-width:500px;margin:0 30px 30px 0}  /* карточка 500×320 при x 190 */
  .msg__avatar{flex:0 0 32px;width:32px;height:32px}
  .feature .rows--sm .rows__item:first-child{padding-top:17px}  /* первая строка списка 1 y 7252,7 */
  .feature .rows--sm .rows__item:nth-child(2){padding-bottom:17px}  /* вторая строка 84 (строка 3 y 7422,5) */

  /* 11 · Первый шаг */
  .center .head{margin-top:0;margin-bottom:35.5px}   /* кнопки y 12231 */
  .center .lead{margin-top:24px}                /* lead y 12147,5 */
  .checks{column-gap:28px}                      /* в макете три пункта в одну строку, 48…717 */
  .center .checks{margin-top:29.5px}
  .checks + .note{margin-top:85px}              /* сноска y 12430,8 */
  .section--pb11{padding-bottom:calc(var(--section-y) + 1px)}   /* секция 572 */

  /* Подвал */
  .footer__about{max-width:310px;margin-top:8.5px}   /* в макете две строки: 296,7 и 255,3 */
  .footer__cols{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px;padding-top:34.1px;row-gap:37px}  /* колонки x 48 / 280,6 / 512,6, «УСЛУГИ» y 12741,2 */
  .footer__list{margin-top:11.9px}              /* первый пункт y 12769,6 */
  .footer__bottom{padding-top:21.5px}           /* © GeoWise y 13180,8 */
  .footer{padding-bottom:40.9px}                /* подвал 752 */

  /* 07 · В ответе — пять мест */
  .card--diagram{--card-px:37px;min-height:184px;padding-bottom:35px}  /* карточки 672×184, поле слева 37 (полосы с x 85) */
  .card--diagram{grid-template-columns:minmax(0,250px) minmax(0,1fr);column-gap:43px}  /* визуал 85…335, текст с x 378 */
  .card--diagram>.card07__visual{grid-row:1}    /* визуал и текст в одной строке — центрируются вместе */
  .card07__text{max-width:297px}                /* в макете строки текста до x 675 */
  .card--diagram .card07__text>.title{margin-top:0}
  .card--diagram .card07__text>p{margin-top:5.5px}   /* текст y 7847,3 при заголовке y 7814 */
  .diagram--split{gap:21px}                     /* стрелка 202…215 */
  .timeline__labels{margin-top:12px}            /* линия таймлайна y 8251,5, подписи y 8277,5 */
  .diagram--split .diagram__col:last-child{gap:5px}
  .diagram--split .diagram__col:last-child .chat__bar{height:13px}   /* синие полосы шаг 18 */
  .conclusion{margin-top:26px}                  /* «Раньше начнёте…» y 8391 */

  /* 08 · Что покажет проверка */
  .section--soft .card--check{padding:22px 23px 28px}  /* карточки 327×179 / 153 / 175 */
  .section--soft .card--check:nth-child(n+3){padding-bottom:26px}   /* второй ряд 153 */
  .section--soft .card--check:nth-child(n+5){padding-bottom:24px}   /* третий ряд 175 */
  .section--pb08 .grid--t2{row-gap:17px}        /* ряды карточек y 8720 / 8916 / 9086 */
  .section--pb08>.container>.head{margin-bottom:30.5px}   /* ряды карточек y 8720 */
  .section--pb08{padding-bottom:calc(var(--section-y) - 1.5px)} /* секция 901 (на 1440 −2) */
  .card--check .title{letter-spacing:-.1px}     /* трекинг по макету: «На какие сайты ссылается?» в Figma 280,5 */
  .card--check .title + p{margin-top:8px}       /* текст карточки y 8805,6 */

  /* 09 · Цены */
  .tariff{padding:22px 23px 25px}               /* карточки 328×394 / 384, кнопка x 71 w 282 */
  .tariff__list{margin-bottom:28.5px}           /* кнопка тарифа y 9897,5 */
  .strip{margin-top:12px;padding:17.3px 27px 18.7px 25px;line-height:24px}  /* полоса 672×84 при y 10382,5 */
  .section--pb09 .after{margin-top:27.2px}      /* «Сравнить тарифы» y 10499,5 */
  .section--pb09{padding-bottom:calc(var(--section-y) - 1.2px)}   /* секция 1205 (на 1440 −2) */

  /* 10 · Вопросы */
  /* В макете 768 строки FAQ не одной сетки: при одинаковом содержимом высоты 128 и 126.
     Нижнее поле задано по строкам — линии встают на 10734 / 10862 / 10988 / 11090 /
     11218 / 11320 / 11448 / 11585 / 11713 / 11814. */
  .head--faq{margin-bottom:38px}                /* первая линия FAQ y 10734 */
  .faq__item{padding:21.5px 0 24.5px}
  .faq__item:nth-child(2){padding-bottom:22.5px}
  .faq__item:nth-child(3){padding-bottom:23px}
  .faq__item:nth-child(5){padding-bottom:25px}
  .faq__item:nth-child(7){padding-bottom:30.5px}
  .faq__item:nth-child(9){padding-bottom:22px}
}

/* =====================================================================
   Телефон до 767: доводка по макету «Home v5 — Mobile 390».
   Только то, что в макете 390 отличается от планшета; 768 и 1440 не трогаем.
   ===================================================================== */
@media (max-width:767px){
  /* Шапка: кнопка 142,3 кончается на 330,3, бургер 346..370 */
  .burger{margin-left:15.7px}

  /* 01 · Первый экран — карточка чата 350×416 при y 371 */
  .hero__cta .note{margin-top:20.1px;text-align:center}    /* [С] 12.10: по центру только на телефоне */
  .hero .chips{gap:6.4px}
  .hero .chip{height:32px;font-size:14px}
  .hero .chat__who{font-size:14px}
  .hero .chat__bubble{max-width:251px;padding:13px 18.5px}
  .hero .chat__answer{margin-top:15px;padding:17px 15.2px}
  .hero .chat__row{gap:15.5px}
  .hero .chat__row + .chat__row{margin-top:14px}
  .hero .chat__bar{width:177px}.hero .chat__bar--2{width:133px}.hero .chat__bar--3{width:155px}
  .hero .chat__slot{margin-top:15px;padding:15px 18.7px 15px 16px}   /* [С] 12.10: «Ваш бренд в этом списке?» 17 px */
  .hero .chat__slot::after{width:14.1px;height:12.4px}

  /* 02 · Раньше искал — теперь спрашивает: карточки 350×577,5 и 350×584,5 */
  .compare{gap:16px}
  .card--compare{--card-px:20px;--card-py:24px;padding-bottom:24.5px}
  .card--compare.compare__col--dark{padding-bottom:22.1px}
  .card--compare .label{margin-top:24px}
  .card--compare .label + .title{margin-top:6.7px}
  .card--compare .inner{flex:0 0 auto;margin-top:17.8px;padding:12px}
  .card--compare:not(.compare__col--dark) .inner{margin-top:18.3px;padding:12.5px 12.5px 14.25px}
  .card--compare>p{margin-top:17.4px;font-size:17px;line-height:24px}
  .card--compare:not(.compare__col--dark)>p{margin-top:18px}
  .card--compare .mock:not(.mock--gray){gap:4.25px}
  .card--compare .mock__desc{font-size:12.5px}       /* «Доставка по Москве сегодня…» в макете одной строкой */
  .card--compare .mock__input{min-height:44px;padding:6px 6px 6px 11.3px}   /* строка поиска 284×44 */
  .card--compare .mock__input .btn{height:32px;padding:0 9.75px}            /* «Найти» 59,6×32 */
  .card--compare .inner p.bubble-q--chat{font-size:15px;line-height:20px;padding:9px 15.3px;max-width:206px}  /* пузырь 206×58 */
  .card--compare .bubble-q--chat + .mock{margin-top:10px}
  .card--compare .mock--gray{padding:14px}
  .card--compare .mock__kicker{font-size:12px;line-height:14.5px;margin-bottom:5px}
  .card--compare .mock--gray .chat__num{flex:0 0 22px;width:22px;height:22px;font-size:12px}
  .card--compare .mock--gray .chat__row>div:last-child{display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;min-width:0}
  .card--compare .mock--gray .mock__src{height:22px;padding:0 10px;font-size:12px}
  .card--compare .mock--gray .mock__src .i-ext{display:none}   /* в макете 390 значка внешней ссылки нет */
  .card--compare .mock--gray .chat__slot--sm{padding:8px 13px 8px 10px}
  .card--compare .mock--gray .chat__slot__text .chat__num{flex:0 0 22px;width:22px;height:22px;font-size:12px}
  .card--compare .chat__slot::after{width:12px;height:10.5px}
  .nb{white-space:normal}

  /* Строка-ссылка под сеткой: высота строки по ссылке (16/19), а не по абзацу */
  .after{font-size:16px;line-height:19px}

  /* 03 · Главный принцип GEO — секция 1271, карточки 350×226 */
  .section--dark .split .lead{margin-top:16px}        /* lead y 2762,2 */
  .section--pb03 .split{gap:29.1px}                   /* фото y 2899,3 */
  .split + .container{margin-top:var(--gap)}          /* [С] 12.10: отступ до карточек = отступу между карточками */
  .scan{width:calc(100% - 28px);margin-bottom:14px;padding:11.45px 15.5px 12.8px;gap:8.75px}  /* плашка 322×83 при x 34, y 3102,3 */
  .scan .tags{gap:6.8px}
  .scan .tag{height:30px;padding:0 8.1px}             /* чипы 61 / 70 / 79,2 с x 49,5 */
  .case{padding:24.56px 22px 29px}
  .case .tags{margin-top:16.44px}                     /* чипы y 3283,3 */
  .case .tag{padding:0 11.6px}                        /* чипы 82,8 / 62,4 / 74,1 */
  .case__arrow{margin:19.7px 0 0 4.6px;width:12.9px;height:14.7px}
  .case .title{margin-top:20.1px;margin-right:-12px}   /* «Нейросеть называет других» в макете 315 — шире поля карточки */
  .case p{margin-top:2.5px}
  .section--dark .after{margin-top:28.4px}            /* ссылка «Как нейросети выбирают…» y 3723,4 */
  .section--pb03{padding-bottom:calc(var(--section-y) + 0.6px)}

  /* 04 · Ведём ваш бренд в ответы нейросетей — секция 1143 */
  .split--order{gap:0}                                /* отбивки блоков разные, задаём полями */
  .split--order>.head{margin-bottom:0}
  .split--order>.card--tile{margin-top:27px;margin-bottom:0;padding:16px;border-radius:28px}  /* плитка 350×368 */
  .card--tile>.card{padding:14px;border-radius:20px}  /* карточка ответа 318×336 */
  .card--tile>.card p.bubble-q--tile{max-width:236px;padding:10px 15px;border-radius:18px 18px 6px 18px}   /* [С] 12.10: кегль 15 из базы */
  .split--order .eyebrow{margin-bottom:11px}         /* H2 y 3880,3 */
  .card--tile .inner{margin-top:12px;padding:12.8px 16px 14.655px;border-radius:16px;font-size:15px;line-height:22px}  /* ответ 290×228 */
  .card--tile .inner--rows .mock__kicker{font-size:12px;line-height:14.5px;margin-bottom:13.15px}
  .card--tile .chat__num{flex:0 0 22px;width:22px;height:22px;font-size:12px}
  .card--tile .inner--rows .chat__row + .chat__row{margin-top:11px}
  .card--tile .inner--rows .chat__row + .chat__row--target{margin:6.55px -8px 0}
  .card--tile .chat__row--target{padding:8px}
  .card--tile .chat__row--target .tag{height:22px}
  .card--tile .inner--rows .chat__row--target + .chat__row{margin-top:7.345px}
  .split--order>.rows{margin-top:29.94px;margin-bottom:0}
  .rows__item{gap:16px;padding:19px 0 18px}
  .rows__num{flex:0 0 32px;width:32px;height:32px;font-size:15px;margin-top:0}
  .rows__item .title{font-size:18px;line-height:24px}
  .rows__item p{margin-top:3px}
  .split--order>.actions{gap:20px;margin-top:26.1px}  /* кнопка y 4787,3, «Пример отчёта» y 4866,1 */

  /* 05 · Узнайте себя — карточки сегментов 350×518 / 542 / 518 */
  .card--segment{--card-px:20px;--card-py:24.7px;min-height:518px}   /* в макете первая карточка вытянута до 518 */
  .card--segment .card__photo{height:auto}             /* фото 350×140; height:100% осталось от планшета */
  .card--segment .label--plain{margin-top:20.45px}
  .card--segment>.bubble-q{margin-top:15.55px;margin-bottom:0;padding:10px 15.4px}
  /* Ширина пузыря = ширина текстового слоя в Figma (283 / 260 / 250 с полями 16,4);
     max-width чуть шире, чтобы строка не ломалась: fit-content сам сожмёт коробку. */
  .card--segment:nth-child(1)>.bubble-q{max-width:285px}
  .card--segment:nth-child(2)>.bubble-q{max-width:261px}
  .card--segment:nth-child(3)>.bubble-q{max-width:250px}
  .card--segment .inner{margin-top:14px;padding:14.15px 14px 14px}   /* ответ 310×128 */
  .card--segment .chat__num{flex:0 0 22px;width:22px;height:22px;font-size:12px}
  .card--segment .chat__slot--sm{font-size:14px}
  .card--segment>p{margin-top:13px}
  .section--pb05{padding-bottom:calc(var(--section-y) + 1.2px)}

  /* 06 · Если задачу поставил руководитель — секция 1238 */
  .feature--order>.head{margin-bottom:0}
  .feature .lead{margin-top:19.94px}
  .feature{row-gap:25.5px}                          /* фото y 7312,3 */
  .feature .feature__visual{margin-bottom:2.1px}    /* лестница y 7835,7 */
  .feature__photo--square{border-radius:28px}
  .feature .msg{max-width:324px;margin:0 0 12.84px} /* карточка 324×305 при x 33 */
  .msg{padding:18px 17px 18.5px;border-radius:24px}
  .msg__avatar{flex:0 0 28px;width:28px;height:28px}
  .msg__row + .msg__bubble{margin-top:11px}
  .msg__row--r + .msg__bubble{margin-top:9.5px}
  .msg__bubble{padding:12px 15px;line-height:22px}   /* [С] 12.10: кегль 15 из базы */
  .msg__bubble--blue{max-width:214px;line-height:20px;padding:9px 13px}  /* синий 213,5×78 */
  .rows--sm .rows__item{padding:14px 0}
  .rows--sm .rows__item:first-child{padding-top:0}
  .rows--sm .rows__item:last-child{padding-bottom:0}
  .rows--sm .rows__num{width:28px;height:28px;font-size:14px;margin-top:1px}
  .rows--sm .rows__item p{margin-top:3px}

  /* 07 · В ответе — пять мест — карточки 350×300 / 300 / 276 */
  .grid--3{gap:16px}                                  /* в макете 390 шаг карточек 16, а не 12 */
  .card--diagram{--card-py:14.5px;--card-px:23.5px;padding-bottom:27.6px}
  .card07__visual + .card07__text>.title{margin-top:4.9px}
  .card--diagram p{margin-top:7px}
  .diagram--split{gap:21.3px}                         /* столбики 96 и 95, стрелка 13,3×11,6 */
  .diagram--split .diagram__col:last-child{flex:0 1 95px}
  .diagram--split .diagram__col:first-child .diagram__label{margin-bottom:2.8px}
  .diagram--split .diagram__col:last-child .diagram__label{margin-bottom:4.3px}
  .diagram--split .i-arrow{width:13.3px;height:11.6px}
  /* Полосы диаграммы на 390 длиннее, чем на 1440 (замер по макету 390) */
  .card--diagram .bar__fill.w-90{width:91.7%}
  .card--diagram .bar__fill.w-78{width:79.9%}
  .card--diagram .bar__fill.w-32{width:33.9%}
  .card--diagram .bar__fill.w-20{width:22.1%}
  .card--diagram .bar__fill.w-10{width:11.9%}
  .conclusion{margin-top:26px}

  /* 08 · Что покажет проверка — карточки 350×129 и 350×153 */
  .grid--3.grid--t2{gap:14px}                         /* здесь шаг карточек 14 */
  .section--pb08 .head{margin-bottom:31px}            /* карточки y 9649,3 */
  .card--check{padding:23.5px 22.8px 25.2px}
  .card--check:nth-child(2){padding-bottom:26.2px}   /* 154 */
  .card--check:nth-child(5){padding-bottom:23.2px}   /* 151 */
  .card--accent.card--check{padding-left:22.8px;padding-right:22.8px}
  .card--check .label + .title{margin-top:6.3px}
  .card--check p{margin-top:9px}
  .section--pb08 .after{margin-top:29.1px}
  .section--pb08{padding-bottom:calc(var(--section-y) + 0.9px)}

  /* 09 · Цены — карточки тарифов 350×359 / 392 / 359 / 382 */
  .tariff{padding:25.56px 23px 24.8px}
  .tariff:nth-child(2),.tariff:nth-child(4){padding-bottom:27.8px}
  .tariff .label + .title{margin-top:6.31px}
  .tariff__price{margin-top:10.74px}
  .tariff__desc{margin-top:7.6px}
  .tariff__list{margin:17px -9px 25px 0;padding-top:18px}
  .tariff__list .i-check{width:12.3px;height:8.9px}
  .strip{margin-top:12px;padding:17.37px 20.5px 20.39px;gap:11.24px;line-height:24px}  /* полоса 350×116 */
  .section--pb09 .after{margin-top:28.51px}
  .section--pb09{padding-bottom:calc(var(--section-y) + 0.5px)}

  /* 10 · Вопросы — линии FAQ с 12725,5, высоты строк 141/139/116/165/116/141/173/140/93 */
  .head--faq{margin-bottom:25.2px}
  .faq__item{padding:18.1px 0 20.2px;row-gap:5.76px}
  .faq__item:nth-child(2){padding-bottom:18.2px}
  .faq__item:nth-child(3),.faq__item:nth-child(5),.faq__item:nth-child(8){padding-bottom:19.2px}
  .faq__item:nth-child(7){padding-bottom:19.7px;row-gap:14px}   /* в макете двухстрочный вопрос отбит от ответа шире */   /* в макете двухстрочный вопрос отбит от ответа шире */
  .faq + .after{margin-top:25.8px}

  /* 11 · Первый шаг — секция 658 */
  .center .head{margin-top:0;margin-bottom:25.46px}   /* кнопка y 14320,3 */
  .center .lead{margin-top:23.95px}
  .center .actions{gap:11.5px}
  .center .checks{margin-top:24.47px;gap:10.2px}
  .checks .i-check{width:12.3px;height:8.9px}
  .checks li{gap:10.8px}
  .checks + .note{margin-top:57.96px}
  .section--pb11{padding-bottom:58.1px}

  /* Подвал — 953,5 (замеры из макета 390) */
  .footer__about{margin-top:8.67px}
  .footer__cols{margin-top:27.4px;padding-top:28px;row-gap:29px}
  .footer__list{margin-top:12px}
  .footer__bottom{margin-top:28px}
  .footer{padding-bottom:34.67px}
}

/* =====================================================================
   Шапка, меню и кнопки: анимации ([С] 12.10 — возвращены из staging 2).
   Механики перенесены один в один, классы адаптированы к нашим токенам:
   наведение на пункты шапки, выпадающий список «О GEO» с мостом через
   зазор, бургер → крест, полотно мобильного меню, наведение на кнопки.
   Раскладка прежняя — никакого absolute для сетки, только для панели меню.
   ===================================================================== */

/* ---------- Пункты шапки: цвет + подчёркивание, выезжающее слева ---------- */
.nav a,.nav__toggle{position:relative;color:var(--ink);white-space:nowrap;transition:color var(--t-hover) var(--ease)}
.nav>a::after,.nav__toggle::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--t-hover) var(--ease)}
.nav>a:hover,.nav__toggle:hover{color:var(--blue)}
.nav>a:hover::after,.nav__toggle:hover::after{transform:scaleX(1)}

/* ---------- Выпадающий список «О GEO» ---------- */
.nav__group{position:relative;display:flex;align-items:center}
.nav__toggle{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-nav);line-height:19px}
.nav__toggle .chev{flex:0 0 auto;width:8px;height:5px;background:currentColor;transition:transform var(--t-hover) var(--ease);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5' fill='none' stroke='black' stroke-width='1.34' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l3 3 3-3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5' fill='none' stroke='black' stroke-width='1.34' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l3 3 3-3'/%3E%3C/svg%3E") center/contain no-repeat}
.nav__group.is-open .chev{transform:rotate(180deg)}
.nav__drop{position:absolute;top:calc(100% + var(--drop-gap));left:-20px;z-index:60;min-width:248px;padding:10px 0;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),var(--sh-drop);border-radius:var(--r-sm);
  opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}
.nav__group:hover .nav__drop,.nav__group:focus-within .nav__drop,.nav__group.is-hover .nav__drop,.nav__group.is-open .nav__drop{opacity:1;transform:none;pointer-events:auto}
/* Мост через зазор: без него курсор, идущий вниз к списку, выходит из группы
   и :hover снимается — список пропадает. Второй контур — задержка 180 мс в JS. */
.nav__drop::before{content:"";position:absolute;left:0;right:0;top:calc(-1*var(--drop-gap));height:var(--drop-gap)}
.nav__drop a{display:block;padding:8px 20px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink);white-space:nowrap;transition:color var(--t-hover) var(--ease),background var(--t-hover) var(--ease)}
.nav__drop a::after{display:none}
.nav__drop a:hover{color:var(--blue);background:var(--blue-tint)}

/* ---------- Бургер: три линии сходятся в крест ---------- */
.burger span,.burger::before,.burger::after{transition:transform var(--t-menu) var(--ease),opacity var(--t-menu) var(--ease)}
.burger span{transition-duration:calc(var(--t-menu)/2)}
.menu-open .burger::before{transform:translateY(6px) rotate(45deg)}
.menu-open .burger span{opacity:0;transform:scaleX(.2)}
.menu-open .burger::after{transform:translateY(-6px) rotate(-45deg)}

/* ---------- Полотно мобильного меню ---------- */
.mmenu{position:fixed;left:0;right:0;top:var(--header-h);bottom:0;z-index:40;background:var(--bg);
  opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--t-menu) var(--ease),transform var(--t-menu) var(--ease)}
.menu-open .mmenu{opacity:1;transform:none;pointer-events:auto}
.menu-open body{position:fixed;left:0;right:0;overflow:hidden}
.mmenu__inner{display:flex;flex-direction:column;padding-top:28px}
.mmenu__link{font-size:var(--fs-mmenu);line-height:1.2;font-weight:700;padding:14px 0;color:var(--ink);
  opacity:0;transform:translateY(10px);transition:opacity var(--t-menu) var(--ease),transform var(--t-menu) var(--ease),color var(--t-hover) var(--ease)}
.menu-open .mmenu__link{opacity:1;transform:none}
.mmenu__link:hover{color:var(--blue)}
.mmenu__link[aria-current="page"]{font-weight:700}
/* Лесенка: пункты появляются по очереди */
.mmenu__link:nth-child(1){transition-delay:40ms}
.mmenu__link:nth-child(2){transition-delay:80ms}
.mmenu__link:nth-child(3){transition-delay:120ms}
.mmenu__link:nth-child(4){transition-delay:160ms}
.mmenu__link:nth-child(5){transition-delay:200ms}
.mmenu__link:nth-child(6){transition-delay:240ms}
html:not(.menu-open) .mmenu__link{transition-delay:0ms}
@media (min-width:1024px){.mmenu{display:none}}

/* ---------- Кнопки: подъём на 1 px, смена тона и тень ---------- */
.btn{transition:background-color var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}
.btn--primary:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:var(--sh-btn-blue)}
.btn--ghost:hover{background:var(--bg-soft);transform:translateY(-1px);box-shadow:0 0 0 1.5px var(--gray-3),var(--sh-btn-ghost)}
.section--dark .btn--ghost:hover{background:transparent;box-shadow:0 0 0 1.5px rgba(255,255,255,.6),var(--sh-btn-white)}
.btn--white:hover{background:var(--white-hover);transform:translateY(-1px);box-shadow:var(--sh-btn-white)}
.btn--primary:active,.btn--ghost:active,.btn--white:active{transform:scale(.98);transition-duration:var(--t-press)}

/* ---------- Уважаем «меньше движения» ---------- */
@media (prefers-reduced-motion:reduce){
  .nav a,.nav__toggle,.nav>a::after,.nav__toggle::after,.nav__toggle .chev,.nav__drop,.nav__drop a,
  .burger span,.burger::before,.burger::after,.mmenu,.mmenu__link,.btn{transition:none}
  .btn--primary:hover,.btn--ghost:hover,.btn--white:hover,.btn--primary:active,.btn--ghost:active,.btn--white:active{transform:none}
}