:root{
  --red:#E60012; --red-deep:#B4000E;
  --ink:#0E1013; --ink-2:#171A1F; --ink-3:#20242B;
  --paper:#FFFFFF; --paper-2:#F4F5F7;
  --line:rgba(255,255,255,.14); --line-dark:#E3E5EA;
  --muted:#9AA1AC; --muted-dark:#646C79;
  --r:14px; --shell:1280px;
  --f:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px}
body{font-family:var(--f);background:var(--ink);color:#fff;line-height:1.5;
     font-feature-settings:"tnum" 0;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.shell{width:min(100% - 48px,var(--shell));margin-inline:auto}


/* ---------- АНИМАЦИИ ---------- */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes zoomBg{from{transform:scale(1.08)}to{transform:scale(1)}}
.reveal{opacity:0;transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);
  transition-delay:var(--d,0ms)}
.reveal.is-in{opacity:1;transform:none}
.hero__bg img{animation:zoomBg 1.6s cubic-bezier(.2,.7,.3,1) both}
.hero h1{animation:fadeUp .8s cubic-bezier(.2,.7,.3,1) both .1s}
.hero .lead,.hero__in>div>p{animation:fadeUp .8s cubic-bezier(.2,.7,.3,1) both .22s}
.calc{animation:fadeUp .9s cubic-bezier(.2,.7,.3,1) both .3s}
.proof{animation:fadeIn .9s ease both .6s}
.btn{transition:transform .18s ease,background .2s ease,box-shadow .2s ease}
.btn--red:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,0,18,.32)}
.card,.gcard,.vrev,.shot,.tcard{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
.card:hover,.gcard:hover,.shot:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){
  .reveal,.hero h1,.hero .lead,.calc,.proof,.hero__bg img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}


/* ---------- 02 · ПЕРВЫЙ ЭКРАН (hero2) ---------- */
.hero2{position:relative;background:#fff;color:var(--ink);padding:104px 0 60px;overflow:hidden;isolation:isolate}
.hero2::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#FBFBFC 0%,#F4F5F7 100%)}

/* сцена-фото: full-bleed, растворяется в светлом фоне */
.hero2__stage{position:absolute;left:0;right:0;top:88px;height:min(74vh,720px);z-index:1;overflow:hidden}
.hero2__stage img{width:78%;margin-left:22%;height:100%;object-fit:cover;object-position:78% 58%}
.hero2__stage::after{content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg,#F7F8FA 0%,rgba(247,248,250,1) 34%,rgba(247,248,250,.94) 44%,rgba(247,248,250,.45) 58%,rgba(247,248,250,0) 72%),
    linear-gradient(180deg,rgba(247,248,250,.92) 0%,rgba(247,248,250,0) 18%),
    linear-gradient(0deg,#F4F5F7 0%,rgba(244,245,247,.9) 14%,rgba(244,245,247,0) 36%)}
.hero2__in{position:relative;z-index:3;padding-top:52px}
.hero2 .btn--red{padding:16px 30px;border-radius:8px;font-size:15.5px}

.h2badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(230,0,18,.45);border-radius:999px;
  padding:9px 20px;font-size:12.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;
  color:var(--red);background:rgba(255,255,255,.86);backdrop-filter:blur(6px);margin-bottom:30px}
.h2badge::before{content:'';width:16px;height:16px;flex:none;border-radius:50%;
  border:1.5px solid var(--red);background:radial-gradient(circle at 50% 50%,var(--red) 0 3px,transparent 3px)}
.h2h{max-width:22ch;font-size:clamp(30px,3.6vw,50px);font-weight:800;letter-spacing:-.032em;line-height:1.1;color:#0E1013;margin-bottom:22px}
.h2h__red{color:var(--red)}
.h2lead{max-width:40ch;font-size:clamp(15.5px,1.2vw,18px);line-height:1.6;color:#39404A;margin-bottom:32px}
.cons2{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.cons2 input{flex:none;margin-top:1px;width:17px;height:17px;accent-color:var(--red)}
.cons2 a{color:var(--red);font-weight:700}
.h2cta{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:40px}
.h2cta .btn--red{display:inline-flex;align-items:center;gap:12px;box-shadow:0 14px 30px rgba(230,0,18,.28)}
.h2link{font-size:15.5px;font-weight:700;color:#0E1013;display:inline-flex;align-items:center;gap:9px;transition:color .2s,gap .2s}
.h2link span{color:var(--red)}
.h2link:hover{color:var(--red);gap:13px}

.h2facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:40px;max-width:960px}
.h2fact{display:flex;align-items:center;gap:13px;padding:16px 18px;background:rgba(255,255,255,.82);
  border:1px solid #E7E9EE;border-radius:14px;backdrop-filter:blur(8px)}
.h2fact svg{width:24px;height:24px;flex:none;fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.h2fact svg .ck{stroke:var(--red)}
.h2fact b{display:block;font-size:16px;font-weight:800;color:#0E1013;line-height:1.2}
.h2fact span{display:block;font-size:12.5px;color:#646C79;margin-top:3px}

/* флаги — горизонтальная плашка в правом нижнем углу сцены */
.hero2__flags{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:4;display:grid;gap:9px}
.h2flag{width:50px;height:35px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#fff;
  border:1px solid #EBEDF1;box-shadow:0 8px 22px rgba(14,16,19,.12)}
.h2flag svg{width:32px;height:21px;border-radius:2px;display:block}

.h2form{position:relative;z-index:3;background:#fff;border-radius:22px;padding:32px 36px 30px;
  box-shadow:0 30px 70px rgba(14,16,19,.14),0 2px 6px rgba(14,16,19,.05);border:1px solid #EDEFF3;
  display:grid;grid-template-columns:minmax(220px,.95fr) 1fr 1.15fr auto;gap:20px 28px;align-items:end}
.h2form__l{grid-row:1/span 2;align-self:center}
.h2form__h{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.3;color:#0E1013}
.h2form__s{font-size:13.5px;color:#646C79;line-height:1.5;margin-top:10px}
.h2f{display:block}
.h2f span{display:block;font-size:13.5px;font-weight:700;color:#0E1013;margin-bottom:9px}
.h2f input{width:100%;height:52px;border:1px solid #DDE0E6;border-radius:8px;padding:0 16px;
  font-family:var(--f);font-size:15px;color:#0E1013;background:#fff;transition:border-color .2s,box-shadow .2s}
.h2f input::placeholder{color:#9AA1AC}
.h2f input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.12)}
.h2form__b{height:52px;padding:0 30px;white-space:nowrap;box-shadow:0 12px 26px rgba(230,0,18,.24)}
.h2form__p{grid-column:2/-1;display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.45;color:#646C79;margin:0}
.h2form__p svg{width:16px;height:16px;flex:none;fill:none;stroke:#9AA1AC;stroke-width:1.6}
.h2form__p a{color:#646C79;text-decoration:underline;text-underline-offset:2px}
.h2form__p a:hover{color:var(--red)}

@media (max-width:1200px){
  .h2facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero2__stage{height:min(70vh,640px)}
  .hero2__stage::after{background:linear-gradient(90deg,#F7F8FA 0%,rgba(247,248,250,.96) 34%,rgba(247,248,250,.5) 52%,rgba(247,248,250,0) 74%)}
  .h2form{grid-template-columns:1fr 1fr;gap:20px}
  .h2form__l{grid-row:auto;grid-column:1/-1}
  .h2form__b{grid-column:1/-1}
  .h2form__p{grid-column:1/-1}
}
@media (max-width:900px){
  .hero2{padding:92px 0 40px}
  .hero2__stage{position:relative;left:auto;right:auto;top:auto;height:auto;aspect-ratio:16/10;
    margin:0 20px 26px;border-radius:18px}
  .hero2__stage::after{background:linear-gradient(180deg,rgba(14,16,19,0) 55%,rgba(14,16,19,.35) 100%)}
  .hero2__in{padding-top:0}
  .hero2__flags{display:none}
  .h2flag{width:34px;height:24px}
  .h2flag svg{width:24px;height:16px}
  .h2h,.h2lead{max-width:none}
  .h2facts{grid-template-columns:1fr;gap:10px}
  .h2fact{padding:14px 16px}
}

/* светлая шапка поверх светлого героя */
.hdr{background:#fff;box-shadow:0 1px 0 #EBEDF1}
.hdr .logo__w,.hdr .nav a,.hdr .tel{color:#0E1013}
.hdr .logo__w small,.hdr .tel small{color:#646C79}
.hdr .nav a:hover{color:var(--red)}

@media (max-width:1200px){
  .hero2__ph{width:52%;top:96px}
  .h2h{max-width:none}
  .h2form{grid-template-columns:1fr 1fr;gap:20px}
  .h2form__l{grid-row:auto;grid-column:1/-1}
  .h2form__b{grid-column:1/-1}
  .h2form__p{grid-column:1/-1}
}
@media (max-width:900px){
  .hero2{padding:112px 0 40px}
  .hero2__ph{position:relative;right:auto;top:auto;width:calc(100% - 48px);margin:0 24px 22px;border-radius:16px}
  .hero2__ph::after{display:none}
  .hero2__disc{display:none}
  .hero2__flags{display:none}
  .h2facts{gap:14px}
  .h2fact{padding:0}
  .h2fact + .h2fact{border-left:0}
  .h2form{grid-template-columns:1fr;padding:22px;gap:16px}
  .h2form__b{width:100%}
}


/* ---------- ЛОГОТИП (официальный знак) ---------- */
.logo{align-items:center;gap:14px}
.logo__img{height:42px;width:auto;display:block;transition:height .25s ease}
.hdr--stuck .logo__img{height:34px}
.logo__tag{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#646C79;
  padding-left:12px;border-left:1px solid #E3E6EB;line-height:1.35;max-width:92px}
@media (max-width:1500px){.logo__tag{display:none}}
.foot__logo img{height:46px;width:auto}
@media (max-width:900px){
  .logo__img{height:34px}
  .logo__tag{display:none}
}

/* ---------- HEADER ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:60;padding:22px 0;
     transition:padding .25s ease,background .25s ease,box-shadow .25s ease}
.hdr--stuck{padding:11px 0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
     box-shadow:0 1px 0 #EBEDF1,0 12px 34px rgba(14,16,19,.08)}
.hdr--stuck .logo img{height:32px}
.hdr__in{display:flex;align-items:center;gap:30px}
.logo{display:flex;align-items:center;gap:13px;flex:none}
.logo img{height:38px;width:auto}
.logo__w{font-size:22px;font-weight:800;letter-spacing:.06em;line-height:1}
.logo__w i{font-style:normal;color:var(--red)}
.logo__w small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.18em;color:var(--muted);margin-top:4px}
.nav{display:flex;gap:22px;font-size:15px;font-weight:500;color:#D5D9E0}
.nav a{position:relative;padding:6px 0;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--red);transition:right .28s cubic-bezier(.2,.7,.3,1)}
.nav a:hover{color:#fff}
.nav a:hover::after{right:0}
.hdr__cta{margin-left:auto;display:flex;align-items:center;gap:16px}
.hdr__soc{gap:6px}
.hdr__soc .soc{width:33px;height:33px}
@media (max-width:1560px){.socrow.hdr__soc .soc--yt,.socrow.hdr__soc .soc--tg,.socrow.hdr__soc .soc--ig{display:none}}
@media (max-width:1340px){.socrow.hdr__soc{display:none}}
.tel{font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.tel small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
     font:700 15px/1 var(--f);padding:15px 24px;border-radius:10px;border:0;cursor:pointer;
     transition:transform .15s,box-shadow .25s,background .2s}
.btn:active{transform:translateY(1px)}
.btn--red{background:var(--red);color:#fff;box-shadow:0 8px 24px -8px rgba(230,0,18,.7)}
.btn--red:hover{background:#FF1524;box-shadow:0 12px 32px -8px rgba(230,0,18,.85)}
.btn--ghost{background:transparent;color:#fff;border:1px solid var(--line)}
.btn--ghost:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.btn--full{width:100%;padding:17px 24px;font-size:16px}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;padding:132px 0 0;isolation:isolate;
      min-height:100vh;display:flex;flex-direction:column}
.hero__bg{position:absolute;inset:0;z-index:-3}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:62% 60%}
.hero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,#0E1013 0%,rgba(14,16,19,.92) 30%,rgba(14,16,19,.62) 52%,rgba(14,16,19,.18) 78%,rgba(14,16,19,.05) 100%),
             linear-gradient(to top,#0E1013 1%,rgba(14,16,19,.15) 26%,transparent 46%)}
/* восходящее солнце — графика из логотипа */
.rays{position:absolute;z-index:-2;left:-22%;top:-62%;width:1000px;height:1000px;opacity:.15;
      pointer-events:none;filter:saturate(1.2);animation:rise 1.5s cubic-bezier(.16,.84,.3,1) both}
@keyframes rise{from{opacity:0;transform:translateY(40px) scale(.93)}to{opacity:.15;transform:none}}
.hero__in{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 424px;gap:56px;align-items:start;padding-bottom:34px}

.eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:8px 15px 8px 11px;border-radius:100px;
  background:rgba(255,255,255,.07);border:1px solid var(--line);backdrop-filter:blur(8px);
  font-size:13px;font-weight:600;color:#DDE1E8;letter-spacing:.01em}
.eyebrow b{color:#fff}
.dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(230,0,18,.22)}

h1{margin:26px 0 0;font-size:clamp(30px,3.05vw,43px);line-height:1.12;letter-spacing:-.032em;font-weight:800;max-width:27ch;
   text-wrap:balance}
h1 .l1{display:block}
h1 .hl{position:relative;white-space:nowrap;background:linear-gradient(transparent 62%,rgba(230,0,18,.85) 62%,rgba(230,0,18,.85) 92%,transparent 92%)}
.lead{margin-top:22px;max-width:56ch;font-size:17px;line-height:1.62;color:#B9BFC9}
.lead b{color:#fff;font-weight:600}

.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:40px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;max-width:660px}
.stat{background:rgba(20,23,28,.72);backdrop-filter:blur(10px);padding:20px 22px}
.stat__n{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1}
.stat__n em{font-style:normal;color:var(--red)}
.stat__l{margin-top:7px;font-size:13px;line-height:1.35;color:var(--muted)}

/* ---------- CALC CARD ---------- */
.calc{background:var(--paper);color:var(--ink);border-radius:18px;padding:28px;
  box-shadow:0 40px 80px -32px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);
  position:relative;overflow:hidden}
.calc::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--red),#FF5A2B)}
.calc__h{font-size:23px;font-weight:800;letter-spacing:-.025em;line-height:1.2}
.calc__s{margin-top:9px;font-size:14px;line-height:1.55;color:var(--muted-dark)}
.steps{margin-top:20px;display:grid;gap:10px}
.field{position:relative}
.field__n{position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:6px;background:var(--paper-2);color:var(--muted-dark);
  font-size:11px;font-weight:800;display:grid;place-items:center}
.field select,.field input{width:100%;appearance:none;font:500 15px/1 var(--f);color:var(--ink);
  background:#fff;border:1.5px solid var(--line-dark);border-radius:11px;padding:16px 40px 16px 46px;
  transition:border-color .18s,box-shadow .18s}
.field select:focus-visible,.field input:focus-visible{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.14)}
.field select:invalid{color:var(--muted-dark)}
.field::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;
  border-right:2px solid #A6ADB8;border-bottom:2px solid #A6ADB8;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.field--text::after{display:none}
.calc .btn{margin-top:14px}
.calc__note{margin-top:14px;display:flex;gap:9px;font-size:12.5px;line-height:1.45;color:var(--muted-dark)}
.calc__note svg{flex:none;margin-top:2px}

/* ---------- ПОЛОСА РАСЧЁТА ---------- */
.proof{position:relative;margin-top:auto;border-top:1px solid var(--line);background:rgba(255,255,255,.03);backdrop-filter:blur(6px)}
.proof__in{display:flex;align-items:center;gap:30px;padding:22px 0;flex-wrap:wrap}
.proof__t{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.proof__t span{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:5px}
.chain{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-left:auto}
.chain b{color:#fff;font-weight:700}
.chain .old{text-decoration:line-through;text-decoration-color:rgba(230,0,18,.8)}
.chain .win{color:#fff;background:var(--red);padding:6px 12px;border-radius:8px;font-weight:800}
.arr{color:#4A515C}
.proof .btn{margin-left:8px}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1180px){
  .hero__in{grid-template-columns:1fr;gap:40px}
  .calc{max-width:480px}
  .nav{display:none}
}
@media (max-width:860px){
  .hero{min-height:0;padding-bottom:0}
  .l1{display:inline}
  .hdr{padding:16px 0}
  .hdr__in{gap:14px}
  .logo img{height:32px}
  .logo__w{font-size:18px}
  .logo__w small{font-size:8.5px;letter-spacing:.14em}
  .hdr__cta{gap:12px}
  .tel{font-size:15px;letter-spacing:-.02em}
  .eyebrow{font-size:12px;padding:7px 13px 7px 10px;line-height:1.35}
  h1{margin-top:20px;max-width:none}
  .lead{font-size:16px;margin-top:18px}
  .stats{margin-top:28px}
  .stat{padding:16px 18px}
  .stat__n{font-size:27px}
  .proof__in{gap:16px;padding:18px 0}
  .proof__t{white-space:normal}
  .chain{font-size:13px;gap:10px}
  .shell{width:calc(100% - 32px)}
  .hero{padding-top:110px}
  .rays{width:820px;height:820px;left:-32%;opacity:.38}
  .stats{grid-template-columns:1fr;max-width:none}
  .tel small{display:none}
  .hdr__cta .btn{display:none}
  .chain{margin-left:0}
  .proof .btn{margin-left:0;width:100%}
}

/* ---------- 02 · ОТКРЫТАЯ СМЕТА ---------- */
.smeta{background:var(--paper);color:var(--ink);padding:104px 0 72px}
.tag{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;
     letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.tag::before{content:"";width:26px;height:2px;background:var(--red)}
h2{margin:18px 0 0;font-size:clamp(27px,2.9vw,41px);line-height:1.14;letter-spacing:-.033em;
   font-weight:800;max-width:30ch;text-wrap:balance}
h2 .q{color:var(--muted-dark);font-weight:700}
.sub{margin-top:14px;max-width:62ch;font-size:16.5px;line-height:1.6;color:var(--muted-dark)}

.tabs{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}
.tab{font:700 14.5px/1 var(--f);padding:13px 18px;border-radius:11px;cursor:pointer;
     background:var(--paper-2);color:var(--muted-dark);border:1.5px solid transparent;
     transition:all .18s;display:flex;align-items:baseline;gap:8px}
.tab span{font-weight:600;opacity:.75}
.tab:hover{color:var(--ink);background:#EAECEF}
.tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.tab[aria-selected="true"] span{color:#fff;opacity:.6}
.tab:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.smeta__grid{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:28px;margin-top:26px;align-items:start}

.bill{border:1px solid var(--line-dark);border-radius:16px;overflow:hidden;background:#fff}
.row{display:flex;align-items:baseline;gap:14px;padding:15px 26px;border-bottom:1px solid #EEF0F3}
.row__l{font-size:15.5px;color:#3A414C}
.row__d{flex:1;border-bottom:1.5px dotted #D3D7DE;transform:translateY(-4px)}
.row__v{font-size:15.5px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.row--hl .row__l{color:var(--ink);font-weight:600}
.row__note{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border-radius:6px;
  background:rgba(230,0,18,.09);color:var(--red);font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.total{display:flex;align-items:center;gap:16px;padding:22px 26px;background:var(--ink);color:#fff;border:0}
.total__l{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#98A0AC}
.total__v{margin-left:auto;font-size:clamp(24px,2.3vw,31px);font-weight:800;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;white-space:nowrap}

.aside{display:grid;gap:12px;position:sticky;top:24px}
.kpi{border:1px solid var(--line-dark);border-radius:14px;padding:19px 22px;background:#fff}
.kpi__l{font-size:13px;font-weight:600;color:var(--muted-dark)}
.kpi__v{margin-top:7px;font-size:clamp(23px,2.1vw,29px);font-weight:800;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;line-height:1.05}
.kpi--old .kpi__v{color:#8B929D;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(230,0,18,.55)}
.kpi--win{background:var(--red);border-color:var(--red);color:#fff;
  box-shadow:0 14px 34px -14px rgba(230,0,18,.65)}
.kpi--win .kpi__l{color:rgba(255,255,255,.82)}
.aside .btn{margin-top:4px}
.aside .btn--dark{background:var(--ink);color:#fff}
.aside .btn--dark:hover{background:var(--ink-3)}
.disclaimer{margin-top:22px;font-size:12.5px;line-height:1.55;color:#8B929D;max-width:70ch}
.disclaimer b{color:var(--muted-dark);font-weight:700}

@media (max-width:1180px){
  .smeta__grid{grid-template-columns:1fr}
  .aside{position:static;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
  .aside .btn{grid-column:1/-1;margin-top:2px}
}
@media (max-width:860px){
  .smeta{padding:64px 0 60px}
  .aside{grid-template-columns:1fr}
  .row{padding:15px 18px;gap:10px;flex-wrap:wrap}
  .row__d{display:none}
  .row__l{flex:1;font-size:14.5px}
  .row__v{font-size:15px}
  .total{padding:20px 18px}
  .tab{font-size:13.5px;padding:11px 14px}
}


/* ---------- 03 · ПЛАШКА УТИЛЬСБОРА ---------- */
.utils{background:var(--paper);padding:0 0 100px}
.alert{position:relative;overflow:hidden;border-radius:18px;background:var(--ink);color:#fff;
  padding:34px 38px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.alert::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--red)}
.alert::after{content:"";position:absolute;right:-90px;top:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,0,18,.42),transparent 68%);pointer-events:none}
.alert__k{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;color:#FF6B75}
.alert__k svg{flex:none}
.alert__h{margin:13px 0 0;font-size:clamp(21px,2.1vw,29px);font-weight:800;letter-spacing:-.028em;
  line-height:1.2;max-width:none;text-wrap:balance;color:#fff}
.alert__h em{font-style:normal;color:var(--red)}
.alert__p{margin-top:11px;max-width:66ch;font-size:15px;line-height:1.6;color:#AAB1BC}
.alert__p b{color:#fff;font-weight:700}
.scale{position:relative;display:grid;grid-template-columns:170px 1fr;gap:2px;margin-top:22px;max-width:540px;
  border-radius:10px;overflow:hidden;font-size:12.5px;font-weight:700}
.scale div{padding:11px 14px;line-height:1.3}
.scale__ok{background:rgba(34,180,110,.16);color:#5FE0A0;box-shadow:inset 0 0 0 1px rgba(34,180,110,.3)}
.scale__no{background:rgba(230,0,18,.14);color:#FF7A84;box-shadow:inset 0 0 0 1px rgba(230,0,18,.32)}
.scale span{display:block;font-weight:600;color:#8A919C;margin-top:3px;font-size:11.5px}
.alert__cta{display:grid;gap:10px;min-width:240px}
.alert__cta .hint{font-size:12px;line-height:1.45;color:#7D848F;text-align:center}
@media (max-width:1000px){
  .alert{grid-template-columns:1fr;gap:24px;padding:28px 24px}
  .alert__cta{min-width:0}
}
@media (max-width:860px){
  .utils{padding-bottom:64px}
  .scale{grid-template-columns:1fr;gap:8px;max-width:none;border-radius:0;overflow:visible}
  .scale div{border-radius:9px}
}


/* ---------- ОБЩЕЕ ДЛЯ СЕКЦИЙ ---------- */
.sec{padding:96px 0}
.sec--dark{background:var(--ink);color:#fff}
.sec--dark h2{color:#fff}
.sec--dark .sub{color:#98A0AC}
.sec--dark .tag{color:#FF6B75}
.sec--dark .tag::before{background:var(--red)}
.sec--paper{background:var(--paper);color:var(--ink)}
.sec--tint{background:var(--paper-2);color:var(--ink)}
.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.hd__r{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- 04 · ВИТРИНА ---------- */
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}
.fchip{font:600 13.5px/1 var(--f);padding:11px 15px;border-radius:10px;cursor:pointer;
  background:#fff;border:1.5px solid var(--line-dark);color:#3A414C;display:flex;align-items:center;gap:7px;
  transition:all .16s}
.fchip::after{content:"";width:6px;height:6px;border-right:1.7px solid #9AA1AC;border-bottom:1.7px solid #9AA1AC;transform:translateY(-2px) rotate(45deg)}
.fchip:hover{border-color:#B9BFC9}
.fchip--on{background:var(--ink);border-color:var(--ink);color:#fff}
.fchip--on::after{border-color:#fff}
.fchip--on:hover{background:var(--ink-3)}

.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.card{background:#fff;border:1px solid var(--line-dark);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(14,16,19,.34);border-color:#CDD2DA}
.card__ph{position:relative;aspect-ratio:4/3;background:#E9EBEF;overflow:hidden}
.card__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.card:hover .card__ph img{transform:scale(1.045)}
.card__flag{position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:8px;
  background:rgba(14,16,19,.82);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.card__b{padding:16px 17px 18px;display:flex;flex-direction:column;flex:1}
.card__n{font-size:16px;font-weight:800;letter-spacing:-.02em}
.card__s{margin-top:6px;font-size:13px;color:var(--muted-dark)}
.card__p{margin-top:13px;font-size:18px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.card__p i{display:block;margin-top:4px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--muted-dark);letter-spacing:0}
.card__f{margin-top:12px;padding-top:12px;border-top:1px solid #EEF0F3;display:flex;align-items:center;
  gap:8px;font-size:12.5px;color:var(--muted-dark);flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;
  background:rgba(34,180,110,.12);color:#128A54;font-size:11.5px;font-weight:800;white-space:nowrap}
.pill--warn{background:rgba(230,0,18,.09);color:var(--red)}

/* ---------- 05 · КАК ПРОХОДИТ СДЕЛКА ---------- */
.steps6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:38px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}
.step{background:var(--ink);padding:26px 24px 24px;position:relative;transition:background .2s}
.step:hover{background:var(--ink-2)}
.step__n{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--red)}
.step__t{margin-top:12px;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.step__d{margin-top:9px;font-size:14px;line-height:1.55;color:#9AA1AC;min-height:44px}
.step__m{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:700}
.step__m b{color:#fff;font-weight:800}
.step__m span{color:#79808C;font-weight:600}
.money0 b{color:#5FE0A0}

/* ---------- 06 · ПРОЗРАЧНОСТЬ ---------- */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.tcard{background:#fff;border:1px solid var(--line-dark);border-radius:16px;padding:24px 22px;
  display:flex;flex-direction:column}
.tcard__n{font-size:13px;font-weight:800;color:#C3C8D1;letter-spacing:.04em}
.tcard__t{margin-top:14px;font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.28}
.tcard__d{margin-top:9px;font-size:14px;line-height:1.55;color:var(--muted-dark);flex:1}
.lnk{margin-top:16px;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;
  color:var(--red);align-self:flex-start;transition:gap .18s}
.lnk::after{content:"→";transition:transform .18s}
.lnk:hover{gap:10px}

/* ---------- 07 · ПРОВЕРКА АВТО ---------- */
.check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;margin-top:38px;align-items:start}
.checklist{display:grid;gap:2px;margin-top:26px}
.ci{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:15.5px;line-height:1.45}
.ci svg{flex:none;margin-top:3px}
.auc{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.auc span{padding:8px 13px;border-radius:9px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;letter-spacing:.02em}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.shot{position:relative;border-radius:14px;overflow:hidden;background:var(--ink-3);aspect-ratio:4/3}
.shot img{width:100%;height:100%;object-fit:cover}
.shot--wide{grid-column:1/-1;aspect-ratio:16/9;box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.shot--wide img{object-position:50% 42%}
.shot--wide::after{content:'';position:absolute;inset:auto 0 0 0;height:46%;
  background:linear-gradient(180deg,transparent,rgba(14,16,19,.82))}
.shot__lab{position:absolute;left:11px;bottom:11px;padding:5px 10px;border-radius:7px;
  background:rgba(14,16,19,.8);font-size:11.5px;font-weight:700;letter-spacing:.02em}
.shot--wide .shot__lab{left:16px;bottom:14px;z-index:2;font-size:13px;background:rgba(14,16,19,.72);
  backdrop-filter:blur(6px);padding:8px 13px}


/* ---------- FAQ-аккордеон ---------- */
.faq2{display:flex;flex-direction:column;gap:12px}
.fqs{position:relative;display:flex;align-items:center;margin-bottom:6px}
.fqs__i{position:absolute;left:20px;width:18px;height:18px;fill:none;stroke:#9AA1AC;stroke-width:1.7;stroke-linecap:round}
.fqs__in{width:100%;height:52px;border:1px solid #E3E7EC;border-radius:999px;background:#fff;
  padding:0 46px 0 50px;font-family:var(--f);font-size:15px;color:var(--ink);appearance:none;transition:border-color .2s,box-shadow .2s}
.fqs__in::placeholder{color:#9AA1AC}
.fqs__in::-webkit-search-cancel-button{appearance:none}
.fqs__in:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.1)}
.fqs__x{position:absolute;right:12px;width:28px;height:28px;border:none;border-radius:50%;background:none;
  display:grid;place-items:center;cursor:pointer;color:#9AA1AC}
.fqs__x:hover{background:#EEF0F3;color:var(--ink)}
.fqs__x svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.fq__list{display:flex;flex-direction:column;gap:10px}
.fq{border-radius:16px;background:#fff;border:1px solid #E9EDF2;overflow:hidden;
  transition:border-color .2s,box-shadow .25s,opacity .2s,transform .2s}
.fq.is-open{border-color:rgba(230,0,18,.28);box-shadow:0 14px 34px rgba(14,16,19,.08)}
.fq[hidden]{display:none}
.fq__t{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:19px 22px;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--f)}
.fq__t:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.fq__q{font-size:15.5px;font-weight:700;letter-spacing:-.018em;line-height:1.45;color:var(--ink)}
.fq__c{width:18px;height:18px;flex:none;margin-top:3px;fill:none;stroke:#8A919C;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .32s cubic-bezier(.16,1,.3,1),stroke .2s}
.fq.is-open .fq__c{transform:rotate(180deg);stroke:var(--red)}
.fq__p{height:0;overflow:hidden;transition:height .42s cubic-bezier(.16,1,.3,1)}
.fq__a{padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:#5A6270;
  opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.fq.is-open .fq__a{opacity:1;transform:none;transition-delay:.06s}
.fq__a b{color:var(--ink);font-weight:700}
.fq__empty{padding:30px 4px;text-align:center;font-size:14.5px;color:#7E858F}
.fq mark{background:rgba(230,0,18,.16);color:inherit;border-radius:3px;padding:0 2px}

/* ---------- 08 · ОТСТРОЙКА ---------- */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px;align-items:stretch}
.vs__c{border-radius:16px;padding:30px 28px;display:flex;flex-direction:column}
.vs__grey{background:#fff;border:1.5px solid var(--line-dark)}
.vs__ours{background:var(--ink);color:#fff;box-shadow:0 26px 56px -26px rgba(14,16,19,.5)}
.vs__k{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase}
.vs__grey .vs__k{color:#9AA1AC}
.vs__ours .vs__k{color:#5FE0A0}
.vs__t{margin-top:13px;font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.vs__d{margin-top:12px;font-size:15px;line-height:1.6;flex:1}
.vs__grey .vs__d{color:var(--muted-dark)}
.vs__ours .vs__d{color:#AAB1BC}
.vs__d b{font-weight:700}
.vs__grey .vs__d b{color:var(--ink)}
.vs__ours .vs__d b{color:#fff}
.vs__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.vs__tags span{padding:6px 11px;border-radius:8px;font-size:12px;font-weight:700}
.vs__grey .vs__tags span{background:rgba(230,0,18,.08);color:var(--red)}
.vs__ours .vs__tags span{background:rgba(34,180,110,.15);color:#5FE0A0}

@media (max-width:1180px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .check{grid-template-columns:1fr;gap:32px}
}
@media (max-width:860px){
  .sec{padding:62px 0}
  .cards{grid-template-columns:1fr;gap:14px}
  .trust{grid-template-columns:1fr}
  .steps6{grid-template-columns:1fr}
  .vs{grid-template-columns:1fr}
  .filters{gap:7px}
  .fchip{font-size:12.5px;padding:10px 12px}
  .hd{align-items:flex-start}
  .hd__r{width:100%}
  .hd__r .btn{flex:1;font-size:13.5px;padding:14px 12px;white-space:nowrap}
}


/* ---------- 09 · ВЫДАННЫЕ МАШИНЫ ---------- */
.given{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.gcard{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:3/4;background:var(--ink-3);
  display:block;transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.gcard:hover{transform:translateY(-4px)}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gcard:hover img{transform:scale(1.05)}
.gcard::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,15,.9) 4%,rgba(10,12,15,.25) 42%,transparent 68%)}
.gcard__b{position:absolute;left:15px;right:15px;bottom:13px;z-index:2}
.gcard__n{font-size:15px;font-weight:800;letter-spacing:-.02em;color:#fff}
.gcard__s{margin-top:4px;font-size:12.5px;color:#C2C8D2;font-variant-numeric:tabular-nums}
.gcard--stub{display:grid;place-items:center;border:1px dashed rgba(255,255,255,.2);
  background:linear-gradient(135deg,var(--ink-2),var(--ink-3))}
.gcard--stub::after{display:none}
.gcard--stub p{font-size:13px;color:#79808C;text-align:center;padding:0 18px;line-height:1.5}

/* ---------- 10 · ОТЗЫВЫ ---------- */
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.vrev{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:5/4;background:var(--paper-2);
  border:1px solid var(--line-dark);display:grid;place-items:center;cursor:pointer;transition:border-color .2s}
.vrev:hover{border-color:#B9BFC9}
.vrev__play{width:58px;height:58px;border-radius:50%;background:var(--red);display:grid;place-items:center;
  box-shadow:0 12px 30px -10px rgba(230,0,18,.7);transition:transform .2s}
.vrev:hover .vrev__play{transform:scale(1.08)}
.vrev__c{position:absolute;left:0;right:0;bottom:0;padding:16px 17px;background:linear-gradient(to top,rgba(14,16,19,.92),transparent);color:#fff}
.vrev__n{font-size:14.5px;font-weight:800}
.vrev__s{margin-top:3px;font-size:12.5px;color:#C2C8D2}
.vrev--stub{background:var(--paper-2)}
.vrev--stub .vrev__play{background:#D8DCE2;box-shadow:none}
.vrev--stub .vrev__c{background:none;color:var(--muted-dark);text-align:center}

.trevs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.trev{background:#fff;border:1px solid var(--line-dark);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.stars{display:flex;gap:2px;color:var(--red)}
.trev__t{margin-top:12px;font-size:14.5px;line-height:1.55;color:#3A414C;flex:1}
.trev__a{margin-top:14px;padding-top:13px;border-top:1px solid #EEF0F3;font-size:13px;font-weight:700}
.trev__src{margin-top:5px;font-size:12px;color:var(--muted-dark);display:flex;gap:5px;align-items:center}
.trev__src a{color:var(--red);font-weight:700}

/* ---------- 11 · FAQ ---------- */
.faqwrap{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:44px;align-items:start;margin-top:34px}
.faq{border-top:1px solid var(--line-dark)}
.askbox{background:var(--ink);color:#fff;border-radius:16px;padding:26px 24px;position:sticky;top:24px}
.askbox h3{font-size:18px;font-weight:800;letter-spacing:-.022em;line-height:1.3}
.askbox p{margin-top:10px;font-size:14px;line-height:1.55;color:#9AA1AC}
.askbox .btn{margin-top:18px}
@media (max-width:1000px){.faqwrap{grid-template-columns:1fr;gap:26px}.askbox{position:static}}
.q{border-bottom:1px solid var(--line-dark)}
.q summary{list-style:none;cursor:pointer;padding:22px 52px 22px 0;position:relative;
  font-size:17px;font-weight:700;letter-spacing:-.018em;line-height:1.35;transition:color .18s}
.q summary::-webkit-details-marker{display:none}
.q summary:hover{color:var(--red)}
.q summary:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.q summary::after{content:"";position:absolute;right:12px;top:50%;width:13px;height:13px;
  background:linear-gradient(var(--ink),var(--ink)) center/13px 1.8px no-repeat,
             linear-gradient(var(--ink),var(--ink)) center/1.8px 13px no-repeat;
  transform:translateY(-50%);transition:transform .25s}
.q[open] summary::after{transform:translateY(-50%) rotate(45deg);
  background:linear-gradient(var(--red),var(--red)) center/13px 1.8px no-repeat,
             linear-gradient(var(--red),var(--red)) center/1.8px 13px no-repeat}
.q__a{padding:0 60px 24px 0;font-size:15.5px;line-height:1.65;color:var(--muted-dark);max-width:82ch}
.q__a b{color:var(--ink);font-weight:700}

/* ---------- 12 · ФИНАЛЬНЫЙ CTA ---------- */
.final{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:96px 0}
.final::before{content:"";position:absolute;left:50%;top:-42%;width:920px;height:920px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(230,0,18,.3),transparent 62%);pointer-events:none}
.final__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 468px;gap:56px;align-items:center}
.final h2{color:#fff;max-width:16ch}
.final .sub{color:#AAB1BC}
.usp{display:grid;gap:11px;margin-top:26px}
.usp li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:#C2C8D2;list-style:none}
.usp svg{flex:none;margin-top:3px}
.form{background:var(--paper);color:var(--ink);border-radius:18px;padding:30px;
  box-shadow:0 40px 90px -34px rgba(0,0,0,.8)}
.form__h{font-size:21px;font-weight:800;letter-spacing:-.025em}
.form__s{margin-top:8px;font-size:14px;color:var(--muted-dark);line-height:1.55}
.form .steps{margin-top:18px}
.inp{width:100%;font:500 15px/1 var(--f);color:var(--ink);background:#fff;
  border:1.5px solid var(--line-dark);border-radius:11px;padding:16px 16px;transition:border-color .18s,box-shadow .18s}
.inp::placeholder{color:#A6ADB8}
.inp:focus-visible{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.14)}
.cons{display:flex;gap:10px;margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--muted-dark)}
.cons input{flex:none;margin-top:2px;width:17px;height:17px;accent-color:var(--red)}
.cons a{color:var(--red);font-weight:700}
.form .btn{margin-top:16px}

/* ---------- 13 · ПОДВАЛ ---------- */

/* ---------- 13 · КИНО-ПОДВАЛ (curtain reveal) ---------- */
.footwrap{position:relative;width:100%}
.foot{background:#0A0C0F;color:#fff;padding:64px 0 28px;position:relative;overflow:hidden;isolation:isolate}
/* «Штора»: подвал закреплён во вьюпорте, контент наезжает сверху */
@media (min-width:1001px) and (prefers-reduced-motion:no-preference){
  .footwrap{height:100vh;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
  .footwrap .foot{position:fixed;bottom:0;left:0;width:100%;min-height:100vh;
                  display:flex;flex-direction:column;justify-content:center;padding:96px 0 28px}
}
/* Сияние + сетка */
.foot__aura{position:absolute;left:50%;top:50%;width:80vw;height:60vh;transform:translate(-50%,-50%);
  border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;
  background:radial-gradient(circle at 50% 50%,rgba(230,0,18,.20) 0%,rgba(230,0,18,.07) 42%,transparent 70%);
  animation:footBreathe 8s ease-in-out infinite alternate}
@keyframes footBreathe{from{transform:translate(-50%,-50%) scale(1);opacity:.6}
                       to{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
.foot__grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:60px 60px;
  background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
/* Гигантская фоновая надпись */
.foot__giant{position:absolute;left:50%;bottom:-1.5vh;transform:translateX(-50%) translateY(6vh) scale(.86);
  font-size:15vw;line-height:.8;font-weight:800;letter-spacing:-.05em;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,transparent 60%);
  -webkit-background-clip:text;background-clip:text;
  z-index:0;pointer-events:none;user-select:none;opacity:0;
  transition:transform 1.1s cubic-bezier(.2,.7,.3,1),opacity 1.1s ease}
.footwrap.is-in .foot__giant{transform:translateX(-50%) translateY(0) scale(1);opacity:1}
/* Бегущая строка */
.foot__mq{position:relative;z-index:1;overflow:hidden;margin-bottom:44px;
  border-block:1px solid rgba(255,255,255,.10);background:rgba(10,12,15,.6);backdrop-filter:blur(10px);
  padding:13px 0;transform:rotate(-1.6deg) scale(1.06);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.foot__mqin{display:flex;width:max-content;animation:footMq 40s linear infinite;
  font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#8A919C}
@keyframes footMq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.foot__mqi{display:flex;align-items:center;gap:46px;padding:0 23px;white-space:nowrap}
.foot__mqi i{color:var(--red);font-style:normal}
/* Стеклянные «пилюли» */
.pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px;
  padding:13px 24px;font-size:13.5px;font-weight:700;color:#C2C8D2;cursor:pointer;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);
  box-shadow:0 10px 30px -10px rgba(0,0,0,.6),inset 0 1px 1px rgba(255,255,255,.10);
  transition:background .35s,border-color .35s,box-shadow .35s,color .35s,transform .12s ease-out}
.pill:hover{color:#fff;border-color:rgba(255,255,255,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  box-shadow:0 22px 44px -12px rgba(0,0,0,.7),inset 0 1px 1px rgba(255,255,255,.2)}
.pill--red{color:#fff;border-color:rgba(230,0,18,.5);
  background:linear-gradient(145deg,rgba(230,0,18,.24),rgba(230,0,18,.06))}
.pill--red:hover{border-color:var(--red);box-shadow:0 22px 44px -12px rgba(230,0,18,.45),inset 0 1px 1px rgba(255,255,255,.25)}
.foot__cta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:48px}
.foot__g,.foot__b{position:relative;z-index:2}
.up{width:46px;height:46px;padding:0;justify-content:center}
.up svg{transition:transform .3s}
.up:hover svg{transform:translateY(-4px)}
.foot__b{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
@media (prefers-reduced-motion:reduce){
  .foot__aura,.foot__mqin{animation:none}
  .foot__giant{opacity:1;transform:translateX(-50%)}
}
@media (max-width:1000px){
  .foot__giant{font-size:22vw;bottom:-1vh}
  .foot__mq{transform:none;scale:1;margin-bottom:34px}
}
.foot__g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.foot h4{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#69707B}
.foot ul{list-style:none;margin-top:14px;display:grid;gap:9px}
.foot a{font-size:14.5px;color:#C2C8D2;transition:color .18s}
.foot a:hover{color:var(--red)}
.foot p{font-size:14px;color:#C2C8D2;line-height:1.6}
.foot__logo{display:flex;align-items:center;gap:13px}
.foot__logo img{height:36px}
.foot__req{margin-top:16px;font-size:12.5px;color:#69707B;line-height:1.6}

/* ---------- шесть шагов: редизайн ---------- */
.stp__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:38px}
.stp__head h2{margin:0;font-size:clamp(28px,3.5vw,47px);letter-spacing:-.035em;line-height:1.08}
.stp__lead{margin:0 0 6px;font-size:16.5px;line-height:1.65;color:#A7AEB8}
.steps6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;border:0}
.stp{position:relative;display:flex;flex-direction:column;padding:26px 26px 22px;border-radius:20px;
  background:#16181C;border:1px solid rgba(255,255,255,.07);transition:border-color .25s,transform .25s,background .25s}
.stp:hover{border-color:rgba(230,0,18,.5);transform:translateY(-3px)}
.stp__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
.stp__i{display:block;width:30px;height:30px}
.stp__i svg{width:30px;height:30px;fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stp__n{font-size:46px;font-weight:800;letter-spacing:-.05em;line-height:.9;color:rgba(255,255,255,.12)}
.stp__t{font-size:19px;font-weight:800;letter-spacing:-.025em;margin:0 0 10px;color:#fff}
.stp__d{font-size:14.5px;line-height:1.6;color:#A7AEB8;margin:0 0 22px}
.stp__f{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.stp__m{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em}
.stp__m--zero{font-size:22px;color:#4ADE80}
.stp__time{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:13px;color:#C9CFD8;white-space:nowrap}
.stp__time svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stp--hot{background:linear-gradient(155deg,#2A0B0E 0%,#180A0C 60%,#16181C 100%);border-color:rgba(230,0,18,.55)}
.stp--hot .stp__n{color:rgba(230,0,18,.3)}
.stp--hot .stp__time{background:rgba(230,0,18,.14);border-color:rgba(230,0,18,.32);color:#FFD7DA}
.stp__ar{position:absolute;z-index:2;width:26px;height:26px;display:grid;place-items:center;pointer-events:none;
  margin-left:-22px;align-self:center}
.stp__ar svg{width:20px;height:20px;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1100px){
  .stp__head{grid-template-columns:1fr;gap:16px;align-items:start}
  .steps6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stp__ar{display:none}
}
@media (max-width:700px){.steps6{grid-template-columns:1fr}}

/* ---------- прозрачный расчёт: формула + три карточки ---------- */
.ph__hd{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:46px;align-items:start;margin-top:6px}
.ph__h{font-size:clamp(28px,3.6vw,49px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0}
.ph__h em{font-style:normal;color:var(--red)}
.ph__s{font-size:16.5px;line-height:1.65;color:var(--muted-dark);margin:6px 0 0;padding-left:46px;
  border-left:1px solid var(--line-dark)}

.fx{display:flex;align-items:stretch;gap:10px;margin-top:44px;flex-wrap:wrap}
.fx__t{flex:1 1 150px;min-width:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;padding:26px 14px;border-radius:18px;background:#fff;border:1px solid var(--line-dark);
  transition:border-color .2s,transform .2s,box-shadow .2s}
.fx__t:hover{border-color:rgba(230,0,18,.45);transform:translateY(-2px);box-shadow:0 14px 34px rgba(14,16,19,.07)}
.fx__i{display:block;width:34px;height:34px}
.fx__i svg{width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fx__l{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-align:center;line-height:1.3}
.fx__op{align-self:center;font-size:19px;font-weight:600;color:#C3C8D0;flex:none;padding:0 2px}
.fx__t--red{background:var(--red);border-color:var(--red);box-shadow:0 16px 40px rgba(230,0,18,.24)}
.fx__t--red:hover{border-color:var(--red);box-shadow:0 20px 46px rgba(230,0,18,.3)}
.fx__t--red .fx__i svg{stroke:#fff}
.fx__t--red .fx__l{color:#fff}

.tcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.tc{padding:30px 30px 32px;border-radius:22px;background:#F4F5F7;border:1px solid transparent}
.tc__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.tc__n{font-size:44px;font-weight:800;letter-spacing:-.05em;color:#C8CCD3;line-height:1}
.tc__i{display:block;width:28px;height:28px}
.tc__i svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tc__k{font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.tc__t{font-size:21px;font-weight:800;letter-spacing:-.025em;margin:0 0 12px;color:var(--ink)}
.tc__d{font-size:15.5px;line-height:1.6;color:var(--muted-dark);margin:0}
.tc--dark{background:#15171B}
.tc--dark .tc__n{color:#4A505A}
.tc--dark .tc__i svg{stroke:#fff}
.tc--dark .tc__t{color:#fff}
.tc--dark .tc__d{color:#A7AEB8}

@media (max-width:1100px){
  .ph__hd{grid-template-columns:1fr;gap:20px}
  .ph__s{padding-left:0;border-left:0;border-top:1px solid var(--line-dark);padding-top:18px}
  .tcards{grid-template-columns:1fr}
}
@media (max-width:760px){
  .fx{gap:8px}
  .fx__op{display:none}
  .fx__t{flex:1 1 calc(50% - 4px);min-width:0;padding:20px 10px;gap:12px}
  .fx__t--red{flex-basis:100%}
}

/* ---------- соцсети ---------- */
.askbox__wa{background:#fff;color:#0E1013;border:1px solid #E3E6EB;margin-top:10px}
.askbox__wa:hover{background:#0E1013;color:#fff;border-color:#0E1013}
.socrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.socrow .soc{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;border-radius:11px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;
  font-size:13.5px;font-weight:700;letter-spacing:.01em;transition:background .2s,border-color .2s,color .2s}
.socrow .soc svg{width:19px;height:19px;fill:currentColor;flex:none}
.socrow .soc--max span{font-weight:900;letter-spacing:.06em}
.socrow .soc:hover{background:var(--red);border-color:var(--red);color:#fff}
.socrow--light .soc{border-color:#E3E6EB;background:#fff;color:#0E1013}
.socrow--light .soc:hover{background:var(--red);border-color:var(--red);color:#fff}
.socrow--compact{flex-wrap:nowrap}
.socrow--compact .soc span{display:none}
.socrow--compact .soc{padding:0;width:36px;height:36px;justify-content:center;border-radius:10px}
.socrow--compact .soc--max span{display:block;font-size:10px;font-weight:900;letter-spacing:.02em}
@media (max-width:900px){.socrow .soc span{display:none}.socrow .soc{padding:0 12px}}
.socs{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.socs a{padding:8px 13px;border-radius:9px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700;color:#fff}
.socs a:hover{background:var(--red);border-color:var(--red);color:#fff}
.foot__b{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#69707B}

@media (max-width:1180px){
  .given{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trevs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .final__in{grid-template-columns:1fr;gap:36px}
  .final h2{max-width:none}
  .foot__g{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .given{grid-template-columns:1fr 1fr;gap:10px}
  .revs{grid-template-columns:1fr}
  .vrev{aspect-ratio:16/10}
  .trevs{grid-template-columns:1fr}
  .final{padding:62px 0}
  .form{padding:22px 20px}
  .q summary{font-size:15.5px;padding:18px 44px 18px 0}
  .q__a{padding-right:20px;font-size:14.5px}
  .foot__g{grid-template-columns:1fr;gap:28px}
}


.revs--2{grid-template-columns:1fr 1fr}
.vid{background:#fff;border:1px solid var(--line-dark);border-radius:15px;overflow:hidden}
.vid video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#000;object-fit:cover}
.vid__c{padding:16px 18px 18px}
.vid__n{font-size:15.5px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.vid__s{margin-top:6px;font-size:13px;color:var(--muted-dark)}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.gallery--cars{grid-template-columns:repeat(4,1fr);margin-top:14px}
.gallery--cars .gitem{aspect-ratio:4/3}
@media (max-width:1000px){.gallery--cars{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.gallery--cars{grid-template-columns:repeat(2,1fr)}}
.gitem{border-radius:12px;overflow:hidden;aspect-ratio:1;display:block;background:#E9EBEF}
.gitem img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.gitem:hover img{transform:scale(1.07)}
.gallery__c{margin-top:12px;font-size:12.5px;color:#8B929D}
@media (max-width:1000px){.revs--2{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.gallery{grid-template-columns:repeat(2,1fr);gap:8px}}


/* ---------- ЭКСПЕРТ ---------- */
.exp{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:64px;align-items:center;margin-top:18px}
.exp__ph{position:relative;order:2;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--ink-3);
  box-shadow:0 0 0 1px rgba(230,0,18,.42),0 30px 70px rgba(0,0,0,.55)}
.exp__ph img{width:100%;height:100%;object-fit:cover}
.exp__badge{position:absolute;left:16px;bottom:16px;right:16px;padding:13px 16px;border-radius:12px;
  background:rgba(14,16,19,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}
.exp__badge b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.02em}
.exp__badge span{display:block;margin-top:4px;font-size:12.5px;color:#9AA1AC}
.exp__q{font-size:clamp(21px,2.35vw,34px);font-weight:800;letter-spacing:-.028em;line-height:1.28;text-wrap:pretty}
.exp__q br{display:block}
.exp__q em{font-style:normal;color:var(--red)}
.exp__d{margin-top:24px;font-size:16px;line-height:1.7;color:#AAB1BC;max-width:56ch}
.exp__d b{color:#fff;font-weight:700}
.exp__st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;max-width:620px}
.exp__st div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:14px;
  padding:20px 20px 18px;transition:border-color .2s,background .2s}
.exp__st div:hover{border-color:rgba(230,0,18,.5);background:rgba(230,0,18,.06)}
.exp__st div::after{content:'';display:block;width:26px;height:3px;border-radius:2px;background:var(--red);margin-top:16px}
.exp__st b{display:block;font-size:29px;font-weight:800;letter-spacing:-.03em}
.exp__st span{display:block;margin-top:5px;font-size:12.5px;color:#8A919C;line-height:1.35}
@media (max-width:1200px){.exp{grid-template-columns:minmax(0,1fr) 370px;gap:44px}}
@media (max-width:980px){.exp{grid-template-columns:1fr;gap:30px}.exp__ph{order:0;max-width:360px}
  .exp__q br{display:none}}
@media (max-width:600px){.exp__st{grid-template-columns:1fr}}


.vrow{display:flex;gap:14px;margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:12px;scrollbar-width:thin}
.vrow::-webkit-scrollbar{height:7px}
.vrow::-webkit-scrollbar-thumb{background:#CDD2DA;border-radius:4px}
.vrev2{flex:0 0 214px;scroll-snap-align:start;background:#fff;border:1px solid var(--line-dark);
  border-radius:14px;overflow:hidden}
.vrev2 video{width:100%;height:auto;aspect-ratio:9/16;display:block;background:#000;object-fit:cover}
.vrev2__c{padding:11px 13px;font-size:12.5px;font-weight:700;color:var(--muted-dark)}
@media (max-width:600px){.vrev2{flex-basis:66vw}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ================= ОБЩЕЕ ДЛЯ ВНУТРЕННИХ СТРАНИЦ ================= */
.crumbs{background:#0E1013;padding:96px 0 0}
.crumbs .shell{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#7E858F;padding-top:18px}
.crumbs a{color:#9AA1AC}
.crumbs a:hover{color:var(--red)}
.crumbs i{font-style:normal;color:#4A505A}
.crumbs span[aria-current]{color:#fff}

.phead{background:#0E1013;color:#fff;padding:34px 0 54px;position:relative;overflow:hidden}
.phead::after{content:'';position:absolute;right:-8%;top:-40%;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,0,18,.16) 0%,rgba(230,0,18,0) 70%);pointer-events:none}
.phead h1{position:relative;z-index:1;font-size:clamp(30px,3.6vw,52px);font-weight:800;letter-spacing:-.03em;
  line-height:1.1;max-width:19ch}
.phead__l{position:relative;z-index:1;margin-top:20px;font-size:clamp(16px,1.3vw,19px);line-height:1.6;
  color:#AAB1BC;max-width:64ch}
.phead__cta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}

.prose{max-width:74ch}
.prose h2{font-size:clamp(23px,2.2vw,32px);font-weight:800;letter-spacing:-.028em;margin:44px 0 16px;line-height:1.2}
.prose h3{font-size:clamp(18px,1.5vw,21px);font-weight:800;letter-spacing:-.02em;margin:30px 0 12px}
.prose p{font-size:16.5px;line-height:1.75;margin-bottom:16px;color:#3C424C}
.prose li{font-size:16.5px;line-height:1.75;margin-bottom:10px;color:#3C424C}
.prose ul,.prose ol{padding-left:22px;margin-bottom:18px}
.prose b{font-weight:700;color:#0E1013}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.sec--dark .prose p,.sec--dark .prose li{color:#AAB1BC}
.sec--dark .prose b{color:#fff}

/* таблица-смета */
.tbl{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.tbl th,.tbl td{text-align:left;padding:13px 16px;border-bottom:1px solid #E3E5EA;vertical-align:top}
.tbl th{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#646C79;background:#F7F8FA}
.tbl td b{font-weight:800}
.tbl tr:last-child td{border-bottom:none;background:#FBFBFC;font-weight:800}
.tbl__w{overflow-x:auto;border:1px solid #E3E5EA;border-radius:14px}
.sec--dark .tbl th{background:rgba(255,255,255,.05);color:#9AA1AC}
.sec--dark .tbl th,.sec--dark .tbl td{border-color:rgba(255,255,255,.09)}
.sec--dark .tbl__w{border-color:rgba(255,255,255,.11)}
.sec--dark .tbl tr:last-child td{background:rgba(230,0,18,.08)}
.tnote{font-size:13px;color:#646C79;margin-top:10px}
.sec--dark .tnote{color:#8A919C}

/* контрольная карта этапа */
.ctrl{display:grid;gap:14px;margin-top:22px}
.ctrl__i{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:22px 24px;
  border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03)}
.ctrl__n{font-size:26px;font-weight:800;color:var(--red);letter-spacing:-.03em}
.ctrl__i h3{font-size:19px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.ctrl__m{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:16px}
.ctrl__m div{border-top:1px solid rgba(255,255,255,.12);padding-top:10px}
.ctrl__m span{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#7E858F;margin-bottom:5px}
.ctrl__m b{font-size:14px;font-weight:700;line-height:1.45;color:#fff;display:block}
.ctrl__m b.risk{color:#FF7A6B}
@media (max-width:700px){.ctrl__i{grid-template-columns:1fr;gap:10px}}

/* карточки-сетка */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}
.gcard2{border:1px solid #E3E5EA;border-radius:16px;padding:26px;background:#fff}
.gcard2 h3{font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.gcard2 p{font-size:15px;line-height:1.65;color:#5A6270}
.gcard2 em{font-style:normal;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--red);font-weight:800;margin-bottom:12px}
.sec--dark .gcard2{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}
.sec--dark .gcard2 p{color:#AAB1BC}

/* ================= КВИЗ ================= */
.quiz{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;
  box-shadow:0 30px 70px rgba(14,16,19,.14),0 2px 6px rgba(14,16,19,.05);overflow:hidden}
.quiz__bar{height:5px;background:#EEF0F3}
.quiz__bar i{display:block;height:100%;width:0;background:var(--red);transition:width .35s cubic-bezier(.2,.7,.3,1)}
.quiz__in{padding:34px 40px 38px}
.quiz__meta{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#9AA1AC;margin-bottom:16px}
.quiz__meta b{color:var(--red)}
.quiz h3{font-size:clamp(20px,2vw,27px);font-weight:800;letter-spacing:-.028em;line-height:1.25;color:#0E1013}
.quiz__h{font-size:14.5px;line-height:1.6;color:#646C79;margin-top:10px}
.quiz__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}
.qopt{display:flex;align-items:flex-start;gap:13px;text-align:left;padding:18px 20px;border:1.5px solid #DDE0E6;
  border-radius:14px;background:#fff;cursor:pointer;font-family:var(--f);transition:border-color .18s,background .18s,transform .18s}
.qopt:hover{border-color:var(--red);background:rgba(230,0,18,.03);transform:translateY(-2px)}
.qopt.is-sel{border-color:var(--red);background:rgba(230,0,18,.06)}
.qopt__b{width:20px;height:20px;flex:none;border:1.5px solid #C7CCD4;border-radius:50%;margin-top:2px;position:relative}
.qopt.is-sel .qopt__b{border-color:var(--red)}
.qopt.is-sel .qopt__b::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--red)}
.qopt strong{display:block;font-size:15.5px;font-weight:700;color:#0E1013;line-height:1.35}
.qopt span{display:block;font-size:13px;color:#7E858F;margin-top:5px;line-height:1.45}
.quiz__nav{display:flex;align-items:center;gap:16px;margin-top:26px}
.quiz__back{background:none;border:none;font-family:var(--f);font-size:14.5px;font-weight:700;color:#7E858F;cursor:pointer}
.quiz__back:hover{color:var(--red)}
.quiz__fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.quiz__fields .h2f{grid-column:auto}
.quiz__fields .full{grid-column:1/-1}
.quiz__ok{text-align:center;padding:22px 0 6px}
.quiz__ok svg{width:56px;height:56px;stroke:var(--red);fill:none;stroke-width:1.6;margin-bottom:18px}
.quiz__sum{margin-top:20px;border-top:1px solid #EEF0F3;padding-top:18px;display:grid;gap:9px;
  font-size:14px;color:#5A6270;text-align:left}
.quiz__sum b{color:#0E1013}
@media (max-width:640px){.quiz__in{padding:26px 22px 30px}.quiz__fields{grid-template-columns:1fr}}

/* акцентная плашка-обещание */
.promise{display:flex;gap:16px;align-items:flex-start;padding:22px 26px;border-radius:16px;
  background:rgba(230,0,18,.07);border:1px solid rgba(230,0,18,.22);margin:26px 0}
.promise svg{width:26px;height:26px;flex:none;stroke:var(--red);fill:none;stroke-width:1.7}
.promise p{margin:0;font-size:16px;line-height:1.6;color:#0E1013;font-weight:600}
.sec--dark .promise{background:rgba(230,0,18,.1)}
.sec--dark .promise p{color:#fff}
.nav a.is-act{color:var(--red)}
.seclink{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:var(--red);
  margin-bottom:14px;transition:gap .2s}
.seclink:hover{gap:14px}
.phead .pill{display:inline-flex;align-items:center;padding:15px 26px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:700;font-size:15px}
.phead .pill:hover{border-color:var(--red);color:var(--red)}

/* ---------- меню второго уровня ---------- */
.nav{align-items:center}
.nav__i{position:relative}
.nav__l{display:inline-flex;align-items:center;gap:6px}
.nav__l svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;
  stroke-linejoin:round;opacity:.55;transition:transform .25s}
.nav__i:hover .nav__l svg{transform:rotate(180deg)}
.nav__d{position:absolute;left:-18px;top:100%;margin-top:14px;min-width:290px;padding:10px;
  background:#fff;border:1px solid #EBEDF1;border-radius:16px;box-shadow:0 24px 56px rgba(14,16,19,.16);
  display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s,transform .22s,visibility .22s;z-index:60}
.nav__d::before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}
.nav__i:hover .nav__d,.nav__i:focus-within .nav__d{opacity:1;visibility:visible;transform:none}
.nav__d a{display:block;padding:11px 14px;border-radius:10px;font-size:14.5px;font-weight:600;
  color:#3C424C;line-height:1.4;transition:background .18s,color .18s}
.nav__d a:hover{background:#F4F5F7;color:var(--red)}
.nav__d a.is-act{color:var(--red)}
.hdr--stuck .nav__d{background:#171A1F;border-color:rgba(255,255,255,.1)}
.hdr--stuck .nav__d a{color:#AAB1BC}
.hdr--stuck .nav__d a:hover{background:rgba(255,255,255,.06);color:#fff}
@media (max-width:1100px){.nav__d{display:none}}

/* контентные секции внутренних страниц — на бумаге */
.sec--doc{background:var(--paper);color:var(--ink);padding:72px 0 88px}
.sec--doc .prose p,.sec--doc .prose li{color:#3C424C}
.sec--doc .prose h2,.sec--doc .prose h3,.sec--doc .prose b{color:#0E1013}
.sec--doc .tbl td{color:#3C424C}
.sec--doc .promise p{color:#0E1013}
.sec--doc .gcard2{background:#fff}
.prose>h2:first-child{margin-top:0}
.sec--tint2{background:var(--paper-2)}

/* ---------- видео-визитка ---------- */
.vcard{position:fixed;left:20px;bottom:20px;z-index:80}
.vcard__btn{position:relative;display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer;font-family:var(--f)}
.vcard__btn img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:50% 22%;
  border:2.5px solid var(--red);box-shadow:0 14px 34px rgba(0,0,0,.34);background:var(--ink-3)}
.vcard__ring{position:absolute;left:-6px;top:-6px;width:88px;height:88px;border-radius:50%;
  border:2px solid rgba(230,0,18,.55);animation:vpulse 2.6s ease-out infinite}
@keyframes vpulse{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.16);opacity:0}100%{opacity:0}}
.vcard__play{position:absolute;left:52px;top:52px;width:28px;height:28px;border-radius:50%;background:var(--red);
  display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.vcard__play svg{width:15px;height:15px;fill:#fff}
.vcard__lab{padding:9px 15px;border-radius:12px;background:rgba(14,16,19,.94);color:#AAB1BC;
  font-size:12.5px;line-height:1.4;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.vcard__lab b{color:#fff;font-weight:800}
@media (max-width:900px){.vcard{left:14px;bottom:82px}.vcard__lab{display:none}
  .vcard__btn img{width:62px;height:62px}.vcard__ring{width:72px;height:72px}
  .vcard__play{left:42px;top:42px;width:24px;height:24px}}
.vmod{position:fixed;inset:0;z-index:120;display:grid;place-items:center;opacity:0;transition:opacity .26s}
.vmod[hidden]{display:none!important}
.vmod.is-in{opacity:1}
.vmod__bd{position:absolute;inset:0;background:rgba(6,7,9,.78);backdrop-filter:blur(6px)}
.vmod__win{position:relative;width:min(400px,90vw);background:var(--ink-2);border-radius:22px;padding:18px;
  box-shadow:0 40px 90px rgba(0,0,0,.6);transform:translateY(14px) scale(.97);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.vmod.is-in .vmod__win{transform:none}
.vmod__x{position:absolute;right:12px;top:10px;z-index:2;width:34px;height:34px;border:none;border-radius:50%;
  background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.vmod__x:hover{background:var(--red)}
.vmod__ph{aspect-ratio:9/16;border-radius:16px;background:linear-gradient(160deg,#20242B,#12151A);
  border:1px dashed rgba(255,255,255,.2);display:grid;align-content:center;gap:10px;padding:28px;text-align:center}
.vmod__ph p{font-size:17px;font-weight:800;color:#fff}
.vmod__ph span{font-size:13px;line-height:1.6;color:#8A919C}
.vmod__ph video{width:100%;height:100%;border-radius:16px;object-fit:cover}
.vmod__cta{display:flex;gap:10px;margin-top:14px}
.vmod__cta .btn{flex:1;text-align:center}
.vmod__cta .pill{display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:700;font-size:14px}

/* ---------- сетка контентной страницы ---------- */
.docgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.docgrid .prose{max-width:none}
.docside{position:sticky;top:104px;display:grid;gap:20px}
.docside__t{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9AA1AC}
.docnav{display:grid;gap:2px;border-left:2px solid #E3E5EA;padding-left:2px}
.docnav a{display:block;padding:8px 14px;font-size:13.5px;line-height:1.45;color:#5A6270;
  border-left:2px solid transparent;margin-left:-4px;transition:color .18s,border-color .18s}
.docnav a:hover{color:var(--red)}
.docnav a.is-act{color:#0E1013;font-weight:700;border-left-color:var(--red)}
.doccta{background:var(--ink);color:#fff;border-radius:18px;padding:24px}
.doccta p{font-size:14px;line-height:1.6;color:#AAB1BC;margin-bottom:18px}
.doccta b{color:#fff;font-size:15.5px}
.doccta__tel{display:block;text-align:center;margin-top:12px;font-size:14.5px;font-weight:700;color:#fff}
.doccta__tel:hover{color:var(--red)}
@media (max-width:1100px){.docgrid{grid-template-columns:1fr;gap:34px}
  .docside{position:static;order:2}.docnav{display:none}}

/* кнопка в шапке — в одну строку */
.hdr__cta .btn{white-space:nowrap}
@media (max-width:1330px){.hdr__cta .btn{padding:13px 20px;font-size:14px}}
@media (max-width:1180px){.hdr .nav{gap:18px}}

/* хлебные крошки — заметнее */
.crumbs .shell{gap:8px;font-size:13.5px;padding-top:20px}
.crumbs a{color:#B7BDC7;border-bottom:1px solid transparent;padding-bottom:1px}
.crumbs a:hover{color:var(--red);border-bottom-color:rgba(230,0,18,.5)}
.crumbs i{color:#5A616C;font-size:12px}
.crumbs span[aria-current]{color:#fff;font-weight:600}
.nav a,.nav__l{white-space:nowrap}
@media (max-width:1240px){.hdr .nav{gap:14px}.nav a,.nav__l{font-size:14px}}

/* ---------- страница квиза ---------- */
.sec--quiz{background:var(--paper);padding:56px 0 24px}
.quizwrap{max-width:none}
.sec--quiz + .sec--doc{padding-top:56px}

/* ---------- квиз: сводка, валидация, согласие ---------- */
.quiz__nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.quiz__nav .btn{padding:15px 30px}
.qsum{margin-top:26px;border-top:1px solid #EEF0F3;padding-top:16px;display:grid;gap:4px}
.qsum__t{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#9AA1AC;margin-bottom:6px}
.qsum__r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:baseline;
  width:100%;padding:9px 12px;border:none;border-radius:10px;background:none;text-align:left;
  font-family:var(--f);cursor:pointer;transition:background .18s}
.qsum__r:hover{background:#F4F5F7}
.qsum__r span{font-size:13px;color:#7E858F;line-height:1.4}
.qsum__r b{font-size:13.5px;color:#0E1013;font-weight:700}
.qsum__r i{font-style:normal;font-size:12px;color:var(--red);opacity:0;transition:opacity .18s}
.qsum__r:hover i{opacity:1}
.qcheck{display:flex;align-items:flex-start;gap:11px;cursor:pointer}
.qcheck input{position:absolute;opacity:0;width:0;height:0}
.qcheck span{width:20px;height:20px;flex:none;margin-top:1px;border:1.5px solid #C7CCD4;border-radius:6px;
  display:grid;place-items:center;transition:border-color .18s,background .18s}
.qcheck input:checked + span{background:var(--red);border-color:var(--red)}
.qcheck input:checked + span::after{content:'';width:10px;height:6px;border-left:2px solid #fff;
  border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.qcheck input:focus-visible + span{box-shadow:0 0 0 3px rgba(230,0,18,.16)}
.qcheck em{font-style:normal;font-size:12.5px;line-height:1.5;color:#646C79}
.qcheck em a{color:#646C79;text-decoration:underline;text-underline-offset:2px}
.qcheck em a:hover{color:var(--red)}
.qcheck.is-err span{border-color:var(--red)}
.h2f input.is-err{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.1)}
.qerr{margin-top:4px;font-size:13.5px;font-weight:600;color:var(--red)}
.quiz__ok .btn{margin-top:20px}

/* квиз во всю сетку сайта: слева вопрос, справа варианты */
.quiz{max-width:none}
.quiz__in{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:26px 56px;
  align-items:start;padding:38px 44px 42px}
.quiz__meta{grid-column:1/-1;margin-bottom:2px}
.q-body{display:contents}
.quiz h3{grid-column:1;margin:0}
.quiz__h{grid-column:1;margin-top:12px}
.quiz__opts{grid-column:2;grid-row:2/span 3;margin-top:0;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.quiz__nav{grid-column:1;margin-top:18px;align-self:start}
.qsum{grid-column:1;margin-top:14px;border-top:1px solid #EEF0F3}
.quiz__fields{grid-column:2;grid-row:2/span 4;margin-top:0}
.quiz__ok{grid-column:1/-1}
@media (max-width:1000px){
  .quiz__in{grid-template-columns:1fr;gap:0;padding:28px 24px 32px}
  .q-body{display:contents}
  .quiz h3,.quiz__h,.quiz__opts,.quiz__nav,.qsum,.quiz__fields{grid-column:1;grid-row:auto}
  .quiz__opts{margin-top:22px}
}

/* квиз: крупные карточки вариантов и компактная сводка */
.quiz__opts{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px}
.quiz__opts .qopt{min-height:104px;align-items:center;padding:20px 22px}
.qopt strong{font-size:16px}
.qsum__r{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.qsum__r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qsum__r b{white-space:nowrap}
.qsum__r i{display:none}
.quiz__fields{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
@media (max-width:1000px){.quiz__opts{grid-template-columns:1fr}.quiz__opts .qopt{min-height:0}}

/* ---------- анимации ---------- */
.reveal--soft{opacity:0;transform:translateY(16px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--d,0ms),transform .7s cubic-bezier(.16,1,.3,1) var(--d,0ms)}
.reveal--soft.is-in{opacity:1;transform:none}
.readbar{position:fixed;left:0;top:0;height:3px;width:100%;z-index:100;background:var(--red);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .1s linear;pointer-events:none}
.hero2__stage img{will-change:transform;transform:scale(1.03)}
.hero2__sun{will-change:transform}

/* мягкая смена шагов квиза */
.q-body>*{animation:qin .42s cubic-bezier(.16,1,.3,1) both}
@keyframes qin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qopt{will-change:transform}

/* карточки: подъём и красная кромка */
.gcard2,.ctrl__i{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .25s}
.gcard2:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,16,19,.1);border-color:rgba(230,0,18,.3)}
.ctrl__i:hover{transform:translateY(-3px);border-color:rgba(230,0,18,.35);background:rgba(230,0,18,.05)}
.tbl tbody tr{transition:background .2s}
.tbl tbody tr:hover{background:rgba(230,0,18,.035)}

/* подчёркивание ссылок в тексте */
.prose a{background-image:linear-gradient(var(--red),var(--red));background-size:0% 1.5px;
  background-position:0 100%;background-repeat:no-repeat;text-decoration:none;
  border-bottom:1px solid rgba(230,0,18,.35);transition:background-size .35s cubic-bezier(.16,1,.3,1)}
.prose a:hover{background-size:100% 1.5px}

@media (prefers-reduced-motion:reduce){
  .reveal--soft,.q-body>*{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
  .readbar{display:none}
}

/* ---------- фактоиды первого экрана: карточки ---------- */
.h2facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:44px;max-width:980px}
.h2fact{position:relative;display:flex;align-items:center;gap:14px;padding:16px 24px 16px 18px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid rgba(14,16,19,.07);
  border-radius:16px;box-shadow:0 10px 30px rgba(14,16,19,.07);
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .2s}
.h2fact:first-child{padding-left:18px}

.h2fact:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(14,16,19,.12);
  border-color:rgba(230,0,18,.28)}
.h2fact__i{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;
  background:rgba(230,0,18,.09)}
.h2fact svg{width:22px;height:22px}
.h2fact b{font-size:19px;letter-spacing:-.02em}
.h2fact span{font-size:13px;color:#5A6270;margin-top:2px}
@media (max-width:900px){.h2fact{padding:13px 16px;gap:11px}
  .h2fact__i{width:36px;height:36px;border-radius:10px}.h2fact b{font-size:17px}}

/* ---------- фильтры каталога ---------- */
.fbar{margin:30px 0 26px;display:grid;gap:18px}
.ftabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #DFE2E7}
.ftab{position:relative;padding:14px 22px;border:none;background:none;cursor:pointer;font-family:var(--f);
  font-size:15.5px;font-weight:600;color:#9AA1AC;transition:color .2s}
.ftab + .ftab{box-shadow:inset 1px 0 0 #E9EDF2}
.ftab:hover{color:#0E1013}
.ftab.is-on{color:#0E1013;font-weight:700}
.ftab.is-on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red)}
.fsel{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.fs{display:grid;gap:7px;min-width:190px}
.fs span{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#8A919C}
.fs select{appearance:none;height:46px;min-width:190px;padding:0 40px 0 15px;border:1px solid #DDE0E6;
  border-radius:10px;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A919C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center/16px;
  font-family:var(--f);font-size:14.5px;color:#0E1013;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.fs select:hover{border-color:#C7CCD4}
.fs select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,18,.1)}
.freset{height:46px;padding:0 20px;border:1px solid transparent;border-radius:10px;background:none;
  font-family:var(--f);font-size:14px;font-weight:700;color:var(--red);cursor:pointer}
.freset:hover{background:rgba(230,0,18,.07)}
.fcount{font-size:13.5px;color:#7E858F}
.fempty{margin-top:26px;padding:32px;border:1px dashed #DDE0E6;border-radius:16px;text-align:center;
  font-size:15px;line-height:1.65;color:#5A6270;background:#fff}
.fempty a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.card[hidden]{display:none}
.card--in{animation:cardin .42s cubic-bezier(.16,1,.3,1) both}
@keyframes cardin{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.card__ph--none{display:grid;place-items:center;background:linear-gradient(150deg,#F2F3F6,#E6E8ED)}
.card__soon{font-size:12.5px;line-height:1.5;text-align:center;color:#8A919C;font-weight:600}
@media (max-width:700px){.ftabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .ftab{white-space:nowrap;padding:12px 16px;font-size:14.5px}.fs,.fs select{min-width:0;width:100%}
  .fs{flex:1 1 100%}}

/* квиз: мультивыбор, текстовый шаг, кнопка «пропустить» */
.qopt--many .qopt__b{border-radius:6px}
.qopt--many.is-sel .qopt__b::after{border-radius:2px;inset:3px}
.quiz__opts--text{grid-template-columns:1fr}
.quiz__skip{background:none;border:none;font-family:var(--f);font-size:14.5px;font-weight:700;
  color:#9AA1AC;cursor:pointer}
.quiz__skip:hover{color:var(--red)}
.shake{animation:shk .4s}
@keyframes shk{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.qsum{max-height:340px;overflow:auto}

/* иконки фактоидов — строго по центру подложки */
.h2fact span.h2fact__i{display:grid;place-items:center;width:42px;height:42px;flex:none;
  border-radius:12px;background:rgba(230,0,18,.09);margin:0;padding:0}
.h2fact span.h2fact__i svg{display:block;width:21px;height:21px;margin:0}
@media (max-width:900px){.h2fact span.h2fact__i{width:36px;height:36px;border-radius:10px}
  .h2fact span.h2fact__i svg{width:19px;height:19px}}

/* ---------- мобильное меню ---------- */
.burger{display:none;width:44px;height:44px;border:none;background:none;cursor:pointer;
  flex-direction:column;justify-content:center;gap:5px;padding:0 10px;margin-left:auto}
.burger span{display:block;height:2px;border-radius:2px;background:#0E1013;transition:transform .28s,opacity .2s}
.hdr--stuck .burger span{background:#fff}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:130;opacity:0;transition:opacity .26s}
.mmenu[hidden]{display:none!important}
.mmenu.is-in{opacity:1}
.mmenu__bd{position:absolute;inset:0;background:rgba(6,7,9,.6);backdrop-filter:blur(4px)}
.mmenu__win{position:absolute;right:0;top:0;bottom:0;width:min(340px,88vw);background:#0E1013;
  padding:70px 24px 28px;overflow-y:auto;transform:translateX(24px);transition:transform .3s cubic-bezier(.16,1,.3,1);
  box-shadow:-20px 0 60px rgba(0,0,0,.5)}
.mmenu.is-in .mmenu__win{transform:none}
.mmenu__x{position:absolute;right:16px;top:14px;width:40px;height:40px;border:none;border-radius:50%;
  background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.mnav{display:grid;gap:2px}
.mnav__l{display:block;padding:13px 0 9px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}
.mnav__l.is-act{color:var(--red)}
.mnav__s{display:block;padding:9px 0 9px 14px;font-size:14.5px;color:#9AA1AC;
  border-left:1px solid rgba(255,255,255,.12)}
.mnav__s.is-act{color:var(--red);border-left-color:var(--red)}
.mmenu__cta{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:12px}
.mmenu__tel{font-size:18px;font-weight:800;color:#fff;text-align:center}
.mmenu__ad{font-size:12.5px;line-height:1.5;color:#7E858F;text-align:center}
@media (max-width:1100px){.burger{display:flex}}

/* ---------- мобильные фиксы первого экрана ---------- */
@media (max-width:900px){
  .hero2__stage img{width:100%!important;margin-left:0!important}
  .h2badge{font-size:11px;letter-spacing:.03em;padding:8px 14px;gap:8px}
  .h2badge::before{width:13px;height:13px}
  .ckb{padding:12px 14px;gap:10px}
  .ckb p{font-size:11.5px;line-height:1.45}
  .ckb button{padding:8px 13px;font-size:12.5px}
  .vcard{bottom:14px;left:12px}
  .vcard__btn img{width:54px;height:54px}
  .vcard__ring{width:64px;height:64px;left:-5px;top:-5px}
  .vcard__play{left:36px;top:36px;width:22px;height:22px}
  .vcard__play svg{width:12px;height:12px}
}

/* заявление первого экрана */
.h2claim{max-width:32ch;margin:-6px 0 22px;font-size:clamp(18px,1.6vw,23px);font-weight:700;
  line-height:1.3;letter-spacing:-.02em;color:var(--red)}
@media (max-width:900px){.h2claim{max-width:none;font-size:18px}}

/* ---------- состав стоимости ---------- */
.costlist{counter-reset:c;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:2px;margin-top:28px;padding:0;border-radius:16px;overflow:hidden}
.costlist li{counter-increment:c;position:relative;display:grid;gap:4px;padding:20px 22px 20px 62px;
  background:rgba(255,255,255,.035);transition:background .2s}
.costlist li:hover{background:rgba(230,0,18,.07)}
.costlist li::before{content:counter(c,decimal-leading-zero);position:absolute;left:22px;top:20px;
  font-size:14px;font-weight:800;color:var(--red)}
.costlist b{font-size:15.5px;font-weight:800;letter-spacing:-.015em;color:#fff}
.costlist span{font-size:13.5px;line-height:1.5;color:#9AA1AC}
.costnote{margin-top:20px;font-size:13.5px;line-height:1.65;color:#8A919C;max-width:78ch}

/* ---------- закреплённая кнопка на мобильном ---------- */
.mcta{display:none}
@media (max-width:900px){
  .mcta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:85;
    padding:16px 20px;border-radius:14px;background:var(--red);color:#fff;text-align:center;
    font-size:16px;font-weight:800;letter-spacing:-.01em;box-shadow:0 14px 34px rgba(230,0,18,.35);
    opacity:0;transform:translateY(80px);transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1)}
  .mcta.is-in{opacity:1;transform:none}
  .vcard{bottom:82px}
  .ckb{bottom:82px}
  body{padding-bottom:0}
}

/* ---------- плашка утильсбора в углу карточки ---------- */
.card__ph{position:relative}
.card__tag{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  padding:6px 11px;border-radius:9px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
  font-size:11px;font-weight:700;letter-spacing:.01em;color:#0E1013;line-height:1.2;
  box-shadow:0 4px 14px rgba(14,16,19,.16);max-width:calc(100% - 20px)}
.card__tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#12A150;flex:none}
.card__tag--warn{background:rgba(20,22,26,.86);color:#fff}
.card__tag--warn::before{background:#FFA23A}
.card__f{border-top:1px solid #EEF0F3;padding-top:14px;margin-top:14px}
.card__f span{font-size:12.5px;color:#7E858F}
.card__f .pill{display:none}
@media (max-width:600px){.card__tag{font-size:10.5px;padding:5px 9px;right:8px;top:8px}}

/* ---------- куки-плашка ---------- */
.ckb{position:fixed;left:18px;bottom:18px;z-index:90;max-width:390px;display:flex;align-items:flex-start;gap:14px;
  padding:15px 17px;border-radius:14px;background:rgba(14,16,19,.94);backdrop-filter:blur(10px);
  box-shadow:0 18px 46px rgba(0,0,0,.4);opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s}
.ckb.is-in{opacity:1;transform:none}
.ckb[hidden]{display:none!important}
.ckb p{margin:0;font-size:12.5px;line-height:1.5;color:#AAB1BC}
.ckb a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.ckb button{flex:none;padding:9px 16px;border:none;border-radius:9px;background:var(--red);color:#fff;
  font-family:var(--f);font-size:13px;font-weight:700;cursor:pointer}
.ckb button:hover{background:#c40010}
@media (max-width:560px){.ckb{left:12px;right:12px;bottom:12px;max-width:none}}

/* ---------- статьи ---------- */
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.acard{display:flex;flex-direction:column;border:1px solid var(--line-dark);border-radius:18px;overflow:hidden;
  background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s;text-decoration:none!important;background-image:none!important}
.acard[hidden]{display:none}
.acard__ph{display:block;aspect-ratio:16/9;background:#14161A;overflow:hidden}
.acard__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.acard:hover .acard__ph img{transform:scale(1.05)}
.acard__b{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.acard:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 16px 40px rgba(14,16,19,.08)}
.acard em{display:block;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--red);margin-bottom:12px}
.acard h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 10px;color:var(--ink)}
.acard p{font-size:14.5px;line-height:1.6;color:var(--muted-dark);margin:0}
.acard__f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px}
.acard__m{font-size:13.5px;font-weight:700;color:var(--red)}
.acard__t{font-size:12.5px;color:var(--muted-dark)}
.acard--big{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.acard--big .acard__ph{aspect-ratio:auto;min-height:340px}
.acard--big .acard__b{padding:38px 40px;justify-content:center}
.acard--big h3{font-size:clamp(23px,2.2vw,31px);line-height:1.18}
.acard--big p{font-size:16px}
.atags{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.atag{appearance:none;border:1px solid var(--line-dark);background:#fff;color:var(--ink);border-radius:999px;
  padding:9px 15px;font:600 13.5px/1 inherit;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.atag sup{font-size:11px;color:var(--muted-dark);margin-left:4px;vertical-align:baseline}
.atag:hover{border-color:var(--red)}
.atag.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.atag.is-on sup{color:#AAB1BC}
.amore{display:flex;justify-content:center;margin-top:30px}
.amore[hidden]{display:none}
.sec--cover{padding:0}
.sec--cover .shell{padding-top:34px}
.acover{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line-dark);line-height:0}
.acover img{width:100%;height:auto;display:block;max-height:560px;object-fit:cover}
.arel{margin-top:56px;padding-top:36px;border-top:1px solid var(--line-dark)}
.arel h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.025em;margin:0}
.arel__all{margin-top:22px}
.arel--page{margin-top:0;border-top:0;padding-top:0}
.sec--links{padding-top:0}
.arel__all a{color:var(--red);font-weight:700}
.ameta{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted-dark);margin-top:0}
.ameta b{color:var(--red);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.prose .aauth{background-image:none;text-decoration:none}
.aauth{display:flex;gap:14px;align-items:center;color:var(--ink)}
.aauth__ph img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}
.aauth--sm{margin:18px 0 6px}
.aauth--sm .aauth__ph img{width:44px;height:44px}
.aauth--sm b{display:block;font-size:14.5px;color:#0E1013}
.aauth--sm small{display:block;font-size:12.5px;color:var(--muted-dark)}
.aauth--card{align-items:flex-start;margin-top:48px;padding:26px 28px;border:1px solid var(--line-dark);border-radius:18px;background:#F6F7F9}
.aauth--card .aauth__ph img{width:72px;height:72px}
.aauth--card b{font-size:19px}
.aauth--card p{margin:6px 0 0!important;font-size:15px!important}
.aauth__k{font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red)!important;margin:0 0 4px!important}
.aauth__l{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px!important}
.atoc{display:none;margin:22px 0 8px;border:1px solid var(--line-dark);border-radius:14px;background:#F6F7F9}
.atoc summary{cursor:pointer;padding:14px 18px;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between}
.atoc summary::after{content:"+";color:var(--red);font-weight:800}
.atoc[open] summary::after{content:"−"}
.atoc ol{margin:0;padding:0 18px 16px 38px}
.atoc li{font-size:15px!important;margin-bottom:6px!important}
.afaq{display:grid;gap:10px}
.afaq__i{border:1px solid var(--line-dark);border-radius:14px;background:#fff}
.afaq__i summary{cursor:pointer;list-style:none;padding:16px 48px 16px 20px;font-weight:700;font-size:16px;position:relative;color:#0E1013}
.afaq__i summary::-webkit-details-marker,.atoc summary::-webkit-details-marker{display:none}
.afaq__i summary::after{content:"+";position:absolute;right:20px;top:14px;font-size:20px;color:var(--red);font-weight:700}
.afaq__i[open] summary::after{content:"−"}
.afaq__i p{padding:0 20px 18px;margin:0!important}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px}
.prose th,.prose td{border-bottom:1px solid var(--line-dark);padding:11px 12px;text-align:left;vertical-align:top}
.prose th{font-weight:800;color:#0E1013;background:#F6F7F9}
.prose .tblw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.docgrid>.prose{min-width:0}
@media (max-width:1100px){.docgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.atoc{display:block}}
@media (max-width:700px){.atags{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
  .atags::-webkit-scrollbar{display:none}.atag{flex:none}}
@media (max-width:900px){.agrid{grid-template-columns:1fr}
  .acard--big{display:flex}.acard--big .acard__ph{aspect-ratio:16/9;min-height:0}
  .acard--big .acard__b{padding:22px 24px 24px}}
@media (min-width:901px) and (max-width:1100px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- блог в стиле Дзена ---------- */
.crumbs--dz{background:#F2F3F5;padding-top:86px}
.crumbs--dz a{color:#7E858F}.crumbs--dz span{color:#0E1013}
.dz{background:#F2F3F5;padding:18px 0 72px;color:#0E1013}
.crumbs--dz,.crumbs--dz [aria-current]{color:#0E1013!important}
.dzp .prose td{color:#24282F}.dzp .atoc summary{color:#0E1013}
.dz__wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.dzbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;
  font:700 14.5px/1 inherit;border:0;cursor:pointer;text-decoration:none!important;background-image:none!important;
  transition:transform .15s,background .2s,box-shadow .2s,color .2s}
.dzbtn--red{background:var(--red);color:#fff!important;box-shadow:0 8px 20px -10px rgba(230,0,18,.8)}
.dzbtn--red:hover{background:#FF1524;transform:translateY(-1px)}
.dzbtn--ghost{background:#EEF0F3;color:#0E1013!important}
.dzbtn--ghost:hover{background:#E3E6EA}
.dzbtn--sm{height:36px;padding:0 15px;font-size:13.5px}
.dzbtn--full{width:100%}
.dzbtn.is-on{background:#0E1013}
.dzcard{background:#fff;border-radius:22px;padding:24px;box-shadow:0 1px 2px rgba(14,16,19,.04)}
.dzcard__t,.dzcard__k{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9AA1AC;margin:20px 0 10px}
.dzcard__k{color:var(--red);margin-top:0}
.dzcard--cta{background:#0E1013 radial-gradient(120% 80% at 100% 0,rgba(230,0,18,.35),transparent 60%);color:#fff}
.dzcard--cta b{display:block;font-size:19px;line-height:1.3;letter-spacing:-.015em;margin-bottom:8px}
.dzcard--cta p{color:#AAB1BC;font-size:14px;line-height:1.55;margin:0 0 18px}
.dzch__top{display:flex;gap:14px;align-items:center}
.dzch__top img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.dzch__top b{display:block;font-size:18px;color:#0E1013}
.dzch__top small{display:block;font-size:13px;color:#7E858F;line-height:1.35;margin-top:2px}
.dzcard--ch>p{font-size:14.5px;line-height:1.55;color:#3C424C;margin:14px 0 0}
.dzch__n{color:#7E858F!important;font-size:13.5px!important}
.dzch__n b{color:#0E1013}
.dzch__btns{display:flex;gap:8px;margin-top:16px}
.dzch__btns .dzbtn{flex:1}
.dzch__tags{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dzch__tags a{display:flex;justify-content:space-between;padding:9px 10px;margin:0 -10px;border-radius:10px;font-size:14.5px;color:#0E1013;
  transition:background .2s}
.dzch__tags a:hover{background:#F2F3F5}
.dzch__tags sup{font-size:12.5px;color:#9AA1AC;vertical-align:baseline}
.dzside{position:sticky;top:96px;display:grid;gap:16px}
/* шапка канала */
.dzhead{background:#fff;border-radius:26px;overflow:hidden;margin-bottom:18px}
.dzhead__cv{height:170px;background:#0E1013 url(/assets/hero-fleet-1100.webp) center 62%/cover;position:relative}
.dzhead__cv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,19,.85),rgba(14,16,19,.25) 60%,rgba(230,0,18,.25))}
.dzhead__b{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 28px 24px}
.dzhead__ava{width:104px;height:104px;border-radius:50%;border:5px solid #fff;margin-top:-52px;position:relative;z-index:1;object-fit:cover;
  background:#fff}
.dzhead h1{font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.025em;margin:14px 0 6px;color:#0E1013}
.dzhead p{margin:0;font-size:14.5px;line-height:1.5;color:#5A6270;max-width:62ch}
.dzhead__n{margin-top:10px!important;font-size:13.5px!important;color:#7E858F!important}
.dzhead__n b{color:#0E1013}
.dzhead__btns{display:flex;gap:8px;padding-bottom:4px}
.dztabs{position:sticky;top:72px;z-index:5;background:rgba(242,243,245,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  margin:0 -4px 14px;padding:8px 4px}
.dztabs .atags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px}
.dztabs .atags::-webkit-scrollbar{display:none}
.dztabs .atag{flex:none;background:#fff;border:0;height:38px;padding:0 16px;font-size:14px;box-shadow:0 1px 2px rgba(14,16,19,.05)}
.dztabs .atag.is-on{background:#0E1013;color:#fff}
/* карточки ленты */
.agrid.dzfeed,.agrid.dzgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.dzgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dzc{display:flex;flex-direction:column;background:#fff;border:0!important;border-radius:22px;overflow:hidden;color:inherit;
  text-decoration:none!important;background-image:none!important;box-shadow:0 1px 2px rgba(14,16,19,.04);
  transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}
.dzc:hover{transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(14,16,19,.22)}
.dzc[hidden]{display:none}
.dzc__ph{display:block;aspect-ratio:16/9;overflow:hidden;background:#1A1D22}
.dzc__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.dzc:hover .dzc__ph img{transform:scale(1.04)}
.dzc__b{display:flex;flex-direction:column;flex:1;padding:16px 20px 18px}
.dzc__ch{display:flex;align-items:center;gap:7px;font-size:13px;color:#7E858F;margin-bottom:10px;min-width:0}
.dzc__ch img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}
.dzc__ch span{font-weight:700;color:#0E1013}
.dzc__ch i{font-style:normal}
.dzc__ch em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dzc h3{font-size:19px;line-height:1.28;letter-spacing:-.015em;margin:0 0 8px;color:#0E1013;font-weight:800}
.dzc p{font-size:14.5px;line-height:1.55;color:#5A6270;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dzc__f{display:flex;gap:14px;margin-top:auto;padding-top:14px;font-size:12.5px;color:#9AA1AC}
.dzc--big{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.dzc--big .dzc__ph{aspect-ratio:auto;min-height:300px}
.dzc--big .dzc__b{padding:28px 30px;justify-content:center}
.dzc--big h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
.dzc--big p{-webkit-line-clamp:4;font-size:15.5px}
.dzmore{display:flex;justify-content:center;margin-top:22px}
.dzmore[hidden]{display:none}
/* статья — «лист» */
.dzp{background:#fff;border-radius:28px;overflow:hidden;min-width:0}
.dzp__h{padding:30px 44px 0}
.dzau{display:flex;align-items:center;gap:12px}
.dzau img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.dzau__t{flex:1;min-width:0;line-height:1.3}
.dzau__t b{display:block;font-size:15px;color:#0E1013}
.dzau__t small{display:block;font-size:13px;color:#7E858F}
.dzp h1{font-size:clamp(27px,3.1vw,40px);line-height:1.13;letter-spacing:-.03em;margin:26px 0 14px;color:#0E1013}
.dzp__lead{font-size:19px;line-height:1.55;color:#3C424C;margin:0}
.dzp__meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;font-size:13.5px;color:#7E858F}
.dzp__meta b{color:var(--red);font-weight:700}
.dzp__cv{margin:26px 0 0;line-height:0}
.dzp__cv img{width:100%;height:auto;display:block;max-height:520px;object-fit:cover}
.dzp__in{padding:10px 44px 40px}
.dzp .prose{max-width:none}
.dzp .prose p,.dzp .prose li{font-size:18px;line-height:1.7;color:#24282F}
.dzp .prose h2{font-size:clamp(23px,2.2vw,29px);margin:40px 0 14px;scroll-margin-top:96px;color:#0E1013}
.dzp .prose h3{scroll-margin-top:96px}
.dzp .prose b{color:#0E1013}
.dzp .atoc{display:block;margin:22px 0 6px}
.dzbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:36px;padding:16px 0;
  border-top:1px solid #ECEEF1;border-bottom:1px solid #ECEEF1}
.dzbar__r,.dzbar__s{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dzbar__s span{font-size:13.5px;color:#7E858F;margin-right:2px}
.dzr{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:0;background:#F2F3F5;
  font:600 14px/1 inherit;color:#0E1013;cursor:pointer;transition:background .2s,transform .15s,color .2s}
.dzr:hover{background:#E6E8EC}
.dzr svg{transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.dzr.is-on{background:#0E1013;color:#fff}
.dzr.is-on svg{transform:scale(1.2) rotate(-8deg)}
.dzr--ic{width:42px;padding:0;justify-content:center}
.dzthanks{width:100%;font-size:14px;color:#1FAF55;margin:0;display:none}
.dzthanks.is-in{display:block;animation:ppUp .4s}
.dzsub{display:flex;gap:18px;align-items:center;margin-top:24px;padding:22px 24px;border-radius:20px;background:#F6F7F9}
.dzsub img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.dzsub div{flex:1;min-width:0}
.dzsub b{display:block;font-size:17px;color:#0E1013}
.dzsub p{margin:4px 0 0!important;font-size:14.5px!important;line-height:1.5!important;color:#5A6270!important}
.dztoc{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:2px solid #ECEEF1}
.dztoc a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:13.5px;line-height:1.4;color:#5A6270;
  transition:color .2s,border-color .2s}
.dztoc a:hover{color:#0E1013}
.dztoc a.is-act{color:#0E1013;border-color:var(--red);font-weight:600}
.dzmore-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.dzmore-h h2{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;margin:0;color:#0E1013}
.dzmore-h a{font-weight:700;color:var(--red);font-size:14.5px}
.dz--more{padding-top:0}
.dztoast{position:fixed;left:50%;bottom:28px;z-index:210;transform:translate(-50%,20px);opacity:0;background:#0E1013;color:#fff;
  padding:12px 18px;border-radius:12px;font-size:14px;transition:opacity .25s,transform .35s cubic-bezier(.2,1.2,.3,1);pointer-events:none}
.dztoast.is-in{opacity:1;transform:translate(-50%,0)}
.sec--links .dzc{border:1px solid #ECEEF1!important}
.sec--links .agrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){
  .dz__wrap{grid-template-columns:minmax(0,1fr)}
  .dzside{position:static}
  .dz--art .dzside{display:none}
  .dz--hub .dzside .dzcard--ch{display:none}
}
@media (max-width:900px){
  .sec--links .agrid,.dzgrid--3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
  .crumbs--dz{padding-top:72px}
  .dz{padding:10px 0 48px}
  .dz .shell{padding-left:0;padding-right:0}
  .crumbs--dz .shell{padding-left:16px;padding-right:16px}
  .dzhead{border-radius:0;margin-bottom:8px}
  .dzhead__cv{height:110px}
  .dzhead__b{grid-template-columns:1fr;gap:0;padding:0 16px 18px}
  .dzhead__ava{width:84px;height:84px;margin-top:-42px}
  .dzhead__btns{margin-top:14px}.dzhead__btns .dzbtn{flex:1}
  .dztabs{top:60px;padding:8px 12px;margin:0 0 8px}
  .agrid.dzfeed,.agrid.dzgrid,.sec--links .agrid,.dzgrid--3{grid-template-columns:1fr!important;gap:8px}
  .dzc{border-radius:0}
  .sec--links .dzc{border-radius:18px}
  .dzc--big{display:flex}.dzc--big .dzc__ph{aspect-ratio:16/9;min-height:0}.dzc--big .dzc__b{padding:16px 16px 18px}
  .dzc__b{padding:14px 16px 16px}
  .dzc h3{font-size:18px}
  .dz--hub .dzside{padding:0 12px}
  .dzp{border-radius:0}
  .dzp__h{padding:22px 16px 0}
  .dzp h1{margin-top:20px}
  .dzp__lead{font-size:17px}
  .dzp__in{padding:6px 16px 30px}
  .dzp .prose p,.dzp .prose li{font-size:17px}
  .dzsub{flex-wrap:wrap}
  .dzmore-h{padding:0 16px}
  .dzbar{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.dzc,.dzc__ph img,.dzr svg{transition:none}}

/* ---------- поп-ап ---------- */
.pp{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px}
.pp[hidden],.ppn[hidden]{display:none}
.pp__bd{position:absolute;inset:0;background:rgba(10,11,14,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transition:opacity .3s ease}
.pp__box{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);width:min(820px,100%);max-height:calc(100dvh - 32px);
  overflow:auto;background:#fff;border-radius:24px;box-shadow:0 40px 120px -20px rgba(0,0,0,.55);
  opacity:0;transform:translateY(24px) scale(.97);transition:opacity .32s ease,transform .45s cubic-bezier(.2,1.1,.3,1)}
.pp.is-in .pp__bd{opacity:1}
.pp.is-in .pp__box{opacity:1;transform:none}
.pp__x{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;background:#F1F2F5;color:#0E1013;transition:background .2s,transform .3s}
.pp__x:hover{background:#E6E8EC;transform:rotate(90deg)}
.pp__side{background:#0E1013 radial-gradient(120% 70% at 0 0,rgba(230,0,18,.38),transparent 60%);color:#fff;padding:34px 26px;
  display:flex;flex-direction:column;gap:16px}
.pp__side img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}
.pp__side p{font-size:14px;line-height:1.45;color:#AAB1BC;margin:0}
.pp__side b{color:#fff;font-size:16px}
.pp__side ul{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:12px}
.pp__side li{position:relative;padding-left:24px;font-size:13.5px;line-height:1.45;color:#D7DBE1}
.pp__side li::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;
  border:1.5px solid var(--red);background:radial-gradient(circle,var(--red) 0 3px,transparent 3.5px)}
.pp__form{margin:0!important;box-shadow:none!important;border-radius:0!important;padding:38px 34px 32px!important;background:#fff}
.pp__k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.pp__ch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pp__ch label{position:relative;cursor:pointer}
.pp__ch input{position:absolute;opacity:0;pointer-events:none}
.pp__ch span{display:block;text-align:center;padding:13px 6px;border:1px solid #E1E4EA;border-radius:12px;font-size:14px;font-weight:600;
  color:#3C424C;transition:border-color .2s,background .2s,color .2s}
.pp__ch input:checked+span{border-color:var(--red);background:rgba(230,0,18,.06);color:#0E1013}
.pp__ch input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.form .is-err{border-color:var(--red)!important;animation:ppShake .4s}
.cons.is-err{color:var(--red)}
@keyframes ppShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.fok{display:grid;gap:14px;text-align:left;animation:ppUp .5s cubic-bezier(.2,1,.3,1)}
.fok__ic{width:56px;height:56px;border-radius:50%;background:rgba(230,0,18,.1);display:grid;place-items:center}
.fok__ic path{stroke-dasharray:30;stroke-dashoffset:30;animation:ppDraw .6s .15s forwards}
.fok h3{margin:0;font-size:22px;letter-spacing:-.02em}
.fok p{margin:0;font-size:15px;line-height:1.55;color:#5A6270}
.fok__b{display:flex;gap:10px;flex-wrap:wrap}
.fok__b a{flex:1 1 140px;justify-content:center}
.btn--wa{background:#1FAF55;color:#fff}.btn--wa:hover{background:#18a04c}
.btn--max{background:#0E1013;color:#fff}.btn--max:hover{background:#2a2e35}
.sec--dark .fok h3,.zayavka .fok h3{color:#0E1013}
@keyframes ppUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ppDraw{to{stroke-dashoffset:0}}
/* выезжающая карточка */
.ppn{position:fixed;right:20px;bottom:20px;z-index:90;width:360px;display:flex;gap:14px;align-items:flex-start;
  background:#fff;border:1px solid #E6E8EC;border-radius:20px;padding:18px 18px 18px 16px;
  box-shadow:0 24px 60px -18px rgba(14,16,19,.35);transform:translateY(130%);opacity:0;
  transition:transform .55s cubic-bezier(.2,1.1,.3,1),opacity .35s}
.ppn.is-in{transform:none;opacity:1}
.ppn img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.ppn b{display:block;font-size:15.5px;color:#0E1013;margin:2px 24px 4px 0}
.ppn p{font-size:13.5px;line-height:1.5;color:#5A6270;margin:0 0 12px}
.ppn .btn{padding:11px 16px;font-size:14px}
.ppn__x{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:#F1F2F5;
  color:#5A6270;cursor:pointer;display:grid;place-items:center}
body.pp-lock{overflow:hidden}
@media (max-width:720px){
  .pp{place-items:end center;padding:0}
  .pp__box{grid-template-columns:1fr;border-radius:22px 22px 0 0;max-height:94dvh;transform:translateY(100%)}
  .pp.is-in .pp__box{transform:none}
  .pp__side{display:none}
  .pp__form{padding:30px 20px calc(22px + env(safe-area-inset-bottom))!important}
  .pp__box::before{content:"";position:sticky;top:8px;display:block;width:44px;height:5px;border-radius:3px;background:#D5D8DE;
    margin:8px auto -13px;z-index:3}
  .ppn{left:12px;right:12px;bottom:84px;width:auto}
}
@media (prefers-reduced-motion:reduce){.pp__box,.pp__bd,.ppn{transition:none}.form .is-err{animation:none}}

/* ---------- микроанимации ---------- */
.sprog{position:fixed;left:0;top:0;height:3px;width:100%;z-index:120;pointer-events:none;
  background:linear-gradient(90deg,var(--red),#FF5A3C);transform-origin:0 50%;transform:scaleX(0)}
.btn--red{position:relative;overflow:hidden;isolation:isolate}
.btn--red::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);
  transition:left .7s cubic-bezier(.2,.7,.3,1)}
.btn--red:hover::after{left:125%}
.btn:active,.pill:active,.atag:active{transform:scale(.97)!important;transition-duration:.08s!important}
a i[aria-hidden="true"],.acard__m i{display:inline-block;transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
a:hover i[aria-hidden="true"],.acard:hover .acard__m i{transform:translateX(4px)}
.nav__l{position:relative}
.nav__l::after{content:"";position:absolute;left:12%;right:12%;bottom:2px;height:2px;border-radius:2px;background:var(--red);
  transform:scaleX(0);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.2,.8,.3,1)}
.nav__l:hover::after,.nav__l.is-act::after{transform:scaleX(1)}
.mo-img{clip-path:inset(0 0 100% 0 round 18px);transition:clip-path 1s cubic-bezier(.2,.8,.2,1)}
.mo-img.mo-in{clip-path:inset(0 0 0 0 round 0)}
.mo-img img{transform:scale(1.08);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.mo-img.mo-in img{transform:none}
.acard__ph{position:relative}
.acard__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,16,19,.35));
  opacity:0;transition:opacity .35s}
.acard:hover .acard__ph::after{opacity:1}
.inp{transition:border-color .2s,box-shadow .25s,transform .2s}
.inp:focus{transform:translateY(-1px)}
.mcta.is-in{animation:moPulse 2.6s 1.2s 2}
@keyframes moPulse{0%,100%{box-shadow:0 10px 30px -8px rgba(230,0,18,.6)}50%{box-shadow:0 10px 30px -8px rgba(230,0,18,.6),0 0 0 10px rgba(230,0,18,.14)}}
.mo-num{font-variant-numeric:tabular-nums}

/* ---------- мобильная доводка ---------- */
.card__ph--none{background:#14161A radial-gradient(90% 70% at 80% 0,rgba(230,0,18,.28),transparent 60%)!important;position:relative}
.card__ph--none::before{content:"";position:absolute;left:50%;top:52%;width:58%;aspect-ratio:3/1;transform:translate(-50%,-50%);opacity:.22;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cpath d='M6 30c0-4 2-6 6-7l14-3 12-9c3-2 6-3 10-3h22c5 0 8 1 12 4l10 8 14 2c4 1 6 3 6 7v3H6z' fill='%23fff'/%3E%3Ccircle cx='30' cy='33' r='6' fill='%2314161A' stroke='%23fff' stroke-width='3'/%3E%3Ccircle cx='92' cy='33' r='6' fill='%2314161A' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E")}
.card__ph--none .card__soon{color:#C9CED6!important;position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:12.5px}
.mcol-more{display:flex;justify-content:center;margin-top:18px;grid-column:1/-1}
.mcol-more button{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;
  padding:13px 22px;font:700 14.5px/1 inherit;cursor:pointer;opacity:.9}
.mcol-x{display:none!important}
.home-nolot .card:has(.card__ph--none){display:none}
@media (max-width:720px){
  .h2facts{grid-template-columns:1fr!important;gap:8px!important}
  .h2fact{display:flex!important;align-items:center;gap:12px;padding:12px 14px!important;border:1px solid #ECEEF1!important;border-radius:14px;background:#fff}
  .h2fact span{font-size:13px}
}
@media (max-width:900px){
  .hdr{transition:transform .35s cubic-bezier(.2,.8,.3,1)}
  .hdr.mo-hide{transform:translateY(-110%)}
}
@media (prefers-reduced-motion:reduce){
  .btn--red::after,.sprog{display:none}
  .mo-img,.mo-img img{clip-path:none!important;transform:none!important;transition:none}
  .hdr.mo-hide{transform:none}
  .mcta.is-in{animation:none}
}