/* Сайт ООО «Поверенный» — «Табак»: тёплый тёмно-серый, овсяный, шалфей; Yeseva One + Ubuntu */

@font-face{font-family:'Yeseva One';font-weight:400;font-style:normal;font-display:swap;src:url(../fonty/ye-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Yeseva One';font-weight:400;font-style:normal;font-display:swap;src:url(../fonty/ye-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Ubuntu';font-weight:400;font-style:normal;font-display:swap;src:url(../fonty/ub-400-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Ubuntu';font-weight:400;font-style:normal;font-display:swap;src:url(../fonty/ub-400-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Ubuntu';font-weight:500;font-style:normal;font-display:swap;src:url(../fonty/ub-500-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Ubuntu';font-weight:500;font-style:normal;font-display:swap;src:url(../fonty/ub-500-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Ubuntu';font-weight:700;font-style:normal;font-display:swap;src:url(../fonty/ub-700-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Ubuntu';font-weight:700;font-style:normal;font-display:swap;src:url(../fonty/ub-700-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --tb-tobacco:#2B2824; --tb-tobacco-mid:#36322D; --tb-tobacco-deep:#1F1C19;
  --tb-oat:#ECE6DC; --tb-oat-light:#F6F2EB; --tb-mist:#EEF1EC; --tb-white:#FFFFFF; --tb-seam:#E2DACD;
  --tb-sage:#9DB59A; --tb-sage-btn:#8DAA8A; --tb-sage-hover:#A5C0A2; --tb-sage-ink:#4E6B4C; --tb-sage-wash:#E4ECE2;
  --tb-on-dark:#F3EEE6; --tb-on-dark-dim:#BDB4A6; --tb-text:#211E1A; --tb-text-soft:#4F483F; --tb-hint:#6B6358;
  --tb-alarm:#A3261C;
  --tb-display:'Yeseva One',Georgia,serif; --tb-copy:'Ubuntu','Segoe UI',Arial,sans-serif;
  --tb-round:20px; --tb-round-s:12px; --tb-head-h:70px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tb-mist);color:var(--tb-text);font:400 17px/1.65 var(--tb-copy)}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--tb-display);font-weight:400;text-wrap:balance;overflow-wrap:break-word}
p,li,dd{text-wrap:pretty}
::selection{background:var(--tb-sage);color:var(--tb-text)}
:focus-visible{outline:3px solid var(--tb-sage-ink);outline-offset:2px}
[hidden]{display:none!important}
.konteiner{max-width:1200px;margin:0 auto;padding:0 24px}
.ikonka{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* кнопки */
.knopka{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 26px;border:0;border-radius:999px;background:var(--tb-sage-btn);color:var(--tb-text);font:700 16px/1.2 var(--tb-copy);text-decoration:none;cursor:pointer;transition:background-color .2s ease}
.knopka:hover{background:var(--tb-sage-hover)}
.knopka-mal{min-height:42px;padding:10px 18px;font-size:15px}
.knopka-kontur{background:transparent;color:inherit;border:1.5px solid currentColor}
.knopka-kontur:hover{background:rgba(157,181,154,.18)}
.knopka[aria-busy="true"]{opacity:.7;cursor:progress}
.knopka .ikonka{width:20px;height:20px}

/* шапка */
.verh{position:sticky;top:0;z-index:20;background:var(--tb-tobacco-deep);color:var(--tb-on-dark)}
.verh-ryad{display:flex;align-items:center;gap:26px;height:var(--tb-head-h)}
.znak{display:flex;align-items:baseline;gap:10px;text-decoration:none;min-width:0}
.znak b{font:400 24px/1 var(--tb-display);font-weight:400}
.znak small{font:500 12px var(--tb-copy);letter-spacing:.08em;text-transform:uppercase;color:var(--tb-on-dark-dim)}
.punkty{display:flex;gap:20px;margin-left:auto;font:500 15px var(--tb-copy)}
.punkty a{text-decoration:none;color:var(--tb-on-dark-dim);padding:6px 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.punkty a:hover,.punkty a.tekushchij{color:var(--tb-on-dark);border-bottom-color:var(--tb-sage)}
.nomer{font:500 16px var(--tb-copy);text-decoration:none;white-space:nowrap}
.gamburger{display:none;width:44px;height:44px;place-items:center;background:none;border:0;color:var(--tb-on-dark);cursor:pointer;margin-right:-10px}
.spisok-razdelov{display:none;background:var(--tb-tobacco);padding:6px 24px 18px}
.spisok-razdelov.otkryt{display:block}
.spisok-razdelov a{display:block;padding:12px 0;border-bottom:1px solid rgba(243,238,230,.12);color:var(--tb-on-dark);text-decoration:none;font:500 17px var(--tb-copy)}
.spisok-razdelov small{display:block;font:400 13px var(--tb-copy);color:var(--tb-on-dark-dim)}

/* первый экран: текст на табачном фоне, снимок срезан по диагонали */
.ekran{position:relative;overflow:hidden;background:var(--tb-tobacco);color:var(--tb-on-dark)}
.ekran-foto{position:absolute;top:0;right:0;bottom:0;width:50%;background:var(--tb-tobacco-mid) var(--tb-photo-l,linear-gradient(135deg,#4A453E,#36322D)) center/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.ekran-setka{position:relative;min-height:520px;display:flex;align-items:flex-start}
.ekran-tekst{max-width:580px;padding:40px 0 196px}
.ekran h1{font-size:clamp(30px,3.3vw,46px);line-height:1.14;margin:0 0 16px}
.ekran-vvod{font-size:17px;color:var(--tb-on-dark-dim);margin:0 0 18px}
.galki{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:16px}
.galki li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}
.galki .ikonka{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--tb-sage);color:var(--tb-tobacco-deep);stroke-width:2.8}

/* форма — широкая карточка, наезжает на нижний край первого экрана */
.anketa-mesto{position:relative;z-index:2;margin-top:-168px;scroll-margin-top:calc(var(--tb-head-h) + 16px)}
.anketa{background:var(--tb-oat-light);border-radius:var(--tb-round);border-top:5px solid var(--tb-sage);padding:24px 30px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.anketa-shapka{display:flex;align-items:baseline;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin:0 0 14px}
.anketa-shapka h2{font-size:28px;line-height:1.15;margin:0}
.anketa-shapka p{margin:0;color:var(--tb-hint);font-size:15px}
.anketa-polya{display:grid;grid-template-columns:1.15fr 1.15fr .8fr 1fr;gap:14px}
.pole label{display:block;font:500 14px var(--tb-copy);color:#4A443C;margin:0 0 6px}
.pole label span{font-weight:400;color:var(--tb-hint)}
.pole select,.pole input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #CBC2B4;border-radius:var(--tb-round-s);background:var(--tb-white);color:var(--tb-text);font:400 16px var(--tb-copy);transition:border-color .2s ease}
.pole select{appearance:none;padding-right:40px;background:var(--tb-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%234E6B4C' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}
.pole select:focus,.pole input:focus{outline:2px solid var(--tb-sage-ink);outline-offset:1px;border-color:var(--tb-sage-ink)}
.pole-oshibka{display:none;margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--tb-alarm)}
.ne-tak .pole-oshibka{display:block}
.ne-tak select,.ne-tak input[type=tel]{border-color:var(--tb-alarm)}
.anketa-niz{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:14px}
.soglasie-blok label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--tb-text-soft);cursor:pointer}
.soglasie-blok input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--tb-sage-ink);flex:none}
.soglasie-ssylki{margin:6px 0 0 30px;font-size:13px;color:var(--tb-hint)}
.soglasie-ssylki a{color:var(--tb-hint)}
.anketa-knopka{flex:none;min-width:240px}
.lovushka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.trevoga{margin:14px 0 0;padding:12px 16px;border-radius:var(--tb-round-s);background:#F7E4E1;color:#7A1D15;font-size:15px;line-height:1.45}
.trevoga a{font-weight:700;white-space:nowrap}
.gotovo{display:flex;gap:16px;align-items:flex-start;padding:8px 0 6px}
.gotovo .ikonka{width:44px;height:44px;padding:9px;border-radius:50%;background:var(--tb-sage);color:var(--tb-tobacco-deep);stroke-width:2.6}
.gotovo-h{font:400 26px/1.2 var(--tb-display);margin:2px 0 6px}
.gotovo-h:focus{outline:none}
.gotovo p{margin:0;color:var(--tb-text-soft)}
.anketa.otpravleno [data-vvod]{display:none}
.prodavec{margin:14px 0 0;font-size:12px;line-height:1.45;color:var(--tb-hint)}

/* разделы */
.blok{padding:92px 0;scroll-margin-top:var(--tb-head-h)}
.blok-svetl{background:var(--tb-white)}
.blok-temn{background:var(--tb-tobacco);color:var(--tb-on-dark)}
.zagolovok{font-size:clamp(30px,3vw,42px);line-height:1.15;margin:0 0 34px}
.vvod{color:var(--tb-text-soft);font-size:18px;margin:0 0 24px;max-width:520px}

/* кому помогаем */
.komu-setka{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.komu{background:var(--tb-white);border:1px solid var(--tb-seam);border-radius:var(--tb-round);padding:26px 26px 28px}
.komu .ikonka{width:48px;height:48px;padding:12px;border-radius:50%;background:var(--tb-sage-wash);color:var(--tb-sage-ink);margin:0 0 16px}
.komu h3{font-size:23px;line-height:1.2;margin:0 0 8px}
.komu p{margin:0;color:var(--tb-text-soft);font-size:16px}

/* услуги */
.uslugi-setka{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.usluga{background:var(--tb-oat-light);border:1px solid var(--tb-seam);border-radius:var(--tb-round);overflow:hidden}
.usluga img,.usluga .zaglushka{width:100%;object-fit:cover}
.zaglushka{display:block;background:linear-gradient(135deg,var(--tb-oat),#D9D0C2)}
.usluga-tekst{padding:20px 22px 26px;border-top:4px solid var(--tb-sage)}
.usluga h3{font-size:23px;line-height:1.2;margin:0 0 8px}
.usluga p{margin:0;color:var(--tb-text-soft);font-size:16px}

/* основания */
.osnov{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.osnov-spisok{margin:0;border-top:1px solid var(--tb-seam)}
.osnov-spisok div{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--tb-seam)}
.osnov-spisok dt{font:500 17px/1.4 var(--tb-copy);display:flex;gap:10px;align-items:baseline}
.osnov-spisok dt::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tb-sage-ink);flex:none;transform:translateY(-2px)}
.osnov-spisok dd{margin:0;color:var(--tb-text-soft);font-size:16px}

/* этапы */
.shagi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.shag{border-top:1px solid rgba(157,181,154,.45);padding-top:20px}
.shag-n{display:block;font:400 56px/1 var(--tb-display);color:var(--tb-sage);margin:0 0 10px}
.shag h3{font:500 20px/1.3 var(--tb-copy);margin:0 0 6px}
.shag p{margin:0;color:var(--tb-on-dark-dim);font-size:15px}

/* о компании */
.firma{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.firma-foto img,.firma-foto .zaglushka{width:100%;border-radius:var(--tb-round);object-fit:cover}
.firma p{margin:0 0 16px;color:var(--tb-text-soft)}
.rekvizity{margin:22px 0 0;padding:20px 22px;background:var(--tb-oat-light);border-radius:var(--tb-round-s);display:grid;grid-template-columns:150px 1fr;gap:8px 16px;font-size:15px;line-height:1.5}
.rekvizity dt{color:var(--tb-hint)}
.rekvizity dd{margin:0;overflow-wrap:anywhere}

/* вопросы */
.voprosy-setka{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.vopros{border-bottom:1px solid var(--tb-seam)}
.vopros:first-child{border-top:1px solid var(--tb-seam)}
.vopros summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font:500 18px/1.35 var(--tb-copy)}
.vopros summary::-webkit-details-marker{display:none}
.vopros summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--tb-sage-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%234E6B4C' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;transition:transform .2s ease}
.vopros[open] summary::after{transform:rotate(45deg)}
.vopros p{margin:0;padding:0 0 20px;color:var(--tb-text-soft);max-width:66ch}

/* призыв */
.prizyv{background:var(--tb-sage-wash);padding:56px 0}
.prizyv-ryad{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.prizyv h2{font-size:clamp(28px,2.8vw,38px);line-height:1.15;margin:0 0 6px}
.prizyv p{margin:0;color:var(--tb-text-soft)}
.prizyv-knopki{display:flex;gap:12px;flex-wrap:wrap}

/* подвал */
.podval{background:var(--tb-tobacco-deep);color:var(--tb-on-dark-dim);padding:44px 0 34px;font-size:14px;line-height:1.6}
.podval-setka{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
.podval-setka p{margin:0 0 6px}
.podval a{color:var(--tb-on-dark)}
.podval-imya{font:400 20px var(--tb-display);color:var(--tb-on-dark)}
.podval-melko{grid-column:1/-1;border-top:1px solid rgba(243,238,230,.12);padding-top:16px;font-size:13px}

/* нижняя панель на телефонах */
.panel-niz{display:none}

/* юридические и служебные страницы */
.dokument{max-width:800px;padding-top:56px;padding-bottom:84px}
.dokument h1{font-size:clamp(30px,3.4vw,42px);line-height:1.15;margin:0 0 12px}
.dokument h2{font-size:24px;line-height:1.25;margin:34px 0 10px}
.dokument p,.dokument li{color:var(--tb-text-soft);max-width:68ch}
.dokument ol,.dokument ul{padding-left:22px}
.dokument-data{color:var(--tb-hint);font-size:15px}

@media (max-width:1100px){.punkty{gap:14px;font-size:14px}.anketa-polya{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
  .punkty,.verh-knopka{display:none}
  .nomer{margin-left:auto}
  .gamburger{display:grid}
  .ekran{display:flex;flex-direction:column-reverse}
  .ekran-foto{position:relative;width:100%;height:240px;clip-path:none;background-image:var(--tb-photo-s,linear-gradient(135deg,#4A453E,#36322D))}
  .ekran-setka{min-height:0}
  .ekran-tekst{padding:40px 0 34px}
  .anketa-mesto{margin-top:24px}
  .anketa-niz{flex-direction:column;align-items:stretch}
  .komu-setka,.uslugi-setka{grid-template-columns:1fr 1fr}
  .osnov,.firma,.voprosy-setka{grid-template-columns:1fr;gap:28px}
  .shagi{grid-template-columns:1fr 1fr}
  .podval-setka{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px;padding-bottom:78px}
  .konteiner{padding:0 18px}
  .znak small{display:none}
  .nomer{font-size:14px}
  .ekran-foto{height:200px}
  .anketa{padding:22px 18px 16px}
  .anketa-polya,.komu-setka,.uslugi-setka,.shagi,.podval-setka{grid-template-columns:1fr}
  .osnov-spisok div{grid-template-columns:1fr;gap:4px}
  .rekvizity{grid-template-columns:1fr;gap:2px}
  .rekvizity dd{margin-bottom:8px}
  .blok{padding:68px 0}
  .panel-niz{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:15;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--tb-oat-light);box-shadow:0 -6px 20px -10px rgba(0,0,0,.35)}
  .panel-niz .knopka:first-child{flex:1}
  .panel-niz .knopka-kontur{width:54px;padding:0;color:var(--tb-tobacco)}
}
@media (max-width:380px){.nomer{display:none}.gamburger{margin-left:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}