/* ===== v8 (WEB-ITER8, 25.10.2026): главная v2, A/B экранов 1–2, воронка, листалка причин, /b2b/, /svoya-baza/ ===== */

/* A/B главной: класс на <html> ставит скрипт в <head> до отрисовки */
.ab-home-b-only{display:none}
html.ab-home-b .ab-home-a-only{display:none!important}
html.ab-home-b .ab-home-b-only{display:block}

/* экран 1 */
.c8-hero-note{margin:14px 0 0;font-size:14px;color:var(--muted)}
.c8-hero-vis{padding-bottom:0}
.c8-hero-vis .c8-sig{position:relative;z-index:1;box-shadow:var(--shadow)}
@media(max-width:680px){.c8-hero-note{margin-top:10px;font-size:13px}}

/* карточка сигнала: источник, дата, почему подходит, почему сейчас, следующий шаг */
.c8-sig{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.c8-sig-top{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;font-size:13px}
.c8-sig h3{font-size:20px;line-height:1.25;margin:0}
.c8-sig .quote{margin:0}
.c8-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.c8-dl div{background:var(--paper);border-radius:12px;padding:9px 11px;font-size:13.5px;line-height:1.35;min-width:0}
.c8-dl div.unk{background:var(--signal-soft)}
.c8-dl dt{font-weight:700;font-size:12px;color:var(--muted);margin-bottom:2px}
.c8-dl dd{margin:0;overflow-wrap:anywhere}
.c8-next{border-top:1px dashed var(--line);padding-top:10px;display:grid;gap:2px;font-size:14.5px}
.c8-next .muted{font-size:12px}
.c8-sig-note{margin:0;font-size:12px;color:var(--muted)}
@media(max-width:560px){.c8-dl{grid-template-columns:1fr}.c8-sig{padding:18px}}

/* экран 2: три цифры (A) и воронка (B) */
.c8-proof .shell{grid-template-columns:repeat(3,1fr)}
.c8-proof .it:nth-child(n){display:block}
.c8-proofnote{font-size:13px;color:var(--muted);padding:0 18px 16px}
@media(max-width:900px){.c8-proof .shell{grid-template-columns:repeat(3,1fr)}.c8-proof .it{border-bottom:0}.c8-proof .it:nth-child(2n){border-right:1px solid var(--line)}.c8-proof .it:last-child{border-right:0}}
@media(max-width:560px){.c8-proof .shell{grid-template-columns:1fr 1fr}.c8-proof .it:nth-child(2n){border-right:0}.c8-proof .it:last-child{grid-column:1/-1;border-top:1px solid var(--line)}}
.c8-proof-b{border-block:1px solid var(--line);background:var(--white);padding:22px 0 16px}
.c8-funnel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.c8-funnel li{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 14px 18px;min-width:0;overflow:hidden}
.c8-funnel li+li::before{content:"→";position:absolute;left:-2px;top:12px;color:var(--muted);font-size:13px;display:none}
.c8-funnel b{display:block;font:800 clamp(24px,2.4vw,34px)/1 var(--sans);letter-spacing:-.03em}
.c8-funnel span{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.3}
.c8-fbar{position:absolute;left:0;bottom:0;height:5px;width:var(--w);background:var(--lime-2);border-radius:0 4px 0 0}
.c8-taken{background:var(--lime-soft)!important;border-color:#d7e9a5!important}
.c8-blur{filter:blur(7px);user-select:none;color:var(--ink)}
.c8-fnote{margin:10px 0 0;font-size:12.5px;color:var(--muted)}
@media(max-width:900px){.c8-funnel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.c8-funnel{grid-template-columns:1fr 1fr;gap:8px}.c8-funnel li{padding:12px 12px 16px}}

/* экран 3: ситуации с мини-схемой */
.c8-sit{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.c8-sit:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.c8-mini{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:m}
.c8-mini li{position:relative;background:var(--paper);border-radius:12px;padding:9px 12px 9px 36px;font-size:14.5px;line-height:1.35}
.c8-mini li::before{counter-increment:m;content:counter(m);position:absolute;left:11px;top:9px;width:17px;height:17px;border-radius:50%;background:var(--lime);font:700 11px/17px var(--sans);text-align:center}
.c8-mini small{display:block;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.c8-sit .more{margin-top:auto;font-weight:700;display:inline-flex;gap:6px;align-items:center}
.c8-sit .more svg,.c8-case .more svg{width:16px;height:16px}

/* экран 5: листалка 10 причин, видны три */
.c8-slider{position:relative}
.c8-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;outline-offset:4px}
.c8-track::-webkit-scrollbar{display:none}
.c8-track>*{scroll-snap-align:start}
.c8-rc{position:relative}
.c8-no{position:absolute;right:22px;top:20px;font:700 12px/1 var(--mono, monospace);color:var(--muted);letter-spacing:.1em}
.c8-sl-ctrl{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.c8-sl-ctrl .c8-sl-prev{min-width:48px;padding:0 16px}
.c8-sl-ctrl .c8-sl-prev[disabled]{opacity:.35;cursor:default}
.c8-count{font-size:14px;color:var(--muted);min-width:70px}
@media(max-width:900px){.c8-track{grid-auto-columns:calc((100% - 20px) / 2)}}
@media(max-width:680px){.c8-track{grid-auto-columns:86%;gap:12px}}

/* экран 6: маршруты */
.c8-route{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:6px;counter-reset:s}
.c8-routes .card{display:grid;grid-template-rows:auto auto minmax(8em,auto) 1fr auto;align-content:start}
.c8-routes .card .tag{justify-self:start}
.c8-routes .card>.btns{margin-top:auto}
.c8-route-details summary{display:none}
@media(max-width:1100px){.c8-routes{grid-template-columns:1fr}.c8-routes .card{grid-template-rows:auto auto auto 1fr auto}}
.c8-route li{display:grid;grid-template-columns:26px 1fr;column-gap:10px;font-size:15px;line-height:1.35}
.c8-route li::before{counter-increment:s;content:counter(s,decimal-leading-zero);grid-row:span 2;font:700 12px/1.6 var(--sans);color:var(--lime-2)}
.c8-route span{color:var(--muted);font-size:13.5px}
.dark .c8-route span{color:var(--on-dark-muted)}

/* экран 7: результат шага */
.c8-res{margin-top:10px!important;font-size:14px!important;color:var(--ink)!important;background:var(--lime-soft);border-radius:10px;padding:8px 10px}

/* экран 8: компактная карта всех 16 зон */
#zones-home{padding-block:28px}
#zones-home .sec-h{max-width:none;margin-bottom:16px;gap:8px}
#zones-home .sec-h h2{font-size:clamp(30px,3.3vw,44px);line-height:1.08}
#zones-home .sec-h .lead{font-size:16px;line-height:1.4}
.c8-zones .c7-zones{padding:14px}
.c8-zones .c7-zf{gap:5px;margin-bottom:12px}
.c8-zones .c7-zfr{gap:5px}
.c8-zones .c7-zf button{min-height:30px;padding:6px 10px;font-size:12px}
.c8-zones .c7-zfl{font-size:10px;min-width:80px}
.c8-zones .c7-zlist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.c8-zones .c7-zl{border-left:0;border-top:4px solid var(--z1);border-radius:12px;background:var(--paper);padding:10px;gap:7px;align-content:start;min-width:0}
.c8-zones .c7-zl.z2{border-top-color:var(--z2)}
.c8-zones .c7-zl.z3{border-top-color:var(--z3)}
.c8-zones .c7-zl.z4{border-top-color:var(--z4)}
.c8-zones .c7-zl.z5{border-top-color:var(--z5)}
.c8-zones .c7-zl>b{font-size:14px;line-height:1.2}
.c8-zones .c7-chips{display:grid;gap:4px}
.c8-zones .c7-chips span{display:block;border-radius:8px;padding:5px 7px;font-size:11.5px;line-height:1.2;white-space:normal}
.c8-zones .c7-zones figcaption{margin-top:8px;font-size:11px}
@media(min-width:900px){#zones-home .sec-h{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end}#zones-home .sec-h .eyebrow{grid-column:1/-1}#zones-home .sec-h .lead{max-width:55ch}}
@media(max-width:1100px){.c8-zones .c7-zlist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){#zones-home{padding-block:36px}#zones-home .sec-h{margin-bottom:18px}.c8-zones .c7-zlist{grid-template-columns:1fr 1fr}.c8-zones .c7-zl{padding:9px}.c8-zones .c7-zl>b{font-size:13px}}
.c8-dirs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:20px}
.c8-dirs .muted{font-size:14px;margin-right:6px}
.c8-dirs a.tag{text-decoration:none}
.c8-dirs a.tag:hover{border-color:var(--ink)}

/* экран 9: вкладки находок */
.c8-tabs button{border-color:var(--line);color:var(--ink-2)}
.c8-fgrid{align-items:start}
.c8-orders{display:grid;gap:14px}
.c8-orders-details summary{display:none}
.c8-orders .tg{max-width:none;margin:0}
.c8-finds .swipe-hint{display:none}

/* экран 10: кейсы «задача → что сделали → результат» */
.c8-funnel-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:22px;display:grid;gap:12px}
.c8-funnel-wrap .more{font-weight:700;display:inline-flex;gap:6px;align-items:center;text-decoration:none}
.c8-funnel-wrap .more svg{width:16px;height:16px}
.c8-cases{align-items:stretch}
.c8-case-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.c8-case .logo{height:36px;width:auto;object-fit:contain}
.c8-tdr{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.c8-tdr li{border-left:3px solid var(--lime-2);padding:2px 0 2px 12px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.c8-tdr small{display:block;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.c8-case .tq{margin:4px 0 0}
.c8-case-quote summary{display:none}

/* экран 11: цены */
.c8-price{font:800 clamp(24px,2.4vw,32px)/1.1 var(--sans);letter-spacing:-.02em}
.c8-price-or{font-weight:700;color:var(--ink-2)}

/* экран 13 */
.c8-notfor{margin-top:22px;border:1px solid var(--dark-line);border-radius:var(--r);padding:24px}
.c8-notfor ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--on-dark-muted)}

/* экран 15 */
.c8-pilot-link{margin-top:16px;font-size:15px;color:var(--on-dark-muted)}
.c8-pilot-link a{color:var(--lime)}

/* /b2b/: сценарий «после выставки» */
.c8-expo{max-width:860px}

@media(max-width:680px){
  .c8-hero .lead{margin-bottom:18px}
  .c8-zones .c7-zones{padding:16px}
  .ns{height:590px}
}

/* первый экран: примеры лидов по типам бизнеса, радар шире карточки (виден вокруг неё) */
.c8-hx-h{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--muted);position:relative;z-index:1}
.c8-hx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;position:relative;z-index:1}
.c8-hx-tabs button{font:700 13px/1.1 var(--sans);padding:8px 12px;min-height:36px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.c8-hx-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.c8-hx-panel{position:relative;z-index:1}
.c8-hx-panel .c8-sig{box-shadow:var(--shadow)}
.c8-hero-vis .radar{width:780px;height:780px;right:-230px;top:-200px}
.c8-hero-vis .radar .sweep{animation-duration:7s}
@media(prefers-reduced-motion:reduce){.c8-hero-vis .radar .sweep{animation-duration:9s}}
@media(min-width:681px) and (max-width:1000px){
  .c8-hero .radar-m{display:block;width:160px;height:160px;margin:0 0 18px}
  .c8-hero .radar-m .radar{display:block!important;position:static;width:160px;height:160px}
}
.c8-hero-vis .radar-found{position:absolute;top:103px;left:235px;z-index:2;width:250px;height:68px;font-family:var(--sans)}
.radar-demo{position:absolute;left:0;top:0;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.radar-found-item{position:absolute;left:0;top:18px;display:grid;grid-template-columns:12px 1fr;column-gap:7px;align-items:start;width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);opacity:0;animation:radar-found 9s linear infinite}
.radar-found-item:nth-of-type(3){animation-delay:3s}
.radar-found-item:nth-of-type(4){animation-delay:6s}
.radar-found-item i{grid-row:span 2;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--lime-2);box-shadow:0 0 0 3px var(--lime-soft)}
.radar-found-item b{font-size:11px;line-height:1.2}
.radar-found-item small{font-size:10px;color:var(--muted)}
@keyframes radar-found{0%,5%{opacity:0;transform:translateY(5px)}8%,29%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-4px)}}
.c8-hero{overflow-x:clip}

/* CTA-полосы между секциями содержательных страниц */
.c8-strip-sec{padding-block:8px}
.c8-strip{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;background:var(--lime-soft,#eef6cf);border:1px solid var(--line);border-radius:22px;padding:18px 24px}
.c8-strip>div:first-child{display:grid;gap:3px;min-width:220px;flex:1 1 320px}
.c8-strip b{font-size:18px}
.c8-strip span{font-size:14px;color:var(--muted)}
.c8-strip .btns{margin:0;gap:8px;justify-content:flex-start}
@media(max-width:680px){.c8-strip{padding:16px}.c8-strip .btn{width:100%;justify-content:center}}

/* Компактный мобильный проход: важные карточки видны целиком без боковой карусели. */
@media(max-width:680px){
  #situation .car-m,.c8-routes,.c8-ways,.ethic{display:grid!important;grid-auto-flow:row;grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;margin-right:0;padding-right:0;padding-bottom:0;gap:10px}
  #situation .swipe-hint{display:none}
  #situation .c8-sit{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px;padding:14px}
  #situation .c8-sit .ico{grid-column:1;width:38px;height:38px}
  #situation .c8-sit h3{grid-column:2;margin:2px 0 0;font-size:17px;line-height:1.2}
  #situation .c8-mini,#situation .c8-sit .more{grid-column:1/-1}
  #situation .c8-mini{gap:4px}
  #situation .c8-mini li{padding:5px 8px 5px 28px;font-size:12.5px;line-height:1.25}
  #situation .c8-mini li::before{left:7px;top:7px;width:15px;height:15px;line-height:15px}
  #situation .c8-mini li:nth-child(-n+2){display:none}
  #situation .c8-mini li:last-child::before{content:'✓'}
  #situation .c8-mini small{font-size:10px}
  #situation .c8-sit .more{font-size:13px}
  .c8-routes .card,.c8-ways .card,.ethic .card{padding:16px;gap:8px;min-width:0}
  .c8-routes .card{grid-template-rows:auto auto auto auto auto}
  .c8-routes .card h3,.c8-ways .card h3,.ethic .card h3{font-size:18px;line-height:1.2}
  .c8-routes .card p,.c8-ways .card p,.ethic .card p{font-size:14px;line-height:1.4;margin:0}
  .c8-routes .c8-route{margin:2px 0}
  .c8-routes .c8-route li{padding-block:3px}
  .c8-route-details summary{display:list-item;cursor:pointer;font-size:13px;font-weight:700;padding:8px 0}
  .c8-orders-details summary{display:list-item;cursor:pointer;font-weight:700;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
  .c8-orders-details .c8-orders{margin-top:10px}
  .ethic .card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center}
  .ethic .card .ico{width:38px;height:38px}
  .ethic .card h3{margin:0}
  .ethic .card p{grid-column:1/-1}
  #compare .tbl-wrap{overflow:visible}
  #compare .cmp{display:block;min-width:0;font-size:13px}
  #compare .cmp thead{display:none}
  #compare .cmp tbody{display:grid;gap:8px;padding:8px}
  #compare .cmp tr{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  #compare .cmp td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:7px 10px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
  #compare .cmp td:first-child{display:block;background:var(--paper);font-weight:700;padding:9px 10px}
  #compare .cmp td:not(:first-child)::before{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
  #compare .cmp td:nth-child(2)::before{content:'База компаний'}
  #compare .cmp td:nth-child(3)::before{content:'Парсер чатов'}
  #compare .cmp td:nth-child(4)::before{content:'Агентство'}
  #compare .cmp td:nth-child(5)::before{content:'Лидогенератор'}
  .c8-case-quote{min-width:0}
  .c8-case-quote summary{display:list-item;cursor:pointer;font-weight:700;color:var(--ink);padding:8px 0}
  .c8-case-quote .tq{margin-top:8px}
  #zones-home .c7-zlist{display:block;columns:2;column-gap:8px}
  #zones-home .c7-zl{display:inline-grid;width:100%;break-inside:avoid;margin:0 0 8px}
  #zones-home .c8-dirs+p .btn{max-width:100%;white-space:normal;text-align:center;justify-content:center}
  .ftr .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .ftr .cols>*{min-width:0;overflow-wrap:anywhere}
}

/* схема «7 вопросов карточки» рядом с демо-карточкой: цепочка с номерами */
.seven-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;position:relative;height:100%;justify-content:space-between}
.seven-flow::before{content:"";position:absolute;left:29px;top:26px;bottom:26px;width:2px;background:linear-gradient(var(--signal),var(--lime-2));opacity:.55}
.seven-flow li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:10px 16px 10px 12px;flex:1}
.seven-flow .n{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--lime);font:800 15px/1 var(--sans)}
.seven-flow .hd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.seven-flow h3{font-size:17px;margin:0}
.seven-flow p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.35}
.seven-flow .chip{display:inline-block;font-size:12px;font-weight:600;background:var(--lime-soft);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
@media(max-width:900px){.seven-flow{height:auto}.seven-flow::before{display:none}}