/* Сайт ООО «Правовая Защита ДВ» — «Маренго»: мел + маренго + сигнальный оранжевый; Alegreya Sans + Mulish */

@font-face{font-family:'Alegreya Sans';font-weight:700;font-style:normal;font-display:swap;src:url(../shrift/as-700-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Alegreya Sans';font-weight:700;font-style:normal;font-display:swap;src:url(../shrift/as-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}
@font-face{font-family:'Mulish';font-weight:400 700;font-style:normal;font-display:swap;src:url(../shrift/mu-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Mulish';font-weight:400 700;font-style:normal;font-display:swap;src:url(../shrift/mu-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{
  --pz-chalk:#F4F4F1; --pz-sheet:#FFFFFF; --pz-haze:#E9ECEE;
  --pz-mar:#2C3742; --pz-mar-low:#202931; --pz-mar-mid:#3B4855;
  --pz-slate:#5B6773; --pz-rule:#DADDE0; --pz-field:#B6BFC7;
  --pz-sig:#BF5419; --pz-sig-dark:#A84914; --pz-sig-wash:#F7E9DF; --pz-sig-soft:#F0A57A;
  --pz-text:#1B232A; --pz-text-2:#3A4651; --pz-on-dark:#C3CCD4; --pz-error:#B3261E;
  --pz-face:'Alegreya Sans','Trebuchet MS',Arial,sans-serif; --pz-copy:'Mulish',Arial,sans-serif;
  --pz-r1:8px; --pz-r2:14px; --pz-r3:22px; --pz-top:70px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pz-chalk);color:var(--pz-text);font:400 17px/1.65 var(--pz-copy)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--pz-face);font-weight:700;font-variant-numeric:lining-nums;text-wrap:balance;overflow-wrap:break-word}
p,li,dd{text-wrap:pretty}
::selection{background:var(--pz-sig-wash);color:var(--pz-text)}
:focus-visible{outline:3px solid var(--pz-sig);outline-offset:2px}
[hidden]{display:none!important}
.ramka{max-width:1180px;margin:0 auto;padding:0 24px}
.glyph{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* кнопки */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:var(--pz-sig);color:#fff;border:0;border-radius:var(--pz-r1);font:700 16px/1.2 var(--pz-copy);padding:14px 24px;text-decoration:none;cursor:pointer;transition:background-color .2s ease}
.cta:hover{background:var(--pz-sig-dark)}
.cta-s{min-height:42px;padding:10px 18px;font-size:15px}
.cta-line{background:transparent;color:var(--pz-mar);border:1.5px solid var(--pz-mar)}
.cta-line:hover{background:var(--pz-haze)}
.cta[aria-busy="true"]{opacity:.7;cursor:progress}

/* шапка */
.shapka{position:sticky;top:0;z-index:20;background:var(--pz-mar);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.shapka-row{display:flex;align-items:center;gap:26px;height:var(--pz-top)}
.sigil{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.sigil i{width:36px;height:36px;border-radius:9px;background:var(--pz-sig);display:grid;place-items:center;font:700 14px/1 var(--pz-copy);font-style:normal;flex:none}
.sigil b{display:block;font:700 20px/1.1 var(--pz-face)}
.sigil small{display:block;font:500 12px/1.3 var(--pz-copy);color:#B9C3CC;margin-top:2px}
.links{display:flex;gap:22px;margin-left:auto;font:600 15px var(--pz-copy)}
.links a{text-decoration:none;color:#D5DCE2;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.links a:hover,.links a.on-screen{color:#fff;border-bottom-color:var(--pz-sig)}
.dial{font:700 16px var(--pz-copy);text-decoration:none;white-space:nowrap}
.menu-btn{display:none;background:none;border:0;color:#fff;width:44px;height:44px;place-items:center;cursor:pointer;margin-right:-10px}
.menu-list{display:none;background:var(--pz-mar-low);padding:8px 24px 18px}
.menu-list.unfolded{display:block}
.menu-list a{display:block;padding:12px 0;color:#E6EBEF;text-decoration:none;font:600 17px var(--pz-copy);border-bottom:1px solid rgba(255,255,255,.1)}
.menu-list small{display:block;font:400 13px var(--pz-copy);color:#AEB8C1}

/* первый экран */
.opening{padding:44px 0 0;background:linear-gradient(180deg,var(--pz-haze),var(--pz-chalk) 70%)}
.opening-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:60px;align-items:start}
.badge-line{display:inline-flex;align-items:center;gap:10px;background:var(--pz-sheet);border:1px solid var(--pz-rule);border-radius:99px;padding:6px 14px;font:600 14px var(--pz-copy);color:var(--pz-slate);margin:0 0 22px}
.badge-line::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pz-sig)}
.statute{display:flex;align-items:flex-end;gap:22px;margin:0 0 14px}
.statute b{font:700 clamp(112px,14vw,196px)/.8 var(--pz-face);color:var(--pz-mar);letter-spacing:-.03em;font-variant-numeric:lining-nums}
.statute span{font:500 14px/1.45 var(--pz-copy);color:var(--pz-slate);max-width:230px;padding:0 0 8px;border-bottom:3px solid var(--pz-sig)}
.opening h1{font-size:clamp(32px,3.7vw,50px);line-height:1.1;margin:0 0 18px}
.lede{font-size:19px;color:var(--pz-text-2);max-width:610px;margin:0 0 24px}
.pluses{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:610px}
.pluses li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.pluses .glyph{width:28px;height:28px;padding:4px;border-radius:50%;background:var(--pz-sig-wash);color:var(--pz-sig);stroke-width:2.6}

/* форма */
.dossier-wrap{scroll-margin-top:calc(var(--pz-top) + 44px);padding-top:32px}
.dossier{position:relative;background:var(--pz-sheet);border-radius:0 var(--pz-r2) var(--pz-r2) var(--pz-r2);padding:24px 26px 20px;box-shadow:0 30px 60px -34px rgba(32,41,49,.5),0 1px 0 var(--pz-rule)}
.dossier::before{content:"Заявка юристу";position:absolute;left:0;top:-32px;height:32px;padding:0 20px;background:var(--pz-mar);color:#fff;border-radius:var(--pz-r1) var(--pz-r1) 0 0;font:700 13px/32px var(--pz-copy);letter-spacing:.05em}
.dossier-h{font-size:25px;line-height:1.2;margin:0 0 6px}
.dossier-sub{margin:0 0 14px;color:var(--pz-slate);font-size:15px;line-height:1.5}
.slot{margin:0 0 10px}
.slot label{display:block;font:700 14px var(--pz-copy);margin:0 0 6px;color:var(--pz-mar)}
.slot label span{font-weight:400;color:var(--pz-slate)}
.slot select,.slot input{width:100%;min-height:46px;font:400 16px var(--pz-copy);padding:11px 14px;border:1px solid var(--pz-field);border-radius:var(--pz-r1);background:#fff;color:var(--pz-text);transition:border-color .2s ease}
.slot select{appearance:none;background:#fff 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='%232C3742' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}
.slot select:focus,.slot input:focus{outline:2px solid var(--pz-sig);outline-offset:1px;border-color:var(--pz-sig)}
.slot-err{display:none;margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--pz-error)}
.has-err .slot-err{display:block}
.has-err select,.has-err input[type=tel]{border-color:var(--pz-error)}
.agree{margin:4px 0 14px}
.agree label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--pz-text-2);cursor:pointer}
.agree input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--pz-sig);flex:none}
.agree-links{margin:8px 0 0 30px;font-size:13px;color:var(--pz-slate)}
.agree-links a{color:var(--pz-slate)}
.dossier-go{width:100%}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dossier-alert{margin:14px 0 0;padding:12px 14px;border-radius:var(--pz-r1);background:#FBEAE8;color:#7A1F17;font-size:15px;line-height:1.45}
.dossier-alert a{font-weight:700;white-space:nowrap}
.dossier-done{display:flex;gap:14px;align-items:flex-start;padding:16px 0 4px}
.dossier-done .glyph{width:40px;height:40px;padding:8px;border-radius:50%;background:var(--pz-sig-wash);color:var(--pz-sig);stroke-width:2.6}
.dossier-done-h{font:700 24px/1.2 var(--pz-face);margin:2px 0 6px}
.dossier-done p{margin:0 0 6px;color:var(--pz-text-2)}
.dossier-done-h:focus{outline:none}
.dossier.is-sent [data-step]{display:none}
.dossier-seller{margin:14px 0 0;font-size:12px;line-height:1.45;color:var(--pz-slate)}

/* широкий снимок под первым экраном */
.window{position:relative;margin:56px 0 0;height:clamp(240px,30vw,380px);border-radius:var(--pz-r3);background:linear-gradient(120deg,var(--pz-mar-mid),var(--pz-mar));background-image:var(--wide,linear-gradient(120deg,var(--pz-mar-mid),var(--pz-mar)));background-size:cover;background-position:center 60%;background-attachment:fixed}
.window-tag{position:absolute;left:24px;bottom:-26px;margin:0;max-width:calc(100% - 48px);display:flex;gap:12px;align-items:center;background:var(--pz-sheet);border-radius:var(--pz-r2);padding:14px 20px;box-shadow:0 14px 30px -18px rgba(32,41,49,.5);font:600 15px/1.4 var(--pz-copy)}
.window-tag b{color:var(--pz-sig);font:700 28px/1 var(--pz-face);white-space:nowrap}

/* три факта */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:70px}
.trust-item{display:grid;grid-template-columns:44px 1fr;gap:14px;background:var(--pz-sheet);border:1px solid var(--pz-rule);border-radius:var(--pz-r2);padding:22px}
.trust-item i{width:44px;height:44px;border-radius:12px;background:var(--pz-sig-wash);color:var(--pz-sig);display:grid;place-items:center}
.trust-item p{margin:0}
.trust-item b{display:block;font:700 20px/1.2 var(--pz-face);margin:0 0 2px}
.trust-item span{color:var(--pz-slate);font-size:15px;line-height:1.45}

/* разделы */
.zone{padding:96px 0;scroll-margin-top:var(--pz-top)}
.zone-alt{background:var(--pz-sheet)}
.zone-dark{background:var(--pz-mar);color:#fff}
.zone-title{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0 0 12px}
.zone-lead{color:var(--pz-slate);max-width:640px;margin:0 0 42px;font-size:18px}
.zone-dark .zone-lead{color:var(--pz-on-dark)}

/* услуги — папки с вкладками */
.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:30px}
.folder{position:relative;background:var(--pz-sheet);border:1px solid var(--pz-rule);border-radius:0 var(--pz-r2) var(--pz-r2) var(--pz-r2)}
.folder::before{content:attr(data-tab);position:absolute;left:-1px;top:-30px;height:30px;padding:0 16px;background:var(--pz-sheet);border:1px solid var(--pz-rule);border-bottom:0;border-radius:var(--pz-r1) var(--pz-r1) 0 0;font:700 12px/29px var(--pz-copy);letter-spacing:.08em;text-transform:uppercase;color:var(--pz-sig)}
.folder img,.folder .void{width:calc(100% - 20px);margin:10px;border-radius:10px;object-fit:cover}
.void{display:block;background:linear-gradient(135deg,var(--pz-haze),#D9DEE2)}
.folder-body{padding:10px 22px 26px}
.folder h3{font-size:23px;line-height:1.2;margin:0 0 8px}
.folder p{margin:0;color:#45505B;font-size:16px}

/* основания */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--pz-rule)}
.reason{padding:26px 26px 28px;border-bottom:1px solid var(--pz-rule)}
.reason:nth-child(3n+1){padding-left:0}
.reason:not(:nth-child(3n)){border-right:1px solid var(--pz-rule)}
.reason h3{font-size:21px;margin:0 0 6px;display:flex;align-items:center;gap:10px}
.reason h3::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--pz-sig);flex:none}
.reason p{margin:0;color:var(--pz-slate);font-size:16px}
.reasons-note{margin:30px 0 0;padding:18px 22px;background:var(--pz-sig-wash);border-radius:var(--pz-r2);color:#5A3519;font-size:16px}

/* этапы */
.path4{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.path4-step{background:var(--pz-mar-mid);border-radius:var(--pz-r2);padding:24px 22px}
.path4-step h3{font-size:21px;margin:0 0 6px}
.path4-step p{margin:0;color:var(--pz-on-dark);font-size:15px}
.path4-n{display:block;font:700 44px/1 var(--pz-face);color:transparent;-webkit-text-stroke:1.5px #9FB0BF;margin:0 0 12px}
.path4-first{background:var(--pz-sheet);color:var(--pz-text)}
.path4-first p{color:var(--pz-slate)}
.path4-first .path4-n{-webkit-text-stroke-color:var(--pz-sig)}
.path4-first .cta{margin-top:16px}

/* о компании */
.org{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.org-text p{margin:0 0 16px;color:var(--pz-text-2)}
.org-pic{margin-top:26px;max-width:560px}
.org-pic img,.org-pic .void{width:100%;border-radius:var(--pz-r2);object-fit:cover}
.org-card{background:var(--pz-sheet);border:1px solid var(--pz-rule);border-radius:var(--pz-r2);padding:26px 26px 20px;position:sticky;top:calc(var(--pz-top) + 24px)}
.org-card h3{font-size:22px;margin:0 0 14px}
.org-card dl{margin:0;display:grid;grid-template-columns:96px 1fr;gap:10px 14px;font-size:15px;line-height:1.5}
.org-card dt{color:var(--pz-slate)}
.org-card dd{margin:0;overflow-wrap:anywhere}

/* вопросы */
.qa{max-width:860px}
.qa-item{background:var(--pz-chalk);border-radius:var(--pz-r2);margin:0 0 12px;padding:0 24px}
.qa-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:700 20px/1.3 var(--pz-face)}
.qa-item summary::-webkit-details-marker{display:none}
.qa-item summary::after{content:"+";font:400 28px/1 var(--pz-copy);color:var(--pz-sig);flex:none}
.qa-item[open] summary::after{content:"−"}
.qa-item p{margin:0;padding:0 0 22px;color:#45505B;max-width:68ch}

/* финальный призыв */
.final{padding:0 0 96px;background:var(--pz-sheet)}
.final-box{background:var(--pz-mar);color:#fff;border-radius:var(--pz-r3);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.final-box h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:0 0 6px}
.final-box p{margin:0;color:var(--pz-on-dark)}
.final-box .glyph{width:20px;height:20px}

/* подвал */
.niz{background:var(--pz-mar-low);color:#AEB8C1;padding:44px 0 36px;font-size:14px;line-height:1.6}
.niz-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
.niz-grid p{margin:0 0 6px}
.niz a{color:#DCE2E7}
.niz-name{font:700 18px var(--pz-face);color:#fff}
.niz-fine{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:13px;color:#93A0AC}

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

/* служебные и юридические страницы */
.docpage{max-width:820px;padding-top:56px;padding-bottom:80px}
.docpage h1{font-size:clamp(30px,3.4vw,42px);line-height:1.15;margin:0 0 14px}
.docpage h2{font-size:24px;line-height:1.25;margin:34px 0 10px}
.docpage p,.docpage li{color:var(--pz-text-2);max-width:68ch}
.docpage ul{padding-left:22px}
.docpage .docpage-note{color:var(--pz-slate);font-size:15px}
.docpage table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}
.docpage th,.docpage td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--pz-rule)}
.docpage th{background:var(--pz-haze)}
.docpage-scroll{overflow-x:auto}

@media (hover:none),(max-width:980px){.window{background-attachment:scroll}}
@media (max-width:1060px){.links{gap:16px;font-size:14px}}
@media (max-width:980px){
  .links,.shapka-cta{display:none}
  .dial{margin-left:auto}
  .menu-btn{display:grid}
  .opening-grid,.org{grid-template-columns:1fr;gap:12px}
  .org{gap:30px}
  .org-card{position:static}
  .folders,.trust{grid-template-columns:1fr 1fr}
  .reasons{grid-template-columns:1fr 1fr}
  .reason{padding:22px 20px 24px 0!important;border-right:0!important}
  .path4{grid-template-columns:1fr 1fr}
  .window{background-image:var(--narrow,linear-gradient(120deg,var(--pz-mar-mid),var(--pz-mar)))}
  .niz-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px;padding-bottom:76px}
  .ramka{padding:0 18px}
  .sigil small{display:none}
  .sigil b{font-size:18px}
  .dial{font-size:14px}
  .opening{padding-top:36px}
  .statute{gap:16px}
  .statute b{font-size:104px}
  .lede{font-size:17px}
  .dossier{padding:24px 18px 20px}
  .folders,.trust,.reasons,.path4,.niz-grid{grid-template-columns:1fr}
  .window{margin-top:44px;height:220px}
  .window-tag{left:12px;max-width:calc(100% - 24px);padding:12px 14px;font-size:14px}
  .zone{padding:72px 0}
  .final{padding-bottom:72px}
  .final-box{padding:30px 22px}
  .pocket{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(--pz-sheet);box-shadow:0 -6px 20px -10px rgba(32,41,49,.4)}
  .pocket .cta:first-child{flex:1}
  .pocket .cta-line{width:52px;padding:0}
}
@media (max-width:380px){.dial{display:none}.menu-btn{margin-left:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}