/* ===== v7 (25.10.2026): бренд «Лидогенератор», цены, 16 зон, квалифицированный лид, графики рынка ===== */
:root{--z1:#a9cf45;--z2:var(--signal);--z3:var(--blue);--z4:#5f9a7a;--z5:#8b8f84;--tip:var(--dark)}
.brand small{text-transform:uppercase}
.nw{white-space:nowrap}
.c7-src{font-size:13px;margin-top:12px;line-height:1.5}
.c7-src a,.c7-market a{font-weight:700}
.more svg{width:16px;height:16px}
.c7-hl{border-color:#cfe39a!important;background:var(--lime-soft)!important}
.dark .c7-hl{background:var(--dark-2)!important;border-color:var(--lime)!important}
.proof .c7-proofnote{display:block;grid-template-columns:none;padding:16px 0 0;text-align:center;font-size:15px;color:var(--ink-2)}
.proof .c7-proofnote b{color:var(--ink)}

/* три способа купить */
.c7-ways .c7-way{text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.c7-way:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--ink)}
.c7-from{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.c7-way .more,.card .more{margin-top:auto;font-weight:700;display:inline-flex;gap:6px;align-items:center;text-decoration:none}

/* переключатель периода и тарифы */
.c7-bill{display:inline-flex;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:24px}
.c7-bill button{font:700 14px/1 var(--sans);border:0;background:none;padding:11px 18px;border-radius:999px;cursor:pointer;color:var(--ink-2);min-height:40px}
.c7-bill button[aria-pressed=true]{background:var(--ink);color:#fff}
.c7-tiers{align-items:stretch;padding-top:14px}
.c7-tier{position:relative}
.c7-tier.hi{border-color:var(--ink);box-shadow:var(--shadow)}
.c7-badge{position:absolute;top:-12px;left:24px;background:var(--lime);font:700 12px/1 var(--sans);padding:7px 11px;border-radius:999px}
.c7-who{font-size:14px!important;min-height:2.8em}
.c7-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.c7-price span{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1}
.c7-price small{color:var(--muted);font-size:14px}
.c7-tiers[data-bill=month] .py,.c7-tiers[data-bill=year] .pm{display:none}
.c7-sub{font-size:13.5px!important;color:var(--muted)!important}
.c7-zm{display:grid;gap:6px;font-size:13px;font-weight:700}
.c7-zm div{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}
.c7-zm i{height:8px;border-radius:3px;background:var(--paper-2)}
.c7-zm i.on{background:var(--z1)}
.c7-check{list-style:none;padding:0!important;margin:0;display:grid;gap:8px}
.c7-check li{position:relative;padding-left:24px}
.c7-check li::before{content:"";position:absolute;left:3px;top:.5em;width:11px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.75}
.c7-big-list{font-size:16px;gap:14px}
.c7-tier .btn{margin-top:auto}
.c7-io.out .ico{background:var(--paper-2)}
.c7-io.never .ico{background:var(--signal-soft);color:#8d3e22}
.c7-io ul{display:grid;gap:6px}

/* прайс за результат */
.c7-res .c7-pr b{font-size:19px;display:block}
.c7-res .c7-pr small{display:block;font-weight:600;color:var(--muted);font-size:13px;margin-top:4px}
.c7-res tr.c7-base td{background:var(--paper)}
.c7-res tr.c7-base td.us{background:var(--lime-soft)}
.c7-market{margin-top:22px;padding:18px 20px;border-radius:var(--r-sm);background:var(--paper);border:1px dashed var(--line);font-size:15px;color:var(--ink-2);line-height:1.55}
.c7-rule{margin-top:22px}
.c7-ourprice b{font-size:20px}

/* графики: лог-шкала */
.c7-chart{margin:0;position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 18px}
.c7-rows{display:grid;gap:4px}
.c7-r{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:center;min-height:46px}
.c7-l b{display:block;font-size:14.5px;line-height:1.25}
.c7-l small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:2px}
.c7-r.us .c7-l b{color:var(--ink)}
.c7-r.us{background:linear-gradient(90deg,var(--lime-soft),transparent);border-radius:12px;padding:4px 0 4px 10px;margin-left:-10px}
.c7-t{position:relative;height:28px}
.c7-g{position:absolute;top:-8px;bottom:-8px;width:1px;background:var(--line)}
.c7-v{position:absolute;top:-8px;bottom:-8px;width:0;border-left:2px dashed var(--z1);opacity:.75}
.c7-b{position:absolute;top:6px;height:16px;border-radius:8px;background:color-mix(in srgb,var(--ink) 16%,transparent);cursor:pointer;transform-origin:left center;transform:scaleX(0);
  transition:transform 1s cubic-bezier(.2,.7,.2,1),background .2s,box-shadow .2s}
.c7-chart.in .c7-b{transform:none}
.c7-rows .c7-r:nth-child(2) .c7-b{transition-delay:.06s,0s,0s}.c7-rows .c7-r:nth-child(3) .c7-b{transition-delay:.12s,0s,0s}
.c7-rows .c7-r:nth-child(4) .c7-b{transition-delay:.18s,0s,0s}.c7-rows .c7-r:nth-child(5) .c7-b{transition-delay:.24s,0s,0s}
.c7-rows .c7-r:nth-child(6) .c7-b{transition-delay:.3s,0s,0s}.c7-rows .c7-r:nth-child(7) .c7-b{transition-delay:.36s,0s,0s}
.c7-rows .c7-r:nth-child(n+8) .c7-b{transition-delay:.42s,0s,0s}
.c7-b:hover,.c7-b:focus-visible,.c7-b.on{background:color-mix(in srgb,var(--ink) 32%,transparent);box-shadow:0 0 0 3px var(--paper-2)}
.c7-core{position:absolute;top:0;bottom:0;border-radius:8px;background:var(--ink-2);pointer-events:none}
.c7-b.us{background:var(--z1)}
.c7-b.us:hover,.c7-b.us:focus-visible,.c7-b.us.on{background:var(--lime-2);box-shadow:0 0 0 3px var(--lime-soft)}
.c7-axis{min-height:0;align-items:start;margin-top:8px}
.c7-axis .c7-t{height:auto}
.c7-axis .c7-l small{font-weight:700;color:var(--ink-2);padding-top:30px}
.c7-tl{position:relative;height:20px;font:600 11.5px/1 var(--sans);color:var(--muted)}
.c7-tl span{position:absolute;top:2px;transform:translateX(-50%);white-space:nowrap}
.c7-tl span:first-child{transform:none}
.c7-tl span:last-child{transform:translateX(-100%)}
.c7-ml{position:relative;height:calc(var(--n,4) * 22px + 6px)}
.c7-m{position:absolute;top:calc(var(--k) * 22px + 4px);width:0;height:18px;font-style:normal;cursor:pointer;white-space:nowrap;outline-offset:2px}
.c7-m::before{content:"";position:absolute;left:-6px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--z1);border:2px solid var(--ink)}
.c7-m b{position:absolute;left:10px;top:0;font:700 12px/18px var(--sans);background:var(--lime-soft);padding:0 7px;border-radius:6px}
.c7-m.r b{left:auto;right:10px}
.c7-tip{position:absolute;z-index:6;max-width:min(340px,calc(100% - 24px));background:var(--tip);color:var(--on-dark);font-size:13.5px;line-height:1.45;padding:10px 12px;border-radius:10px;box-shadow:var(--shadow);pointer-events:none}
.c7-legend{margin:14px 0 0;font-size:14px;color:var(--ink-2)}
.c7-chart figcaption{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:14px;font-size:13px}
.c7-key{display:inline-flex;gap:7px;align-items:center;font-weight:600}
.c7-key i{width:22px;height:10px;border-radius:5px;display:inline-block}
.c7-key .k1{background:color-mix(in srgb,var(--ink) 16%,transparent)}.c7-key .k2{background:var(--ink-2)}.c7-key .k3{background:var(--z1);border:2px solid var(--ink);width:12px;height:12px;border-radius:50%}
.c7-more{margin-top:16px}
.c7-more summary{cursor:pointer;font-weight:700;padding:10px 0}
.c7-mx td.us{font-weight:700}
@media(max-width:760px){
  .c7-chart{padding:16px 14px 14px}
  .c7-r{grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;padding:6px 0}
  .c7-r.us{padding:6px 8px;margin-left:-8px}
  .c7-axis .c7-l{display:none}
  .c7-t{height:24px}
  .c7-b{top:4px}
  .c7-tl span:nth-child(even){display:none}
}

/* посередине рынка */
.c7-mid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;align-items:center;padding-top:62px;position:relative}
.c7-scale{position:absolute;left:0;right:0;top:0;height:50px}
.c7-sbar{position:relative;height:30px}
.c7-sbar i{position:absolute;height:8px;border-radius:4px}
.c7-sbar .bots{top:0;background:var(--z5)}
.c7-sbar .us{top:11px;background:var(--z1);box-shadow:0 0 0 2px var(--ink)}
.c7-sbar .ag{top:22px;background:var(--signal)}
.c7-stk{position:relative;height:16px;font:600 12px/1 var(--sans);color:var(--muted)}
.c7-stk span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.c7-stk span:first-child{transform:none}.c7-stk span:last-child{transform:translateX(-100%)}
.dark .c7-stk{color:var(--on-dark-muted)}
.c7-pole,.c7-core-card{border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.c7-pole{background:var(--white);border:1px solid var(--line)}
.c7-pole b{font-size:22px;letter-spacing:-.02em}
.c7-pole p{color:var(--ink-2);font-size:15px}
.c7-pole .tag,.c7-core-card .tag{justify-self:start}
.c7-core-card{background:var(--dark);color:var(--on-dark);box-shadow:var(--shadow);transform:scale(1.03);position:relative}
.c7-core-card::before,.c7-core-card::after{content:"";position:absolute;top:50%;width:18px;height:2px;background:var(--ink)}
.c7-core-card::before{left:-18px}.c7-core-card::after{right:-18px}
.c7-core-card b{font-size:28px;color:var(--lime);letter-spacing:-.02em}
.c7-core-card p{color:var(--on-dark-muted);font-size:15.5px}
.c7-core-card .more{color:var(--lime)}
.dark .c7-pole{background:var(--dark-2);border-color:var(--dark-line)}
.dark .c7-pole p{color:var(--on-dark-muted)}
.dark .c7-core-card{background:var(--lime);color:var(--ink)}
.dark .c7-core-card b,.dark .c7-core-card .more{color:var(--ink)}
.dark .c7-core-card p{color:var(--ink-2)}
.dark .c7-core-card::before,.dark .c7-core-card::after{background:var(--lime)}
@media(max-width:900px){
  .c7-mid{grid-template-columns:1fr;gap:14px;padding-top:62px}
  .c7-core-card{transform:none}
  .c7-core-card::before,.c7-core-card::after{left:50%;right:auto;width:2px;height:14px;top:auto}
  .c7-core-card::before{top:-14px}.c7-core-card::after{bottom:-14px}
}

/* зоны: схема, фильтр, таблица */
.c7-zones{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.c7-zones figcaption{margin-top:12px;font-size:13px}
.c7-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.c7-zf{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.c7-zfr{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.c7-zfl{font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;opacity:.7;min-width:96px}
.c7-zfn{margin:-6px 0 14px}
.niche-other[hidden]{display:none}
.c7-zf button,.c7-presets button{font:700 14px/1.1 var(--sans);padding:10px 14px;min-height:40px;border-radius:999px;border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink)}
.c7-zf button[aria-pressed=true],.c7-presets button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.c7-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.c7-sk svg{width:100%;max-width:920px;min-width:620px;height:auto;display:block;margin-inline:auto}
.c7-sk text{font:700 15px var(--sans);fill:var(--ink);pointer-events:none}
.c7-sk .zgt{font-size:16px;font-weight:800}
.c7-sk .zgs{font-size:13px;font-weight:600;fill:var(--ink-2)}
.c7-sk .zb{fill:none;stroke-width:12;stroke-linecap:round;opacity:.3;stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.7,.2,1),opacity .25s,stroke-width .25s}
.c7-zones.in .zb{stroke-dashoffset:0}
.c7-sk .zg rect{stroke:none}
.c7-sk .zn{cursor:pointer;outline:none}
.c7-sk .zn rect{fill:var(--paper);stroke-width:2;transition:fill .25s,opacity .25s,transform .25s}
.c7-sk .zn,.c7-sk .zb{transition:opacity .25s}
.c7-sk .z1 rect{stroke:var(--z1)}.c7-sk .zg.z1 rect{fill:color-mix(in srgb,var(--z1) 32%,#fff)}.c7-sk .zb.z1{stroke:var(--z1)}
.c7-sk .z2 rect{stroke:var(--z2)}.c7-sk .zg.z2 rect{fill:color-mix(in srgb,var(--z2) 26%,#fff)}.c7-sk .zb.z2{stroke:var(--z2)}
.c7-sk .z3 rect{stroke:var(--z3)}.c7-sk .zg.z3 rect{fill:color-mix(in srgb,var(--z3) 20%,#fff)}.c7-sk .zb.z3{stroke:var(--z3)}
.c7-sk .z4 rect{stroke:var(--z4)}.c7-sk .zg.z4 rect{fill:color-mix(in srgb,var(--z4) 26%,#fff)}.c7-sk .zb.z4{stroke:var(--z4)}
.c7-sk .z5 rect{stroke:var(--z5)}.c7-sk .zg.z5 rect{fill:color-mix(in srgb,var(--z5) 26%,#fff)}.c7-sk .zb.z5{stroke:var(--z5)}
.c7-sk .zn:hover rect,.c7-sk .zn:focus-visible rect,.c7-sk .zn.hov rect{fill:var(--lime-soft)}
.c7-sk .zb.hov{opacity:.75;stroke-width:16}
.c7-sk.f .zn:not(.hit){opacity:.22}
.c7-sk.f .zb:not(.hit){opacity:.05}
.c7-sk.f .zb.hit{opacity:.7}
.c7-sk.f .zn.hit rect{fill:var(--lime-soft)}
.c7-zt tr.c7-grp td{background:var(--paper);font-size:13px;letter-spacing:.02em;border-left:4px solid var(--z1)}
.c7-zt tr.c7-grp.z2 td{border-left-color:var(--z2)}.c7-zt tr.c7-grp.z3 td{border-left-color:var(--z3)}
.c7-zt tr.c7-grp.z4 td{border-left-color:var(--z4)}.c7-zt tr.c7-grp.z5 td{border-left-color:var(--z5)}
.c7-zt tr[data-types]{transition:opacity .25s,background .25s}
.c7-zt.f tr[data-types]:not(.hit){opacity:.35}
.c7-zt.f tr[data-types].hit td{background:var(--lime-soft)}
.c7-chips{display:flex;flex-wrap:wrap;gap:6px}
.c7-chips span{display:inline-block;font:600 13px/1.1 var(--sans);padding:7px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.dark .c7-chips span{background:var(--dark-2);border-color:var(--dark-line)}
.c7-zcs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.c7-zc{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--z1);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}
.c7-zc.z2{border-top-color:var(--z2)}.c7-zc.z3{border-top-color:var(--z3)}.c7-zc.z4{border-top-color:var(--z4)}.c7-zc.z5{border-top-color:var(--z5)}
.c7-zc>b{font-size:17px}
.c7-zc>.muted{font-size:13.5px;line-height:1.4}
.c7-zc .c7-chips span{background:var(--white)}
@media(max-width:1100px){.c7-zcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.c7-zcs{grid-template-columns:minmax(0,1fr)}.c7-zc{padding:14px}}
.c7-set h3{margin-top:4px}
.c7-tzs{display:grid;gap:14px}
.c7-tz{display:grid;grid-template-columns:150px minmax(0,1fr) 130px;gap:16px;align-items:center}
.c7-tz b{font-size:18px}
.c7-tz>span{font-weight:700;color:var(--on-dark-muted)}
.c7-cells{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}
.c7-cells i{height:22px;border-radius:5px;background:var(--dark-2);border:1px solid var(--dark-line)}
.c7-cells i.on{transition:background .4s calc(var(--k) * 45ms),border-color .4s calc(var(--k) * 45ms)}
.c7-tz.in .c7-cells i.on{background:var(--lime);border-color:var(--lime)}
@media(max-width:680px){.c7-tz{grid-template-columns:1fr auto;gap:8px}.c7-cells{grid-column:1/-1;grid-row:2}.c7-cells i{height:16px}}

/* лестница уровней лида */
.c7-ladder{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
.c7-ladder li{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start;min-height:calc(200px + var(--s) * 46px);position:relative}
.c7-ladder li.us{background:var(--lime-soft);border-color:#cfe39a}
.c7-lv{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c7-ladder b{font-size:17px;line-height:1.2}
.c7-ladder p{font-size:14px;color:var(--ink-2)}
.c7-ladder small{font-size:12.5px;color:var(--muted)}
.c7-ladder em{font-style:normal;font:700 12px/1 var(--sans);background:var(--ink);color:var(--lime);padding:7px 9px;border-radius:999px;justify-self:start;margin-top:auto}
@media(max-width:900px){.c7-ladder{grid-template-columns:minmax(0,1fr)}.c7-ladder li{min-height:0;margin-left:calc(var(--s) * 10px)}}

/* воронка */
.c7-funnel{display:grid;gap:10px}
.c7-fs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:center}
.c7-fb{width:var(--w);margin-inline:auto;background:linear-gradient(90deg,var(--lime-2),var(--lime));padding:18px 16px;border-radius:14px;text-align:center;
  transform:scaleX(.6);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s}
.c7-fs.in .c7-fb{transform:none;opacity:1}
.c7-fb b{font-size:16px}
.c7-fc{display:grid;gap:6px}
.c7-fc span{display:block;font-size:14.5px;color:var(--ink-2)}
.c7-fc i{font-style:normal;font:700 11px/1 var(--mono);background:var(--paper-2);padding:4px 7px;border-radius:6px;margin-right:8px;color:var(--ink)}
@media(max-width:680px){.c7-fs{grid-template-columns:minmax(0,1fr);gap:8px}.c7-fb{width:100%}}

/* калькулятор */
.c7-presets{margin:4px 0 0}
.c7-presets button{font-size:13px;padding:9px 12px}
.calc label.c7-big{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14.5px}
.calc label.c7-big span{display:inline}
.calc-res .c7-wide{grid-column:1/-1}
.c7-calc-note{grid-column:1/-1;font-size:13px}
.calc-res b.neg{color:var(--signal)}

@media(prefers-reduced-motion:reduce){
  .c7-b,.c7-sk .zb,.c7-fb,.c7-cells i.on{transition-duration:.01s!important;transition-delay:0s!important}
  .c7-b{transform:none}.c7-sk .zb{stroke-dashoffset:0}.c7-fb{transform:none;opacity:1}
  .c7-way:hover{transform:none}
}

/* зоны на телефоне: группы и зоны списком вместо схемы */
.c7-zlist{display:none}
.c7-zl{border-left:4px solid var(--z1);padding:4px 0 4px 12px;display:grid;gap:8px}
.c7-zl.z2{border-left-color:var(--z2)}.c7-zl.z3{border-left-color:var(--z3)}.c7-zl.z4{border-left-color:var(--z4)}.c7-zl.z5{border-left-color:var(--z5)}
.c7-zlist .c7-chips span{transition:opacity .25s,background .25s}
.c7-zlist.f .c7-chips span:not(.hit){opacity:.3}
.c7-zlist.f .c7-chips span.hit{background:var(--lime-soft);border-color:#cfe39a}
@media(max-width:680px){.c7-zones .c7-scroll{display:none}.c7-zlist{display:grid;gap:14px}.c7-zones{padding:16px}}
@media(max-width:680px){.c7-stk span:nth-child(3){display:none}}