@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--bg:#f4f6f2;--soft:#ffffff;--ink:#1a2418;--ink2:#5a6650;--accent:#2f6b3f;--accent2:#1e4d2b;--dark:#14261a;--gold:#c9a227;--border:#d9e2d5;--radius:8px;--maxw:1080px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Onest',system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p a,li a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
p a:hover,li a:hover{opacity:.8}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.1;letter-spacing:.01em;font-family:'Oswald','Onest',system-ui,sans-serif;text-transform:uppercase}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#14261a,#1e3a24);backdrop-filter:blur(10px);color:#fff;border-bottom:3px solid var(--gold);box-shadow:0 10px 28px -12px rgba(20,38,26,.7)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:18px;letter-spacing:-.02em}
.logo b{color:var(--accent)}
.hdr .logo{display:flex;align-items:center}
.hdr .logo a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;line-height:1}
.hdr .logo img{display:block;flex:none}
.hdr .cta{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;box-shadow:0 8px 16px -8px rgba(31,111,84,.5)}
/* breadcrumbs */
.crumbs{font-size:13px;color:var(--ink2);padding:16px 0}
.crumbs a{color:var(--accent)}
/* hero */
.hero{background:linear-gradient(135deg,#0a1610 0%,#1e4d2b 55%,#2f6b3f 100%);color:#fff;padding:44px 0 52px;position:relative;background-image:linear-gradient(135deg,#0a1610 0%,#1e4d2b 55%,#2f6b3f 100%),radial-gradient(circle at 80% 20%,rgba(201,162,39,.15),transparent 40%)}
.hero .wrap{max-width:760px}
.hero h1{font-family:'Oswald','Onest',system-ui,sans-serif;font-size:clamp(20px,3vw,28px);font-weight:800;margin-bottom:16px;letter-spacing:-.02em;line-height:1.1}
.hero p.lead{color:#b7c9c0;font-size:clamp(15px,1.7vw,17px);line-height:1.65;border-left:3px solid var(--accent);padding-left:18px}
.hero p.verified{margin-top:14px;padding-left:21px;font-size:13px;color:#7f9a8f;letter-spacing:.01em}
.hero p.verified:before{content:"✓";color:var(--accent);font-weight:700;margin-right:7px}
.hero .eyebrow{display:inline-block;background:rgba(31,111,84,.15);color:#7ec9a8;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:20px;margin-bottom:16px}
/* payout cards */
section{padding:clamp(40px,6vw,64px) 0}
/* секции-ссылки идут подряд: полный отступ у каждой давал 128px пустоты между чипсами */

/* Значки в шапке (ТГ, MAX, трубка) — один размер и одна форма.
   Раньше размеры жили в inline-стилях: ТГ 36px перебивал медиа-запросы, картинка MAX
   торчала из своего круга, у MAX был скруглённый квадрат вместо круга (Гриша 14.08). */
.hdr .hicon{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;
  justify-content:center;flex:none;overflow:hidden}
.hdr .hicon svg{width:18px;height:18px}
.hdr .hicon img{width:100%;height:100%;object-fit:cover;display:block}
.linksec{padding:clamp(22px,3vw,32px) 0}
.linksec+.linksec{padding-top:0}
.h2{font-size:clamp(23px,3.4vw,34px);font-weight:800;margin-bottom:10px}
.sub{color:var(--ink2);margin-bottom:28px;max-width:720px}
.pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
/* ровная сетка по числу карточек: без одиночки во втором ряду (2 → 2, 3 → 3, 4 → 2×2, 5 → 3+2) */
.pay:has(>:nth-child(2):last-child),.pay:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.pay:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.pay:has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
.pay:has(>:nth-child(5):last-child)>*{grid-column:span 2}
.pay:has(>:nth-child(5):last-child)>:nth-child(n+4){grid-column:span 3}
@media(max-width:900px){.pay:has(>:nth-child(3):last-child),.pay:has(>:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.pay:has(>:nth-child(5):last-child)>*{grid-column:auto!important}.pay:has(>:nth-child(3):last-child)>:last-child,.pay:has(>:nth-child(5):last-child)>:last-child{grid-column:1/-1!important}}
@media(max-width:560px){.pay{grid-template-columns:1fr!important}.pay>*{grid-column:auto!important}}
.paycard{background:var(--soft);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:24px;container-type:inline-size;min-width:0;box-shadow:0 12px 26px -16px rgba(20,38,26,.3)}
.paycard .lbl{font-size:13px;color:var(--ink2);font-weight:600;margin-bottom:8px}
.paycard .val{font-size:clamp(22px,2.6vw,32px);font-weight:800;color:var(--ink);line-height:1.2}
/* сумма целиком в одну строку: кегль от ширины карточки, «₽» не отрывается от числа */
@supports (font-size:1cqi){.paycard .val{font-size:clamp(18px,10.5cqi,34px)}}
.paycard .val:not([style*="font-size"]){white-space:nowrap}
.paycard.accent{background:linear-gradient(135deg,#2f6b3f,#1e4d2b);border:none;color:#fff}
.paycard.accent .lbl,.paycard.accent .val{color:#fff}
.paycard .note{font-size:12px;color:var(--ink2);margin-top:8px}
.paycard.accent .note{color:rgba(255,255,255,.85)}
.datenote{font-size:13px;color:var(--ink2);margin-top:16px;padding:10px 14px;background:#f4f6f2;border-left:3px solid var(--border);border-radius:8px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;counter-reset:s}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;position:relative;box-shadow:0 8px 20px -14px rgba(15,36,29,.2)}
.step::before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent);color:#fff;border-radius:9px;font-weight:800;margin-bottom:12px}
.step h3{font-size:17px;margin-bottom:6px}
.step p{color:var(--ink2);font-size:15px}
/* form */
.leadwrap{background:linear-gradient(135deg,#14261a,#2f6b3f);border-radius:20px;padding:clamp(24px,4vw,40px);color:#fff;border:1px solid rgba(201,162,39,.3)}
.leadwrap h2{font-size:clamp(22px,3vw,30px);font-weight:800;margin-bottom:8px}
.leadwrap p{color:#c7d6cf;margin-bottom:22px}
.lead-form{display:grid;gap:12px;max-width:440px}
.lead-form input{padding:14px 16px;border-radius:11px;border:1px solid #2f4a3e;background:#173329;color:#fff;font-size:15px}
.lead-form input::placeholder{color:#7f9a8f}
.lead-form button{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:15px;border-radius:11px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 20px -10px rgba(31,111,84,.5)}
.lead-form button:hover{background:var(--accent2)}
.lead-form .pdn{font-size:12px;color:#8fa89d;display:flex;gap:8px;align-items:flex-start}
/* faq */
.faq details{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;box-shadow:0 6px 16px -12px rgba(15,36,29,.18)}
.faq summary{padding:16px 20px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:800;font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq .body{padding:0 20px 18px;color:var(--ink2)}
/* geo links */
.geolinks{display:flex;flex-wrap:wrap;gap:8px}
.geolinks a{background:var(--soft);border:1px solid var(--border);border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600}
.geolinks a:hover{border-color:var(--accent);color:var(--accent)}
/* footer */
.ftr{background:linear-gradient(180deg,#14261a,#1e3a24);color:#b9c7b2;padding:34px 0;font-size:13px;border-top:3px solid var(--gold)}
.ftr .disc{border:1px solid #2f4a3e;border-radius:10px;padding:14px 16px;margin-bottom:16px;color:#c7d6cf}
.ftr a{color:#c7d6cf}

.tblwrap{overflow-x:auto;margin:0 0 20px;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5;table-layout:fixed}
.tbl th{background:var(--dark);color:#fff;text-align:left;padding:12px 14px;font-weight:700;font-size:13.5px;letter-spacing:.01em}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--ink2);vertical-align:top;overflow-wrap:anywhere}
.tbl tr:nth-child(even) td{background:var(--soft)}
.tbl td:first-child{font-weight:700;color:var(--ink)}
.tbl th:nth-child(1),.tbl td:nth-child(1){width:26%}
.tbl th:nth-child(2),.tbl td:nth-child(2){width:37%}
.tbl th:nth-child(3),.tbl td:nth-child(3){width:37%}
@media(max-width:760px){
  .tbl,.tbl thead,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block;width:auto}
  .tbl thead{display:none}
  .tbl tr{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}
  .tbl tr:nth-child(even) td{background:transparent}
  .tbl td{border-bottom:1px solid var(--border);padding:11px 14px}
  .tbl td:last-child{border-bottom:0}
  .tbl td:first-child{background:var(--soft);font-size:15px}
  .tbl td:not(:first-child)::before{content:attr(data-th);display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);opacity:.75;margin-bottom:4px;font-weight:700}
}

/* Таблицы на телефоне (аудит M-37, 15.10). Длинные слова («Единовременная», «Региональная»)
   не переносились, и таблица была шире экрана: на 390px за правым краем оставались «Итого»
   и «Служба по контракту» — на 47 страницах. Переносы по слогам — только на узких экранах,
   десктоп не трогаем. */
@media(max-width:760px){td,th{-webkit-hyphens:auto;hyphens:auto}}
/* Подсказка прокрутки: тень у края, за которым есть ещё колонки. Белые «шторки» (local)
   едут вместе с таблицей и закрывают тень, когда край достигнут, поэтому у таблиц, которые
   влезают, тени нет ни на телефоне, ни на десктопе. Обёртки таблиц — с inline overflow-x:auto
   (хабы, выплаты, сравнение) и .w-nis-twrap (калькулятор ипотеки). */
div[style*="overflow-x:auto"]:has(>table),.w-nis-twrap{
  background:
    linear-gradient(90deg,#fff 14px,rgba(255,255,255,0)) 0 0/40px 100% no-repeat local,
    linear-gradient(270deg,#fff 14px,rgba(255,255,255,0)) 100% 0/40px 100% no-repeat local,
    linear-gradient(90deg,rgba(15,36,29,.2),rgba(15,36,29,0)) 0 0/14px 100% no-repeat scroll,
    linear-gradient(270deg,rgba(15,36,29,.2),rgba(15,36,29,0)) 100% 0/14px 100% no-repeat scroll;
  background-color:#fff}

/* Мобильная шапка. Логотип + телефон + 2 иконки + кнопка не влезали в 375px: строка была
   шириной 496px, и главная кнопка «Оставить заявку» уезжала за правый край экрана —
   на всех гео-страницах, то есть на всём мобильном трафике из поиска. */
@media(max-width:560px){
  .hdr .wrap{gap:8px;padding-left:12px;padding-right:12px;height:56px}
  /* логотип ломался на две строки и раздувал шапку вдвое (Гриша, iPhone 14.08) */
  .hdr .logo a{font-size:15px;white-space:nowrap}
  .hdr .cta{padding:9px 12px;font-size:13px;white-space:nowrap;flex:none}
  /* номер без иконки не помещается в узкую шапку — прячем, звонок остаётся в теле и футере */
  .hdr a[href^="tel:"]{display:none}
}
@media(max-width:430px){
  .hdr .wrap{gap:6px;padding-left:10px;padding-right:10px}
  .hdr .logo a{font-size:13.5px}
  /* «Оставить заявку» не влезало и обрезалось на пол-слова: на узких — короткий текст */
  .hdr .cta{padding:8px 12px;font-size:0}
  .hdr .cta::after{content:"Заявка";font-size:13px;font-weight:700}
  .hdr .hicon{width:34px;height:34px}
  .hdr .hicon svg{width:17px;height:17px}
  .hdr .wrap>div:last-child{gap:7px!important}
}
@media(max-width:370px){
  /* совсем узкие: трубку убираем — звонок остаётся в теле страницы и в футере,
     а кнопка заявки важнее и должна помещаться целиком */
  .hdr a[href^="tel:"]{display:none}
  .hdr .logo a{font-size:13.5px}
}
/* каталог вакансий (18.10): фильтр-чипсы без JS, карточки, «Коротко о вакансии» */
.vnote{font-size:13px;color:var(--ink2);margin:4px 0 18px}
.vcat{margin-top:26px;scroll-margin-top:130px}
.vcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;list-style:none;padding:0;margin:12px 0}
.vc{background:var(--soft);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink2)}
.vc-t{font-weight:800;font-size:16px;color:var(--ink)}
.vc-p,.vc-b{font-weight:700;color:var(--ink)}
.vc-b{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}
.vmore{display:inline-block;margin:2px 0 8px;color:var(--accent);font-weight:700}
.vshort{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:8px 16px;background:var(--soft);border-radius:12px;padding:16px 18px;margin:20px 0 6px}
.vshort dt{font-weight:700;color:var(--ink)}
.vshort dd{color:var(--ink2)}
.vshort dd a,.vcat p a,.vrow a{color:var(--accent)}
@media(max-width:560px){.vshort{grid-template-columns:1fr}.vshort dd{margin-bottom:6px}}
.vrow{margin:0 0 10px;color:var(--ink2)}
.vrow b{color:var(--ink)}

section + section{border-top:1px solid var(--border)}

.paycard:hover,.step:hover{transform:translateY(-3px);box-shadow:0 14px 28px -16px rgba(20,38,26,.35);transition:transform .2s ease,box-shadow .2s ease}

.vc:hover{transform:translateY(-2px);box-shadow:0 10px 20px -14px rgba(20,38,26,.3);transition:transform .2s ease,box-shadow .2s ease}

/* ===== BASE v2: единый язык с главной ===== */
/* логотип: зелёный b на тёмном шапке был плохо читаем — золото */
.logo b{color:#e8d48a}
/* бейдж герой-блока: золотая плашка вместо зелёной */
.hero .eyebrow{background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.45);color:#e8d48a;border-radius:6px}
.hero p.lead{border-left:3px solid var(--border)}
/* FAQ как на главной: золотая риска слева, без мыльных теней */
.faq details{background:#fff;border:1px solid var(--border);border-left:3px solid rgba(201,162,39,.65);border-radius:8px;box-shadow:none}
.faq details[open]{border-color:rgba(201,162,39,.8)}
.faq summary{font-size:16.5px}
.faq summary::after{color:#a8841d}
.faq details[open] summary::after{color:#a8841d}
/* таблицы: тёмная шаапка с золотой линией */
.tbl th{border-bottom:2px solid var(--gold)}
/* радиусы кнопок — единые 8px */
.hdr .cta{border-radius:8px}
.lead-form button{border-radius:8px}
/* тёмная контрольная полоса (для будущих секций страниц) */
.band{background:linear-gradient(135deg,#0c1911 0%,#15301f 100%)!important;color:#fff}
.band .h2{color:#fff}
.band .sub{color:#c3d0c4}
/* общий eyebrow для секций (вне героя) */
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a8841d;margin-bottom:14px}
/* учётные строки (тот же паттерн, что «Кто может» на главной) */
.doc-rows{margin-top:26px;text-align:left;border-top:1px solid var(--border)}
.drow{display:grid;grid-template-columns:auto minmax(0,1.05fr) minmax(0,1fr);gap:14px 36px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--border);transition:.2s}
.drow:hover{background:linear-gradient(90deg,rgba(201,162,39,.06),rgba(201,162,39,0) 55%)}
.dn{font-family:'Oswald','Onest',system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;color:#a8841d}

.drow h3{font-weight:600;font-size:19px;margin:0 0 6px}
.drow p{color:var(--ink2);font-size:14.5px;margin:0}
.dq{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end}
.dq span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink)}
.dq span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);flex:none}
@media(max-width:900px){.drow{grid-template-columns:1fr;gap:10px;padding:20px 2px}.dq{justify-content:flex-start}}
/* чипы-ссылки (как регионы на главной) */
.geolinks a{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:9px 16px;font-size:13.5px;transition:.15s}
.geolinks a::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold)}
.geolinks a:hover{border-color:var(--gold);transform:translateY(-1px)}
.geolinks a.rc-strong{background:var(--dark);border-color:var(--dark);color:#f2e6bf}

/* ===== BASE v2.2: лонгриды ===== */
.article .wrap>p{color:var(--ink2);margin:0 0 14px}
/* вертикальный реестр шагов/каналов */
.stepslist{margin:26px 0 6px;text-align:left;border-top:1px solid var(--border)}
.stepsitem{display:flex;gap:18px;padding:20px 4px;border-bottom:1px solid var(--border)}
.stepsitem .dn{flex:none;padding-top:2px}
.stepsitem h3{margin:0 0 6px;font-size:18px;font-weight:600}
.stepsitem p{color:var(--ink2);font-size:14.5px;margin:0}
@media(max-width:560px){.stepsitem{gap:12px}}
/* сгруппированный список документов */
.dgroup h3{font-family:'Oswald','Onest',system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#a8841d;margin:22px 0 10px}
.dgroup ul{list-style:none;padding:0;margin:0}
.dgroup li{position:relative;padding-left:20px;color:var(--ink2);margin-bottom:8px;font-size:15px}
.dgroup li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
/* ошибки при подписании */
.errlist{display:grid;gap:14px;text-align:left;margin-top:22px}
.erritem{background:#fff;border:1px solid var(--border);border-left:3px solid #b1442e;border-radius:8px;padding:16px 18px}
.erritem h3{font-size:15.5px;margin:0 0 5px;font-weight:800;text-transform:none;letter-spacing:0}
.erritem p{color:var(--ink2);font-size:14px;margin:0}
/* строковые чипы (статьи/ссылки текстом) */
.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;text-align:left}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border);background:var(--soft);border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2)}
.chip::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold)}
.chiprow a.chip{color:var(--ink)}
.chiprow a.chip:hover{border-color:var(--gold)}


/* калькулятор: поле выбора региона */
select#reg{border-radius:8px;padding:14px 44px 14px 16px;border:1.5px solid var(--border);background:#fff;font-size:16px;margin-bottom:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6650' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
select#reg:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,107,63,.15)}
/* BASE v2.3 — липкая навигация по странице, плитки в hero, формула выплаты, города-карточки */
.pnav{position:sticky;top:64px;z-index:40;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 12px 20px -18px rgba(20,38,26,.55)}
.pnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:9px;padding-bottom:9px;scrollbar-width:none}
.pnav .wrap::-webkit-scrollbar{display:none}
.pnav a{flex:none;font-size:13px;font-weight:700;color:var(--ink2);background:var(--soft);border:1px solid var(--border);border-radius:20px;padding:7px 14px;text-decoration:none;line-height:1.4}
.pnav a:hover{background:rgba(47,107,63,.10);color:var(--accent)}
.pnav a.act{background:var(--accent);color:#fff;border-color:var(--accent)}
.pnav a.act:hover{color:#fff}
@media(max-width:560px){.pnav{top:56px}}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}
.hstat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:10px 14px}
.hstat .lbl{font-size:11px;color:#b9cabd;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}
.hstat .val{font-family:'Oswald','Onest',system-ui,sans-serif;font-size:21px;font-weight:800;color:#fff;line-height:1.2}
.hstat .note{font-size:12px;color:#aebfae;margin-top:3px}
@media(max-width:900px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.hero-stats{grid-template-columns:1fr}}
.fband{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:var(--soft);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:8px;padding:13px 18px;margin:0 0 16px}
.fband .part b{display:block;font-family:'Oswald','Onest',system-ui,sans-serif;font-size:20px;font-weight:800;color:var(--dark);letter-spacing:.01em;white-space:nowrap}
.fband .part i{display:block;font-style:normal;font-size:12px;color:var(--ink2);margin-top:2px}
.fband .op{font-weight:800;font-size:18px;color:var(--ink2)}
.cybands{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0 0 16px}
.cyb{display:flex;gap:12px;align-items:baseline;background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:9px 13px}
.cyb .cv{font-family:'Oswald','Onest',system-ui,sans-serif;font-weight:800;font-size:16px;color:var(--ink);white-space:nowrap}
.cyb .cc{font-size:13.5px;color:var(--ink2);line-height:1.45}
/* 5-колоночная таблица «ориентиры»: реальные ширины колонок вместо 3-колоночных */
.tbl.w5 th:nth-child(1),.tbl.w5 td:nth-child(1){width:15%}
.tbl.w5 th:nth-child(2),.tbl.w5 td:nth-child(2){width:33%}
.tbl.w5 th:nth-child(3),.tbl.w5 td:nth-child(3){width:16%}
.tbl.w5 th:nth-child(4),.tbl.w5 td:nth-child(4){width:18%}
.tbl.w5 th:nth-child(5),.tbl.w5 td:nth-child(5){width:18%}
.tbl.w5 th,.tbl.w5 td{padding:10px 12px}
/* BASE v2.4 — панель-калькулятор с диаграммой результата */
.calcbox{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:20px 20px 22px;box-shadow:0 20px 40px -26px rgba(20,38,26,.4)}
.calcbox .datenote{margin-top:14px}
.calc-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.calc-rows .row{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 13px}
.calc-rows .row i{display:block;font-style:normal;font-size:11.5px;color:var(--ink2)}
.calc-rows .row b{display:block;font-family:'Oswald','Onest',system-ui,sans-serif;font-size:18px;font-weight:800;color:var(--ink);line-height:1.2;margin:3px 0 2px}
.calc-total{border-top:1px solid var(--border);padding-top:14px}
.calc-total .lbl{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);margin-bottom:4px}
.calc-total .gval{font-family:'Oswald','Onest',system-ui,sans-serif;font-size:clamp(30px,4.2vw,42px);font-weight:800;color:var(--accent2);line-height:1.05}
/* BASE v2.5 — двухколоночный hero: фактовая карточка вместо простыни-lead */
.hero-grid .hero-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 40px;align-items:start}
.hero-note{color:#c9d6cd;font-size:15px;line-height:1.55;margin:0 0 14px}
.hero-facts{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:18px 20px 16px}
.hero-facts .hf-title{font-family:'Oswald','Onest',system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.hero-facts ul{list-style:none;margin:0;padding:0}
.hero-facts li{position:relative;padding-left:17px;color:#dbe7dd;font-size:14.5px;margin-bottom:8px;line-height:1.45}
.hero-facts li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.hero-facts .hf-foot{border-top:1px solid rgba(255,255,255,.12);margin-top:10px;padding-top:12px;color:#c9d6cd;font-size:13px;line-height:1.5}
.hero-facts a{color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(255,255,255,.4)}
.hero-facts a:hover{color:#fff;text-decoration-color:#fff}
.hero-facts li b{color:#fff;font-weight:800}
@media(max-width:900px){.hero-grid .hero-cols{grid-template-columns:1fr;gap:16px}}

/* BASE v2.6 — блок «Почему нам можно доверять» → единый пронумерованный реестр */
.trust{margin-top:16px;display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.tr{display:flex;gap:14px;padding:16px 20px;background:#fff}
.tr .dn{flex:none;padding-top:2px}
.tr .hd{font-weight:800;font-size:15px;margin-bottom:3px}
.tr p{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.5}
@media(min-width:860px){.trust{grid-template-columns:1fr 1fr}.tr:nth-child(3){grid-column:1/-1}}
.faq-item{scroll-margin-top:130px}

/* BASE v2.8 — футер: панель 4 колонок (бренд · разделы · инструменты · связь) */
.ftr2{background:#0b1912;color:#c7d6cf;border-top:1px solid rgba(201,162,39,.35)}
.ftr2 .wrap{max-width:var(--maxw);margin:0 auto;padding:36px 16px 20px}
.f2grid{display:grid;gap:26px 34px;grid-template-columns:1.35fr 1fr 1fr 1.05fr}
.f2logo{display:inline-flex;flex-direction:row;align-items:center;gap:8px;font-family:'Oswald','Onest',system-ui,sans-serif;font-size:19px;color:#fff}
.f2desc{font-size:13px;line-height:1.6;color:#9fb3a6;margin:10px 0 0;max-width:36ch}
.f2title{font-family:'Oswald','Onest',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8ba192;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.f2title::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--gold)}
.f2links{list-style:none;margin:0;padding:0}
.f2links li{margin-bottom:7px}
.f2links a{color:#dbe7dd;text-decoration:none;font-size:14px}
.f2links a:hover{color:#fff}
.f2bottom{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:16px;font-size:12.5px;color:#8ba192}
@media(max-width:900px){.f2grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr2 .wrap{padding:28px 14px 16px}.f2grid{grid-template-columns:1fr}.f2bottom{flex-direction:column;gap:4px}}
.f2req{border-top:1px solid rgba(255,255,255,.07);margin-top:12px;padding-top:12px;font-size:11.5px;line-height:1.6;color:#6f857a}
.f2req b{color:#9fb3a6;font-weight:600}
.f2req a{color:#8ba192;text-decoration:underline;text-underline-offset:2px}
.f2req a:hover{color:#dbe7dd}