/*
 * Главная (макет 10.2026, build/inbox/home/verstka/welbex-site/pages/Home.html и HomeMobile.html).
 * Блоки «Hero: Главная» (acf/wx-hhero), «Калькулятор» (acf/wx-calc), «Знакомо?» (acf/wx-pains), «Призыв с кнопкой» (acf/wx-cta), «YouTube» (acf/wx-yt). Форма и преимущества — общие (.wx-iw-form, .wx-perks, components.css),
 * промо-карточки на телефоне — .wx-promo (components.css). Иллюстрация «окна amoCRM» — Golos Text с системным запасным (--wx-amo-font).
 */

/* ===== Hero ===== */
.v2 .wx-hhero{--wx-amo-font:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  display:flex;flex-direction:row;align-items:center;gap:56px;padding-bottom:88px;}
.v2 .wx-page .wx-content>.wx-hhero:first-child{padding-top:72px;}
.v2 .wx-hhero__tx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px;}
.v2 .wx-page .wx-hhero__h1{font-size:60px;line-height:1.1;}
.v2 .wx-hhero__form{display:flex;flex-direction:column;gap:10px;margin-top:8px;max-width:560px;}
.v2 .wx-hhero__form .wx-agree{margin:0;}
.v2 .wx-hhero__form .wx-form-msg:empty{display:none;}
.v2 .wx-hhero__vis{flex:0 0 600px;min-width:0;}
.v2 .wx-hhero__promo{display:none;}

/* Окно «Внедрение amoCRM» — белое в обеих темах (как «окно amoCRM» на страницах виджетов) */
.v2 .wx-crmv{position:relative;padding:22px 18px 0;font-family:var(--wx-amo-font);animation:wx-hrise 1s .4s var(--ease-standard) both;}
.v2 .wx-ipw{position:relative;border-radius:18px;overflow:hidden;background:#f6f7fb;font-family:var(--wx-amo-font);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);
  transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);animation:wx-crmfloat 7s 1.4s ease-in-out infinite;animation-play-state:var(--wx-play,running);}
html[data-theme="light"] .v2 .wx-ipw{box-shadow:0 30px 60px -24px rgba(60,30,90,.35),0 0 0 1px rgba(23,20,31,.08);}
.v2 .wx-ipw__top{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;background:#fff;border-bottom:1px solid #e6e8ef;}
.v2 .wx-ipw__logo{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8a5c,#e0404c);color:#fff;}
.v2 .wx-ipw__top b{font:700 14px/1 var(--wx-amo-font);color:#1d2433;}
.v2 .wx-ipw__day{margin-left:auto;padding:6px 10px;border-radius:999px;background:#fff1ea;color:#b4421f;font:600 12px/1 var(--wx-amo-font);} /* #d4552e макета — 3.9:1, темнее до 4.5:1 */
.v2 .wx-ipw__prog{height:6px;background:#eceef4;}
.v2 .wx-ipw__prog i{display:block;height:100%;width:67%;background:linear-gradient(90deg,#ff8a5c,#e0404c);border-radius:0 6px 6px 0;transform-origin:left;animation:wx-grow 1.6s .8s var(--ease-standard) both;}
.v2 .wx-ipw__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;padding:14px;}
.v2 .wx-ipw__st{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(20,24,40,.06);}
.v2 .wx-ipw__st li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;}
.v2 .wx-ipw__st li>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0;}
.v2 .wx-ipw__st b{font:600 12.5px/1.2 var(--wx-amo-font);color:#1d2433;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v2 .wx-ipw__st small{font-size:10.5px;color:#6b7180;}
.v2 .wx-ipw__ck{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px #d5d9e3;color:#fff;}
.v2 .wx-ipw__st li.is-ok .wx-ipw__ck{background:#22c55e;box-shadow:none;}
.v2 .wx-ipw__st li.is-ok small{color:#1a7f45;}
.v2 .wx-ipw__st li.is-now{background:#fff4ee;}
.v2 .wx-ipw__st li.is-now .wx-ipw__ck{box-shadow:inset 0 0 0 2px #ff8a5c;}
.v2 .wx-ipw__st li.is-now .wx-ipw__ck i{width:8px;height:8px;border-radius:50%;background:#e0404c;animation:wx-hpulse 1.6s ease-in-out infinite;animation-play-state:var(--wx-play,running);}
.v2 .wx-ipw__st li.is-now small{color:#b4421f;}
.v2 .wx-ipw__side{display:flex;flex-direction:column;gap:12px;}
.v2 .wx-ipw__card{display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(20,24,40,.06);}
.v2 .wx-ipw__card small{font:600 10.5px/1 var(--wx-amo-font);letter-spacing:.04em;text-transform:uppercase;color:#6b7180;}
.v2 .wx-ipw__bars{display:flex;align-items:flex-end;gap:5px;height:64px;}
.v2 .wx-ipw__bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#ff8a5c,#f3c2ad);transform-origin:bottom;animation:wx-hbar .8s var(--ease-standard) both;}
.v2 .wx-ipw__bars i:nth-child(1){animation-delay:1s}
.v2 .wx-ipw__bars i:nth-child(2){animation-delay:1.07s}
.v2 .wx-ipw__bars i:nth-child(3){animation-delay:1.14s}
.v2 .wx-ipw__bars i:nth-child(4){animation-delay:1.21s}
.v2 .wx-ipw__bars i:nth-child(5){animation-delay:1.28s}
.v2 .wx-ipw__bars i:nth-child(6){animation-delay:1.35s}
.v2 .wx-ipw__bars i:nth-child(7){animation-delay:1.42s;background:linear-gradient(180deg,#e0404c,#ff8a5c);}
.v2 .wx-ipw__up{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--wx-amo-font);color:#1a7f45;}
.v2 .wx-ipw__av{display:flex;}
/* фон аватарок темнее макета (#ff8a5c, #8b7bff, #3fb8af): белые инициалы 10 px — контраст ≥ 4.5:1 */
.v2 .wx-ipw__av span{width:30px;height:30px;border-radius:50%;margin-right:-7px;display:flex;align-items:center;justify-content:center;background:var(--c);font:700 10px/1 var(--wx-amo-font);color:#fff;box-shadow:0 0 0 2px #fff;}
.v2 .wx-ipw__av span.is-more{background:#eceef4;color:#5c6478;}

/* Плашки поверх окна */
.v2 .wx-hchip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:12px;background:#1b1720;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -10px rgba(0,0,0,.7);font:500 13px/1 var(--wx-amo-font);color:#fff;white-space:nowrap;
  animation:wx-pop .6s var(--ease-standard) both,wx-bob 5s ease-in-out infinite;animation-play-state:running,var(--wx-play,running);}
.v2 .wx-hchip .wx-ico{width:30px;height:30px;border-radius:8px;}
.v2 .wx-hchip--1{top:0;right:150px;animation-delay:.9s,1.5s;}
.v2 .wx-hchip--2{top:206px;right:-24px;animation-delay:1.1s,2.4s;}
.v2 .wx-hchip--3{top:318px;right:24px;animation-delay:1.3s,3.1s;}

/* Цифры под окном */
.v2 .wx-crmstats{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.v2 .wx-crmstats li{display:flex;flex-direction:column;gap:4px;animation:wx-hrise .7s var(--ease-standard) both;}
.v2 .wx-crmstats li:nth-child(1){animation-delay:1.2s;}
.v2 .wx-crmstats li:nth-child(2){animation-delay:1.35s;}
.v2 .wx-crmstats li:nth-child(3){animation-delay:1.5s;}
.v2 .wx-crmstats b{font:700 28px/1 var(--wx-amo-font);}
.v2 .wx-crmstats span{font-size:13px;color:#a8a5ae;}
html[data-theme="light"] .v2 .wx-crmstats span{color:#5b5568;}
.v2 .wx-ograd{background:linear-gradient(90deg,#e96b3b,#e0404c);-webkit-background-clip:text;background-clip:text;color:transparent;}

@keyframes wx-hrise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@keyframes wx-crmfloat{0%,100%{transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) translateY(0);}50%{transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) translateY(-8px);}}
@keyframes wx-hbar{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@keyframes wx-hpulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.6;}}

@media (prefers-reduced-motion:reduce){
  .v2 .wx-crmv,.v2 .wx-ipw,.v2 .wx-ipw__prog i,.v2 .wx-ipw__bars i,.v2 .wx-ipw__st li.is-now .wx-ipw__ck i,.v2 .wx-hchip,.v2 .wx-crmstats li{animation:none;}
}

/* Узкий десктоп и планшет: колонкой, иллюстрация — под текстом */
@media (max-width:1179px){
  .v2 .wx-hhero{flex-direction:column;align-items:stretch;gap:28px;}
  .v2 .wx-hhero__vis{flex:none;width:100%;max-width:600px;margin-inline:auto;}
}
/* Телефон (макет HomeMobile, 390): иллюстрация без наклона, 4 этапа, график и команда рядом, две плашки внизу; промо и логотипы */
@media (max-width:767px){
  .v2 .wx-page .wx-content>.wx-hhero:first-child{padding-top:24px;}
  .v2 .wx-hhero{padding-bottom:48px;}
  .v2 .wx-page .wx-hhero__h1{font-size:38px;}
  .v2 .wx-hhero .wx-lead{font-size:var(--fs-body);}
  .v2 .wx-crmv{padding:18px 0 0;margin:8px 0;}
  .v2 .wx-ipw{transform:none;animation:wx-floaty 7s 1.4s ease-in-out infinite;animation-play-state:var(--wx-play,running);}
  .v2 .wx-ipw__top{height:44px;padding:0 12px;}
  .v2 .wx-ipw__body{grid-template-columns:minmax(0,1fr);padding:10px 10px 40px;gap:10px;} /* низ окна — под плашки, иначе они закрывают «Растёт» */
  .v2 .wx-ipw__st li{padding:6px 8px;}
  .v2 .wx-ipw__st li:nth-child(5){display:none;}
  .v2 .wx-ipw__side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
  .v2 .wx-ipw__bars{height:44px;}
  .v2 .wx-hchip{font-size:11px;padding:5px 10px 5px 5px;}
  .v2 .wx-hchip .wx-ico{width:24px;height:24px;}
  .v2 .wx-hchip--1{top:auto;bottom:62px;left:4px;right:auto;}
  .v2 .wx-hchip--2{top:auto;bottom:62px;left:auto;right:4px;}
  .v2 .wx-hchip--3{display:none;}
  .v2 .wx-crmstats{margin-top:32px;}
  .v2 .wx-crmstats b{font-size:22px;}
  .v2 .wx-hhero__promo{display:block;}
}

/* ===== Калькулятор (acf/wx-calc) ===== */
.v2 .wx-calc{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center;padding:44px;border-radius:28px;
  background:var(--lg-sheen),var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-edge),var(--lg-drop);}
.v2 .wx-calc__l{display:flex;flex-direction:column;gap:24px;min-width:0;}
.v2 .wx-calc__h{display:flex;flex-direction:column;gap:10px;}
.v2 .wx-page .wx-calc__t{font-size:34px;line-height:1.2;}
.v2 .wx-calc__pr{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);white-space:nowrap;}
.v2 .wx-calc__bar{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;}
html[data-theme="light"] .v2 .wx-calc__bar{background:rgba(23,20,31,.08);}
.v2 .wx-calc__bar i{display:block;width:0;height:100%;border-radius:3px;background:var(--accent-gradient);transition:width .4s var(--ease-standard);}
.v2 .wx-calc__q{margin:0;padding:0;border:0;min-width:0;}
.v2 .wx-calc__q legend{float:left;width:100%;margin:0 0 12px;padding:0;font-weight:700;font-size:16px;color:var(--text-primary);}
.v2 .wx-calc__q legend+*{clear:both;}
.v2 .wx-calc__opts{display:flex;flex-wrap:wrap;gap:8px;}
.v2 .wx-calc__opt{position:relative;display:inline-flex;}
.v2 .wx-calc__opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;}
.v2 .wx-calc__opt span{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:var(--radius-pill);font-size:14px;color:var(--lavender-1);
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(255,255,255,.1);transition:transform .2s var(--ease-standard);}
.v2 .wx-calc__opt:hover span{transform:translateY(-2px);color:var(--white);}
.v2 .wx-calc__opt input:checked+span{background:var(--accent-gradient);color:var(--white);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 22px -12px rgba(224,64,76,.7);}
.v2 .wx-calc__opt input:focus-visible+span{outline:2px solid var(--orange-1);outline-offset:3px;}
html[data-theme="light"] .v2 .wx-calc__opt input:not(:checked)+span{color:#17141f;background:linear-gradient(160deg,#fff,rgba(255,255,255,.72));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(23,20,31,.1);}
.v2 .wx-calc__res{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:var(--bg-popup);box-shadow:var(--lg-edge),var(--shadow-popup);min-width:0;}
.v2 .wx-calc__res h3{margin:0;font-weight:800;font-size:22px;color:var(--text-primary);}
.v2 .wx-calc__res ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.v2 .wx-calc__res li{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--lavender-1);}
html[data-theme="light"] .v2 .wx-calc__res li{color:#2f2a38;}
.v2 .wx-calc__ic{display:flex;flex:0 0 auto;color:#7fd6a0;}
html[data-theme="light"] .v2 .wx-calc__ic{color:#1a7f45;}
.v2 .wx-calc__res li.is-gift{font-weight:600;color:#ffb38a;}
.v2 .wx-calc__res li.is-gift .wx-calc__ic{color:#ff8a5c;}
.v2 .wx-calc__res li.is-first{margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);}
html[data-theme="light"] .v2 .wx-calc__res li.is-gift{color:#c2410c;}
html[data-theme="light"] .v2 .wx-calc__res li.is-gift .wx-calc__ic{color:#e0602e;}
html[data-theme="light"] .v2 .wx-calc__res li.is-first{border-top-color:rgba(23,20,31,.1);}
.v2 .wx-calc__star{font-size:.55em;vertical-align:super;color:var(--orange-1);margin-left:2px;}
.v2 .wx-calc__res .wx-txt{margin:0;font-size:14px;}
.v2 .wx-calc__res .wx-iw-form{max-width:none;flex-direction:column;border-radius:28px;} /* узкая колонка: поле на всю ширину, кнопка под ним (владелец, 13.10) */
.v2 .wx-calc__res .wx-iw-form__btn{width:100%;}
.v2 .wx-calc__res .wx-agree,.v2 .wx-calc__res .wx-form-msg{margin:0;}
.v2 .wx-calc__res .wx-form-msg:empty{display:none;}
.v2 .wx-calc__note{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted);}
html[data-theme="light"] .v2 .wx-calc__note{color:#5b5568;}
@media (prefers-reduced-motion:reduce){.v2 .wx-calc__bar i,.v2 .wx-calc__opt span{transition:none;}.v2 .wx-calc__opt:hover span{transform:none;}}
@media (max-width:1023px){.v2 .wx-calc{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px;}}
@media (max-width:767px){
  .v2 .wx-calc{gap:28px;padding:24px;}
  .v2 .wx-page .wx-calc__t{font-size:24px;}
  .v2 .wx-calc__res{padding:20px;}
}

/* ===== Знакомо? (acf/wx-pains) ===== */
.v2 .wx-pains__g{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px;}
.v2 .wx-pb{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:24px;
  background:var(--lg-sheen),var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-edge),var(--lg-drop);}
.v2 .wx-pb--good{box-shadow:var(--lg-edge),0 0 0 1px rgba(127,214,160,.35),var(--lg-drop);}
.v2 .wx-pb h3{margin:0;font-weight:700;font-size:20px;color:var(--text-primary);}
.v2 .wx-pb h3.wx-grad{color:transparent;}
.v2 .wx-pb ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.v2 .wx-pb li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--lavender-1);}
html[data-theme="light"] .v2 .wx-pb li{color:#2f2a38;}
.v2 .wx-pb__ic{display:flex;flex:0 0 auto;padding-top:2px;}
.v2 .wx-pb--bad .wx-pb__ic{color:var(--red-1);}
.v2 .wx-pb--good .wx-pb__ic{color:#7fd6a0;}
html[data-theme="light"] .v2 .wx-pb--bad .wx-pb__ic{color:#c8283a;}
html[data-theme="light"] .v2 .wx-pb--good .wx-pb__ic{color:#1a7f45;}
html[data-theme="light"] .v2 .wx-pb--good{box-shadow:var(--lg-edge),0 0 0 1px rgba(26,127,69,.35),var(--lg-drop);}

/* ===== Призыв с кнопкой (acf/wx-cta) ===== */
.v2 .wx-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 48px;border-radius:28px;
  background:var(--lg-sheen),var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-edge),var(--lg-drop);}
.v2 .wx-cta__l{display:flex;gap:20px;align-items:center;min-width:0;}
.v2 .wx-cta__ic{width:64px;height:64px;flex:0 0 64px;border-radius:20px;}
.v2 .wx-cta__ic img{width:32px;height:32px;}
.v2 .wx-cta__tx{display:flex;flex-direction:column;gap:6px;min-width:0;}
.v2 .wx-page .wx-cta__t{font-size:30px;line-height:1.2;}
.v2 .wx-cta__tx .wx-txt{margin:0;}
.v2 .wx-cta__btn{flex:0 0 auto;height:52px;padding:0 32px;}

/* ===== YouTube (acf/wx-yt) ===== */
.v2 .wx-yt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:44px;border-radius:28px;
  background:var(--lg-sheen),var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-edge),var(--lg-drop);}
.v2 .wx-yt--solo{grid-template-columns:minmax(0,1fr);}
.v2 .wx-yt__tx{display:flex;flex-direction:column;gap:16px;min-width:0;}
.v2 .wx-page .wx-yt__t{font-size:34px;line-height:1.3;}
.v2 .wx-yt__tx .wx-txt{margin:0;}
.v2 .wx-yt__btn{height:52px;padding:0 32px;}
.v2 .wx-yt__btn img{width:20px;height:auto;}
.v2 .wx-yt__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;}
.v2 .wx-ytv{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;
  background:radial-gradient(300px 160px at 20% 10%,rgba(110,26,150,.5),transparent 60%),radial-gradient(260px 160px at 90% 90%,rgba(150,26,45,.45),transparent 60%),var(--bg-popup);box-shadow:var(--lg-edge);}
.v2 .wx-ytv a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.v2 .wx-ytv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.v2 .wx-ytv img.is-yt{transform:scale(1.12);} /* hqdefault 4:3 с полосами: 16:9 внутри, ×1.12 — полосы за краем 16:10 */
.v2 .wx-ytv__pl{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:var(--white);
  box-shadow:0 10px 24px -10px rgba(0,0,0,.6);transition:transform .25s var(--ease-standard);}
.v2 .wx-ytv a:hover .wx-ytv__pl{transform:scale(1.08);}
.v2 .wx-ytv a:focus-visible{outline:2px solid var(--orange-1);outline-offset:-4px;border-radius:18px;}
.v2 .wx-ytv iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

@media (max-width:1023px){.v2 .wx-pains__g{grid-template-columns:minmax(0,1fr);}.v2 .wx-yt{grid-template-columns:minmax(0,1fr);gap:32px;}}
@media (max-width:767px){
  .v2 .wx-pb{padding:22px 20px;}
  .v2 .wx-cta{flex-direction:column;align-items:flex-start;padding:24px;}
  .v2 .wx-cta__l{gap:16px;}
  .v2 .wx-page .wx-cta__t{font-size:24px;}
  .v2 .wx-yt{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px;}
  .v2 .wx-page .wx-yt__t{font-size:24px;}
}