/* ==========================================================================
   CROPAS — стили страницы услуги
   ========================================================================== */

/* Таблица «стоимость заявки по тематикам» */
.niche-table {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 40px;
	border-radius: var(--r-card);
	overflow: hidden;
	border: 1px solid var(--bd);
	background: #fff;
	padding: 8px 28px;
}
.niche-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 15px 0;
	border-bottom: 1px solid var(--bd-4);
}
.niche-row__name { font-weight: 600; font-size: 15.5px; color: var(--c-text); }
.niche-row__price { font-family: var(--font-mono); font-weight: 700; font-size: 15px; color: var(--accent); white-space: nowrap; }

/* Цветной хвост цены скидок уже в общих стилях. */

/* ===== Калькулятор бюджета (услуга: контекст) ===== */
.budget-calc{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
.budget-calc__controls{background:#fff;border:1px solid var(--bd,#D1DAEA);border-radius:20px;padding:32px}
.budget-calc__label{display:block;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text,#171717)}
.budget-calc__controls select.field{width:100%;margin-top:12px}
.budget-calc__row{display:flex;align-items:center;justify-content:space-between;margin-top:26px}
.budget-calc__budget{font-weight:800;font-size:18px;color:var(--accent)}
.budget-calc__range{width:100%;margin-top:14px;accent-color:var(--accent)}
.budget-calc__minmax{display:flex;justify-content:space-between;font-weight:500;font-size:12px;color:var(--c-text,#171717);margin-top:6px}
.budget-calc__result{background:#0F1830;color:#fff;border-radius:20px;padding:32px;display:flex;flex-direction:column;justify-content:center}
.budget-calc__rtitle{font-weight:600;font-size:13px;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.08em}
.budget-calc__cells{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.budget-calc__cell{background:rgba(255,255,255,.05);border-radius:12px;padding:16px}
.budget-calc__cell--accent{background:rgba(var(--accent-rgb),.16);margin-top:14px}
.budget-calc__num{font-weight:800;font-size:24px;color:#fff}
.budget-calc__cap{font-weight:500;font-size:12px;color:#AEB6C6;margin-top:6px}
@media(max-width:900px){.budget-calc{grid-template-columns:1fr}}

/* ===== Контекст или SEO ===== */
.seo-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.seo-vs__card{border:1px solid var(--bd,#D1DAEA);border-radius:20px;padding:32px;background:#fff}
.seo-vs__card--accent{border:2px solid var(--accent);background:linear-gradient(180deg,var(--accent-tint),#fff)}
/* wrap: тег у .seo-vs__tag стоит nowrap, и на узком экране заголовок выдавливал его за край. */
.seo-vs__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.seo-vs__h{font-weight:800;font-size:20px;color:var(--c-black,#0A0A0A)}
.seo-vs__tag{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#EEF2F7;color:var(--c-text,#171717);padding:7px 11px;border-radius:999px;white-space:nowrap}
.seo-vs__tag--accent{background:var(--accent);color:#fff}
.seo-vs__list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.seo-vs__list li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-weight:500;font-size:14.5px;line-height:1.5;color:#22303F}
.seo-vs__mark{flex:none;width:22px;height:22px;border-radius:7px;background:var(--accent-tint);color:var(--accent-hover);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.seo-vs__mark--muted{background:#EEF2F7;color:var(--c-text,#171717)}
@media(max-width:768px){.seo-vs{grid-template-columns:minmax(0,1fr)}}

/* ===== Как вы видите результат (дашборд) ===== */
.result-dash{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:stretch}
.result-dash__board{background:#fff;border:1px solid var(--bd,#D1DAEA);border-radius:20px;padding:30px}
.result-dash__btitle{font-weight:700;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text,#171717)}
.result-dash__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.result-dash__metric{background:var(--bg-soft,#F5F8FC);border:1px solid var(--bd,#D1DAEA);border-radius:14px;padding:18px}
.result-dash__k{font-weight:600;font-size:13px;color:var(--c-text,#171717)}
.result-dash__v{font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--c-black,#0A0A0A);margin-top:8px}
.result-dash__d{font-weight:700;font-size:12.5px;color: var(--ok);margin-top:6px}
.result-dash__report{background:#0F1830;color:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column}
.result-dash__rtitle{font-weight:800;font-size:18px;color:#fff}
.result-dash__list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.result-dash__list li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-weight:500;font-size:14px;line-height:1.5;color:#DCE6FB}
.result-dash__check{flex:none;width:20px;height:20px;border-radius:6px;background:rgba(var(--accent-rgb),.22);color:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
@media(max-width:900px){.result-dash{grid-template-columns:minmax(0,1fr)}}
/* На 320px карточка дашборда упиралась в собственный min-content (padding 30px
   + сетка метрик в две колонки) и выезжала за экран. */
@media(max-width:400px){.result-dash__board,.result-dash__report{padding:22px}.result-dash__metrics{grid-template-columns:minmax(0,1fr)}}

/* accent-карту «Контекст или SEO» показываем справа, как в макете */
.seo-vs__card--accent{order:2}
@media(max-width:768px){.seo-vs__card--accent{order:0}}

/* Сертификаты карточками */

/* «Что влияет» — прогресс-бары факторов + чек-лист вопросов */
.factors-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start;margin-top:40px}
.factors-bars{display:flex;flex-direction:column;gap:22px}
.factor-bar__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.factor-bar__t{font-weight:700;font-size:15px;color:var(--c-black)}
.factor-bar__v{font-weight:800;font-size:14px;color:var(--accent)}
.factor-bar__track{height:9px;border-radius:999px;background:var(--accent-tint);margin-top:9px;overflow:hidden}
.factor-bar__track span{display:block;height:100%;border-radius:999px;background:var(--accent)}
.factors-check{border:1px solid var(--bd);border-radius:20px;padding:28px;background:var(--bg-soft)}
.factors-check__title{font-weight:800;font-size:17px;color:var(--c-black);margin-bottom:16px}
.factors-check__item{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--bd-2)}
.factors-check__item:last-child{border-bottom:0}
.factors-check__mark{flex:none;width:24px;height:24px;border-radius:7px;background:var(--accent-tint);color:var(--accent-hover);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.factors-check__txt{font-weight:500;font-size:14.5px;line-height:1.55;color:var(--c-text)}
.factors-check__txt b{color:var(--c-black);font-weight:700}
@media(max-width:900px){.factors-grid{grid-template-columns:1fr}}

/* Штат vs агентство — таблица сравнения по осям */
.staffvs { margin-top: 40px; border: 1px solid #E3E9F2; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 30px 60px -48px rgba(15,24,48,.4); }
.staffvs__head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 22px 30px; background: #F7F9FC; border-bottom: 1px solid #E3E9F2; }
.staffvs__hcol { display: flex; align-items: center; gap: 11px; }
.staffvs__hcol--them { justify-content: flex-end; }
.staffvs__hh { font-weight: 800; font-size: 18px; line-height: 1.2; color: var(--c-black); }
.staffvs__tag { font-weight: 700; font-size: 11px; line-height: 1; letter-spacing: .06em; text-transform: uppercase; background: #EEF2F7; color: #171717; padding: 7px 11px; border-radius: 999px; white-space: nowrap; }
.staffvs__tag--us { background: var(--accent); color: #fff; }
.staffvs__vs { display: flex; justify-content: center; min-width: 150px; }
.staffvs__vs span { width: 42px; height: 42px; border-radius: 50%; background: #fff; border: 1px solid #E3E9F2; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; color: var(--c-muted); }
.staffvs__row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 19px 30px; border-top: 1px solid #EEF2F7; }
.staffvs__them { display: flex; align-items: center; justify-content: flex-end; gap: 12px; text-align: right; font-weight: 500; font-size: 14.5px; line-height: 1.45; color: #171717; }
.staffvs__us { display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 14.5px; line-height: 1.45; color: #22303F; }
.staffvs__axis { flex: none; min-width: 150px; text-align: center; font-weight: 700; font-size: 11.5px; line-height: 1.3; letter-spacing: .04em; text-transform: uppercase; color: #171717; background: #F1F5FB; padding: 9px 14px; border-radius: 999px; }
.staffvs__m { flex: none; width: 24px; height: 24px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; }
.staffvs__m--no { background: #FBE9EC; color: var(--bad); }
.staffvs__m--yes { background: var(--accent-tint); color: var(--accent-hover); font-size: 13px; }
@media (max-width: 820px) { .staffvs__head, .staffvs__row { grid-template-columns: 1fr; gap: 8px; padding: 16px 18px; } .staffvs__them, .staffvs__us { justify-content: flex-start; text-align: left; } .staffvs__vs, .staffvs__axis { min-width: 0; justify-self: start; } }

/* Лид-магниты — 2 карточки с кнопкой «Скачать» */
.magnets{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.magnet-card{display:flex;align-items:center;gap:18px;border:1px solid var(--bd);border-radius:18px;padding:24px 26px;background:#fff}
.magnet-card__ic{flex:none;width:52px;height:52px;border-radius:14px;background:var(--accent-tint);color:var(--accent-hover);display:flex;align-items:center;justify-content:center}
.magnet-card__body{flex:1}
.magnet-card__t{font-weight:800;font-size:16.5px;line-height:1.25;color:var(--c-black)}
.magnet-card__d{font-weight:500;font-size:14px;line-height:1.5;color:var(--c-text);margin-top:6px}
.magnet-card__cta{flex:none;white-space:nowrap}
@media(max-width:768px){.magnets{grid-template-columns:1fr}.magnet-card{flex-wrap:wrap}}

/* Таблица тематик с поиском (полный список ниш) */
.niche-search{display:flex;align-items:center;justify-content:center;gap:14px;margin:36px auto 0;max-width:936px;flex-wrap:wrap}
.niche-search__input{max-width:420px;flex:0 1 420px;background:#fff}
.niche-search__count{font-weight:600;font-size:13.5px;color:var(--c-text)}
.niche-table--full{max-width:936px;margin:20px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-height:440px;overflow-x:hidden;overflow-y:auto;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:0}
.niche-table--full .niche-row{padding:13px 20px;border-bottom:1px solid #DCE4F0;font-size:14px;line-height:1.3}
.niche-table--full .niche-row__name{font-size:14px;font-weight:500}
.niche-table--full .niche-row__price{font-family:inherit;font-size:14px;font-weight:800;color:#0A0A0A}
@media(max-width:760px){.niche-table--full{grid-template-columns:1fr}}

/* Кейсы услуг: таблица метрик (было→стало) + «что сделали» */
.case-metrics{border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:#fff}
.case-metrics__head,.case-metrics__row{display:grid;grid-template-columns:1.3fr .8fr 1.1fr;gap:10px;padding:12px 16px;align-items:center}
.case-metrics__head{background:var(--bg-soft);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text)}
.case-metrics__row{border-top:1px solid var(--bd-2)}
.case-metrics__l{font-weight:600;font-size:14px;color:var(--c-black)}
.case-metrics__b{font-weight:600;font-size:14px;color:var(--c-text)}
.case-metrics__a{font-weight:800;font-size:14.5px;color:var(--c-black);display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.case-metrics__d{font-style:normal;font-weight:700;font-size:11.5px;color:var(--accent);background:var(--accent-tint);padding:2px 7px;border-radius:6px}
.case-did-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.case-did-list li{display:grid;grid-template-columns:auto 1fr;gap:9px;font-weight:500;font-size:13.5px;line-height:1.5;color:var(--c-text)}
.case-did-list__m{flex:none;width:18px;height:18px;border-radius:5px;background:var(--accent-tint);color:var(--accent-hover);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}

/* ===== Hero trust row (услуги) — плоский ряд: рейтинг + 2 статы с разделителями ===== */
.hero__trust{display:flex;align-items:center;gap:18px;margin:32px 0 0;flex-wrap:wrap}
.hero__trust-rating{display:inline-flex;align-items:center;gap:9px}
.hero__trust-rating .stars{font:700 15px/1 'Manrope',sans-serif;color:var(--accent);letter-spacing:.06em}
.hero__trust-rating b{font:800 16px/1 'Manrope',sans-serif;color:#0A0A0A}
.hero__trust-muted{font:500 14px/1 'Manrope',sans-serif;color:#171717}
.hero__trust-sep{width:1px;height:22px;background:#D1DAEA;flex:none}
.hero__trust-stat{font:700 14px/1 'Manrope',sans-serif;color:#1B2233}
@media(max-width:560px){.hero__trust{gap:12px}.hero__trust-sep{display:none}}

/* ===== Квиз-виджет «Быстрый расчёт» (услуги) ===== */
.cr-quiz-btn{position:fixed;left:18px;bottom:18px;z-index:250;background:var(--accent);color:#fff;border:none;cursor:pointer;font:700 14px/1 'Manrope',sans-serif;padding:15px 20px;border-radius:999px;box-shadow:0 16px 34px -12px rgba(var(--accent-rgb),.9);display:flex;align-items:center;gap:9px}
.cr-quiz-btn__ic{font-size:16px;line-height:1}
.cr-quiz{position:fixed;inset:0;z-index:400;background:rgba(15,24,48,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.cr-quiz[hidden]{display:none}
.cr-quiz__dialog{position:relative;width:100%;max-width:560px;background:#fff;border-radius:22px;padding:34px;box-shadow:0 40px 90px -30px rgba(0,0,0,.5);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto}
.cr-quiz__close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid #D1DAEA;background:#fff;color:#171717;cursor:pointer;font:700 17px/1 'Manrope',sans-serif}
.cr-quiz__eyebrow{text-align:center;font:700 12px/1 'Manrope',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.cr-quiz__title{text-align:center;font:800 clamp(22px,3vw,28px)/1.1 'Manrope',sans-serif;letter-spacing:-.02em;color:#0A0A0A;margin:12px 0 0}
.cr-quiz__wrap{margin-top:20px}
.cr-quiz__meta{display:flex;justify-content:space-between;font:600 12px/1 'Manrope',sans-serif;color:#171717;margin-bottom:8px}
.cr-quiz__bar{height:8px;border-radius:999px;background:var(--accent-tint);overflow:hidden}
.cr-quiz__barfill{display:block;height:100%;border-radius:999px;background:var(--accent);width:0;transition:width .3s}
.cr-quiz__card{background:#F5F8FC;border:1px solid #D1DAEA;border-radius:16px;padding:26px;margin-top:18px}
.cr-quiz__q{font:800 19px/1.3 'Manrope',sans-serif;letter-spacing:-.01em;color:#0A0A0A;text-align:center}
.cr-quiz__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.cr-quiz__opt{border:1px solid #D1DAEA;background:#fff;color:#0A0A0A;cursor:pointer;padding:16px 18px;border-radius:12px;font:600 15px/1.3 'Manrope',sans-serif;text-align:left;transition:border-color .15s,background .15s}
.cr-quiz__opt:hover,.cr-quiz__opt:focus-visible{border-color:var(--accent);background:var(--accent-tint)}
.cr-quiz__back-wrap{text-align:center;margin-top:18px}
.cr-quiz__back{background:none;border:none;cursor:pointer;font:600 13px/1 'Manrope',sans-serif;color:#171717}
.cr-quiz__form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}
.cr-quiz__phone{flex:1;min-width:220px;border:1px solid #D1DAEA;background:#fff;border-radius:12px;padding:16px;font:500 15px/1 'Manrope',sans-serif;color:#0A0A0A}
.cr-quiz__phone.is-error{border-color:#D64545;box-shadow:0 0 0 3px rgba(214,69,69,.12)}
.cr-quiz__submit{background:var(--accent);color:#fff;border:none;font:700 15px/1 'Manrope',sans-serif;padding:16px 26px;border-radius:12px;cursor:pointer;white-space:nowrap}
.cr-quiz__err{color:#D64545;font:600 13px/1.4 'Manrope',sans-serif;text-align:center;margin-top:12px}
.cr-quiz__step--done{text-align:center}
.cr-quiz__check{width:54px;height:54px;border-radius:50%;background:#E7F7EF;color:#0C7150;display:flex;align-items:center;justify-content:center;font:800 26px/1 'Manrope',sans-serif;margin:0 auto}
.cr-quiz__done-title{font:800 20px/1.3 'Manrope',sans-serif;color:#0A0A0A;margin-top:16px}
.cr-quiz__done-sub{font:500 14.5px/1.6 'Manrope',sans-serif;color:#171717;margin-top:8px}
.cr-quiz__reset{margin-top:16px;background:none;border:none;cursor:pointer;font:600 13px/1 'Manrope',sans-serif;color:var(--accent)}
@media(max-width:520px){.cr-quiz__opts{grid-template-columns:1fr}.cr-quiz__dialog{padding:26px 20px}}
body.cr-quiz-open{overflow:hidden}

/* --- Тарифные карточки услуг: тёмная шапка + белое тело (по макетам service-*.html) --- */
.tier--pkg { padding: 0; border: 1px solid var(--bd); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 50px -34px rgba(15, 24, 48, .3); background: #fff; }
.tier--pkg .tier__head { background: #0F1830; padding: 28px 26px; }
.tier--pkg .tier__name { font-weight: 800; font-size: 18px; line-height: 1.25; color: #fff; }
.tier--pkg .tier__sub { font-weight: 600; font-size: 13px; line-height: 1.3; color: #98A2B4; margin: 4px 0 0; }
.tier--pkg .tier__price { font-weight: 800; font-size: clamp(22px, 2.3vw, 30px); line-height: 1.05; letter-spacing: -.02em; color: #fff; margin: 16px 0 0; }
.tier--pkg .tier__price span { font-size: 15px; color: #AEB6C6; font-weight: 600; }
.tier--pkg .tier__opt { display: inline-block; font-weight: 700; font-size: 11.5px; line-height: 1; color: var(--accent-soft); background: rgba(var(--accent-rgb), .16); padding: 7px 11px; border-radius: 8px; margin: 14px 0 0; }
.tier--pkg .tier__note { font-weight: 500; font-size: 13px; line-height: 1.5; color: #AEB6C6; margin: 12px 0 0; min-height: 40px; }
.tier--pkg .tier__body { padding: 22px 26px; }
.tier--pkg .tier__feats { display: flex; flex-direction: column; }
.tier--pkg .tier__feat { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #DCE4F0; font-weight: 500; font-size: 13.5px; line-height: 1.35; color: var(--c-text, #171717); }
.tier--pkg .tier__feat:last-child { border-bottom: none; }
.tier--pkg .tier__yes { flex: none; width: 18px; height: 18px; border-radius: 6px; background: var(--accent-tint); color: var(--accent-hover); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.tier--pkg .tier__cta { display: block; text-align: center; margin-top: 20px; padding: 15px; border-radius: 12px; font-weight: 700; font-size: 15px; line-height: 1; text-decoration: none; background: var(--accent); color: #fff; transition: filter var(--tr, .15s); }
.tier--pkg .tier__cta:hover { filter: brightness(.95); }

/* --- Тёмная секция «ИИ / технологии» (по макетам service-*.html) --- */
.section--ai { background: #0F1830; color: #fff; }
.section--ai .section-title { color: #fff; }
.section--ai .eyebrow { color: var(--accent-soft); }
.section--ai .section__head > p { color: #AEB6C6; }
.section--ai .feature-grid .feat-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); }
.section--ai .feat-card__t { color: #fff; }
.section--ai .feat-card__d { color: #AEB6C6; }
.section--ai .feat-card__icon { color: var(--accent-soft); }

/* --- Финальный CTA услуги: тёмная карточка на светлом фоне (по макету) --- */
.cta-sec .cta-card { background: linear-gradient(135deg, #0B1426, #1B2C4E); border-radius: 24px; padding: 48px; overflow: hidden; position: relative; }
.cta-card .cta-form__title { font-size: clamp(26px, 2.8vw, 38px); }
@media (max-width: 640px) { .cta-sec .cta-card { padding: 28px; } }

/* --- Секция «в городе …»: крупнее заголовок и больше воздуха (по макету) --- */
.cities__title.cities__title--svc { font-size: clamp(28px, 3vw, 40px); }
.cities--svc { padding: 18px 0; }

/* --- ИИ-карточки без иконок (по макету) --- */
.section--ai .feat-card__icon { display: none; }

/* --- Финальный CTA услуги v2: синяя акцентная карточка (по макету) --- */
.cta-sec .cta-card { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; position: relative; overflow: hidden; border-radius: 26px; padding: 56px; background: linear-gradient(120deg, var(--accent-hover), var(--accent)); box-shadow: 0 40px 80px -40px rgba(var(--accent-rgb), .6); }
.cta-card__glow { position: absolute; top: -20%; right: 4%; width: 900px; height: 400px; background: radial-gradient(closest-side, rgba(255,255,255,.18), transparent); pointer-events: none; }
.cta-card__l { position: relative; }
.cta-card__h { font: 800 clamp(24px, 2.6vw, 36px)/1.1 'Manrope', sans-serif; letter-spacing: -.025em; color: #fff; margin: 0; }
.cta-card__sub { font: 500 16px/1.6 'Manrope', sans-serif; color: #DCE6FB; margin: 16px 0 0; }
.cta-card__wa { display: inline-block; margin-top: 20px; background: #25D366; color: #0B1426; font: 700 13px/1 'Manrope', sans-serif; padding: 12px 16px; border-radius: 11px; text-decoration: none; }
.cta-card__r { position: relative; }
.cta-card__r .cr-form, .cta-card__r .cr-form__body { background: transparent; padding: 0; box-shadow: none; border: none; }
.cta-card__r .cr-form .field { background: #fff; border: none; color: #0A0A0A; }
.cta-card__r .cr-form__submit { background: #0F1830; color: #fff; }
@media (max-width: 820px) { .cta-sec .cta-card { grid-template-columns: 1fr; padding: 30px; } }
.cta-card__h--lg { font-size: clamp(24px, 2.8vw, 38px); }

/* ============ Услуга: доработки по макету (v1.9.3) ============ */

/* Факты — две карточки с нумерованными пунктами */
.facts2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 46px; }
.facts2-card { background: #fff; border: 1px solid #D1DAEA; border-radius: 20px; padding: 34px; }
.facts2-card--us { border: 2px solid var(--accent); box-shadow: 0 34px 64px -34px rgba(var(--accent-rgb), .45); }
.facts2-card__h { font-weight: 800; font-size: 17px; line-height: 1.3; letter-spacing: .02em; text-transform: uppercase; }
.facts2-card__h--them { color: var(--bad); }
.facts2-card__h--us { color: var(--accent); }
.facts2-rows { margin-top: 18px; }
.facts2-row { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid #DCE4F0; }
.facts2-row--us { border-top-color: var(--accent-tint); }
.facts2-num { font-weight: 800; font-size: 14px; line-height: 1; padding-top: 2px; }
.facts2-num--them { color: var(--bad); }
.facts2-num--us { color: var(--accent); }
.facts2-txt { font-weight: 500; font-size: 14.5px; line-height: 1.6; color: #171717; }
.facts2-txt b { color: #0A0A0A; }

/* Этапы — зигзаг-таймлайн */
.timeline { position: relative; }
.timeline__line { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: var(--accent-tint); transform: translateX(-50%); }
.tl-row { display: grid; grid-template-columns: 1fr 56px 1fr; gap: 20px; align-items: center; margin-bottom: 28px; }
.tl-row:last-child { margin-bottom: 0; }
.tl-side--l { text-align: right; }
.tl-num { justify-self: center; width: 52px; height: 52px; border-radius: 50%; background: #fff; border: 2px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; z-index: 1; }
.tl-title { font-weight: 800; font-size: 18px; line-height: 1.25; letter-spacing: -.01em; color: var(--c-black); }
.tl-card { display: block; background: #fff; border: 1px solid #D1DAEA; border-radius: 14px; padding: 20px; font-weight: 500; font-size: 14px; line-height: 1.6; color: #171717; text-align: left; }

/* Сертификаты — горизонтальные карточки с тёмной иконкой */
/* minmax(0,1fr): .cert2 — flex с иконкой 52px и padding 26px, его min-content
   ~180px. На 1fr трек не сжимался ниже этого, и четыре колонки выезжали на
   987px при экране 768px. */
.certs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.cert2 { border: 1px solid #D1DAEA; border-radius: 16px; padding: 26px; display: flex; align-items: center; gap: 16px; }
.cert2__ic { flex: none; width: 52px; height: 52px; border-radius: 13px; background: #0F1830; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 22px; }
.cert2__t { font-weight: 800; font-size: 15px; line-height: 1.2; color: var(--c-black); }
.cert2__d { font-weight: 500; font-size: 12.5px; line-height: 1.5; color: #171717; margin-top: 5px; }

/* Смежные услуги — нумерованный список */
.xsvc { max-width: 900px; margin: 0 auto; }
.xsvc-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding: 18px 20px; border-radius: 15px; border-bottom: 1px solid #E3E9F2; text-decoration: none; transition: background .15s; }
.xsvc-row:hover { background: var(--accent-tint); }
.xsvc-row__num { font-weight: 800; font-size: 42px; line-height: 1; letter-spacing: -.03em; color: var(--accent); width: 58px; }
.xsvc-row__t { display: block; font-weight: 800; font-size: 17px; line-height: 1.3; letter-spacing: -.01em; color: var(--c-black); }
.xsvc-row__d { display: block; font-weight: 500; font-size: 13.5px; line-height: 1.5; color: #171717; margin-top: 4px; }
.xsvc-row__arr { flex: none; color: var(--accent-hover); font-size: 22px; }

@media (max-width: 767px) {
  .facts2 { grid-template-columns: 1fr; }
  .certs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tl-row { grid-template-columns: 46px 1fr; column-gap: 14px; align-items: start; }
  .timeline__line { left: 23px; transform: none; }
  .tl-num { grid-row: 1 / span 2; align-self: start; }
  .tl-side { text-align: left !important; grid-column: 2; }
  .tl-side--l { margin-bottom: 8px; }
}

/* После блока 767: два правила одной специфичности, побеждает последнее.
   Ниже 480px две колонки .cert2 не помещаются — min-content карточки ~180px. */
@media (max-width: 479px) {
  .certs { grid-template-columns: 1fr; }
}
.section--p70 { padding-top: 70px; padding-bottom: 70px; }
.section--p80 { padding-top: 80px; padding-bottom: 80px; }
.feat-card--problem .feat-card__icon { width: 54px; height: 54px; border-radius: 15px; background: linear-gradient(135deg, #FFE9E3, #FFD7CC); color: #DC4A2E; box-shadow: inset 0 0 0 1px rgba(220,74,46,.14); }
.niche-note { text-align: center; font-weight: 500; font-size: 12.5px; line-height: 1.5; color: #171717; margin-top: 14px; }
.niche-row__price { color: #0A0A0A; }
.cta-sec { padding-top: 0; padding-bottom: 90px; }