/* ==========================================================================
   bankrotrf.com — основные стили
   Палитра: тёмно-зелёный + золото (по макету diz.png)
   ========================================================================== */

:root{
  --green:#0e4d3c;
  --green-d:#093528;
  --green-l:#166b53;
  --gold:#c9a961;
  --gold-d:#b08f47;
  --gold-l:#e0c98d;
  --bg:#f6f4ef;
  --bg-2:#fffdf8;
  --text:#1d2420;
  --text-2:#5a6560;
  --line:#e4e0d6;
  --white:#fff;
  --red:#c0503f;
  --radius:14px;
  --radius-s:9px;
  --shadow:0 4px 22px rgba(14,77,60,.08);
  --shadow-h:0 10px 34px rgba(14,77,60,.15);
  --wrap:1240px;
  --font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font);font-size:16px;line-height:1.65;
  color:var(--text);background:var(--bg);overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold-d)}
h1,h2,h3,h4{margin:0 0 .6em;line-height:1.22;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(28px,4.4vw,50px)}
h2{font-size:clamp(23px,3.1vw,36px)}
h3{font-size:clamp(18px,2.1vw,23px)}
h4{font-size:18px}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.3em}
li{margin-bottom:.45em}
hr{border:0;border-top:1px solid var(--line);margin:32px 0}
table{border-collapse:collapse;width:100%}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sec{padding:64px 0}
.sec-sm{padding:42px 0}
.sec--green{background:var(--green);color:#fff}
.sec--green h2,.sec--green h3{color:#fff}
.sec--light{background:var(--bg-2)}
.center{text-align:center}
.mb0{margin-bottom:0}
.muted{color:var(--text-2)}
.sec-head{margin-bottom:34px}
.sec-head p{color:var(--text-2);max-width:760px;margin-bottom:0}
.sec--green .sec-head p{color:rgba(255,255,255,.75)}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 30px;border-radius:var(--radius-s);border:0;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;
  text-align:center;transition:.2s;text-transform:uppercase;letter-spacing:.03em;
}
.btn--gold{background:var(--gold);color:#2a2010}
.btn--gold:hover{background:var(--gold-d);color:#2a2010;transform:translateY(-2px);box-shadow:var(--shadow-h)}
.btn--green{background:var(--green);color:#fff}
.btn--green:hover{background:var(--green-l);color:#fff;transform:translateY(-2px)}
.btn--out{background:transparent;color:var(--green);border:2px solid var(--green)}
.btn--out:hover{background:var(--green);color:#fff}
.btn--out-w{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.btn--out-w:hover{background:#fff;color:var(--green)}
.btn--wide{width:100%}
.btn--sm{padding:11px 20px;font-size:13px}

/* ---------- шапка ---------- */
.header{background:url(/assets/img/footer-bg.png) 50% 0 repeat;position:sticky;top:0;z-index:200;box-shadow:0 2px 14px rgba(0,0,0,.14)}
.header__in{display:flex;align-items:center;gap:26px;min-height:74px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo img{height:44px;width:auto;filter:drop-shadow(0px -2px 6px #919191) contrast(1.5);}
.logo__txt{color:#fff;line-height:1.1}
.logo__txt b{display:block;font-size:17px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.logo__txt span{display:block;font-size:9.5px;color:var(--gold);letter-spacing:.05em;text-transform:uppercase}

.nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav a{color:white;font-size:14.5px;font-weight:600;white-space:nowrap}
.nav a:hover,.nav a.is-active{color:var(--gold)}
.nav__item{position:relative}
.nav__item>a::after{content:'';display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;
  border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}
.nav__item.no-arrow>a::after{display:none}
.submenu{
  position:absolute;top:100%;left:-16px;min-width:280px;background:#fff;border-radius:var(--radius-s);
  box-shadow:var(--shadow-h);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.22s;z-index:100;
}
.nav__item:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}
/* широкая выпадашка у правого края не должна уезжать за экран */
.nav__item--right .submenu{left:auto;right:-16px}
.submenu a{display:block;padding:9px 20px;color:var(--text);font-weight:600;font-size:14px}
.submenu a:hover{background:var(--bg);color:var(--green)}

.header__contacts{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header__phone{color:#fff;font-size:18px;font-weight:800;white-space:nowrap;letter-spacing:.01em;padding-left: 15px;text-align: center;}
.header__phone:hover{color:var(--gold)}
.header__phone small{display:block;font-size:10px;font-weight:500;color:var(--gold);letter-spacing:.02em;text-transform:uppercase}
.soc{display:flex;gap:7px}
.soc a{
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.13);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;
}
.soc a:hover{background:var(--gold);color:#2a2010}

/* город в шапке */
.geo-pick{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.85);font-size:13.5px;
  font-weight:600;cursor:pointer;white-space:nowrap}
.geo-pick:hover{color:var(--gold)}
.geo-pick b{border-bottom:1px dashed rgba(255,255,255,.5)}

.burger{display:none;width:42px;height:42px;background:rgba(255,255,255,.12);border:0;border-radius:9px;
  cursor:pointer;position:relative;flex-shrink:0}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:#fff;transition:.25s}
.burger span:nth-child(1){top:14px}
.burger span:nth-child(2){top:20px}
.burger span:nth-child(3){top:26px}
.burger.is-open span:nth-child(1){transform:rotate(45deg);top:20px}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:rotate(-45deg);top:20px}

/* ---------- первый экран ---------- */
.hero{position:relative;background:var(--green);color:#fff;overflow:hidden;    background: url(/assets/img/footer-bg.png) 50% 0 repeat;}
.hero::after{content:'';position:absolute;inset:0;background:
  radial-gradient(1100px 460px at 78% 24%,rgba(201,169,97,.2),transparent 62%);pointer-events:none}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
  padding:56px 0 64px;position:relative;z-index:2}
.hero h1{color:#fff;margin-bottom:6px}
.hero h1 span{display:block;color:var(--gold);font-weight:700}
.hero__sub{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:26px;max-width:520px}
.hero__list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:9px;max-width:470px}
.hero__list li{
  display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:11px 16px;
  font-size:14.5px;font-weight:600;margin:0;
}
.hero__list .ic{width:21px;height:21px;border-radius:50%;background:var(--gold);color:var(--green-d);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0}
.hero__note{font-size:13px;color:rgba(255,255,255,.65);margin:14px 0 0;display:flex;align-items:center;gap:8px}
.hero__media{position:relative}
.hero__media img{border-radius:var(--radius);box-shadow:0 22px 60px rgba(0,0,0,.3)}
.hero__badge{
  position:absolute;right:-8px;bottom:26px;background:rgba(255,255,255,.97);color:var(--text);
  border-radius:var(--radius);padding:16px 22px;box-shadow:var(--shadow-h);text-align:center;min-width:190px;
}
.hero__badge small{display:block;font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}
.hero__badge b{display:block;font-size:38px;color:var(--gold-d);line-height:1;margin:4px 0;font-weight:800}

/* ---------- полоса статистики ---------- */
.stats-bar{background:var(--green-d);border-radius:var(--radius);margin-top:-30px;position:relative;z-index:5;
  box-shadow:var(--shadow-h)}
.stats-bar__in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:26px 18px}
.stat{text-align:center;color:#fff;padding:6px 8px;border-right:1px solid rgba(255,255,255,.13)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:clamp(24px,3.4vw,38px);color:var(--gold);font-weight:800;line-height:1.1}
.stat span{display:block;font-size:12.5px;color:rgba(255,255,255,.72);margin-top:5px;line-height:1.35}

/* ---------- карточки услуг ---------- */
.cards{display:grid;gap:18px}
.cards--5{grid-template-columns:repeat(5,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.cards--3{grid-template-columns:repeat(3,1fr)}
.cards--2{grid-template-columns:repeat(2,1fr)}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;
  transition:.25s;display:flex;flex-direction:column;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-h);border-color:var(--gold-l)}
.card__ic{width:44px;height:44px;border-radius:10px;background:var(--tint);display:flex;align-items:center;
  justify-content:center;margin-bottom:14px;font-size:21px}
.card h3{font-size:17px;margin-bottom:9px}
.card p{font-size:14px;color:var(--text-2);flex-grow:1;margin-bottom:14px}
.card__more{font-size:13.5px;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:6px}
.card__more::after{content:'→';transition:transform .2s}
.card:hover .card__more::after{transform:translateX(4px)}

/* ---------- форма ---------- */
.form-block{
  background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr;
}
.form-block__l{padding:38px 36px}
.form-block__l h2{margin-bottom:10px}
.form-block__l ul{list-style:none;padding:0;margin:18px 0 0}
.form-block__l li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin-bottom:11px}
.form-block__l li::before{content:'✓';color:var(--gold-d);font-weight:900;flex-shrink:0}
.form-block__r{background:var(--bg);padding:34px 36px}
.form-row{margin-bottom:14px}
.form-row label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text-2)}
.form-row input,.form-row textarea,.form-row select{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-s);
  font-family:inherit;font-size:15px;background:#fff;color:var(--text);transition:.2s;
}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{
  outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,.16)}
.form-row textarea{min-height:88px;resize:vertical}
.form-agree{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--text-2);margin:6px 0 14px}
.form-agree input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--green)}
.form-msg{padding:12px 15px;border-radius:var(--radius-s);font-size:14px;margin-bottom:12px;display:none}
.form-msg.ok{display:block;background:#e6f4ee;color:#0e5c40;border:1px solid #b8e0cd}
.form-msg.err{display:block;background:#fdecea;color:#9c3226;border:1px solid #f3c9c2}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* ---------- шаги ---------- */
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
.steps::before{content:'';position:absolute;top:20px;left:6%;right:6%;height:2px;background:var(--line);z-index:0}
.step{position:relative;z-index:1;text-align:left}
.step b{
  width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;font-size:16px;font-weight:800;
  display:flex;align-items:center;justify-content:center;margin-bottom:13px;border:4px solid var(--bg);
}
.sec--light .step b{border-color:var(--bg-2)}
.step h4{font-size:15px;margin-bottom:6px}
.step p{font-size:13px;color:var(--text-2);margin:0}

/* ---------- кейсы ---------- */
.case-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;
  display:flex;flex-direction:column;transition:.25s;height:100%;
}
.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-h);border-color:var(--gold-l)}
.case-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.case-card__sum{font-size:25px;font-weight:800;color:var(--green);line-height:1.1}
.case-card__sum small{display:block;font-size:11px;font-weight:600;color:var(--text-2);
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.badge{
  display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:40px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;
}
.badge--ok{background:#e6f4ee;color:#0e5c40}
.badge--wait{background:#fdf3e0;color:#8a6320}
.badge--grey{background:#eef0ee;color:#5a6560}
.case-card__meta{list-style:none;padding:0;margin:0 0 15px;font-size:13.5px}
.case-card__meta li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;
  border-bottom:1px dashed var(--line);margin:0}
.case-card__meta li:last-child{border-bottom:0}
.case-card__meta span{color:var(--text-2);flex-shrink:0}
.case-card__meta b{font-weight:700;text-align:right}
.case-card__creds{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.tag{background:var(--tint);border:1px solid var(--line);border-radius:6px;padding:3px 9px;
  font-size:11.5px;color:var(--text-2);white-space:nowrap}
.case-card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.case-card__no{font-size:11.5px;color:var(--text-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* ---------- фильтры ---------- */
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:26px}
.filters__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.filters__foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.chip{
  display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);
  border-radius:40px;padding:7px 15px;font-size:13.5px;font-weight:600;color:var(--text);transition:.2s;
}
.chip:hover{border-color:var(--gold);color:var(--green);transform:translateY(-1px)}
.chip.is-active{background:var(--green);color:#fff;border-color:var(--green)}
.chip small{color:var(--text-2);font-weight:600}
.chip.is-active small{color:rgba(255,255,255,.65)}

/* ---------- карточка дела ---------- */
.case-hero{background:var(--green);color:#fff;padding:38px 0 44px}
.case-hero h1{color:#fff;margin-bottom:12px}
.case-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.case-hero__meta .tag{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff;
  padding:6px 13px;font-size:13px}
.result-table{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  margin-bottom:26px}
.result-table__head{background:var(--green);color:#fff;padding:15px 22px;font-weight:800;font-size:16px}
.result-table dl{margin:0;display:grid;grid-template-columns:minmax(180px,270px) 1fr}
.result-table dt{padding:13px 22px;border-bottom:1px solid var(--line);background:var(--tint);
  font-size:13.5px;color:var(--text-2);font-weight:600}
.result-table dd{padding:13px 22px;border-bottom:1px solid var(--line);margin:0;font-weight:700;font-size:14.5px}
.result-table dl>*:nth-last-child(-n+2){border-bottom:0}

.prose{font-size:16px;line-height:1.75}
.prose h2{margin-top:1.6em;font-size:clamp(21px,2.5vw,28px)}
.prose h3{margin-top:1.4em}
.prose ul li::marker{color:var(--gold-d)}
.prose blockquote{margin:1.4em 0;padding:16px 22px;background:var(--bg-2);border-left:4px solid var(--gold);
  border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--text-2)}
.prose table{margin:1.4em 0;font-size:14.5px}
.prose th{background:var(--green);color:#fff;padding:11px 14px;text-align:left;font-size:13.5px}
.prose td{padding:10px 14px;border-bottom:1px solid var(--line)}
.prose img{border-radius:var(--radius);margin:1.2em 0}

.note{background:var(--bg-2);border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:0 var(--radius-s) var(--radius-s) 0;padding:16px 20px;margin:22px 0;font-size:14.5px}
.note b{color:var(--green)}

/* ---------- хлебные крошки ---------- */
.crumbs{padding:14px 0;font-size:13px;color:var(--text-2)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap: 0 7px;}
.crumbs li{margin:0;display:flex;align-items:center;gap:7px}
.crumbs li+li::before{content:'/';}
.crumbs a{color:var(--text-2)}
.crumbs a:hover{color:var(--green)}
.crumbs--dark{color:rgba(255,255,255,.6)}
.crumbs--dark a{color:rgba(255,255,255,.7)}
.crumbs--dark a:hover{color:var(--gold)}
.crumbs--dark li+li::before{color:rgba(255,255,255,.3)}

/* ---------- команда / отзывы / блог ---------- */
.person{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}
.person:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.person__ph{aspect-ratio:1/1;background:var(--bg) center/cover no-repeat;display:flex;align-items:center;
  justify-content:center;font-size:44px;color:var(--line)}
.person__in{padding:17px 19px}
.person__in b{display:block;font-size:16px;margin-bottom:3px}
.person__in span{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}
.person__in em{font-size:12.5px;color:var(--gold-d);font-style:normal;font-weight:700}

.post{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;transition:.25s}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.post__img{aspect-ratio:16/10;background:var(--green) center/cover no-repeat;position:relative}
.post__in{padding:18px 20px;display:flex;flex-direction:column;flex-grow:1}
.post__date{font-size:12px;color:var(--text-2);margin-bottom:7px}
.post h3{font-size:16.5px;margin-bottom:8px}
.post p{font-size:13.5px;color:var(--text-2);flex-grow:1;margin-bottom:12px}

.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.review__top{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;align-items:center}
.review__author b{display:block;font-size:15px}
.review__author span{font-size:12.5px;color:var(--text-2)}
.stars{color:var(--gold);font-size:14px;letter-spacing:2px}
.review p{font-size:14.5px;margin:0;color:var(--text-2)}

/* ---------- FAQ ---------- */
.acc{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.acc__item+.acc__item{border-top:1px solid var(--line)}
.acc__q{
  padding:17px 54px 17px 22px;cursor:pointer;font-weight:700;font-size:15.5px;position:relative;
  transition:.2s;user-select:none;
}
.acc__q:hover{color:var(--green);background:var(--bg-2)}
.acc__q::after{
  content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--green);
  display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;transition:.25s;
}
.acc__item.is-open .acc__q::after{content:'−';background:var(--gold);color:#2a2010}
.acc__a{display:none;padding:0 22px 20px;font-size:14.5px;color:var(--text-2)}
.acc__a p:last-child{margin-bottom:0}
.acc__item.is-open .acc__a{display:block}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(100deg,var(--gold) 0%,var(--gold-l) 100%);padding:46px 0}
.cta__in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta h2{margin:0 0 6px;color:#33270f}
.cta p{margin:0;color:#4b3b18;font-size:15.5px}
.cta form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.cta input{padding:14px 17px;border:0;border-radius:var(--radius-s);font-family:inherit;font-size:15px;min-width:190px}

/* ---------- регионы ---------- */
.geo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}
.geo-grid a{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-s);padding:11px 15px;font-size:14px;transition:.2s}
.geo-grid a:hover{border-color:var(--gold);transform:translateX(3px)}
.geo-grid span{color:var(--text-2);font-size:12.5px;flex-shrink:0}

/* ---------- футер ---------- */
.footer{background:var(--green-d);color:rgba(255,255,255,.72);padding:52px 0 22px;font-size:14px}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:30px;margin-bottom:34px}
.footer h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin-bottom:9px}
.footer a{color:rgba(255,255,255,.72)}
.footer a:hover{color:var(--gold)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;
  justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.5)}
.footer .logo__txt b{font-size:16px}
.footer__disc{font-size:12px;color:rgba(255,255,255,.42);margin-top:14px;line-height:1.6}

/* ---------- пагинация ---------- */
.pager{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.pager a,.pager span{min-width:41px;height:41px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius-s);border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;padding:0 12px}
.pager a:hover{border-color:var(--gold);color:var(--green)}
.pager .is-cur{background:var(--green);color:#fff;border-color:var(--green)}
.pager .gap{border:0;background:transparent}

/* ---------- прочее ---------- */
.grid-side{display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:start}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}
.side-card h3{font-size:17px}
.side-card--green{background:var(--green);color:#fff;border-color:var(--green)}
.side-card--green h3{color:#fff}
.side-card--green p{color:rgba(255,255,255,.8);font-size:14px}
.sticky{position:sticky;top:96px}

.list-links{list-style:none;padding:0;margin:0;font-size:14px}
.list-links li{margin-bottom:9px;display:flex;justify-content:space-between;gap:10px}
.list-links span{color:var(--text-2);font-size:12.5px}

.empty{background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:44px 24px;text-align:center;color:var(--text-2)}

.video-card{background:#000;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:16/9}
.video-card iframe{width:100%;height:100%;border:0;display:block}
.video-ph{width:100%;height:100%;background:var(--green);display:flex;flex-direction:column;
  align-items:center;justify-content:center;color:rgba(255,255,255,.75);gap:9px;text-align:center;padding:22px}
.video-ph b{font-size:15px;color:#fff}
.video-ph small{font-size:12px;color:rgba(255,255,255,.55)}

.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.stat-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center}
.stat-tile b{display:block;font-size:31px;font-weight:800;color:var(--green);line-height:1.1}
.stat-tile span{display:block;font-size:13px;color:var(--text-2);margin-top:6px}

.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:9px;font-size:14px}
.bar-row__name{width:210px;flex-shrink:0}
.bar-row__bar{flex-grow:1;height:22px;background:var(--tint);border-radius:5px;overflow:hidden}
.bar-row__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green-l));border-radius:5px}
.bar-row__val{width:66px;text-align:right;font-weight:700;flex-shrink:0}

/* всплывающий выбор города */
.geo-modal{position:fixed;inset:0;background:rgba(9,53,40,.6);z-index:900;display:none;
  align-items:center;justify-content:center;padding:20px}
.geo-modal.is-open{display:flex}
.geo-modal__in{background:#fff;border-radius:var(--radius);max-width:760px;width:100%;
  max-height:82vh;overflow:auto;padding:30px}
.geo-modal__close{float:right;background:0;border:0;font-size:26px;cursor:pointer;color:var(--text-2);line-height:1}

/* ---------- адаптив ---------- */
@media(max-width:1100px){
  .cards--5{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(3,1fr);gap:22px}
  .steps::before{display:none}
  .footer__grid{grid-template-columns:1fr 1fr 1fr}
  .grid-side{grid-template-columns:1fr}
  .sticky{position:static}
  .nav{gap:16px}
  .nav a{font-size:13.5px}
}
@media(max-width:980px){
  .hero__in{grid-template-columns:1fr;padding:36px 0 44px}
  .hero__media{order:-1;max-width:520px}
  .hero__badge{right:10px}
  .form-block{grid-template-columns:1fr}
  .cards--4{grid-template-columns:repeat(2,1fr)}
  .cards--3{grid-template-columns:repeat(2,1fr)}
  .filters__grid{grid-template-columns:repeat(2,1fr)}
  .header__phone small{display:none}
}
@media(max-width:820px){
  .burger{display:block}
  .nav{
    position:fixed;top:74px;left:0;right:0;bottom:0;background:var(--green);flex-direction:column;
    align-items:stretch;gap:0;padding:18px 20px;overflow-y:auto;transform:translateX(100%);
    transition:transform .28s;margin:0;
  }
  .nav.is-open{transform:translateX(0)}
  .nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px;display:block}
  .nav__item{width:100%}
  .nav__item>a::after{float:right;margin-top:8px}
  .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    background:transparent;padding:0 0 0 16px;display:none}
  .nav__item.is-open .submenu{display:block}
  .submenu a{color:rgba(255,255,255,.75);padding:10px 0;font-size:14.5px}
  .submenu a:hover{background:transparent;color:var(--gold)}
  .header__contacts .soc{display:none}
  .stats-bar__in{grid-template-columns:repeat(2,1fr);gap:18px}
  .stat{border-right:0}
  .sec{padding:44px 0}
}
@media(max-width:640px){
  .cards--5,.cards--4,.cards--3,.cards--2{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:22px}
  .form-block__l,.form-block__r{padding:26px 20px}
  .result-table dl{grid-template-columns:1fr}
  .result-table dt{padding-bottom:2px;border-bottom:0;background:#fff}
  .result-table dd{padding-top:2px}
  .cta__in{flex-direction:column;align-items:stretch}
  .cta form{flex-direction:column}
  .cta input,.cta .btn{width:100%}
  .filters__grid{grid-template-columns:1fr}
  .bar-row__name{width:120px;font-size:12.5px}
  .header__phone{font-size:15px}
  .logo img{height:36px}
  .logo__txt b{font-size:14px}
}

/* ==========================================================================
   ВЕРСИЯ 2 — новый первый экран, «О компании», команда, галерея
   Палитра синхронизирована с макетом diz2
   ========================================================================== */

:root{
  --green:#1A5037;
  --green-d:#0E3A26;
  --green-l:#2C6E49;
  --gold:#C9A04E;
  --gold-d:#A8813A;
  --gold-l:#E8CF8B;
  /* Холст был #ECE8DB — под длинным текстом читался тяжело и «пылил».
     Осветлили; прежний оттенок остался в --tint для мелких заливок
     (иконки карточек, ячейки таблиц, полоски диаграмм), которым нужен контраст. */
  --bg:#F7F5EE;
  --bg-2:#FDFBF5;
  --tint:#EDE9DC;
  --line:#E4E0D2;
}

/* ---------- белый холст контентных страниц ----------
   Ставится в layout/main.php всем страницам, кроме главной. Текст услуг,
   статей и справочных разделов читается на белом заметно легче, а карточки
   не теряются: им добавляется мягкая тень вместо контраста фона. */
body.page--white{ --bg:#fff; --bg-2:#FBF9F3; }
body.page--white .sec--white{background:var(--bg-2)}
body.page--white .sec--light{background:var(--bg-2)}
body.page--white .card,
body.page--white .post,
body.page--white .acc,
body.page--white .filters,
body.page--white .result-table,
body.page--white .stat-tile,
body.page--white .side-card:not(.side-card--green){
  box-shadow:0 2px 10px rgba(26,80,55,.06);
}


/* ---------- ПЕРВЫЙ ЭКРАН ---------- */
.hero2{
  position:relative;
  background:#F7F4EC url('/assets/img/hero-bg.jpg') no-repeat center right / cover;
  overflow:hidden;
}
.hero2::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(100deg,#F8F5EE 0%,rgba(248,245,238,.94) 34%,rgba(248,245,238,.42) 55%,rgba(248,245,238,0) 72%);
}
.hero2__in{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
  gap:40px;align-items:center;padding:52px 0 58px;min-height:600px;
}
.hero2__title{
  font-size:clamp(30px,3.9vw,52px);line-height:1.1;margin:0 0 20px;font-weight:800;letter-spacing:-.02em;
}
.hero2__title .t-green{color:var(--green-d);display:block}
.hero2__title .t-gold{color:var(--gold-d);display:block}
.hero2__text{font-size:17.5px;line-height:1.62;color:#43504A;max-width:560px;margin:0 0 26px}
.hero2__feats{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:13px;max-width:520px}
.hero2__feats li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;color:#243029;margin:0}
/* Гарантия возврата — главное обещание первого экрана, поэтому в общем списке
   она набрана крупнее и золотом; уточнение под ней — отдельной строкой, мельче
   и бледнее. Размер уточнения в em от пункта, а не от <b>, — чтобы совпадать
   с остальными пунктами списка на всех ширинах. */
.hero2__feats b{display:block;font-size:18px;font-weight:bold;color:var(--gold-d);line-height:1.3}
.hero2__feats small{display:block;font-size:15px;font-weight:500;color:#6B7670;line-height:1.35;margin-top:2px}
.feat-ic{
  width:46px;height:46px;border-radius:12px;flex-shrink:0;
  background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:21px;
  box-shadow:0 2px 10px rgba(26,80,55,.07);
}
.hero2__right{display:grid;gap:16px;align-content:center}
.form-card{
  background:#fff;border-radius:16px;padding:28px 26px;
  box-shadow:0 14px 44px rgba(26,80,55,.14);border:1px solid rgba(255,255,255,.9);
}
.form-card__title{font-size:21px;font-weight:800;text-align:center;line-height:1.3;color:var(--green-d);margin-bottom:8px}
.form-card__sub{font-size:14px;color:#6B7670;text-align:center;margin-bottom:20px;line-height:1.45}
.form-card .form-row{margin-bottom:12px}
.form-card input,.form-card select{padding:15px 16px;font-size:15.5px}
.form-policy{font-size:11.5px;color:#8A928C;text-align:center;line-height:1.45;margin-top:12px}
.form-policy a{color:var(--gold-d);text-decoration:underline}
.hero2__stats{
  background:#fff;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:26px;
  box-shadow:0 10px 32px rgba(26,80,55,.11);
}
.hero2__stats .s1{flex:1}
.hero2__stat-label{font-size:12.5px;color:#6B7670;text-transform:uppercase;letter-spacing:.03em}
.hero2__stat-num{font-size:27px;font-weight:800;color:var(--green);line-height:1.15;white-space:nowrap}
.hero2__stat-sub{font-size:12.5px;color:#6B7670}
.hero2__stats .s2{text-align:center;border-left:1px solid var(--line);padding-left:24px}
.hero2__stats .s2 .hero2__stat-num{color:var(--gold-d)}
/* когда в плашке осталась одна цифра — она и есть главная, даём ей размер */
.hero2__stats--solo{text-align:center}
.hero2__stats--solo .hero2__stat-num{font-size:34px}

/* Плашка с ценой на первом экране убрана — вместо неё гарантия возврата,
   она стоит обычным пунктом в списке .hero2__feats. */

/* ---------- обязательное предупреждение ---------- */
.bnotice{font-size:11.5px;line-height:1.45;color:#7C8A83;margin:12px 0 0}
.bnotice--footer{
  margin:22px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.45);font-size:12px;
}
.cta .bnotice{width:100%;color:#6b5c3a;margin-top:10px}
.srv-cta .bnotice{color:rgba(255,255,255,.6)}

/* полоса преимуществ под первым экраном */
.benefits{
  background:#fff;border-radius:16px;margin-top:-26px;position:relative;z-index:5;
  box-shadow:0 8px 30px rgba(26,80,55,.09);border:1px solid var(--line);
}
.benefits--flat{margin-top:26px}
.benefits__in{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:22px 20px}
.benefit{display:flex;align-items:center;gap:13px;padding:6px 14px;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0}
.benefit__ic{
  width:44px;
  height:44px;
  border-radius:11px;
  background:var(--bg-2);
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  border:1px solid var(--line);
}
.benefit b{display:block;font-size:14.5px;line-height:1.3;color:#243029}
.benefit span{/* display:block; */font-size:13px;color:#6B7670;line-height:1.3}

/* ---------- О КОМПАНИИ / ДИРЕКТОР ---------- */
.director{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:44px;align-items:start}
.director__ph{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 44px rgba(26,80,55,.16)}
.director__ph img{width:100%;display:block}
.director__cap{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(to top,rgba(14,58,38,.95) 12%,rgba(14,58,38,.75) 60%,transparent);
  color:#fff;padding:26px 22px 18px;
}
.director__cap small{display:block;font-size:12px;color:var(--gold-l);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.director__cap b{display:block;font-size:20px;font-weight:800;line-height:1.25}
.director__quote{
  background:var(--bg-2);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;
  padding:22px 26px;font-size:17px;line-height:1.65;color:#33403A;font-style:italic;margin:0 0 26px;
}
.director__quote::before{content:'«';color:var(--gold);font-size:38px;line-height:0;vertical-align:-12px;margin-right:4px}
.director__facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.dfact{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.dfact b{display:block;font-size:25px;color:var(--green);font-weight:800;line-height:1.1}
.dfact span{display:block;font-size:13px;color:#6B7670;margin-top:4px}

/* видео-врезка */
.video-embed{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;
  box-shadow:0 14px 40px rgba(0,0,0,.2)}
.video-embed iframe{width:100%;height:100%;border:0;display:block}

/* ---------- КОМАНДА ---------- */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.team-grid--lead{grid-template-columns:repeat(2,1fr);max-width:660px;margin:0 auto 34px}
.tmember{text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
.tmember__ph{
  width:100%;
  aspect-ratio:1/1;
  border-radius:14px;
  overflow:hidden;
  background:var(--bg-2);
  border:1px solid var(--line);
  margin-bottom:13px;
  max-width: 150px;
}
.tmember__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
.tmember:hover .tmember__ph img{transform:scale(1.04)}
/* карточка — флекс с переносом, поэтому display:block имени и должности ничего
   не даёт: они остаются флекс-элементами и встают в одну строку. У длинной
   фамилии с короткой должностью выходило «Абраменко Дмитрий ДмитриевичЮрист».
   Каждый элемент занимает всю ширину строки. */
.tmember > *{flex:0 0 100%}
.tmember b{display:block;font-size:15.5px;line-height:1.32;margin-bottom:4px;color:#1C2621}
.tmember span{display:block;font-size:13px;color:#6B7670;line-height:1.4}
.team-divider{height:1px;background:var(--line);margin:34px 0}

/* ---------- ФОТОГАЛЕРЕЯ ---------- */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery a{
  display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--bg-2);
  border:1px solid var(--line);position:relative;
}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.gallery a:hover img{transform:scale(1.06)}
.gallery a::after{
  content:'';position:absolute;inset:0;background:rgba(14,58,38,0);transition:.3s;
}
.gallery a:hover::after{background:rgba(14,58,38,.14)}

/* лайтбокс */
.lb{position:fixed;inset:0;background:rgba(9,40,28,.93);z-index:1000;display:none;
  align-items:center;justify-content:center;padding:24px}
.lb.is-open{display:flex}
.lb img{max-width:94vw;max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb__close{position:absolute;top:18px;right:26px;background:0;border:0;color:#fff;font-size:38px;cursor:pointer;line-height:1}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.14);border:0;
  color:#fff;font-size:30px;width:52px;height:52px;border-radius:50%;cursor:pointer}
.lb__nav--prev{left:22px}
.lb__nav--next{right:22px}
.lb__nav:hover{background:var(--gold);color:#2a2010}

/* ---------- «УЗНАЁТЕ СЕБЯ?» ---------- */
.recognize{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:start}
.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mini-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 14px;
  display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.35;color:#2A352F;
  transition:.22s;
}
.mini-card:hover{border-color:var(--gold-l);transform:translateY(-3px);box-shadow:0 8px 22px rgba(26,80,55,.09)}
.mini-card__ic{
  width:38px;height:38px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:18px;
}
.card-green{
  background:var(--green-d);color:#fff;border-radius:16px;padding:30px 28px;position:relative;overflow:hidden;
}
.card-green::after{
  content:'';position:absolute;right:-40px;bottom:-40px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,160,78,.22),transparent 70%);
}
.card-green h3{color:#fff;font-size:23px;margin-bottom:12px;position:relative;z-index:1}
.card-green p{color:rgba(255,255,255,.82);font-size:15px;margin-bottom:20px;position:relative;z-index:1}
.card-green .btn{position:relative;z-index:1}
.card-green__note{font-size:13px;color:rgba(255,255,255,.65);margin-top:14px;position:relative;z-index:1}

/* ---------- ЧТО МОЖНО СПИСАТЬ ---------- */
.icon-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.icon-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 14px;text-align:center;
  font-size:13.5px;font-weight:600;line-height:1.32;color:#2A352F;transition:.22s;
}
.icon-card:hover{border-color:var(--gold-l);transform:translateY(-3px)}
.icon-card i{display:block;font-size:26px;margin-bottom:10px;font-style:normal}

/* ---------- РЕЗУЛЬТАТ ДЛЯ КЛИЕНТА ---------- */
.result-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}
.result-col h3{font-size:18px;margin-bottom:16px;color:var(--green-d)}
.result-col ul{list-style:none;padding:0;margin:0}
.result-col li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin-bottom:11px;line-height:1.45}
.result-col li::before{content:'✓';color:var(--gold-d);font-weight:900;flex-shrink:0}
.result-img{width:250px;border-radius:14px;overflow:hidden}
.result-img img{width:100%;display:block}

/* отзывы Яндекса на всю ширину */
.ya-reviews{    max-width: 760px;margin:0 auto;position:relative;width:100%;height:1300px;overflow:hidden;border-radius:14px;
  border:1px solid var(--line);background:#fff}
.ya-reviews iframe{width:100%;height:100%;border:0;display:block}
.ya-reviews__link{
  display:block;text-align:center;font-size:12px;color:#9aa39d;padding:8px 16px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ---------- страница дела: номер и PDF ---------- */
.case-no-badge{
  display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:10px 18px;margin-bottom:16px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;font-weight:700;color:#fff;
  letter-spacing:.02em;
}
.case-no-badge small{font-family:var(--font);font-size:11.5px;font-weight:600;color:var(--gold-l);
  text-transform:uppercase;letter-spacing:.06em}
.docs-block{
  background:#fff;border:2px solid var(--gold);border-radius:16px;padding:26px;margin-bottom:28px;
  box-shadow:0 8px 28px rgba(201,160,78,.16);
}
.docs-block h2{font-size:23px;margin-bottom:6px;color:var(--green-d)}
.docs-block__sub{font-size:14.5px;color:#6B7670;margin-bottom:20px}
.doc-list{display:grid;gap:14px}
.doc-item{
  display:flex;align-items:center;gap:18px;background:var(--bg-2);border:1px solid var(--line);
  border-radius:12px;padding:16px 20px;transition:.22s;
}
.doc-item:hover{border-color:var(--gold);transform:translateX(4px);box-shadow:0 6px 20px rgba(26,80,55,.1)}
.doc-item__ic{
  width:56px;height:68px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font-size:11px;font-weight:800;color:#C0503F;position:relative;
}
.doc-item__ic::before{content:'';position:absolute;top:0;right:0;border:9px solid transparent;
  border-top-color:var(--line);border-right-color:var(--line)}
.doc-item__in{flex-grow:1;min-width:0}
.doc-item__in b{display:block;font-size:16px;margin-bottom:3px;color:#1C2621}
.doc-item__in span{display:block;font-size:13px;color:#6B7670}
.doc-item .btn{flex-shrink:0}

@media(max-width:1100px){
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .mini-cards{grid-template-columns:repeat(2,1fr)}
  .icon-cards{grid-template-columns:repeat(3,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .recognize{grid-template-columns:1fr}
  .director{grid-template-columns:1fr;gap:28px}
  .director__ph{max-width:420px}
}
@media(max-width:980px){
  .hero2__in{grid-template-columns:1fr;padding:34px 0 42px;min-height:auto}
  .hero2{background-position:center top;background-size:130% auto;background-repeat:no-repeat}
  .hero2::before{background:linear-gradient(180deg,rgba(248,245,238,.86) 0%,rgba(248,245,238,.97) 40%)}
  .benefits__in{grid-template-columns:repeat(2,1fr)}
  .benefit:nth-child(2n){border-right:0}
  .result-cols{grid-template-columns:1fr}
  .result-img{margin:0 auto}
}
@media(max-width:640px){
  .team-grid,.team-grid--lead{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .icon-cards,.mini-cards{grid-template-columns:repeat(2,1fr)}
  .benefits__in{grid-template-columns:1fr}
  .benefit{border-right:0;border-bottom:1px solid var(--line)}
  .benefit:last-child{border-bottom:0}
  .hero2__stats{flex-direction:column;gap:14px;align-items:stretch;text-align:center}
  .hero2__stats .s2{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}
  .director__facts{grid-template-columns:1fr}
  .doc-item{flex-wrap:wrap}
  .doc-item .btn{width:100%}
  .ya-reviews{/* height:620px; */}
}

/* ---------- монохромные иконки ---------- */
.ic{width:1em;height:1em;display:inline-block;vertical-align:middle;flex-shrink:0}
.feat-ic .ic{width:22px;height:22px;color:var(--green)}
.benefit__ic .ic{width:21px;height:21px;color:var(--gold-d)}
.card__ic .ic{width:23px;height:23px;color:var(--green)}
.mini-card__ic .ic{width:19px;height:19px;color:var(--green)}
.icon-card .ic{width:26px;height:26px;color:var(--green);margin:0 auto 10px;display:block}
.soc .ic{width:16px;height:16px}
.result-col li .ic,.form-block__l li .ic{width:16px;height:16px;color:var(--gold-d);margin-top:4px}
.side-list .ic{width:16px;height:16px;color:var(--gold-d)}
.doc-item__ic .ic{width:22px;height:22px;color:#C0503F}

/* ==========================================================================
   ВЕРСИЯ 3 — светлая шапка, точный первый экран, монохром, белые секции
   ========================================================================== */

/* ---------- СВЕТЛАЯ ШАПКА ---------- */
.header{
  background:#FBF9F3;
  border-bottom:1px solid #E7E2D4;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.header__in{min-height:86px;gap:22px}
.logo img{height: 40px;filter:none}
.nav a{color:#2A352F}
.nav a:hover,.nav a.is-active{color:var(--gold-d)}
.submenu{border:1px solid var(--line)}
.header__phone{color:var(--green-d);font-size:21px}
.header__phone:hover{color:var(--gold-d)}
.header__phone small{color:#8A928C;font-weight:600}
.geo-pick{color:#5A6560}
.geo-pick b{border-bottom-color:#B9C0BA}
.geo-pick:hover{color:var(--gold-d)}
.geo-pick .ic{width:15px;height:15px;color:var(--gold-d)}
.burger{background:rgba(26,80,55,.08)}
.burger span{background:var(--green-d)}
.soc a{background:rgba(26,80,55,.08);color:var(--green)}

/* ---------- ПЕРВЫЙ ЭКРАН: точная композиция ---------- */
.hero2{position:relative;background:#FAF7F0;overflow:hidden;}
@media(min-width:400px){.hero2{padding:0 15px;}}
.hero2::before{display:none}
/* фон-картинка: щит между текстом и формой, колонна — у левого края формы */
.hero2__bg{
  position:absolute;top:0;right:0;bottom:0;
  width:66%;pointer-events:none;z-index:1;
}
.hero2__bg img{width:100%;height:100%;object-fit:cover;object-position:22% center;display:block}
/* мягкое растворение картинки в фон слева */
.hero2__bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,#FAF7F0 0%,rgba(250,247,240,.75) 12%,rgba(250,247,240,0) 32%);
}
.hero2__in{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,44%) minmax(340px,400px);
  justify-content:space-between;gap:36px;align-items:center;
  padding:56px 0 62px;min-height:640px;
}
.hero2__title{}
.hero2__text{font-size:17px;max-width:520px}
.hero2__feats li{font-size:15.5px;gap:13px}
.feat-ic{width:44px;height:44px;background:#fff;box-shadow:0 2px 10px rgba(26,80,55,.06)}
.hero2__right{gap:14px}
.form-card{padding:26px 24px;box-shadow:0 16px 46px rgba(26,80,55,.13)}
.hero2__stats{padding:18px 22px}

/* ---------- ЛЕНТА ЦИФР ---------- */
.figures{background:var(--green-d);color:#fff;position:relative;overflow:hidden}
.figures::after{
  content:'';position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,160,78,.2),transparent 70%);
}
.figures__in{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  padding:38px 0;position:relative;z-index:1;
}
.figure{text-align:center;padding:6px 22px;border-right:1px solid rgba(255,255,255,.14)}
.figure:last-child{border-right:0}
.figure b{
  display:block;font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.05;
  color:var(--gold-l);letter-spacing:-.02em;
}
.figure span{
  display:block;font-size:14.5px;color:rgba(255,255,255,.82);margin-top:8px;line-height:1.35;
}
@media(max-width:480px){
  section.figures {
    display: none;
}
}

/* ---------- КОМАНДА: компактнее ---------- */
.team-grid{grid-template-columns: repeat(4,1fr);gap:18px;}
.team-grid--lead{grid-template-columns:repeat(2,1fr);max-width:440px;margin:0 auto 30px}
.tmember__ph{border-radius:12px;margin-bottom:10px}
.tmember b{font-size:14px;line-height:1.3}
.tmember span{font-size:12.2px}
.team-grid--lead .tmember b{font-size:15.5px}
.team-grid--lead .tmember span{font-size:13px}

/* ---------- белые секции ---------- */
.sec--white{background:#fff}
.sec--white .card,.sec--white .mini-card,.sec--white .icon-card,.sec--white .dfact{
  background:var(--bg-2);
}
.sec--white .tmember__ph{background:var(--bg-2)}

/* ---------- прочее ---------- */
.gallery{grid-template-columns: repeat(4,1fr);gap:10px}
.gallery a{aspect-ratio:1/1}
.sec--white .icon-card {
    border: 1px solid var(--line);
    border-left: 3px solid #538e59;
    border-radius: 10px;
    padding: 13px 15px;
    background: #fff;
}
@media(max-width:1100px){
  .hero2__in{grid-template-columns:minmax(0,48%) minmax(320px,380px)}
  .hero2__bg{width:72%}
  .team-grid{grid-template-columns:repeat(4,1fr)}
  .gallery{grid-template-columns:repeat(4,1fr)}
  .figures__in{grid-template-columns:repeat(2,1fr);gap:22px 0}
  .figure:nth-child(2){border-right:0}
}
@media(max-width:980px){
  .hero2__bg{display:none}
  .hero2__in{grid-template-columns:1fr;min-height:auto;padding:34px 0 40px}
  .hero2{background:#FAF7F0}
  .header__in{min-height:70px}
  .logo img{height:42px}
}
@media(max-width:640px){
  .team-grid,.team-grid--lead{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .figures__in{grid-template-columns:1fr;gap:26px}
  .figure{border-right:0}
  .figure b{font-size:38px}
}

/* ---------- первый экран: точная подгонка композиции ----------
   Цель (как в макете): щит — в промежутке между текстом и формой,
   колонна — под левым краем карточки формы.                     */
.hero2__bg{
/*   right:15%;
width:76%; */
  right: 21%;
  width: 67%;
  top:50%;bottom:auto;
  transform:translateY(-50%);
  display:flex;align-items:center;
}
.hero2__bg img{width:100%;height:auto;object-fit:contain;object-position:center}
.hero2__bg::after{
  background:linear-gradient(90deg,#FAF7F0 0%,rgba(250,247,240,.86) 14%,rgba(250,247,240,0) 34%);
}
.hero2__title{line-height:1.13}
.hero2__in{grid-template-columns: minmax(0,38%) minmax(320px,330px);}

@media(max-width:1400px){
  .hero2__bg{right:10%;width:80%}
}
@media(max-width:1200px){
  .hero2__bg{right:4%;width:84%;}
}

/* растворяем края фоновой картинки в цвет секции со всех сторон */
.hero2__bg::after{
  background:
    linear-gradient(90deg,#FAF7F0 0%,rgba(250,247,240,.86) 13%,rgba(250,247,240,0) 32%,
                    rgba(250,247,240,0) 82%,rgba(250,247,240,.9) 94%,#FAF7F0 100%),
    linear-gradient(180deg,#FAF7F0 0%,rgba(250,247,240,0) 9%,
                    rgba(250,247,240,0) 88%,#FAF7F0 100%);
}

.badge {max-width: none;}
.crumbs.crumbs--dark {
    display: none;
}
.hero2__lead{font-size: 17px;/* font-weight: 100; */color:var(--green);margin: 45px 0;max-width:540px;line-height:1.4}

/* ==========================================================================
   ВЕРСИЯ 4 — мобильная вёрстка (базово 360px), выбор города в футере, куки
   ========================================================================== */

/* ---------- выбор города в футере ---------- */
.footer__geo{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:0 0 24px;margin-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12);
}
.footer__geo-label{font-size:14px;color:rgba(255,255,255,.6)}
.footer__geo-btn{
  display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:9px 16px;cursor:pointer;
  color:#fff;font-family:inherit;font-size:15px;font-weight:700;transition:.2s;
}
.footer__geo-btn:hover{background:var(--gold);color:#2a2010;border-color:var(--gold)}
.footer__geo-btn .ic{width:16px;height:16px;color:var(--gold-l)}
.footer__geo-btn:hover .ic{color:#2a2010}
.footer__geo-note{font-size:13px;color:rgba(255,255,255,.45)}

/* ---------- баннер cookie ---------- */
.cookie{
  position:fixed;left:14px;right:14px;bottom:14px;z-index:800;
  background:rgba(14,58,38,.97);color:rgba(255,255,255,.9);
  border-radius:12px;padding:13px 18px;box-shadow:0 8px 30px rgba(0,0,0,.28);
  display:none;align-items:center;gap:16px;font-size:13px;line-height:1.45;
  max-width:760px;margin:0 auto;
}
.cookie.is-show{display:flex}
.cookie a{color:var(--gold-l);text-decoration:underline}
.cookie button{
  flex-shrink:0;background:var(--gold);color:#2a2010;border:0;border-radius:8px;
  padding:9px 22px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
}
.cookie button:hover{background:var(--gold-l)}

/* ==========================================================================
   МОБИЛЬНАЯ ВЁРСТКА
   ========================================================================== */
@media(max-width:980px){
  .wrap{padding:0 16px}
  .sec{padding:38px 0}
  .sec-sm{padding:26px 0}
  .sec-head{margin-bottom:24px}
  h1{font-size:clamp(24px,6.4vw,34px)}
  h2{font-size:clamp(21px,5.4vw,28px)}

  /* шапка */
  .header__in{min-height:64px;gap:10px}
  .logo img{height:40px}
  .header__phone{font-size:16px;padding-left:0}
  .header__phone small{display:none}

  /* первый экран: фон уходит, форма поднимается наверх */
  .hero2{background:#FAF7F0}
  .hero2__bg{display:none}
  .hero2__in{
    display:flex;flex-direction:column;gap:24px;
    padding:26px 0 34px;min-height:auto;
  }
  .hero2__right{order:2;width:100%;gap:12px}
  .hero2__left{order:1;margin-top: 10px;}
  .hero2__title{font-size:clamp(25px,6.6vw,36px);line-height:1.16;margin-bottom:12px}
  .hero2__lead{font-size: 15px;margin: 25px 0;}
  .hero2__text{font-size:15px;margin-bottom:18px;max-width:none}
  .hero2__feats{gap:10px;margin-bottom:0;max-width:none}
  .hero2__feats li{font-size:14px;gap:11px}
  .feat-ic{width:38px;height:38px}
  .feat-ic .ic{width:19px;height:19px}
  .form-card{padding:20px 16px}
  .form-card__title{font-size:18px}
  .form-card__sub{font-size:13px;margin-bottom:14px}
  .form-card input,.form-card select{padding:13px 14px;font-size:16px}  /* 16px — iOS не зумит */
  .btn{padding:14px 20px;font-size:14px}
  .hero2__stats{padding:16px 18px;gap:16px;margin-bottom: 20px;}
  .hero2__stat-num{font-size:22px}

  /* полоса преимуществ */
  .benefits{margin-top:18px;border-radius:12px;margin-bottom: 18px;}
  .benefits__in{padding:8px 12px}
  .benefit{padding:12px 6px;gap:11px}
  .benefit__ic{width:38px;height:38px}
  .benefit b{font-size:13.5px}
  .benefit span{font-size:12.5px}

  /* лента цифр */
  .figures__in{padding:26px 0}
  .figure{padding:6px 10px}
  .figure b{font-size:clamp(28px,8vw,40px)}
  .figure span{font-size:12.5px;margin-top:5px}

  /* директор */
  .director{gap:20px}
  .director__ph{max-width:none}
  .director__quote{font-size:15px;padding:16px 18px}
  .director__cap b{font-size:17px}

  /* сетки */
  .cards{gap:12px}
  .video-embed,.result-cols,.grid-side{gap:20px}
  .prose{font-size:15.5px}
  .prose h2{font-size:21px}

  /* таблицы и карточки дел */
  .case-card{padding:18px}
  .case-card__sum{font-size:22px}
  .result-table dt,.result-table dd{padding:11px 16px}
  .docs-block{padding:18px 16px}
  .docs-block h2{font-size:19px}
  .case-no-badge{font-size:16px;padding:8px 14px}

  /* формы внутри секций */
  .form-block__l,.form-block__r{padding:22px 16px}
  .cta{padding:32px 0}
  .cta form{width:100%}
  .cta input{width:100%;min-width:0}

  /* футер */
  .footer{padding:34px 0 18px}
  .footer__grid{grid-template-columns:1fr 1fr;gap:20px}
  .footer__geo{flex-direction:column;align-items:flex-start;gap:9px}
  .footer__geo-note{font-size:12px}

  .crumbs {
      padding: 14px;
  }
}

@media(max-width:600px){
  .figures__in{grid-template-columns:repeat(2,1fr);gap:20px 0}
  .figure:first-child {
    padding-top: 18px;
}
  .figure:nth-child(2n){border-right:0}
  .figure:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:18px}
  .team-grid,.team-grid--lead{grid-template-columns:repeat(2,1fr);gap:14px}
  .gallery{grid-template-columns:repeat(2,1fr);gap:8px}
  .mini-cards,.icon-cards{grid-template-columns:repeat(2,1fr);gap:8px}
  .mini-card,.icon-card{padding:12px 10px;font-size:12.5px}
  .ya-reviews{/* height:560px; */}
  .steps{grid-template-columns:1fr;gap:16px}
  .cookie{left:8px;right:8px;bottom:8px;padding:11px 14px;font-size:12px;
          flex-direction:column;align-items:stretch;gap:10px;text-align:center}
  .cookie button{width:100%}
}

/* ---------- 360px и уже ---------- */
@media(max-width:400px){
  .wrap{padding:0 12px}
  .hero2__title{font-size:23px}
  .hero2__lead{font-size: 14px;}
  .hero2__text{font-size:14.5px}
  .hero2__feats li{font-size:13.2px;gap:9px}
  .feat-ic{width:34px;height:34px}
  .form-card{padding:16px 13px}
  .form-card__title{font-size:16.5px;line-height:1.3}
  .btn{padding:13px 14px;font-size:13px;letter-spacing:0}
  .figures__in{grid-template-columns:1fr;gap:18px}
  .figure{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px}
  .figure:last-child{border-bottom:0;/* padding-bottom:0; */}
  .figure b{font-size:32px}
  .benefits__in{grid-template-columns:1fr}
  .benefit{border-right:0;border-bottom:1px solid var(--line)}
  .benefit:last-child{border-bottom:0}
  .cards--5,.cards--4,.cards--3,.cards--2{grid-template-columns:1fr}
  .mini-cards,.icon-cards{grid-template-columns:1fr}
  .team-grid,.team-grid--lead{grid-template-columns:repeat(2,1fr);gap:10px}
  .tmember b{font-size:12.8px}
  .tmember span{font-size:11.5px}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;gap:10px;font-size:12px}
  .case-card__meta li{flex-direction:column;gap:1px;align-items:flex-start}
  .case-card__meta b{text-align:left}
  .doc-item{flex-direction:column;align-items:flex-start;gap:12px}
  .doc-item .btn{width:100%}
  .result-table__head{font-size:15px;padding:13px 16px}
  .chip{font-size:12.5px;padding:6px 12px}
  .ya-reviews{/* height:520px; */}
  .geo-modal__in{padding:20px 16px}
  .geo-grid{grid-template-columns:1fr}
}

.tmember__zoom{display:block;width:100%;height:100%;cursor:zoom-in;position:relative}
.tmember__zoom img{width:100%;height:100%;object-fit:cover}

/* ==========================================================================
   КВИЗ (отдельная посадочная под РСЯ)
   ========================================================================== */
.quiz-page{min-height:100vh;background:#FAF7F0;padding:26px 16px 40px}
.quiz-wrap{max-width:900px;margin:0 auto}
.quiz-logo{display:inline-flex;align-items:center;gap:11px;margin-bottom:26px}
.quiz-logo span{font-size:17px;font-weight:800;color:var(--green-d);line-height:1.1;
  text-transform:uppercase;letter-spacing:.04em}
.quiz-logo small{display:block;font-size:9.5px;color:var(--gold-d);font-weight:600;letter-spacing:.03em}
.quiz-h1{text-align:center;font-size:clamp(25px,3.7vw,40px);color:var(--green-d);margin:0 0 10px;line-height:1.18}
.quiz-h1 span{color:var(--gold-d)}
.quiz-sub{text-align:center;color:#5A6560;font-size:16.5px;margin:0 0 26px}

.quiz{background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(26,80,55,.11);
  padding:30px 34px 34px;position:relative;min-height:390px}
.quiz__top{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.quiz__bar{flex-grow:1;height:6px;background:#EDE9DC;border-radius:4px;overflow:hidden}
.quiz__bar i{display:block;height:100%;background:var(--green-l);border-radius:4px;transition:width .35s}
.quiz__count{font-size:14px;color:#8A928C;flex-shrink:0}
.quiz__count b{color:var(--green-d);font-size:16px}

.quiz__step{display:none}
.quiz__step.is-active{display:block;animation:qfade .28s ease}
@keyframes qfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.quiz__label{font-size:12.5px;font-weight:700;color:var(--green-l);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:10px}
.sec--green h2.quiz__q{font-size:clamp(20px,2.5vw,27px);color:var(--green-d);margin:0 0 22px;line-height:1.25}
.quiz__gains{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:14px}
.quiz__gains li{display:flex;align-items:center;gap:13px;font-size:16px;margin:0;color:#2A352F}
.quiz__gains .ic{width:22px;height:22px;color:#fff;background:var(--green-l);border-radius:50%;padding:4px;flex-shrink:0}
.quiz__time{display:flex;align-items:center;gap:8px;font-size:14px;color:#8A928C;margin-bottom:26px}
.quiz__time .ic{width:16px;height:16px}
.quiz__start{
  width: 74px;
    height: 74px;
    border-radius: 50%;
    background: var(--green);
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 35px;
    margin: 0 auto;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz__start:hover{background:var(--green-l);transform:scale(1.05)}

.quiz__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin-bottom:24px}
.quiz__opt{display:flex;align-items:center;gap:13px;cursor:pointer;padding:9px 4px;
  font-size:16px;color:#2A352F;margin:0;transition:.15s}
.quiz__opt:hover{color:var(--green)}
.quiz__opt input{position:absolute;opacity:0;width:0;height:0}
.quiz__radio{width:24px;height:24px;border-radius:50%;border:2px solid #D6D0BE;flex-shrink:0;
  position:relative;transition:.18s}
.quiz__opt input:checked ~ .quiz__radio{border-color:var(--green-l)}
.quiz__opt input:checked ~ .quiz__radio::after{
  content:'';position:absolute;inset:4px;border-radius:50%;background:var(--green-l);
}
.quiz__opt input:checked ~ .quiz__txt{font-weight:700;color:var(--green-d)}
.quiz__nav{margin-top:6px}
.quiz__back{background:0;border:0;color:#8A928C;font-family:inherit;font-size:15px;cursor:pointer;padding:6px 0}
.quiz__back:hover{color:var(--green)}
.quiz__fin{color:#5A6560;font-size:15.5px;margin-bottom:20px}
.quiz__form{max-width:420px}

.quiz__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.quiz__trust div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}
.quiz__trust b{display:block;font-size:26px;color:var(--green);font-weight:800;line-height:1.1}
.quiz__trust span{display:block;font-size:12.5px;color:#6B7670;margin-top:5px}
.quiz__legal{text-align:center;font-size:12px;color:#9AA39D;margin-top:22px}
.quiz__legal a{color:#8A928C;text-decoration:underline}

@media(max-width:700px){
  .quiz{padding:22px 18px 26px;border-radius:14px;min-height:auto}
  .quiz__opts{grid-template-columns:1fr;gap:4px}
  .quiz__opt{padding:11px 4px;font-size:15.5px}
  .quiz__q{font-size:20px;margin-bottom:16px}
  .quiz__gains li{font-size:15px}
  .quiz__trust{grid-template-columns:1fr;gap:10px}
  .quiz__trust div{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px}
  .quiz__trust b{font-size:22px}
  .quiz-h1{font-size:23px}
  .quiz-sub{font-size:15px;margin-bottom:20px}
}
@media(max-width:400px){
  .quiz-page{padding:18px 10px 30px}
  .quiz{padding:18px 14px 22px}
  .quiz__start{width:62px;height:62px;font-size:26px}
  .quiz__opt{font-size:14.5px;gap:11px}
  .quiz__radio{width:22px;height:22px}
}

/* шапка на узких экранах: телефон не должен вытеснять бургер */
@media(max-width:640px){
  .header__in{gap:8px}
  .header__contacts{gap:8px;margin-left:auto}
  .header__phone{font-size:0;line-height:0;width:42px;height:42px;border-radius:9px;
    background:rgba(26,80,55,.08);display:flex;align-items:center;justify-content:center}
  .header__phone::before{content:'';width:19px;height:19px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6.5 3.5h3l1.5 4-2 1.5a12 12 0 0 0 6 6l1.5-2 4 1.5v3a2 2 0 0 1-2.2 2A17.5 17.5 0 0 1 4.5 5.7 2 2 0 0 1 6.5 3.5Z'/></svg>") center/contain no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6.5 3.5h3l1.5 4-2 1.5a12 12 0 0 0 6 6l1.5-2 4 1.5v3a2 2 0 0 1-2.2 2A17.5 17.5 0 0 1 4.5 5.7 2 2 0 0 1 6.5 3.5Z'/></svg>") center/contain no-repeat;
    color:var(--green)}
  .header__phone small{display:none}
  .burger{display:block}
  .logo img{height:36px}
  .nav{top:64px}
}
@media(max-width:400px){ .logo img{height:32px} }

/* ==========================================================================
   ВЕРСИЯ 5 — видеоблоки, чекбоксы, фиксы мобильной вёрстки
   ========================================================================== */

/* ---------- видео ---------- */
.video-embed--sm{aspect-ratio:16/9;border-radius:12px}
.video-embed .video-ph{cursor:pointer}
.video-embed .video-ph b{font-size:26px;color:var(--gold-l)}
.video-embed--sm .video-ph b{font-size:22px}
.vcard{display:flex;flex-direction:column;gap:9px}
.vcard__t{font-size:13.5px;color:var(--text-2);line-height:1.35}

.greet-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.greet{display:flex;flex-direction:column;gap:9px}
.greet__name{font-size:14.5px;line-height:1.3;color:#1C2621}
.greet__txt{font-size:13px;color:var(--text-2);line-height:1.4}

/* ---------- чекбокс согласия: аккуратный и рядом с текстом ---------- */
.form-agree{
  display:flex;align-items:flex-start;gap:9px;
  font-size:12.5px;color:var(--text-2);margin:8px 0 14px;line-height:1.4;
}
.form-agree input[type=checkbox]{
  appearance:none;-webkit-appearance:none;
  width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;flex:0 0 18px;
  margin:1px 0 0;padding:0;box-sizing:border-box;
  border:1.5px solid #C6C0AE;border-radius:5px;background:#fff;cursor:pointer;
  position:relative;transition:.15s;
}
.form-agree input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}
.form-agree input[type=checkbox]:checked::after{
  content:'';position:absolute;left:5px;top:1.5px;width:5px;height:10px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.form-agree span{min-width:0}
.form-agree a{color:var(--green);text-decoration:underline}
.side-card--green .form-agree,.card-green .form-agree{color:rgba(255,255,255,.72)}
.side-card--green .form-agree a,.card-green .form-agree a{color:var(--gold-l)}
.cta .form-agree{color:#4b3b18}
.cta .form-agree a{color:#33270f}

/* ---------- бургер-меню: светлый текст на тёмном фоне ---------- */
.nav.is-open{background:var(--green-d)}
@media(max-width:820px){
  .nav a{color:#fff !important}
  .nav a:hover,.nav__item.is-open>a{color:var(--gold-l) !important}
  .submenu a{color:rgba(255,255,255,.8) !important}
  .submenu a:hover{color:var(--gold-l) !important;background:transparent}
  .nav__item>a::after{border-top-color:var(--gold-l)}
}

/* ---------- фиксы переполнения на мобильных ---------- */
.wrap,.sec,.grid-side,.form-block{min-width:0}
.grid-side>*,.cards>*{min-width:0}
.side-card,.side-card--green{max-width:100%;overflow-wrap:anywhere}
.geo-grid a{min-width:0;overflow:hidden}
.geo-grid a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:980px){
  /* FAQ + «Мы рядом с вами» — в одну колонку, без вылета */
  .sec .wrap[style*="grid-template-columns:1.25fr"]{
    display:block !important;
  }
  .sec .wrap[style*="grid-template-columns:1.25fr"] > div + div{margin-top:26px}
  .greet-row{grid-template-columns:1fr;gap:16px}
  .cards--4 .vcard{max-width:none}
}
@media(max-width:640px){
  .cta__in{gap:18px}
  .cta form{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .cta .form-agree{width:100%;margin:0}
  .cta .form-msg{width:100%}
  .form-agree{font-size:12px}
}

/* ---------- эмблема на первом экране ----------
   Десктоп: скрыта, там работает большой фон .hero2__bg.
   Мобильные: обтекается заголовком справа — как в утверждённом макете. */
.hero2__shield{display:none}

@media(max-width:980px){
  .hero2__shield{
    display:block;
    float:right;
    /* width:46%; */
    max-width:250px;
    margin:-6px -6px 6px 14px;
    shape-outside:circle(48% at 50% 46%);
  }
  .hero2__shield img{width:100%;height:auto;display:block}
  /* прежний вырезанный щит — прямоугольный JPG, ему нужна мягкая маска краёв */
  .hero2__shield--legacy img{
    -webkit-mask:radial-gradient(circle at 50% 46%,#000 58%,transparent 76%);
    mask:radial-gradient(circle at 50% 46%,#000 58%,transparent 76%);
  }
  /* заголовок и лид обтекают эмблему, дальше поток выравнивается */
  .hero2__feats{clear:both;padding-top:6px}
  .hero2__in{gap:16px}
}
@media(max-width:700px){
  .hero2__shield{/* width:40%; *//* max-width:185px; *//* margin-left:12px; */}
  .hero2__title{font-size:clamp(23px,5.9vw,30px)}
  /* длинные названия городов не рвём по дефисам, пока хватает ширины */
  .hero2__title .t-gold{overflow-wrap:break-word;word-break:normal}
}
@media(max-width:400px){
  .hero2__shield{width: 60%;/* max-width:150px; */margin:-2px -4px 4px 10px;}
  .hero2__title{font-size:22px;}
}

/* ==========================================================================
   ЛЕНДИНГ УСЛУГИ
   ========================================================================== */
.srv-hero{background:var(--green-d);color:#fff;position:relative;overflow:hidden;    padding: 0 15px;}
.srv-hero::after{
  content:'';position:absolute;right:-80px;top:-80px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,160,78,.18),transparent 70%);pointer-events:none;
}
.srv-hero__in{
  position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(330px,390px);
  gap:40px;align-items:center;padding:34px 0 46px;
}
.srv-hero h1{color:#fff;font-size:clamp(26px,3.4vw,42px);margin-bottom:14px}
.srv-hero__lead{font-size:17.5px;color:rgba(255,255,255,.86);max-width:600px;margin-bottom:24px;line-height:1.55}
.srv-hero__list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:11px}
.srv-hero__list li{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:600;margin:0}
.srv-hero__list .ic{width:20px;height:20px;color:var(--green-d);background:var(--gold-l);
  border-radius:50%;padding:3px;flex-shrink:0}
.srv-hero__price{
  display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  border-radius:12px;padding:14px 22px;
}
.srv-hero__price span{font-size:13px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05em}
.srv-hero__price b{font-size:27px;color:var(--gold-l);font-weight:800}
.srv-hero__price small{font-size:13px;color:rgba(255,255,255,.6)}

.srv-form{background:#fff;border-radius:16px;padding:26px 24px;box-shadow:0 16px 46px rgba(0,0,0,.24)}
.srv-form .form-card__title{font-size:20px;text-align:center;color:var(--green-d);margin-bottom:6px;font-weight:800}
.srv-form .form-card__sub{font-size:13.5px;color:#6B7670;text-align:center;margin-bottom:18px;line-height:1.4}

.srv-cta{background:linear-gradient(100deg,var(--green) 0%,var(--green-l) 100%);color:#fff;padding:46px 0}
.srv-cta__in{display:grid;grid-template-columns:1fr minmax(320px,380px);gap:40px;align-items:center}
.srv-cta h2{color:#fff;margin-bottom:10px}
.srv-cta p{color:rgba(255,255,255,.85);margin-bottom:22px}
.srv-cta__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.srv-cta__facts div{background:rgba(255,255,255,.1);border-radius:12px;padding:14px 16px}
.srv-cta__facts b{display:block;font-size:21px;color:var(--gold-l);font-weight:800;line-height:1.15}
.srv-cta__facts span{display:block;font-size:12.5px;color:rgba(255,255,255,.7);margin-top:4px}
.srv-cta__form{background:#fff;border-radius:16px;padding:24px 22px;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.srv-cta__form .form-agree{color:var(--text-2)}

/* ---------- «С чем к нам приходят»: боли + тематическое фото ----------
   Страница услуги состояла из одного сплошного текста между двумя формами.
   Этот блок повторяет приём главной («Узнаёте себя?») и даёт странице картинку.
   Фото есть не у всех услуг — тогда карточки занимают всю ширину. */
.srv-pains{display:grid;gap:26px}
.srv-pains--media{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}
.mini-cards--2{grid-template-columns:repeat(2,1fr)}

.srv-photo{margin:0;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.srv-photo img{width:100%;height:260px;object-fit:cover;display:block}
.srv-photo figcaption{padding:11px 16px;font-size:13px;color:var(--text-2);
  border-top:1px solid var(--line)}

@media(max-width:900px){
  .srv-pains--media{grid-template-columns:1fr}
  .srv-photo img{height:210px}
}
@media(max-width:560px){
  .mini-cards--2{grid-template-columns:1fr}
}

@media(max-width:980px){
  .srv-hero__in,.srv-cta__in{grid-template-columns:1fr;gap:24px;}
  .srv-hero h1{font-size:clamp(23px,6vw,32px)}
  .srv-hero__lead{font-size:15.5px}
  .srv-cta__facts{grid-template-columns:1fr;gap:10px}
  .srv-cta__facts div{display:flex;align-items:baseline;gap:12px}
  .srv-cta__facts b{font-size:19px}
}
@media(max-width:400px){
  .srv-form,.srv-cta__form{padding:18px 14px}
  .srv-hero__price{width:100%;justify-content:space-between;padding:12px 16px}
}

/* ==========================================================================
   ВИДЕО: превью + play, iframe по клику
   ========================================================================== */
.video-embed{position:relative;border-radius:14px;overflow:hidden;background:#0d1a14;
  aspect-ratio:16/9;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.video-embed--sm{border-radius:12px}
.video-embed img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .3s}
.video-embed__noimg{width:100%;height:100%;background:linear-gradient(135deg,var(--green-d),var(--green-l))}
.video-embed iframe{width:100%;height:100%;border:0;display:block}
.video-embed:hover img{transform:scale(1.03);filter:brightness(.86)}

.video-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:76px;height:76px;pointer-events:none;transition:transform .22s;
}
.video-embed--sm .video-play{width:58px;height:58px}
.video-play svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 12px rgba(0,0,0,.45))}
.video-play circle{fill:rgba(14,58,38,.82);stroke:rgba(255,255,255,.9);stroke-width:2}
.video-play path{fill:#fff}
.video-embed:hover .video-play{transform:translate(-50%,-50%) scale(1.09)}
.video-embed:hover .video-play circle{fill:var(--gold)}
.video-embed:hover .video-play path{fill:#2a2010}
.video-embed.is-playing{cursor:default}
.video-embed.is-playing .video-play,.video-embed.is-playing .video-dur{display:none}

.video-dur{
  position:absolute;right:9px;bottom:9px;background:rgba(0,0,0,.78);color:#fff;
  font-size:12px;font-weight:600;padding:2px 7px;border-radius:5px;pointer-events:none;
}
@media(max-width:640px){
  .video-play{width:60px;height:60px}
  .video-embed--sm .video-play{width:50px;height:50px}
}

/* ---------- модалка проигрывателя: ролик поверх страницы ---------- */
/* Раньше плитка подменялась плеером на месте: на узкой карточке видео шло
   размером со спичечный коробок, а страница под ним прыгала. Теперь по клику
   открывается окно на весь экран, а плитка остаётся как была. */
body.no-scroll{overflow:hidden}

.vmodal{position:fixed;inset:0;z-index:1200;display:none;
  background:rgba(9,40,28,.94);padding:24px;
  align-items:center;justify-content:center}
.vmodal.is-open{display:flex}
.vmodal__in{width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px}
.vmodal__box{position:relative;width:100%;aspect-ratio:16/9;background:#000;
  border-radius:14px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.vmodal__box video,.vmodal__box iframe{width:100%;height:100%;border:0;display:block;
  object-fit:contain;background:#000}
.vmodal__cap{color:rgba(255,255,255,.82);font-size:15px;font-weight:600;
  text-align:center;padding:0 8px}
.vmodal__close{position:absolute;top:14px;right:20px;z-index:2;background:0;border:0;
  color:#fff;font-size:40px;line-height:1;cursor:pointer;padding:4px 10px}
.vmodal__close:hover{color:var(--gold)}
@media(max-width:640px){
  .vmodal{padding:12px}
  .vmodal__close{top:6px;right:8px;font-size:34px}
  .vmodal__cap{font-size:13.5px}
}

/* ==========================================================================
   ВЕРСИЯ 5 — каталог регионов: список в подвале и группировка в модалке
   ========================================================================== */

/* ---------- заголовки округов в модалке выбора города ---------- */
.geo-fd{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--text-2);margin:20px 0 9px}
.geo-fd:first-of-type{margin-top:16px}

@media(max-width:700px){
  .reg-pick__row{gap:6px 12px}
  .reg-pick__row a{font-size:13px}
}

/* ==========================================================================
/* ---------- иконки мессенджеров в шапке ---------- */
/* SVG фирменные и цветные — своя подложка им не нужна, только выравнивание */
.header__msg{display:flex;align-items:center;gap:8px}
.header__msg a{display:inline-flex;transition:transform .18s;flex-shrink:0}
.header__msg a:hover{transform:translateY(-2px)}
.header__msg img{display:block;width:34px;height:34px}

/* ---------- плавающие кнопки на мобильных ---------- */
.msg-fab{
  position:fixed;right:14px;bottom:10px;z-index:790;
  display:none;flex-direction:column;gap:12px;
}
.msg-fab__btn{display:block;line-height:0;filter:drop-shadow(0 5px 14px rgba(9,53,40,.35));transition:transform .18s}
.msg-fab__btn:active{transform:scale(.94)}
.msg-fab__btn img{display:block;width:52px;height:52px}

/* пока висит баннер куки — приподнимаем кнопки, чтобы не перекрывались */
body.has-cookie-bar .msg-fab{bottom:150px}

@media(max-width:900px){
  .header__msg{display:none}      /* на мобильных те же ссылки живут в кружках */
  .msg-fab{display:flex}
}
@media(max-width:360px){
  .msg-fab{right:10px;bottom:10px;gap:10px}
  .msg-fab__btn img{width:46px;height:46px}
}
/* ==========================================================================
   ВЕРСИЯ 7 — калькулятор стоимости банкротства
   ========================================================================== */
.calc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.calc-head__lead{max-width:820px;font-size:16px;color:var(--text-2);margin-top:10px}
.calc-head__badge{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;
  border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0}
.calc-head__badge .ic{width:16px;height:16px;color:var(--gold-l)}

.calc__grid{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start;margin-top:28px}
.calc__form{display:flex;flex-direction:column;gap:16px}
.calc__side{position:sticky;top:18px}

.calc-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.calc-card__head{background:var(--green);color:#fff;font-weight:800;font-size:15px;padding:11px 18px}
.calc-card__body{padding:16px 18px 18px}
.calc-field{margin-bottom:16px}
.calc-field:last-child{margin-bottom:0}
.calc-label{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:8px}
.calc-hint{display:block;font-size:12px;color:var(--text-2);margin-top:6px;line-height:1.4}
.calc-card input[type=number],.calc-card select{
  width:100%;max-width:280px;font:inherit;font-size:16px;padding:10px 12px;
  border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}
.calc-card input[type=number]:focus,.calc-card select:focus{outline:0;border-color:var(--green)}
.calc-radio,.calc-check{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;
  padding:5px 0;cursor:pointer;line-height:1.4}
.calc-radio input,.calc-check input{margin-top:3px;flex-shrink:0;accent-color:var(--green);width:16px;height:16px}
.calc-radio b,.calc-check b{font-weight:800}

/* правая карточка с расчётом */
.calc-total{background:var(--green-d,#0E3A26);color:#fff;border-radius:16px;padding:22px}
.calc-total__cap{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.calc-total__sum{font-size:38px;font-weight:800;line-height:1.1;margin:6px 0 16px;color:var(--gold-l)}
.calc-total__mfc{background:rgba(201,160,78,.16);border:1px solid rgba(201,160,78,.4);
  border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;margin-bottom:16px}
.calc-total__block{border-top:1px solid rgba(255,255,255,.14);padding-top:14px;margin-top:14px}
.calc-total__title{font-size:12px;letter-spacing:.04em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:9px}
.calc-row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:4px 0;align-items:baseline}
.calc-row dt{color:rgba(255,255,255,.78);margin:0}
.calc-row dd{margin:0;font-weight:700;white-space:nowrap}
.calc-row.is-zero dd{color:var(--gold-l)}
.calc-total__row--sum{display:flex;justify-content:space-between;align-items:baseline;
  border-top:1px solid rgba(255,255,255,.24);margin-top:14px;padding-top:12px;font-size:16px}
.calc-total__row--sum b{font-size:22px;color:var(--gold-l)}
.calc-total__rassrochka{background:rgba(255,255,255,.08);border-radius:9px;padding:10px 13px;
  font-size:13.5px;margin-top:12px}
.calc-total__persp{border-top:1px solid rgba(255,255,255,.14);padding-top:14px;margin-top:16px}
.calc-total__persp ul{list-style:none;margin:0;padding:0}
.calc-total__persp li{font-size:13px;line-height:1.45;padding-left:20px;position:relative;margin-bottom:6px}
.calc-total__persp li:before{content:'✓';position:absolute;left:0;color:var(--gold-l);font-weight:800}
.calc-no li:before{content:'—';color:rgba(255,255,255,.45)}
.calc-no li{color:rgba(255,255,255,.62)}
.calc-total .btn{margin-top:18px}
.calc-total__disc{font-size:11.5px;color:rgba(255,255,255,.5);margin-top:10px;line-height:1.45}

/* заявка под калькулятором */
.calc-lead{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:center;
  background:var(--bg-light,#FBF6E8);border:1px solid var(--line);border-radius:16px;
  padding:28px 30px;margin-top:34px}
.calc-lead h2{margin:0 0 8px}
.calc-lead__facts{list-style:none;display:flex;gap:26px;margin:16px 0 0;padding:0;flex-wrap:wrap}
.calc-lead__facts b{display:block;font-size:26px;color:var(--green);line-height:1.1}
.calc-lead__facts span{font-size:12.5px;color:var(--text-2)}

@media(max-width:1000px){
  .calc__grid{grid-template-columns:1fr}
  /* Итог показываем ПОСЛЕ вопросов: раньше он стоял первым (order:-1), и человек
     видел крупную сумму до того, как что-то выбрал, — это отпугивало. */
  .calc__side{position:static;order:0}
  .calc-lead{grid-template-columns:1fr;padding:22px}
}
@media(max-width:600px){
  .calc-total{padding:18px}
  .calc-total__sum{font-size:32px}
  .calc-card input[type=number],.calc-card select{max-width:100%}
  .priv_director {
    grid-template-columns: none !important;
}
}

/* ---------- прайс-лист (главная и /stoimost) ---------- */
.pricelist__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.pricelist__head h2{margin:0}
.pricelist__sub{color:var(--text-2);font-size:14.5px;margin:8px 0 0;max-width:620px}
.pricelist__rows{border-top:1px solid var(--line)}
.prow{display:flex;align-items:center;gap:18px;padding:15px 4px;border-bottom:1px solid var(--line);
  color:var(--text);transition:.15s}
a.prow:hover{background:rgba(26,80,55,.04);padding-left:10px;padding-right:10px}
.prow__name{flex-grow:1;min-width:0}
.prow__name b{display:block;font-size:16px;font-weight:700;line-height:1.35}
.prow__name small{display:block;font-size:13px;color:var(--text-2);margin-top:3px;line-height:1.4}
.prow__price{font-size:16.5px;font-weight:800;color:var(--green);white-space:nowrap;flex-shrink:0}
.prow__price.is-free{color:var(--gold-d)}
.prow__go{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;
  border-radius:9px;background:var(--green);color:#fff;font-size:20px;line-height:1;transition:.15s}
a.prow:hover .prow__go{background:var(--gold);color:#2a2010}
.pricelist__more{margin-top:18px;font-weight:700}
.pricelist__disc{margin-top:12px;font-size:13px;color:var(--text-2);line-height:1.5}

/* ---------- тарифная сетка по сумме долга (/stoimost и /kalkulyator) ---------- */
.tariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.tariff{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;
  display:flex;flex-direction:column}
.tariff--hl{border-color:var(--green);box-shadow:0 6px 26px rgba(26,80,55,.10)}
.tariff__cap{font-size:14px;font-weight:700;color:var(--text-2);line-height:1.35;min-height:38px}
.tariff__sum{font-size:32px;font-weight:800;color:var(--green);line-height:1.1;margin:6px 0 14px}
.tariff__sum span{font-size:15px;font-weight:700;color:var(--text-2)}
.tariff__list{list-style:none;margin:0;padding:0;flex-grow:1}
.tariff__list li{font-size:14px;line-height:1.45;padding-left:20px;position:relative;margin-bottom:8px}
.tariff__list li:before{content:'✓';position:absolute;left:0;color:var(--gold-d);font-weight:800}
.tariff__foot{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;
  font-size:13px;color:var(--text-2);line-height:1.5}
.tariff__foot span{display:inline-block;margin-top:4px;font-size:15px;font-weight:800;color:var(--green)}
.calc-total__tier{background:rgba(201,160,78,.16);border:1px solid rgba(201,160,78,.4);
  border-radius:10px;padding:10px 13px;font-size:13.5px;line-height:1.5;margin-bottom:4px}
@media(max-width:900px){.tariffs{grid-template-columns:1fr}.tariff__cap{min-height:0}}

/* квиз секцией на главной: карточка на зелёном фоне */
.home-quiz .quiz{max-width:900px;margin:0 auto}

@media(max-width:700px){
  .prow{gap:12px;padding:13px 2px;flex-wrap:wrap}
  .prow__name{flex-basis:100%}
  .prow__price{font-size:15.5px}
  .prow__go{width:30px;height:30px;font-size:18px;margin-left:auto}
  .pricelist__head{align-items:flex-start}
}

/* ==========================================================================
   ВЕРСИЯ 8 — блоки главной: чего нельзя списать, рынок, плюсы/минусы, мифы
   ========================================================================== */

/* ---------- чего списать нельзя ---------- */
.nolist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}
.nolist__i{border:1px solid var(--line);border-left:3px solid #C25B4E;border-radius:10px;
  padding:13px 15px;background:#fff}
.nolist__i b{display:block;font-size:15px;margin-bottom:4px}
.nolist__i span{font-size:13.5px;color:var(--text-2);line-height:1.45}

/* ---------- динамика банкротств по годам ---------- */
/* Столбик занимает свою строку сетки целиком, подпись висит НАД ним абсолютом.
   Раньше число было соседним флекс-элементом и отъедало высоту: столбик в 100%
   ужимался почти до высоты столбика в 76%, и 2025 год выглядел как 2024. */
.market{display:flex;align-items:flex-end;gap:10px;height:260px;margin-top:26px;padding-top:22px}
.market__col{flex:1;display:grid;grid-template-rows:1fr auto;justify-items:center;
  height:100%;gap:8px;min-width:0}
.market__col i{
  grid-row:1;align-self:end;position:relative;display:block;width:100%;
  background:linear-gradient(180deg,var(--green-l),var(--green));
  border-radius:8px 8px 0 0;min-height:8px;
}
.market__col i b{
  position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:6px;
  font-size:14px;font-weight:800;color:var(--green);white-space:nowrap;
}
.market__col:last-child i{background:linear-gradient(180deg,var(--gold),var(--gold-d))}
.market__col:last-child i b{color:var(--gold-d)}
.market__col span{grid-row:2;font-size:13px;color:var(--text-2)}

/* ---------- плюсы и минусы ---------- */
.prcons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.prcons__col{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:#fff}
.prcons__col h3{margin:0 0 14px;font-size:18px}
.prcons__col ul{list-style:none;margin:0;padding:0}
.prcons__col li{position:relative;padding-left:26px;margin-bottom:10px;font-size:14.5px;line-height:1.5}
.prcons__col li:before{position:absolute;left:0;top:0;font-weight:800}
.prcons__col--plus{border-top:3px solid var(--green)}
.prcons__col--plus li:before{content:'✓';color:var(--green)}
.prcons__col--minus{border-top:3px solid var(--gold-d)}
.prcons__col--minus li:before{content:'!';color:var(--gold-d)}

/* ---------- мифы ---------- */
.myths{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;margin-top:22px}
.myth{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.myth__q{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px}
.myth__q .ic{width:20px;height:20px;color:#C25B4E;flex-shrink:0;margin-top:2px}
.myth__q b{font-size:16px;line-height:1.35}
.myth p{margin:0;font-size:14px;color:var(--text-2);line-height:1.55}

@media(max-width:800px){
  .prcons{grid-template-columns:1fr}
  .market{height:200px;gap:6px;padding-top:18px}
  .market__col i b{font-size:10.5px}
  .market__col span{font-size:11px}
  .nav a {
    white-space: initial;
}
}




.icon-circle {
    align-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin-right: 10px;
}

.max-color {
    background: linear-gradient(90deg, #1798ff, #4260ff, #6b42ff);
}

.icon-circle img {
    height: 18px;
}

a.msg-fab__btn.icon-circle.max-color {
    width: 47px;
    height: 47px;
    margin: 0;
    display: flex;
    margin-left: 2px;
}

a.msg-fab__btn.icon-circle.max-color img {
    height: 28px;
}



@media(max-width:360px){
    a.msg-fab__btn.icon-circle.max-color {
        width: 42px;
        height: 41px;
    }
    
    a.msg-fab__btn.icon-circle.max-color img {
        height: 26px;
    }
}


@media(max-width:1500px){
  .hero2__bg {
    right: 15%;
    width: 80%;
  }
}

.team-grid.team-grid--lead {
    grid-template-columns: repeat(2, 1fr);
}

.wrap.crumbs {
    padding: 5px 12px;
}



@media(max-width:490px){
.filters__grid select {
    width: 100%;
}
}
/* строка справочника без ссылки — у категории нет своей страницы */
.geo-grid__flat{display:flex;justify-content:space-between;gap:10px;background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--text-2)}
.geo-grid__flat b{font-weight:700;color:var(--text-2)}

/* ==========================================================================
   АНКЕТА КЛИЕНТА (/anketa) — перенос лендинга anketa-klienta.ru
   ========================================================================== */

/* --- обложка --- */
.ank-hero{position:relative;background:var(--green-d);color:#fff;overflow:hidden;padding:0 15px}
.ank-hero__bg{position:absolute;inset:0;z-index:0}
.ank-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center;
  filter:grayscale(.25)}
.ank-hero__bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(9,53,40,.86) 0%,rgba(9,53,40,.93) 100%)}
.ank-hero__in{position:relative;z-index:1;text-align:center;
  padding:84px 0 88px;max-width:900px}
.ank-hero__badge{display:inline-block;border:1px solid rgba(201,169,97,.55);color:var(--gold-l);
  border-radius:999px;padding:7px 18px;font-size:12.5px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;margin-bottom:22px}
.ank-hero h1{color:#fff;text-transform:uppercase;letter-spacing:.01em;margin-bottom:22px}
.ank-hero__lead{font-size:17.5px;line-height:1.6;color:rgba(255,255,255,.88);
  max-width:760px;margin:0 auto 14px;font-weight:600}
.ank-hero__lead u{text-decoration-color:var(--gold)}
.ank-hero .btn{margin-top:18px}

/* --- две колонки: текст + видео --- */
.ank-two{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.ank-two p{font-size:16.5px}
.ank-phone{font-weight:800;white-space:nowrap}
.ank-vcap{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--text-2);text-align:center}

/* --- ситуации + решение --- */
.ank-narrow{max-width:860px;margin:0 auto}
.ank-lead{font-size:18.5px;font-weight:700;line-height:1.5;margin-bottom:28px}
.ank-list{list-style:none;padding:0;margin:0 0 30px;counter-reset:ank}
.ank-list li{position:relative;counter-increment:ank;padding:0 0 0 44px;margin-bottom:14px;
  font-size:16.5px;line-height:1.55}
.ank-list li::before{content:counter(ank);position:absolute;left:0;top:1px;width:30px;height:30px;
  border-radius:50%;background:var(--green);color:#fff;font-size:14px;font-weight:800;
  display:flex;align-items:center;justify-content:center}
.ank-solution{background:var(--green);color:#fff;border-radius:var(--radius);padding:24px 26px}
.ank-solution__cap{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold-l);margin-bottom:8px}
.ank-solution p{font-size:17px;line-height:1.55}

/* --- блок про 127-ФЗ --- */
.ank-law{display:grid;grid-template-columns:1.05fr .95fr;gap:0;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.ank-law__text{padding:44px 40px}
.ank-law__text h2{margin-bottom:0}
.ank-law__line{width:64px;height:3px;background:var(--gold);margin:18px 0 20px}
.ank-law__text p{font-size:16.5px;line-height:1.6;color:var(--text-2)}
.ank-law__text u{text-decoration-color:var(--gold);color:var(--text)}
.ank-law__book{background:linear-gradient(160deg,var(--green) 0%,var(--green-d) 100%);
  color:#fff;padding:48px 38px;display:flex;flex-direction:column;justify-content:center;
  align-items:center;text-align:center;gap:18px}
.ank-law__book-top{font-size:clamp(20px,2.4vw,27px);font-weight:800;line-height:1.25;
  text-transform:uppercase;letter-spacing:-.01em}
.ank-law__book-fz{font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--green-d);background:var(--gold-l);border-radius:8px;padding:12px 20px;line-height:1.4}
.ank-law__book-note{font-size:13px;line-height:1.5;color:rgba(255,255,255,.72);max-width:280px}

/* --- шаги: на этой странице их четыре --- */
.steps--4{grid-template-columns:repeat(4,1fr)}
/* .step b — кружок с номером, поэтому акцент внутри текста ставим через strong */
.steps--4 .step p strong{font-weight:800;color:var(--text)}

/* --- истории клиентов --- */
.ank-story{padding:30px 0;border-top:1px solid var(--line)}
.ank-story:first-of-type{border-top:0}
.ank-story p{font-size:15.5px;color:var(--text-2);margin-bottom:.7em}
.ank-story__name{margin-bottom:14px}
.ank-story__sum{margin-bottom:6px}
.ank-story__sum span{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--text-2)}
.ank-story__sum b{font-size:29px;font-weight:800;color:var(--green);line-height:1.15}
.ank-story__case{font-size:13.5px;font-weight:700;color:var(--text-2);margin-bottom:16px}

/* --- площадки с отзывами --- */
.ank-sources{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ank-source{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 14px;
  text-align:center;transition:.25s}
.ank-source:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--gold-l)}
.ank-source b{font-size:19px;font-weight:800;color:var(--green)}
.ank-source span{font-size:12.5px;color:var(--text-2)}

/* --- сама анкета --- */
.ank-form{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.ank-form .calc-label i{color:var(--red);font-style:normal;margin-left:3px}
.ank-form input[type=text],.ank-form input[type=tel],.ank-form textarea{
  width:100%;max-width:none;font:inherit;font-size:16px;padding:12px 14px;
  border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}
.ank-form textarea{min-height:92px;resize:vertical;line-height:1.5}
.ank-form input:focus,.ank-form textarea:focus{outline:0;border-color:var(--green)}
.ank-form .form-agree{margin:14px 0 16px}
.ank-form .form-msg{margin-bottom:10px}

@media(max-width:1100px){
  .ank-sources{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .ank-two{grid-template-columns:1fr;gap:24px}
  .ank-story .video-embed{max-width:560px}
  .ank-law{grid-template-columns:1fr}
  .ank-law__text{padding:32px 24px}
  .ank-law__book{padding:36px 24px}
  .ank-hero__in{padding:60px 0 64px}
}
@media(max-width:760px){
  .steps--4{grid-template-columns:1fr}
  .ank-sources{grid-template-columns:repeat(2,1fr)}
  .ank-lead{font-size:17px}
  .ank-list li{font-size:15.5px;padding-left:40px}
  .ank-hero__lead{font-size:16px}
}

/* ==========================================================================
   ГРУППЫ В TELEGRAM И MAX (blocks/groups.php)
   Приглашение в сообщества — не путать с личными чатами в шапке.
   ========================================================================== */
.grp{background:var(--green-d);color:#fff}
.grp--light{background:var(--bg-2);color:var(--text)}
.grp__head{max-width:760px;margin:0 auto 34px;text-align:center}
.grp__head h2{color:#fff}
.grp--light .grp__head h2{color:var(--text)}
.grp__head p{margin:0;font-size:16.5px;color:rgba(255,255,255,.78)}
.grp--light .grp__head p{color:var(--text-2)}

.grp__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:980px;margin:0 auto}
.grp__card{
  display:flex;align-items:center;gap:18px;padding:24px 26px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--radius);color:#fff;text-decoration:none;
  transition:transform .2s,background .2s,border-color .2s;
}
.grp__card:hover{transform:translateY(-3px);background:rgba(255,255,255,.11);
  border-color:var(--gold);color:#fff}
.grp--light .grp__card{background:#fff;border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
.grp--light .grp__card:hover{color:var(--text);box-shadow:var(--shadow-h)}

.grp__ic{flex:0 0 56px;width:56px;height:56px;display:block}
.grp__ic img{width:56px;height:56px}
/* логотип MAX белый — ему нужна фирменная цветная подложка, как в шапке */
.grp__ic--max{background:linear-gradient(90deg,#1798ff,#4260ff,#6b42ff);
  border-radius:50%;display:flex;align-items:center;justify-content:center}
.grp__ic--max img{width:34px;height:34px}

.grp__body{display:flex;flex-direction:column;gap:5px;flex:1 1 auto}
.grp__body b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.grp__txt{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.72)}
.grp--light .grp__txt{color:var(--text-2)}

.grp__go{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  font-weight:800;font-size:15px;color:var(--gold-l);white-space:nowrap}
.grp--light .grp__go{color:var(--green)}
.grp__go .ic{width:18px;height:18px}
.grp__card:hover .grp__go .ic{transform:translateX(3px);transition:transform .2s}

.grp__note{margin:24px 0 0;text-align:center;font-size:13.5px;color:rgba(255,255,255,.55)}
.grp--light .grp__note{color:var(--text-2)}

@media(max-width:860px){
  .grp__grid{grid-template-columns:1fr}
  .grp__card{padding:20px;gap:14px;flex-wrap:wrap}
  .grp__go{width:100%;justify-content:flex-start}
}

/* ==========================================================================
   БЛОК «ЗАПОЛНИТЬ АНКЕТУ» (blocks/anketa_cta.php) — версия сайта /rf
   ========================================================================== */
.ank-cta{background:var(--bg-2)}   /* на белом холсте var(--bg) слился бы с фоном */
.ank-cta__box{
  display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:center;
  background:linear-gradient(135deg,var(--green) 0%,var(--green-d) 100%);
  border-radius:var(--radius);padding:40px 44px;color:#fff;
  box-shadow:var(--shadow-h);
}
.ank-cta__box h2{color:#fff;margin:0 0 12px;font-size:clamp(22px,2.7vw,32px)}
.ank-cta__box p{margin:0;color:rgba(255,255,255,.8);font-size:16px}
.ank-cta__tag{
  display:inline-block;margin-bottom:12px;padding:5px 13px;border-radius:100px;
  background:var(--gold);color:#2a2010;font-size:12.5px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;
}
.ank-cta__list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
.ank-cta__list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;
  color:rgba(255,255,255,.9)}
.ank-cta__list .ic{flex:0 0 19px;width:19px;height:19px;margin-top:2px;color:var(--gold-l)}

.ank-cta__action{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius);padding:28px 24px;
}
.ank-cta__ic{width:44px;height:44px;color:var(--gold-l)}
.ank-cta__phone{color:rgba(255,255,255,.72);font-size:14px;text-align:center}
.ank-cta__phone b{display:block;color:#fff;font-size:18px;font-weight:800;margin-top:3px}
.ank-cta__phone:hover{color:#fff}

@media(max-width:900px){
  .ank-cta__box{grid-template-columns:1fr;padding:30px 24px;gap:24px}
}

/* ==========================================================================
   «НАША ПРАКТИКА ПО ЭТОЙ ТЕМЕ» в статье блога (pages/article.php)
   Дела подбираются по articles.cases_filter — статья подтверждается актами.
   ========================================================================== */
.art-cases{
  margin-top:36px;padding:26px 26px 24px;
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
}
.art-cases h2{margin:0 0 8px;font-size:clamp(20px,2.4vw,26px)}
.art-cases__lead{margin:0 0 18px;font-size:15px;color:var(--text-2)}
/* карточки дел здесь такие же, как в базе дел, — сокращённый список
   выглядел приложением к статье, а не доказательством.
   Колонки две, а не три: в колонке статьи (830 px) третья карточка
   становится 260 px и суммы переносятся посреди числа. */
.art-cases__grid{grid-template-columns:repeat(2,1fr) !important;margin-bottom:20px}
.art-cases .case-card{background:#fff}
@media(max-width:640px){.art-cases__grid{grid-template-columns:1fr !important}}

/* картинка внутри статьи */
.prose figure{margin:26px 0}
.prose figure img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}
.prose figcaption{margin-top:8px;font-size:13px;color:var(--text-2);text-align:center}

@media(max-width:640px){
  .art-cases{padding:20px 18px}
  .art-cases__list{grid-template-columns:1fr}
}

/* обложка статьи над текстом */
.grid-side article > figure img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}

/* широкая выпадашка «Услуги»: услуг 17, одной колонкой список не помещается */
/* Ширина коробки должна считаться по содержимому: у .nav a стоит
   white-space:nowrap, длинные пункты не переносились и вылезали за белый фон,
   потому что ширина бралась из min-width. Колонки по max-content + width:max-content
   решают это, а normal-перенос оставлен как страховка для узких экранов. */
.submenu--wide{
  display:grid;grid-template-columns:repeat(2,max-content);
  width:max-content;min-width:520px;
  max-width:min(760px,calc(100vw - 32px));
  padding:8px 0;
}
.submenu--wide a{padding:8px 18px;font-size:13.5px;line-height:1.35;white-space:normal}
@media(max-width:900px){
  .submenu--wide{display:block;min-width:0;padding:0}
  .submenu--wide a{font-size:14.5px}
}
/* В бургер-меню список услуг должен быть свёрнут, как и остальные подменю.
   Правило .submenu--wide{display:block} выше писалось для «узкого десктопа»
   (821–900px), но перебивало общий display:none и на телефоне: услуги стояли
   раскрытыми, а клик по треугольнику ничего не давал. Возвращаем сворачивание. */
@media(max-width:820px){
  /* width:max-content с десктопа делал список шире экрана — длинные пункты
     уезжали за правый край. В бургер-меню список тянется по ширине меню. */
  .submenu--wide{display:none;padding:0 0 0 16px;width:auto;max-width:100%}
  .nav__item.is-open .submenu--wide{display:block}
  /* в шапке выпадашка — белая коробка с рамкой; в бургер-меню это просто
     вложенный список на зелёном фоне, рамка тут лишняя */
  .submenu{border:0;border-radius:0}
}

/* картинка карточки статьи: раньше подставлялась CSS-фоном — без webp
   и без ленивой загрузки, из-за чего в списке грузились полноразмерные файлы */
.post__img img{width:100%;height:100%;object-fit:cover;display:block}
.post__img picture{display:block;width:100%;height:100%}

/* ==========================================================================
   ОФОРМЛЕНИЕ ДЛИННЫХ СТАТЕЙ БЛОГА
   Набор блоков, которые собираются прямо в HTML статьи (data/blog/*.py).
   Префикс .a- — чтобы не пересекаться с классами остального сайта.
   ========================================================================== */

/* --- содержание в начале статьи --- */
.a-toc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;margin:26px 0}
.a-toc__t{font-weight:800;font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.a-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.a-toc li{font-size:14.5px;margin-bottom:6px;break-inside:avoid}
@media(max-width:640px){.a-toc ol{columns:1}}

/* --- выноски --- */
.a-note{border-left:4px solid var(--green);background:var(--bg-2);border-radius:0 var(--radius-s) var(--radius-s) 0;
  padding:16px 20px;margin:22px 0;font-size:15.5px}
.a-note--warn{border-left-color:var(--red);background:#fdf3f1}
.a-note--gold{border-left-color:var(--gold);background:#fdf9ef}
.a-note b:first-child{display:block;margin-bottom:4px}
.a-note p:last-child{margin-bottom:0}

/* --- ключевая мысль крупно --- */
.a-key{background:linear-gradient(135deg,var(--green) 0%,var(--green-d) 100%);color:#fff;
  border-radius:var(--radius);padding:26px 30px;margin:26px 0;font-size:17.5px;line-height:1.55}
.a-key b{color:var(--gold-l)}
.a-key p:last-child{margin-bottom:0}

/* --- плитки с цифрами --- */
.a-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0}
.a-stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;text-align:center}
.a-stat b{display:block;font-size:22px;font-weight:800;color:var(--green);line-height:1.1;letter-spacing:-.02em}
.a-stat span{display:block;margin-top:6px;font-size:13px;color:var(--text-2);line-height:1.35}

/* --- шаги --- */
.a-steps{list-style:none;counter-reset:st;margin:24px 0;padding:0}
.a-steps li{counter-increment:st;position:relative;padding:0 0 20px 52px;border-left:2px solid var(--line);
  margin-left:16px}
.a-steps li:last-child{border-left-color:transparent;padding-bottom:0}
.a-steps li::before{content:counter(st);position:absolute;left:-17px;top:-2px;width:32px;height:32px;
  border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center}
.a-steps b{display:block;margin-bottom:3px;font-size:16px}
.a-steps span{display:block;font-size:14.5px;color:var(--text-2);line-height:1.55}

/* --- да/нет --- */
.a-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.a-two__col{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}
.a-two__col h4{margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}
.a-two__col ul{margin:0;padding-left:18px}
.a-two__col li{font-size:14.5px;margin-bottom:7px;line-height:1.5}
.a-two__col--yes{border-top:3px solid var(--green)}
.a-two__col--no{border-top:3px solid var(--red)}
@media(max-width:700px){.a-two{grid-template-columns:1fr}}

/* --- таблица --- */
.a-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
.a-table th{background:var(--green);color:#fff;text-align:left;padding:11px 14px;font-weight:700}
.a-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.a-table tr:nth-child(even) td{background:var(--bg-2)}
.a-wrap-x{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* --- горизонтальная диаграмма на CSS --- */
.a-chart{margin:26px 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.a-chart__t{font-weight:800;font-size:15.5px;margin-bottom:4px}
.a-chart__sub{font-size:13px;color:var(--text-2);margin-bottom:16px}
.a-bar{display:grid;grid-template-columns:minmax(90px,190px) 1fr auto;align-items:center;gap:12px;margin-bottom:11px}
.a-bar__l{font-size:14px;color:var(--text)}
/* оба — span'ы: у трека display:block появляется от грид-раскладки,
   а вот заливка внутри остаётся строчной, и width/height к ней не применяются */
.a-bar__track{display:block;background:var(--tint);border-radius:100px;height:20px;overflow:hidden}
.a-bar__fill{display:block;height:100%;background:linear-gradient(90deg,var(--green-l),var(--green));border-radius:100px}
.a-bar--gold .a-bar__fill{background:linear-gradient(90deg,var(--gold-l),var(--gold))}
.a-bar__v{font-size:14px;font-weight:800;color:var(--green);white-space:nowrap}
.a-chart__note{margin-top:12px;font-size:12.5px;color:var(--text-2)}
@media(max-width:640px){
  .a-bar{grid-template-columns:1fr auto;gap:6px}
  .a-bar__track{grid-column:1/-1;order:3}
}

/* --- чек-лист --- */
.a-check{list-style:none;margin:22px 0;padding:0}
.a-check li{position:relative;padding:0 0 10px 30px;font-size:15px;line-height:1.55}
.a-check li::before{content:'';position:absolute;left:2px;top:7px;width:14px;height:8px;
  border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.a-check--no li::before{width:13px;height:13px;border:0;top:5px;
  background:linear-gradient(45deg,transparent 44%,var(--red) 44%,var(--red) 56%,transparent 56%),
             linear-gradient(-45deg,transparent 44%,var(--red) 44%,var(--red) 56%,transparent 56%);
  transform:none}

/* --- цитата закона --- */
.a-law{border:1px solid var(--line);border-left:4px solid var(--gold);background:#fdfbf5;
  border-radius:0 var(--radius-s) var(--radius-s) 0;padding:16px 20px;margin:22px 0;font-size:14.5px}
.a-law__src{display:block;margin-top:8px;font-size:12.5px;color:var(--text-2);font-style:normal}

/* --- вопрос-ответ --- */
.a-faq{margin:24px 0}
.a-faq__i{border:1px solid var(--line);border-radius:var(--radius-s);background:#fff;margin-bottom:10px;padding:16px 20px}
.a-faq__q{font-weight:800;font-size:15.5px;margin-bottom:6px}
.a-faq__a{font-size:14.5px;color:var(--text-2);line-height:1.6}
.a-faq__a p:last-child{margin-bottom:0}

/* ==========================================================================
   ВЕРСИЯ 6 — блоки, добавленные по итогам разбора конкурентов (14.08.2026):
   гарантии, «суд или МФЦ», рейтинги площадок, расчёт в квизе
   ========================================================================== */

/* ---------- гарантии ---------- */
.guarantees{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.guarantee{
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  background:var(--card-bg,#fff);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;
}
.guarantee__ic{
  width:44px;height:44px;border-radius:11px;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.guarantee__ic .ic{width:22px;height:22px}
.guarantee b{display:block;font-size:16.5px;margin-bottom:5px}
.guarantee span{display:block;font-size:14.5px;color:var(--text-2);line-height:1.55}
.guarantees__foot{
  margin:22px 0 0;font-size:15px;color:var(--text-2);
  padding-top:18px;border-top:1px solid var(--line);
}
.guarantees__foot a{font-weight:700;white-space:nowrap}

/* ---------- суд или МФЦ ---------- */
.ways{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:stretch}
.way{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 26px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);
}
.way--alt{background:var(--bg-2)}
.way__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.way__tag{
  font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--green);background:rgba(26,80,55,.09);padding:5px 11px;border-radius:20px;
}
.way__head b{font-size:26px;font-weight:800;color:var(--green-d);line-height:1;white-space:nowrap}
.way__head b i{font-style:normal;font-size:13.5px;font-weight:700;color:var(--text-2);margin-left:4px}
.way__lead{font-size:15px;color:var(--text-2);margin:0}
.way__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;flex-grow:1}
.way__list li{
  position:relative;padding-left:26px;font-size:14.5px;margin:0;line-height:1.5;
}
.way__list li::before{
  position:absolute;left:0;top:.05em;width:17px;height:17px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;
}
.way__list--yes li::before{content:'✓';background:rgba(26,80,55,.11);color:var(--green)}
.way__list--strict li::before{content:'!';background:rgba(168,129,58,.16);color:var(--gold-d)}
.way__cost{
  font-size:13.5px;color:var(--text-2);background:var(--tint);border-radius:9px;
  padding:12px 14px;margin:0;line-height:1.5;
}
.way--alt .way__cost{background:#fff}
.ways__foot{margin:22px 0 0;font-size:15px;color:var(--text-2)}
.ways__foot a{font-weight:700;white-space:nowrap}

/* ---------- рейтинги площадок ---------- */
.ratings{margin-bottom:26px}
.ratings__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.ratings__head b{font-size:38px;font-weight:800;color:var(--green);line-height:1;
  font-variant-numeric:tabular-nums}
.ratings__head span{font-size:15px;color:var(--text-2);max-width:52ch}
.ratings__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.rating{
  display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);
  padding:14px 10px;transition:.2s;color:var(--text);
}
.rating:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow);color:var(--text)}
.rating__site{font-size:12.5px;font-weight:700;color:var(--text-2)}
.rating__n{font-size:23px;font-weight:800;color:var(--green);line-height:1.15;
  font-variant-numeric:tabular-nums}
.rating__lbl{font-size:11.5px;color:var(--text-2)}

@media(max-width:900px){
  .guarantees,.ways{grid-template-columns:1fr}
  .ratings__grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .ratings__grid{grid-template-columns:repeat(2,1fr)}
  .ratings__head b{font-size:31px}
  .way{padding:20px}
}

/* ---------- расчёт на последнем шаге квиза ---------- */
.quiz__calc{
  background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:12px;padding:18px 20px;margin-bottom:18px;text-align:left;
}
.quiz__calc-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.quiz__calc-row span{font-size:14px;color:var(--text-2)}
.quiz__calc-row b{font-size:29px;font-weight:800;color:var(--green);line-height:1;white-space:nowrap}
.quiz__calc-row b i{font-style:normal;font-size:13px;font-weight:700;color:var(--text-2);margin-left:6px}
.quiz__calc-note{font-size:13.5px;color:var(--text-2);margin:10px 0 0;line-height:1.5}
.quiz__calc-mfc{
  font-size:13.5px;line-height:1.5;margin:10px 0 0;padding:10px 12px;border-radius:8px;
  background:rgba(26,80,55,.08);color:var(--green-d);font-weight:600;
}
.quiz__calc-disc{font-size:12px;color:var(--text-2);margin:10px 0 0;line-height:1.45;opacity:.85}
@media(max-width:560px){
  .quiz__calc-row b{font-size:25px}
}

/* ---------- личный кабинет: страница входа ----------*/
.lk-wrap{display:flex;justify-content:center;padding:20px 0 40px}
.lk-card{
  width:100%;max-width:420px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:32px 34px;box-shadow:var(--shadow);
}
.lk-card h1{font-size:26px;margin-bottom:22px;text-align:center}
.lk-form{display:flex;flex-direction:column;gap:14px}
.lk-form .form-row{margin:0}
.lk-form label{display:block;font-size:13.5px;color:var(--text-2);margin-bottom:5px}
.lk-form input{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-s);
  font-family:inherit;font-size:15.5px;background:var(--bg-2);color:var(--text);
}
.lk-form input:focus{outline:none;border-color:var(--green-l);background:#fff}
.lk-form button{margin-top:6px}
.lk-note{margin:18px 0 0;font-size:13.5px;color:var(--text-2);text-align:center;line-height:1.5}
@media(max-width:480px){ .lk-card{padding:24px 20px} }

/* ---------- сетка команды: ровные ряды при любом числе сотрудников ----------
   Была жёсткая сетка в 4 колонки: при 13 рядовых сотрудниках последний
   оставался в строке один. Переводим на флексы — браузер сам добирает ряд,
   а неполный последний ряд центрируется, а не липнет к левому краю.
   Ширина колонки задана явно, чтобы карточки не «плыли» при разном числе людей. */
.team-grid{
  display:flex;flex-wrap:wrap;justify-content:center;gap:20px;
}
.team-grid .tmember{flex:0 0 calc((100% - 4 * 20px) / 5)}   /* 5 в ряд */
.team-grid--lead{display:grid;grid-template-columns:repeat(2,1fr)}
.team-grid--lead .tmember{flex:none}

@media(max-width:1100px){ .team-grid .tmember{flex-basis:calc((100% - 3 * 20px) / 4)} }
@media(max-width:900px) { .team-grid .tmember{flex-basis:calc((100% - 2 * 20px) / 3)} }
@media(max-width:640px) { .team-grid .tmember{flex-basis:calc((100% - 20px) / 2)} }

span.guarantee__ic {
    display: flex;
    color: white;
}