/* ============================================================
   ГрузОтвет — shtraf-gruzootpravitelya.ru
   Дизайн-система «промышленный контракт». Номенклатура: .k-* (БЭМ)
   Палитра: фон #F4F3F0 · текст #23262B · тёмное #2B2E33
            медь #9A5B2E · терракот #B4552D · линия #D6D3CC
   ============================================================ */

/* ---------- 1. Шрифты (локальные сабсеты, woff2) ---------- */
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/inter-var-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/inter-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF;
}
@font-face{
  font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/sourceserif4-600-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/sourceserif4-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF;
}

/* ---------- 2. Переменные ---------- */
:root{
  --k-bg:#F4F3F0;
  --k-ink:#23262B;
  --k-muted:#585D64;
  --k-dark:#2B2E33;
  --k-dark-2:#34383E;
  --k-dark-ink:#E9E7E2;
  --k-dark-muted:#B4B1AA;
  --k-dark-line:#45494F;
  --k-copper:#9A5B2E;
  --k-copper-deep:#7C4823;
  --k-copper-pale:#EFE4D8;
  --k-terra:#B4552D;
  --k-line:#D6D3CC;
  --k-paper:#FBFAF7;
  --k-serif:'Source Serif 4','PT Serif',Georgia,'Times New Roman',serif;
  --k-sans:'Inter','Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --k-wrap:1180px;
  --k-r:2px;
  --k-gap:clamp(2.75rem,7vw,5.5rem); /* «контрактные» отступы секций */
}

/* ---------- 3. База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--k-bg);color:var(--k-ink);
  font:400 17px/1.65 var(--k-sans);
  font-feature-settings:'tnum' off;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--k-copper-deep);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--k-terra)}
h1,h2,h3,h4{font-family:var(--k-serif);font-weight:600;line-height:1.22;margin:0 0 .6em;letter-spacing:-.005em}
h1{font-size:clamp(1.85rem,4.6vw,2.75rem)}
h2{font-size:clamp(1.45rem,3.2vw,1.95rem)}
h3{font-size:clamp(1.15rem,2.2vw,1.35rem)}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.2em;padding-left:1.35em}
li{margin-bottom:.45em}
hr{border:0;border-top:1px solid var(--k-line);margin:2.2em 0}
strong{font-weight:600}
small{font-size:.82em}
:focus-visible{outline:2px solid var(--k-copper);outline-offset:2px}
.k-wrap{max-width:var(--k-wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2.25rem)}
.k-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.k-muted{color:var(--k-muted)}

/* ---------- 4. Капсула номера статьи ---------- */
.k-capsule{
  display:inline-block;padding:.08em .55em .12em;border:1px solid var(--k-copper);
  border-radius:2px;color:var(--k-copper-deep);background:transparent;
  font:600 .82em/1.5 var(--k-sans);letter-spacing:.02em;white-space:nowrap;vertical-align:baseline;
}
.k-sec--dark .k-capsule,.k-hero .k-capsule{border-color:#B98A5F;color:#D9AF85}

/* ---------- 5. Крупные суммы ---------- */
.k-sum{font-family:var(--k-serif);font-weight:600;color:var(--k-copper);white-space:nowrap}
.k-sum--lg{font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.1;display:inline-block}
.k-table .k-sum,.k-sum--terra{color:var(--k-terra)}

/* ---------- 6. Шапка ---------- */
.k-header{background:var(--k-bg);border-bottom:1px solid var(--k-line);position:relative;z-index:40}
.k-header__inner{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.k-logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--k-ink);flex-shrink:0}
.k-logo__mark{
  width:42px;height:42px;border:1.5px solid var(--k-copper);border-radius:2px;
  display:grid;place-items:center;color:var(--k-copper);
  font:600 1.05rem/1 var(--k-serif);letter-spacing:.02em;
}
.k-logo__name{font:600 1.2rem/1.1 var(--k-serif)}
.k-logo__sub{display:block;font:400 .68rem/1.3 var(--k-sans);color:var(--k-muted);letter-spacing:.02em;margin-top:2px}
.k-nav{margin-left:auto}
.k-nav__list{display:flex;gap:1.35rem;list-style:none;margin:0;padding:0}
.k-nav__link{font-size:.92rem;color:var(--k-ink);text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}
.k-nav__link:hover{color:var(--k-copper-deep);border-bottom-color:var(--k-copper)}
.k-nav__link--active{border-bottom-color:var(--k-copper);color:var(--k-copper-deep)}
.k-header__cta{flex-shrink:0}
.k-header__phone{font-size:.95rem;font-weight:600;color:var(--k-ink);text-decoration:none;white-space:nowrap}
.k-burger{
  display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--k-line);border-radius:2px;
  background:transparent;cursor:pointer;position:relative;
}
.k-burger span,.k-burger::before,.k-burger::after{
  content:'';position:absolute;left:11px;right:11px;height:2px;background:var(--k-ink);transition:transform .2s,opacity .2s;
}
.k-burger::before{top:15px}
.k-burger span{top:22px}
.k-burger::after{top:29px}
.k-burger[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}
.k-burger[aria-expanded="true"] span{opacity:0}
.k-burger[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}

/* мобильное меню */
.k-mnav{display:none;background:var(--k-bg);border-bottom:1px solid var(--k-line)}
.k-mnav--open{display:block}
.k-mnav__list{list-style:none;margin:0;padding:.5rem 0 1rem}
.k-mnav__list a{
  display:block;padding:.7rem clamp(1rem,4vw,2.25rem);color:var(--k-ink);text-decoration:none;
  border-top:1px solid var(--k-line);font-size:1rem;
}
.k-mnav__list a:hover{color:var(--k-copper-deep)}
.k-mnav__cta{margin:0.75rem clamp(1rem,4vw,2.25rem) 0}
@media (max-width:960px){
  .k-nav,.k-header__cta,.k-header__phone{display:none}
  .k-burger{display:block}
}

/* ---------- 7. Хлебные крошки ---------- */
.k-crumbs{padding:.85rem 0 0;font-size:.82rem;color:var(--k-muted)}
.k-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.k-crumbs li{margin:0}
.k-crumbs li+li::before{content:'\2192';margin:0 .45rem .0 .15rem;color:var(--k-line)}
.k-crumbs a{color:var(--k-muted)}
.k-crumbs [aria-current]{color:var(--k-ink)}

/* ---------- 8. Hero (тёмная секция) ---------- */
.k-hero{background:var(--k-dark);color:var(--k-dark-ink);padding:var(--k-gap) 0}
.k-hero a{color:#D9AF85}
.k-hero__grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.k-hero__grid{grid-template-columns:7fr 5fr}}
.k-hero__kicker{
  font:600 .78rem/1.4 var(--k-sans);letter-spacing:.14em;text-transform:uppercase;
  color:#C69066;margin:0 0 1.1rem;
}
.k-hero h1{color:#fff;margin-bottom:.55em}
.k-hero__lead{font-size:1.1rem;color:var(--k-dark-ink);max-width:34em}
.k-hero__facts{display:flex;flex-wrap:wrap;gap:1.4rem 2.5rem;margin:1.8rem 0 2rem;padding:0;list-style:none}
.k-hero__facts li{margin:0;max-width:14em}
.k-hero__facts b{display:block;font:600 1.5rem/1.2 var(--k-serif);color:#D9AF85}
.k-hero__facts span{font-size:.83rem;color:var(--k-dark-muted)}
.k-hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.k-hero__note{font-size:.82rem;color:var(--k-dark-muted);margin-top:1rem}

/* ---------- 8b. Hero-фон: фото первого экрана в графитовом scrim ----------
   Hero-снимок задаётся переменной --hero-bg (inline на секции) и уходит в фон;
   текст ложится поверх палитрового графитового затемнения. Один переиспользуемый
   язык оформления: .k-hero--photo — главная, .k-lead--photo — лид-секции
   внутренних страниц. Шапка/навигация/крошки не затрагиваются. */
.k-hero.k-hero--photo,
.k-sec.k-lead--photo{
  position:relative;isolation:isolate;
  background-color:var(--k-dark);
  background-image:
    linear-gradient(176deg,rgba(35,38,43,.64) 0%,rgba(35,38,43,.50) 45%,rgba(35,38,43,.86) 100%),
    var(--hero-bg);
  background-size:cover,cover;
  background-position:center,center 35%;
  background-repeat:no-repeat,no-repeat;
}
.k-hero.k-hero--photo{padding:clamp(3.25rem,6vw,4rem) 0 clamp(3.5rem,7vw,4.25rem)}
/* внутренняя лид-секция: тот же графит+медь, но вписана в колонку .k-wrap —
   самостоятельная фото-панель с внутренними отступами и скруглением */
.k-sec.k-lead--photo{
  margin-top:1.15rem;
  padding:clamp(2rem,4.5vw,2.85rem) clamp(1.35rem,3.2vw,2.4rem) clamp(2.25rem,4.5vw,3rem);
  border-radius:5px;overflow:hidden;
}
/* «Контрактная» подпись первого экрана: сплошная медная планка слева,
   уходящая в тонкую линию — отличается от других сайтов сети */
.k-hero--photo::after,
.k-lead--photo::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;
  background:linear-gradient(90deg,
    var(--k-copper) 0,var(--k-copper) 132px,
    rgba(154,91,46,.42) 132px,rgba(154,91,46,0) 360px);
}
.k-hero--photo .k-wrap{position:relative;z-index:1}
/* светлый текст поверх scrim, с лёгкой тенью для гарантии читаемости на фото */
.k-hero--photo h1,
.k-lead--photo h1{text-shadow:0 1px 2px rgba(12,13,15,.42)}
.k-hero--photo .k-hero__lead{color:#EEECE7;text-shadow:0 1px 2px rgba(12,13,15,.32)}
.k-hero--photo .k-hero__facts span,
.k-hero--photo .k-hero__note{color:#D2CFC8}
.k-hero--photo .k-hero__kicker{color:#D9AF85}
/* внутренние лид-панели: осветляем заголовок, кикер, лид и строку «проверено» */
.k-sec.k-lead--photo h1{color:#fff}
.k-sec.k-lead--photo .k-sec__kicker{color:#D9AF85}
.k-sec.k-lead--photo p{color:#EEECE7;text-shadow:0 1px 2px rgba(12,13,15,.32)}
.k-sec.k-lead--photo .k-verify{color:#CFCBC3}
.k-sec.k-lead--photo .k-verify b{color:#F3EEE7}
.k-sec.k-lead--photo a{color:#D9AF85}
.k-sec.k-lead--photo .k-capsule{border-color:#B98A5F;color:#D9AF85}
/* мобильная ширина: усиливаем scrim, чтобы текст оставался читаемым над фото */
@media (max-width:700px){
  .k-hero.k-hero--photo,
  .k-sec.k-lead--photo{
    background-image:
      linear-gradient(180deg,rgba(35,38,43,.80) 0%,rgba(35,38,43,.72) 42%,rgba(35,38,43,.92) 100%),
      var(--hero-bg);
    background-position:center,center 30%;
  }
}

/* ---------- 9. Блок прямого ответа «Позиция» ---------- */
.k-position{
  border-top:2px solid var(--k-copper);
  background:var(--k-paper);
  padding:1.6rem clamp(1.25rem,3vw,2.25rem) 1.5rem;
  margin:var(--k-gap) 0;
}
.k-position__title{
  font:600 1.05rem/1.3 var(--k-serif);color:var(--k-copper-deep);
  margin:0 0 .7rem;letter-spacing:.01em;
}
.k-position__text{font-size:1.04rem;margin-bottom:1rem}
.k-position__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.1rem}
.k-position__cta .k-muted{font-size:.88rem}
.k-hero .k-position{margin:2rem 0 0;background:var(--k-dark-2);border-top-color:#C69066}
.k-hero .k-position__title{color:#D9AF85}

/* ---------- 10. Секции ---------- */
.k-sec{padding:var(--k-gap) 0}
.k-sec--line{border-top:1px solid var(--k-line)}
.k-sec--paper{background:var(--k-paper);border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.k-sec--dark{background:var(--k-dark);color:var(--k-dark-ink)}
.k-sec--dark h2,.k-sec--dark h3{color:#fff}
.k-sec--dark a{color:#D9AF85}
.k-sec__kicker{
  font:600 .75rem/1.4 var(--k-sans);letter-spacing:.14em;text-transform:uppercase;
  color:var(--k-copper);margin:0 0 .8rem;
}
.k-sec__head{max-width:46em;margin-bottom:2rem}
.k-sec__head p{color:var(--k-muted)}
.k-sec--dark .k-sec__head p{color:var(--k-dark-muted)}
.k-cols{display:grid;gap:2.25rem}
@media (min-width:900px){.k-cols--2{grid-template-columns:1fr 1fr}.k-cols--sidebar{grid-template-columns:7fr 5fr}}

/* ---------- 11. Таблицы ---------- */
.k-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.4em;border:1px solid var(--k-line);background:var(--k-paper)}
.k-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}
.k-table caption{
  caption-side:top;text-align:left;font:600 1rem/1.4 var(--k-serif);
  padding:.9rem 1rem .6rem;color:var(--k-ink);
}
.k-table th,.k-table td{padding:.7rem 1rem;text-align:left;vertical-align:top;border-top:1px solid var(--k-line)}
.k-table thead th{
  font:600 .78rem/1.4 var(--k-sans);letter-spacing:.06em;text-transform:uppercase;
  color:var(--k-muted);background:var(--k-bg);border-top:1px solid var(--k-line);
}
.k-table tbody tr:hover{background:#F6F2EC}
.k-table td b.k-sum,.k-table .k-sum{font-size:1.05em}
.k-table tfoot td{font-size:.83rem;color:var(--k-muted);border-top:1px solid var(--k-line)}

/* ---------- 12. CSS-схема «кто кому платит» ---------- */
.k-scheme{display:flex;flex-direction:column;gap:0;margin:0 0 1.4em;counter-reset:none}
.k-scheme__row{display:flex;flex-direction:column;align-items:stretch}
.k-scheme__node{
  border:1px solid var(--k-line);background:var(--k-paper);border-left:3px solid var(--k-copper);
  padding:1rem 1.2rem;border-radius:2px;
}
.k-scheme__node--accent{border-left-color:var(--k-terra)}
.k-scheme__node b{font-family:var(--k-serif);font-size:1.02rem;display:block;margin-bottom:.2rem}
.k-scheme__node span{font-size:.88rem;color:var(--k-muted)}
.k-scheme__arrow{
  align-self:center;display:flex;flex-direction:column;align-items:center;
  color:var(--k-copper-deep);font-size:.82rem;padding:.35rem 0;text-align:center;
}
.k-scheme__arrow::before{content:'';width:2px;height:22px;background:var(--k-copper)}
.k-scheme__arrow::after{
  content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;
  border-top:8px solid var(--k-copper);
}
.k-scheme__arrow em{font-style:normal;padding:.25rem 0;max-width:22em}
@media (min-width:900px){
  .k-scheme--h{flex-direction:row;align-items:stretch}
  .k-scheme--h .k-scheme__node{flex:1}
  .k-scheme--h .k-scheme__arrow{flex-direction:row;padding:0 .4rem;align-self:center;max-width:16em}
  .k-scheme--h .k-scheme__arrow::before{width:26px;height:2px}
  .k-scheme--h .k-scheme__arrow::after{
    border-top:6px solid transparent;border-bottom:6px solid transparent;
    border-left:8px solid var(--k-copper);border-right:0;
  }
  .k-scheme--h .k-scheme__arrow em{padding:0 .4rem}
}

/* ---------- 13. Чек-лист с квадратными чекбоксами ---------- */
.k-check{list-style:none;margin:0 0 1.4em;padding:0}
.k-check li{
  position:relative;padding:.15rem 0 .15rem 2.1rem;margin-bottom:.75rem;
}
.k-check li::before{
  content:'';position:absolute;left:0;top:.32rem;width:1.05rem;height:1.05rem;
  border:1.5px solid var(--k-copper);border-radius:2px;background:var(--k-paper);
}
.k-check li::after{
  content:'';position:absolute;left:.28rem;top:.55rem;width:.5rem;height:.28rem;
  border-left:2px solid var(--k-copper);border-bottom:2px solid var(--k-copper);transform:rotate(-45deg);
}
.k-check--empty li::after{display:none}
.k-check b{font-weight:600}
.k-check li small{display:block;color:var(--k-muted)}

/* ---------- 14. Нумерованные шаги ---------- */
.k-steps{list-style:none;margin:0 0 1.4em;padding:0;counter-reset:kstep}
.k-steps>li{
  counter-increment:kstep;position:relative;padding:0 0 1.5rem 3.4rem;margin:0;
}
.k-steps>li::before{
  content:counter(kstep,decimal-leading-zero);position:absolute;left:0;top:.05rem;
  font:600 1.05rem/1 var(--k-serif);color:var(--k-copper);
  border:1px solid var(--k-copper);border-radius:2px;padding:.5rem .45rem;min-width:2.35rem;text-align:center;
}
.k-steps>li:not(:last-child)::after{
  content:'';position:absolute;left:1.15rem;top:2.6rem;bottom:.3rem;width:1px;background:var(--k-line);
}
.k-steps b,.k-steps .k-steps__t{display:block;font-family:var(--k-serif);font-size:1.06rem;font-weight:600;margin-bottom:.25rem}
.k-steps p{margin-bottom:.4em;font-size:.97rem}
.k-steps .k-steps__eta{font-size:.83rem;color:var(--k-copper-deep)}

/* ---------- 15. FAQ ---------- */
.k-faq{border-top:1px solid var(--k-line);margin-bottom:1.4em}
.k-faq__item{border-bottom:1px solid var(--k-line)}
.k-faq__item summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:baseline;
  padding:1.05rem .2rem;font:600 1.05rem/1.4 var(--k-serif);
}
.k-faq__item summary::-webkit-details-marker{display:none}
.k-faq__item summary::after{
  content:'+';flex-shrink:0;font:600 1.3rem/1 var(--k-serif);color:var(--k-copper);transition:transform .15s;
}
.k-faq__item[open] summary::after{transform:rotate(45deg)}
.k-faq__body{padding:0 .2rem 1.25rem;max-width:52em}
.k-faq__body p{margin-bottom:.7em}

/* ---------- 16. Карточки ---------- */
.k-cards{display:grid;gap:1.25rem;margin:0 0 1.4em;padding:0;list-style:none}
@media (min-width:700px){.k-cards--2{grid-template-columns:1fr 1fr}.k-cards--3{grid-template-columns:repeat(3,1fr)}}
.k-card{
  border:1px solid var(--k-line);border-top:2px solid var(--k-copper);background:var(--k-paper);
  padding:1.4rem 1.4rem 1.25rem;border-radius:2px;display:flex;flex-direction:column;margin:0;
}
.k-card h3{margin-bottom:.5rem}
.k-card p{font-size:.95rem;color:var(--k-muted);margin-bottom:1rem}
.k-card .k-card__link{margin-top:auto;font-size:.92rem;font-weight:600}
.k-card__tag{font:600 .72rem/1.3 var(--k-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--k-copper);margin-bottom:.6rem}
.k-sec--dark .k-card{background:var(--k-dark-2);border-color:var(--k-dark-line);border-top-color:#C69066}
.k-sec--dark .k-card p{color:var(--k-dark-muted)}

/* карточка-кейс (модель защиты) */
.k-case{border:1px solid var(--k-line);background:var(--k-paper);padding:1.4rem;border-radius:2px;margin:0}
.k-case__res{font:600 1.45rem/1.25 var(--k-serif);color:var(--k-copper);margin:.4rem 0 .6rem}
.k-case__res s{color:var(--k-muted);font-size:.8em;text-decoration-thickness:1.5px}
.k-case p{font-size:.93rem;color:var(--k-muted);margin-bottom:.4em}
.k-case small{color:var(--k-muted)}

/* ---------- 17. Блок «Кратко в цифрах» ---------- */
.k-digits{border:1px solid var(--k-line);background:var(--k-paper);padding:1.5rem clamp(1.25rem,3vw,2rem);margin:0 0 1.4em}
.k-digits__title{font:600 1.1rem/1.3 var(--k-serif);margin:0 0 1rem;padding-bottom:.7rem;border-bottom:1px solid var(--k-line)}
.k-digits dl{display:grid;gap:.65rem 2rem;margin:0}
@media (min-width:760px){.k-digits dl{grid-template-columns:1fr 1fr}}
.k-digits div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--k-line);padding-bottom:.55rem}
.k-digits dt{font-size:.92rem;color:var(--k-muted)}
.k-digits dd{margin:0;font-weight:600;white-space:nowrap;color:var(--k-copper-deep)}

/* ---------- 18. Кнопки ---------- */
.k-btn{
  display:inline-block;border:1px solid var(--k-copper);border-radius:var(--k-r);
  background:var(--k-copper);color:#fff;cursor:pointer;text-decoration:none;text-align:center;
  font:600 .98rem/1.2 var(--k-sans);padding:.95rem 1.7rem;min-height:48px;
  transition:background .15s,border-color .15s;
}
.k-btn:hover{background:var(--k-copper-deep);border-color:var(--k-copper-deep);color:#fff}
.k-btn--ghost{background:transparent;color:var(--k-copper-deep)}
.k-btn--ghost:hover{background:var(--k-copper-pale);color:var(--k-copper-deep)}
.k-btn--ondark{border-color:#C69066;color:#fff;background:transparent}
.k-btn--ondark:hover{background:rgba(198,144,102,.15);border-color:#D9AF85}
.k-btn--wide{width:100%}
.k-btn[disabled]{opacity:.55;cursor:default}

/* ---------- 19. Формы ---------- */
.k-form{
  border:1px solid var(--k-line);border-top:2px solid var(--k-copper);
  background:var(--k-paper);padding:clamp(1.4rem,3.5vw,2.25rem);border-radius:2px;
}
.k-form--ondark{background:var(--k-dark-2);border-color:var(--k-dark-line);border-top-color:#C69066;color:var(--k-dark-ink)}
.k-form__title{font:600 1.35rem/1.3 var(--k-serif);margin:0 0 .4rem}
.k-form__sub{font-size:.92rem;color:var(--k-muted);margin:0 0 1.4rem}
.k-form--ondark .k-form__sub{color:var(--k-dark-muted)}
.k-form__grid{display:grid;gap:1rem}
@media (min-width:700px){
  .k-form__grid--2{grid-template-columns:1fr 1fr}
  .k-form__grid .k-field--full{grid-column:1/-1}
}
.k-field{display:block}
.k-field__label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}
.k-field__label small{font-weight:400;color:var(--k-muted)}
.k-field__input,.k-field select,.k-field textarea{
  width:100%;min-height:48px;padding:.7rem .9rem;border:1px solid #C9C5BC;border-radius:2px;
  background:#fff;color:var(--k-ink);font:400 1rem/1.4 var(--k-sans);
}
.k-field textarea{min-height:96px;resize:vertical}
.k-field__input:focus,.k-field select:focus,.k-field textarea:focus{border-color:var(--k-copper);outline:none}
.k-field__input[aria-invalid="true"],.k-field .k-invalid{border-color:#B4552D;background:#FBF1EC}
.k-field__hint{font-size:.8rem;color:var(--k-muted);margin-top:.3rem}
.k-form__consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:var(--k-muted);margin:1.1rem 0}
.k-form__consent input{width:1.1rem;height:1.1rem;margin-top:.2rem;accent-color:var(--k-copper);flex-shrink:0}
.k-form__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.k-form__sla{font-size:.85rem;color:var(--k-muted)}
.k-form--ondark .k-form__sla{color:var(--k-dark-muted)}
.k-form__error{display:none;color:#9E3C17;background:#F7E8DF;border:1px solid #DCB49E;border-radius:2px;padding:.7rem 1rem;font-size:.9rem;margin-top:1rem}
.k-form__error--show{display:block}
.k-attach{
  display:inline-flex;align-items:center;gap:.5rem;border:1px dashed var(--k-copper);border-radius:2px;
  color:var(--k-copper-deep);background:transparent;padding:.65rem 1.1rem;font:600 .9rem/1.2 var(--k-sans);cursor:pointer;
}
.k-attach:hover{background:var(--k-copper-pale)}
/* honeypot */
.k-hp{position:absolute!important;left:-6000px!important;top:auto!important;width:1px;height:1px;overflow:hidden}

/* шаги формы / квиза */
.k-fsteps{position:relative}
.k-fstep{display:none}
.k-fstep--active{display:block}
.k-fsteps__bar{height:3px;background:var(--k-line);border-radius:2px;margin:0 0 1.4rem;overflow:hidden}
.k-fsteps__bar i{display:block;height:100%;background:var(--k-copper);width:0;transition:width .25s}
.k-fsteps__meta{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--k-muted);margin-bottom:.5rem;font-weight:600}
.k-fstep__nav{display:flex;gap:.9rem;margin-top:1.4rem;flex-wrap:wrap}
.k-fstep__back{background:none;border:none;color:var(--k-muted);font:400 .9rem/1.2 var(--k-sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.6rem 0}
.k-fstep__back:hover{color:var(--k-ink)}
/* радио-плитки квиза */
.k-choice{display:grid;gap:.6rem;margin:0 0 .4rem}
.k-choice label{
  display:flex;gap:.7rem;align-items:flex-start;border:1px solid #C9C5BC;border-radius:2px;
  background:#fff;padding:.8rem 1rem;cursor:pointer;font-size:.97rem;
}
.k-choice label:hover{border-color:var(--k-copper)}
.k-choice input{accent-color:var(--k-copper);width:1.1rem;height:1.1rem;margin-top:.22rem;flex-shrink:0}
.k-choice input:checked+span{font-weight:600}
/* индикатор дедлайна */
.k-deadline{
  border-left:3px solid var(--k-copper);background:var(--k-copper-pale);
  padding:.8rem 1.1rem;font-size:.95rem;margin-top:.9rem;border-radius:2px;display:none;
}
.k-deadline--show{display:block}
.k-deadline b{font-family:var(--k-serif);color:var(--k-copper-deep)}
.k-deadline--late{border-left-color:var(--k-terra);background:#F5E4DB}
/* экран «спасибо» */
.k-thanks{display:none;text-align:left;padding:.5rem 0}
.k-thanks--show{display:block}
.k-thanks__t{font:600 1.4rem/1.3 var(--k-serif);color:var(--k-copper-deep);margin:0 0 .7rem}
.k-thanks ol{font-size:.95rem}
.k-form--sent .k-fsteps,.k-form--sent .k-form__title,.k-form--sent .k-form__sub,.k-form--sent .k-form__grid,
.k-form--sent .k-form__consent,.k-form--sent .k-form__actions,.k-form--sent .k-form__error{display:none}

/* ---------- 20. Табы ---------- */
.k-tabs__list{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--k-line);margin-bottom:1.3rem;padding:0;list-style:none}
.k-tabs__btn{
  border:1px solid var(--k-line);border-bottom:none;border-radius:2px 2px 0 0;background:transparent;
  padding:.6rem 1.1rem;font:600 .9rem/1.2 var(--k-sans);color:var(--k-muted);cursor:pointer;
}
.k-tabs__btn[aria-selected="true"]{background:var(--k-paper);color:var(--k-copper-deep);border-color:var(--k-copper);position:relative;top:1px}
.k-tabs__panel{display:none}
.k-tabs__panel--active{display:block}

/* ---------- 21. Лид-магнит ---------- */
.k-magnet{
  border:1px solid var(--k-copper);border-radius:2px;background:var(--k-copper-pale);
  padding:1.5rem clamp(1.25rem,3vw,2rem);margin:0 0 1.4em;
}
.k-magnet__t{font:600 1.15rem/1.35 var(--k-serif);margin:0 0 .4rem;color:var(--k-copper-deep)}
.k-magnet p{font-size:.93rem;margin-bottom:1rem}
.k-magnet form{display:flex;flex-wrap:wrap;gap:.8rem}
.k-magnet .k-field{flex:1 1 220px;margin:0}

/* ---------- 22. Заметки, дисклеймеры, дата проверки ---------- */
.k-note{border-left:3px solid var(--k-copper);background:var(--k-paper);padding:.9rem 1.2rem;font-size:.93rem;margin:0 0 1.4em;border-radius:2px}
.k-note--warn{border-left-color:var(--k-terra)}
.k-verify{font-size:.82rem;color:var(--k-muted)}
.k-verify b{color:var(--k-ink);font-weight:600}
.k-disclaimer{font-size:.8rem;color:var(--k-muted)}
blockquote{border-left:3px solid var(--k-line);margin:0 0 1.4em;padding:.4rem 0 .4rem 1.4rem;color:var(--k-muted);font-size:.97rem}

/* ---------- 23. Изображения с graceful-заглушкой ---------- */
.k-imgbox{
  position:relative;overflow:hidden;border:1px solid var(--k-line);border-radius:2px;
  background:
    repeating-linear-gradient(-45deg,transparent 0 14px,rgba(154,91,46,.06) 14px 15px),
    var(--k-paper);
}
.k-imgbox::before{
  content:attr(data-caption);position:absolute;inset:auto 0 0 0;padding:.6rem 1rem;
  font:600 .78rem/1.4 var(--k-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--k-copper);
}
.k-imgbox::after{
  content:'';position:absolute;top:12px;left:12px;width:26px;height:26px;
  border:1.5px solid var(--k-copper);border-radius:2px;opacity:.5;
}
.k-imgbox--16x9{aspect-ratio:16/9}
.k-imgbox--4x3{aspect-ratio:4/3}
.k-imgbox--3x2{aspect-ratio:3/2}
.k-imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.k-imgbox img.k-img-missing{display:none}

/* ---------- 24. Sticky-бар (мобайл) ---------- */
.k-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
  background:var(--k-dark);border-top:2px solid var(--k-copper);
  padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));
}
.k-sticky a{
  display:block;text-align:center;background:var(--k-copper);color:#fff;border-radius:2px;
  font:600 1rem/1.2 var(--k-sans);padding:.85rem 1rem;text-decoration:none;min-height:48px;
}
@media (max-width:760px){
  .k-sticky{display:block}
  body{padding-bottom:76px}
}

/* ---------- 25. Футер ---------- */
.k-footer{background:var(--k-dark);color:var(--k-dark-muted);padding:var(--k-gap) 0 2rem;font-size:.9rem}
.k-footer a{color:var(--k-dark-ink);text-decoration:none}
.k-footer a:hover{color:#D9AF85;text-decoration:underline}
.k-footer__grid{display:grid;gap:2.25rem;margin-bottom:2.5rem}
@media (min-width:760px){.k-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1020px){.k-footer__grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.k-footer__col h4{font:600 .8rem/1.4 var(--k-sans);letter-spacing:.12em;text-transform:uppercase;color:#C69066;margin:0 0 .9rem}
.k-footer__col ul{list-style:none;margin:0;padding:0}
.k-footer__col li{margin-bottom:.55rem}
.k-footer__brand .k-logo{color:#fff;margin-bottom:1rem}
.k-footer__brand .k-logo__sub{color:var(--k-dark-muted)}
.k-footer__brand p{font-size:.86rem}
.k-footer__bottom{
  border-top:1px solid var(--k-dark-line);padding-top:1.4rem;
  display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:space-between;font-size:.8rem;
}
.k-footer__bottom a{color:var(--k-dark-muted);text-decoration:underline;text-underline-offset:3px}

/* ---------- 26. Разное ---------- */
.k-anchor{scroll-margin-top:90px}
/* внутренний отступ тёмной секции, врезанной в k-wrap (например, «Порядок работы») */
.k-wrap-inner{padding:0 clamp(1.25rem,3.5vw,2.5rem)}
.k-inline-links{font-size:.92rem;color:var(--k-muted)}
.k-two{display:grid;gap:1.5rem}
@media (min-width:860px){.k-two{grid-template-columns:1fr 1fr}}
@media print{.k-sticky,.k-burger,.k-mnav{display:none!important}}

/* ---------- 27. Виджет проверки штрафа по УИН (правая колонка hero) ---------- */
.k-checker{
  background:var(--k-paper);border:1px solid var(--k-line);border-top:2px solid var(--k-copper);
  border-radius:2px;padding:clamp(1.4rem,3vw,1.9rem);
  box-shadow:0 20px 48px rgba(15,17,20,.34);
}
.k-checker__title{font:600 1.3rem/1.3 var(--k-serif);color:var(--k-ink);margin:0 0 .3rem}
.k-checker__sub{font-size:.9rem;color:var(--k-muted);margin:0 0 1.3rem}
.k-checker__form{display:grid;gap:1rem}
.k-checker .k-field{margin:0}
.k-checker__consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:var(--k-muted);margin:.15rem 0 0;cursor:pointer}
.k-checker__consent input{width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--k-copper);flex-shrink:0}
.k-checker a{color:var(--k-copper-deep);text-decoration:underline;text-underline-offset:3px}
.k-checker a:hover{color:var(--k-terra)}
.k-checker__err{margin:0;font-size:.85rem;color:#9E3C17}
.k-checker__out{margin-top:1.2rem;padding:1rem 1.15rem;border:1px solid var(--k-line);border-radius:2px;background:#fff;font-size:.95rem;line-height:1.55;color:var(--k-ink)}
.k-checker__out.is-loading{display:flex;align-items:center;gap:.7rem;color:var(--k-muted)}
.k-checker__spin{width:1.05rem;height:1.05rem;border:2px solid var(--k-line);border-top-color:var(--k-copper);border-radius:50%;display:inline-block;animation:k-spin .7s linear infinite;flex-shrink:0}
@keyframes k-spin{to{transform:rotate(360deg)}}
.k-checker__out.is-found{border-left:3px solid var(--k-copper);background:#FBF6F0}
.k-checker__out.is-empty,.k-checker__out.is-wait{border-left:3px solid var(--k-muted)}
.k-checker__tag{margin:0 0 .5rem;font:700 .68rem/1.3 var(--k-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--k-copper)}
.k-checker__tag--soft{color:var(--k-muted)}
.k-checker__sum{margin:0;font:600 1.7rem/1.1 var(--k-serif);color:var(--k-copper)}
.k-checker__meta{margin:.4rem 0 0;font-size:.85rem;color:var(--k-muted)}
.k-checker__msg{margin:.7rem 0 0}