/* ============================================================
   TOVIAN — shared lead CTA card (.lead2)  [site-wide]
   Green rounded card on the DARK page bg + cut-out figure;
   footer overlaps the card bottom.
   ============================================================ */
.lead2{background:var(--bg);padding:0;}
.lead2 .wrap{width:100%;}
.lead2__card{position:relative;overflow:hidden;border-radius:0;
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:stretch;
  min-height:clamp(160px,15vw,210px);isolation:isolate;
  background:var(--tv-grain),radial-gradient(125% 135% at 82% 10%,#b4ee1f 0%,#6fa718 42%,#274009 100%);
  background-size:140px 140px,cover;background-blend-mode:soft-light,normal;}
.lead2__lines{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;
  background-image:var(--tv-lines);background-size:cover;background-position:center;}
.lead2__lines circle{display:none;}
.lead2__body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,66px);}
.lead2__eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:14px;text-transform:lowercase;letter-spacing:-.01em;color:#fff;}
.lead2__eyebrow .star{color:var(--lime-ink);}
.lead2__title{margin:clamp(20px,2.6vw,34px) 0 0;font-family:'Space Grotesk',sans-serif;font-weight:500;
  text-transform:lowercase;letter-spacing:-.04em;line-height:.96;font-size:clamp(34px,4.6vw,62px);max-width:13ch;color:#fff;text-wrap:balance;}
.lead2__form{display:flex;flex-direction:column;gap:12px;margin-top:clamp(26px,3.4vw,42px);max-width:440px;}
.lead2__input{height:60px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.14);color:#fff;font-family:'Inter',sans-serif;font-size:16px;
  transition:border-color .3s,background .3s;}
.lead2__input::placeholder{color:rgba(255,255,255,.72);}
.lead2__input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.22);}
.lead2__btn{height:60px;border:0;border-radius:999px;cursor:pointer;background:#fff;color:#0a1400;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;text-transform:lowercase;letter-spacing:-.01em;
  transition:transform .3s var(--ease),background .3s,color .3s;}
.lead2__btn:hover{background:#0a0b0a;color:#d6f562;transform:translateY(-2px);}
.lead2__btn:disabled{opacity:.6;cursor:default;transform:none;}
.lead2__status{color:#fff;}
.lead2__status[data-err]{color:#ffd9cc;}
.lead2__fine{margin:clamp(15px,2vw,20px) 0 clamp(22px,3vw,34px);max-width:440px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.72);}
.lead2__fine a{color:#fff;text-underline-offset:2px;}
.lead2__soc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;margin-top:auto;margin-bottom:0;
  padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,32px);border:1px solid rgba(255,255,255,.28);
  border-radius:clamp(18px,1.8vw,26px);background:rgba(255,255,255,.06);}
.lead2__soc a{display:inline-flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:clamp(18px,1.7vw,25px);text-transform:lowercase;letter-spacing:-.02em;color:#fff;text-decoration:none;}
.lead2__soc-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
  background:var(--lime);color:#0a1400;transition:transform .3s var(--ease);}
.lead2__soc-ic svg{width:13px;height:13px;}
.lead2__soc a:hover .lead2__soc-ic{transform:translate(2px,-2px);}
/* bright-banner hands (same look as CTA) */
.bnr__device--hands{position:relative;z-index:1;align-self:center;justify-self:end;display:flex;
  align-items:center;justify-content:flex-end;overflow:hidden;max-width:none;width:100%;height:100%;
  min-height:clamp(260px,30vw,420px);}
.bnr__device--hands img{width:100%;max-width:none;height:auto;object-fit:contain;object-position:center;}
@media(max-width:760px){
  #banner .bnr{min-height:0!important;}
  #banner .bnr__device--hands{display:block;min-height:0;height:auto;width:auto;
    margin:10px -22px -4px;overflow:hidden;}
  #banner .bnr__device--hands img{display:block;width:100%;height:auto;object-fit:contain;}
  #banner .bnr__device--hands img[src*="clc-statue"]{width:auto;max-width:78%;height:auto;max-height:54vh;margin:0 auto;object-position:center bottom;}
}

/* hands variant (supplier CTA): raised + enlarged so the touch point aligns with the form */
.lead2__img--hands{position:relative;align-items:center;justify-content:flex-end;padding:0;overflow:visible;min-height:0;min-width:0;}
.lead2__img--hands img{position:relative;z-index:1;width:158%;max-width:none;height:auto;object-fit:contain;object-position:right center;
  transform:translateY(-8%);opacity:1;mix-blend-mode:normal;filter:none;}
/* statue artwork (square, centred figures) — adapt cleanly without the hands-specific zoom */
.lead2__img--hands img[src*="audit-statues"],
#banner .bnr__device--hands img[src*="audit-statues"]{
  width:100%;max-width:520px;object-fit:contain;object-position:center bottom;transform:none;}
.lead2__img--hands img[src*="audit-statues"]{align-self:flex-end;}
/* single full-figure cut-out statue (о-нас): stands tall at the bottom */
.lead2__img--hands img[src*="statue-cut"]{position:relative;z-index:1;height:auto;width:auto;
  max-height:460px;max-width:82%;object-fit:contain;object-position:center;
  transform:none;align-self:center;filter:none;}
/* container-loading cut-out (погрузка): match the site-standard green-CTA statue height (~479px) */
.lead2__img--hands img[src*="clc-statue"]{position:relative;z-index:1;height:auto;width:auto;
  max-height:480px;max-width:100%;object-fit:contain;object-position:center;
  transform:none;align-self:center;filter:none;}
/* container-loading cut-out statue in the bright banner — keep the banner at the standard .bnr height */
#banner .bnr__device--hands img[src*="clc-statue"]{width:auto;max-width:100%;height:100%;
  max-height:clamp(340px,38vw,500px);object-fit:contain;object-position:center bottom;transform:none;}
/* ── generic plinthless statue library (.statuefig) — bright banner + green CTA on every service page ── */
.lead2__img--hands img[src*="hero/kc-"]{position:relative;z-index:1;height:auto;width:auto;
  max-height:480px;max-width:100%;object-fit:contain;object-position:center bottom;
  transform:none;align-self:center;filter:none;}
@media(max-width:860px){.lead2__img--hands img[src*="hero/kc-"]{max-height:clamp(300px,60vw,420px);width:auto;max-width:100%;}}
.lead2__img--hands img.statuefig{position:relative;z-index:1;height:auto;width:auto;
  max-height:480px;max-width:100%;object-fit:contain;object-position:center bottom;
  transform:none;align-self:center;filter:none;}
#banner .bnr__device--hands img.statuefig{width:auto;max-width:100%;height:100%;
  max-height:clamp(340px,38vw,500px);object-fit:contain;object-position:center bottom;transform:none;}
@media(max-width:860px){
  .lead2__img--hands img.statuefig{max-height:clamp(300px,60vw,420px);width:auto;max-width:100%;}
  #banner .bnr__device--hands img.statuefig{max-height:clamp(300px,56vw,440px);}
}
@media(max-width:860px){
  .lead2__img--hands img[src*="audit-statues"],
  #banner .bnr__device--hands img[src*="audit-statues"]{width:100%;max-width:none;object-position:center;}
}
@media(max-width:860px){
  .lead2__img--hands{justify-content:center;overflow:hidden;}
  .lead2__img--hands img{width:118%;object-position:center;transform:none;}
  .lead2__img--hands img[src*="statue-cut"],
  .lead2__img--hands img[src*="clc-statue"]{max-height:100%;width:auto;max-width:100%;}
}
.lead2__img{position:relative;z-index:1;align-self:end;display:flex;align-items:flex-end;justify-content:center;
  height:100%;overflow:hidden;}
.lead2__img img{width:80%;height:88%;object-fit:contain;object-position:bottom center;display:block;
  filter:drop-shadow(0 24px 50px rgba(10,30,0,.28));}
/* KB pre-footer: statue cut-out only, NO backdrop (sits on the green CTA band) */
.lead2__img--statue{background:none;}
.lead2__img--statue img{width:auto;height:97%;max-width:100%;object-fit:contain;object-position:bottom center;}
@media(max-width:860px){
  .lead2{padding:0;}
  .lead2__card{grid-template-columns:1fr;min-height:0;border-radius:clamp(20px,5vw,30px) clamp(20px,5vw,30px) 0 0;}
  .lead2__body{padding-bottom:clamp(30px,7vw,44px);}
  .lead2__soc{margin-top:clamp(24px,5vw,34px);gap:14px 24px;}
  .lead2__img{order:1;align-self:end;height:clamp(240px,56vw,340px);margin-top:clamp(18px,4vw,28px);}
  .lead2__img img{height:100%;object-position:bottom center;}
  #footer.bigfoot{margin-top:calc(-1*clamp(20px,5vw,30px));position:relative;z-index:2;
    border-radius:clamp(20px,5vw,30px) clamp(20px,5vw,30px) 0 0;}
}
@media(max-width:600px){
  .lead2{padding:0;}
  .lead2 .wrap{width:100%;}
  .lead2__input,.lead2__btn{height:58px;}
  .lead2__img{display:none;}
  .lead2__soc{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:16px 16px;}
  .lead2__soc a{font-size:15px;gap:7px;letter-spacing:-.03em;}
  .lead2__soc-ic{width:24px;height:24px;}
  .lead2__soc-ic svg{width:11px;height:11px;}
}
@media(min-width:861px){
  .lead2{padding-bottom:0;}
  .lead2__soc{align-self:start;width:fit-content;gap:14px 28px;}
  /* fix 13.08.2026: согласие вставляется в форму скриптом и съедает весь запас auto-отступа —
     у карточек С ФОРМОЙ мессенджерам гарантирован минимальный зазор от кнопки (карточка растёт, height:auto) */
  .lead2__card:has(.lead2__form) .lead2__soc{margin-top:clamp(28px,4vh,56px);}
  .lead2__card{min-height:clamp(600px,84vh,880px);border-radius:clamp(34px,3.6vw,56px) clamp(34px,3.6vw,56px) 0 0;}
  .lead2__img{padding-bottom:clamp(48px,6vw,84px);}
  #footer.bigfoot{margin-top:calc(-1*clamp(34px,3.6vw,56px));position:relative;z-index:2;
    border-radius:clamp(34px,3.6vw,56px) clamp(34px,3.6vw,56px) 0 0;}
}


/* -- CTA режим «маршрут» (tovian-cta.js v2): кнопка следующего шага вместо формы -- */
.lead2__route{margin-top:clamp(22px,2.6vw,32px);display:flex;}
.lead2__btn--route{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  text-decoration:none;padding:0 8px 0 28px;min-width:min(430px,100%);}
.lead2__btn--route:hover{transform:translateY(-2px);}
.lead2__btn-ic{width:44px;height:44px;border-radius:50%;background:var(--lime);color:#0a0b0a;
  display:grid;place-items:center;flex:0 0 auto;transition:transform .3s var(--ease);}
.lead2__btn-ic svg{width:15px;height:15px;}
.lead2__btn--route:hover .lead2__btn-ic{transform:translate(2px,-2px);}
.lead2__soclab{margin:clamp(18px,2.2vw,26px) 0 10px;font-family:'Space Grotesk',sans-serif;
  font-size:12.5px;text-transform:lowercase;letter-spacing:.01em;color:rgba(255,255,255,.55);}
.lead2__soclab + .lead2__soc{margin-top:0;}
@media(max-width:860px){
  .lead2__btn--route{width:100%;min-width:0;}
}

/* ==== craft-раскатка 02.07.2026 (tovian-craft.md §4/§7) ==== */
.lead2__btn:active,.lead2__btn--route:active,.cta-form__btn:active{transform:scale(.97);transition:transform .12s var(--ease);}
.lead2__soc a:active{transform:scale(.96);transition:transform .12s var(--ease);}
/* статуя финального CTA открывается снизу вверх при reveal карточки */
html.tv-anim .lead2__card[data-tv-reveal] .lead2__img--statue img{clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--ease) .25s;}
html.tv-anim .lead2__card[data-tv-reveal].tv-in .lead2__img--statue img{clip-path:inset(0 0 0 0);}
@media(prefers-reduced-motion:reduce){.lead2__img--statue img{clip-path:none!important;}}

/* fix 20.07.2026 (QA34): на сверхузких экранах soc-строка переносится, а не режется краем вьюпорта */
@media(max-width:374px){
  .lead2__soc{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;}
}

/* мобильный: статуя в лаймовом баннере скрыта — экономим высоту первого касания */
@media(max-width:600px){
  #banner .bnr__device,#banner .bnr__device--hands{display:none!important;}
  /* без статуи баннеру нужен нижний отступ: базовое правило даёт padding-bottom:0 */
  #banner .bnr{min-height:0!important;padding-bottom:clamp(26px,7vw,34px)!important;}
  .bnrcta .bnr{padding-bottom:clamp(26px,7vw,34px)!important;}
}