/* ZVENO · блог. Всё внутри .zb, префикс zb-. Токены совпадают с главной (.zv). */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:optional;src:url(../fonts/inter-tight-cyr.woff2?v=d5a5f769) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:optional;src:url(../fonts/inter-tight-lat.woff2?v=ef4d0394) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:optional;src:url(../fonts/inter-tight-rub.woff2?v=1) format('woff2');unicode-range:U+20BD}
@font-face{font-family:'Inter Tight Fallback';src:local('Arial'),local('Helvetica');size-adjust:98%;ascent-override:94%;descent-override:24%;line-gap-override:0%}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:#fff}

.zb{
  --ink:#0e0b12;--dim:#5a5365;--paper:#fff;--bg:#f3f0f6;--plum:#2e1a47;--violet:#5b33c7;
  --lilac:#ebddf3;--mint:#d8efe3;--peach:#fbe0d6;--sky:#dae6fa;--butter:#f7eac2;
  --line:rgba(14,11,18,.12);--line-d:rgba(255,255,255,.16);--dim-d:rgba(255,255,255,.72);
  --r:28px;--r-card:20px;--ease:cubic-bezier(.2,.7,.3,1);
  --font:'Inter Tight','Inter Tight Fallback',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --wrap:1400px;--sx:clamp(16px,3vw,40px);--sy:clamp(28px,4vw,56px);--measure:70ch;
  position:relative;width:100%;min-height:100dvh;display:flex;flex-direction:column;
  font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);
  color-scheme:light;-webkit-font-smoothing:antialiased;overflow-x:clip;
}
.zb *,.zb *::before,.zb *::after{box-sizing:border-box;min-width:0}
.zb a{color:inherit;text-decoration:none}
.zb img,.zb svg{display:block;max-width:100%}
.zb button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
.zb :focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}

/* ---------- шапка ---------- */
.zb-top{position:sticky;top:8px;z-index:50;padding:0 8px;max-width:1680px;width:100%;margin:8px auto 0}
.zb-top__bar{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 var(--line),0 12px 32px -22px rgba(46,26,71,.5)}
.zb-logo{font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1;padding:10px 4px;flex:none}
.zb-logo i{font-style:normal;color:var(--violet)}
.zb-top__sp{flex:1 1 0}
.zb-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0 4px;-webkit-overflow-scrolling:touch}
.zb-nav::-webkit-scrollbar{display:none}
.zb-nav a{display:flex;align-items:center;flex:none;min-height:44px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.zb-nav a[aria-current="page"]{background:var(--bg)}
.zb-top .zb-nav{display:none}
.zb-subnav{max-width:1680px;width:100%;margin:8px auto 0;padding:0 8px}
.zb-subnav .zb-nav{flex-wrap:wrap;overflow:visible;gap:6px 4px}

/* ---------- кнопки ---------- */
.zb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:transform .25s var(--ease),background-color .2s ease,color .2s ease,box-shadow .2s ease}
.zb-btn:active{transform:scale(.97)}
.zb-btn__arr{transition:transform .25s var(--ease)}
.zb-btn--sm{min-height:44px;padding:8px 18px;font-size:14px}
.zb-btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.zb-btn--light{background:#fff;color:var(--ink)}
/* цвет текста кнопок должен побеждать сброс .zb a{color:inherit} */
.zb a.zb-btn{color:#fff}
.zb a.zb-btn--ghost,.zb a.zb-btn--light,.zb-today a.zb-btn,.zb-railcta a.zb-btn{color:var(--ink)}

/* ---------- каркас ---------- */
.zb-main{flex:1 0 auto;width:100%;max-width:1680px;margin:0 auto;padding:12px var(--sx) 0;display:flex;flex-direction:column;gap:12px}
.zb-sheet{position:relative;border-radius:var(--r);padding:var(--sy) var(--sx);overflow:clip}
.zb-sheet--bg{background:var(--bg)}
.zb-sheet--dark{background:var(--ink);color:#fff}
.zb-sheet--plum{background:var(--plum);color:#fff}
.zb-in{width:100%;max-width:var(--wrap);margin:0 auto}
.zb-crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 18px;padding:0;list-style:none;font-size:13.5px;color:var(--dim)}
.zb-crumbs li{display:flex;align-items:center;gap:8px}
.zb-crumbs li+li::before{content:'/';color:var(--line)}
.zb-crumbs a{display:inline-flex;align-items:center;min-height:32px;font-weight:600;color:var(--ink)}
.zb-sheet--plum .zb-crumbs,.zb-sheet--dark .zb-crumbs{color:var(--dim-d)}
.zb-sheet--plum .zb-crumbs a,.zb-sheet--dark .zb-crumbs a{color:#fff}
.zb-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 14px;border-radius:999px;background:var(--lilac);font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--plum)}
.zb-sheet--plum .zb-eyebrow,.zb-sheet--dark .zb-eyebrow{background:rgba(255,255,255,.14);color:#fff}

/* ---------- герой статьи ---------- */
.zb-hero__grid{display:grid;gap:clamp(24px,4vw,48px);align-items:center}
.zb-h1{margin:16px 0 0;font-size:clamp(32px,5.2vw,62px);font-weight:600;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.zb-lead{margin:18px 0 0;font-size:clamp(17px,1.5vw,22px);line-height:1.45;color:var(--dim);max-width:56ch;text-wrap:pretty}
.zb-sheet--plum .zb-lead,.zb-sheet--dark .zb-lead{color:var(--dim-d)}
.zb-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;font-size:14px;color:var(--dim)}
.zb-meta>span{display:inline-flex;align-items:center;gap:8px}
.zb-meta b{font-weight:600;color:var(--ink)}
.zb-sheet--plum .zb-meta,.zb-sheet--dark .zb-meta{color:var(--dim-d)}
.zb-sheet--plum .zb-meta b,.zb-sheet--dark .zb-meta b{color:#fff}
.zb-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.zb-hero__art{position:relative;display:grid;place-items:center;min-height:220px}

/* ---------- тело: 2 колонки на десктопе ---------- */
.zb-body__grid{display:grid;gap:clamp(24px,3vw,48px)}
.zb-rail{display:grid;gap:16px;align-content:start}
.zb-article{min-width:0}
.zb-prose{font-size:clamp(17px,1.15vw,19px);line-height:1.62;text-wrap:pretty;max-width:var(--measure)}
.zb-prose>*+*{margin-top:1.1em}
.zb-prose h2{margin:1.7em 0 0;font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:96px}
.zb-prose h3{margin:1.5em 0 0;font-size:clamp(19px,1.5vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.zb-prose h2+*,.zb-prose h3+*{margin-top:.7em}
.zb-prose a{color:var(--violet);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.zb-prose strong{font-weight:600}
.zb-prose ul,.zb-prose ol{padding-left:1.3em}
.zb-prose li{margin-top:.4em}
.zb-prose li::marker{color:var(--violet);font-weight:600}
.zb-prose blockquote{margin:1.5em 0 0;padding:6px 0 6px 22px;border-left:3px solid var(--violet);font-size:1.08em;line-height:1.4;color:var(--ink)}
.zb-prose figure{margin:1.5em 0 0}
.zb-prose figcaption{margin-top:10px;font-size:14px;color:var(--dim)}
.zb-prose table{width:100%;border-collapse:collapse;font-size:.94em;display:block;overflow-x:auto}
.zb-prose th,.zb-prose td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);white-space:nowrap}
.zb-prose td:first-child,.zb-prose th:first-child{white-space:normal}
.zb-prose th{font-weight:600;color:var(--dim);font-size:.86em;text-transform:uppercase;letter-spacing:.03em}

/* оглавление в рейле */
.zb-toc{position:sticky;top:84px;padding:20px 22px;border-radius:var(--r-card);background:var(--bg)}
.zb-toc__t{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.zb-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.zb-toc li{counter-increment:toc}
.zb-toc a{display:flex;gap:10px;align-items:baseline;min-height:38px;padding:7px 0;font-size:14.5px;font-weight:500;line-height:1.3;color:var(--dim);border-bottom:1px solid var(--line)}
.zb-toc li:last-child a{border-bottom:0}
.zb-toc a::before{content:counter(toc,decimal-leading-zero);flex:none;font-size:12px;font-weight:600;color:var(--violet)}
.zb-toc a.is-active{color:var(--ink)}
.zb-railcta{padding:22px;border-radius:var(--r-card);background:var(--plum);color:#fff;display:grid;gap:12px}
.zb-railcta p{margin:0;font-size:15px;line-height:1.4;color:var(--dim-d)}
.zb-railcta b{font-weight:600;color:#fff;font-size:17px}
.zb-railcta .zb-btn{background:#fff;color:var(--ink)}

/* врезки */
.zb-note{margin:1.6em 0 0;padding:22px 24px;border-radius:var(--r-card);background:var(--mint)}
.zb-note--warn{background:var(--peach)}
.zb-note--fact{background:var(--butter)}
.zb-note--tip{background:var(--lilac)}
.zb-note p{margin:0}
.zb-note p+p{margin-top:.6em}
.zb-note b{font-weight:600}

/* карточки-цифры */
.zb-stat{display:grid;gap:14px;margin:1.6em 0 0;padding:0;list-style:none}
.zb-stat li{display:grid;gap:6px;padding:22px;border-radius:var(--r-card);background:var(--bg)}
.zb-stat b{font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.zb-stat span{font-size:14.5px;color:var(--dim);line-height:1.4}

/* «что сделать сегодня» */
.zb-today__grid{display:grid;gap:clamp(20px,3vw,40px);align-items:center}
.zb-today h2{margin:0;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.04;letter-spacing:-.03em}
.zb-today ol{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:td}
.zb-today li{counter-increment:td;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;line-height:1.5}
.zb-today li::before{content:counter(td);display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600}
.zb-today p{margin:0;color:var(--dim-d)}
.zb-today .zb-btn{margin-top:24px;background:#fff;color:var(--ink)}

/* автор */
.zb-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:1.8em 0 0;padding:20px 22px;border-radius:var(--r-card);background:var(--bg)}
.zb-author img{width:60px;height:60px;border-radius:999px;object-fit:cover}
.zb-author b{display:block;font-weight:600;font-size:17px}
.zb-author span{font-size:14px;color:var(--dim);line-height:1.4}

/* ---------- визуалы (инлайновый SVG) ---------- */
.zb-viz{margin:1.7em 0 0;padding:clamp(20px,3vw,32px);border-radius:var(--r);background:var(--bg);overflow:clip}
.zb-viz--dark{background:var(--ink);color:#fff}
.zb-viz__t{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}
.zb-viz--dark .zb-viz__t{color:var(--dim-d)}
.zb-viz__cap{margin:14px 0 0;font-size:14.5px;line-height:1.45;color:var(--dim)}
.zb-viz--dark .zb-viz__cap{color:var(--dim-d)}
.zb-viz svg{width:100%;height:auto;overflow:visible}

/* дуга-гейдж */
.zb-dial{width:100%;max-width:360px;margin:0 auto}
.zb-dial__track{fill:none;stroke:rgba(255,255,255,.16);stroke-width:16;stroke-linecap:round}
.zb-dial__val{fill:none;stroke:#c9a6e6;stroke-width:16;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.6s var(--ease)}
.zb-dial.is-in .zb-dial__val{stroke-dashoffset:var(--off)}
.zb-dial__num{fill:#fff;font-weight:600;font-size:52px;letter-spacing:-.03em}
.zb-dial__sub{fill:var(--dim-d);font-size:15px;font-weight:500}

/* график роста */
.zb-chart{width:100%}
.zb-chart__grid{stroke:var(--line);stroke-width:1}
.zb-chart__area{fill:url(#zbgrad);opacity:0;transition:opacity 1.2s ease .4s}
.zb-chart.is-in .zb-chart__area{opacity:1}
.zb-chart__line{fill:none;stroke:var(--violet);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.8s var(--ease)}
.zb-chart.is-in .zb-chart__line{stroke-dashoffset:0}
.zb-chart__dot{fill:var(--violet);opacity:0;transition:opacity .4s ease 1.4s}
.zb-chart.is-in .zb-chart__dot{opacity:1}
.zb-chart__lbl{fill:var(--dim);font-size:13px;font-weight:500}
.zb-chart__cap{fill:var(--ink);font-size:15px;font-weight:600}

/* воронка потерь */
.zb-funnel{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:fn}
.zb-funnel li{counter-increment:fn;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.zb-funnel__n{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;flex:none}
.zb-funnel__bar{position:relative;height:56px;border-radius:14px;background:#2a2138;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.zb-funnel__fill{position:absolute;inset:0;right:auto;width:var(--w);border-radius:14px;background:linear-gradient(90deg,#7a52e0,#a97bf0);transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease)}
.zb-funnel.is-in .zb-funnel__fill{transform:scaleX(1)}
.zb-funnel__tx{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;font-size:14.5px;font-weight:600;color:#fff}
.zb-funnel__tx small{font-weight:500;color:rgba(255,255,255,.74);font-size:13px}

/* появление на скролле */
.zb-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.zb-reveal.is-in{opacity:1;transform:none}

/* ---------- список статей / похожие ---------- */
.zb-grid{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.zb-index .zb-grid{margin-top:8px}
.zb-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-height:100%;padding:26px;border-radius:var(--r-card);background:var(--c,var(--bg));transition:transform .3s var(--ease),box-shadow .3s ease}
.zb-card:active{transform:scale(.99)}
.zb-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zb-card__tag{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.6);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--plum)}
.zb-card__arr{width:38px;height:38px;border-radius:999px;background:rgba(14,11,18,.08);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease),background .3s ease,color .3s ease}
.zb-card__t{margin:0;font-size:clamp(20px,1.6vw,25px);font-weight:600;line-height:1.14;letter-spacing:-.02em;text-wrap:balance}
.zb-card__d{margin:0;font-size:15px;line-height:1.45;color:var(--dim);text-wrap:pretty}
.zb-card__m{display:flex;gap:14px;font-size:13px;color:var(--dim)}
.zb-related h2{margin:0 0 4px;font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.025em}

/* ---------- подвал ---------- */
.zb-foot p{margin:0}


/* ---------- 3D-объекты (глиняные), оффер ---------- */
.zb-hero__obj{width:100%;max-width:420px;height:auto;margin:0 auto;filter:drop-shadow(0 24px 34px rgba(46,26,71,.34));animation:zb-bob 7s ease-in-out infinite}
.zb-today__grid{align-items:center}
.zb-today__body ol{margin:22px 0 0}
.zb-today__body .zb-btn{margin-top:24px}
.zb-today__art{display:grid;place-items:center;min-width:0}
.zb-today__obj{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.4));animation:zb-bob 8s ease-in-out infinite}
@keyframes zb-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.zb-offer__grid{display:grid;gap:22px;align-items:center}
.zb-offer__h{margin:14px 0 0;font-size:clamp(28px,4vw,50px);font-weight:600;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.zb-offer__p{margin:16px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.45;color:var(--dim-d);max-width:54ch;text-wrap:pretty}
.zb-offer__by{margin:18px 0 0;font-size:13.5px;color:var(--dim-d)}


/* ---------- летающие вращающиеся звенья (декор) ---------- */
.zb-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:clip}
.zb-sheet>.zb-in{position:relative;z-index:1}
.zb-ring{position:absolute;width:var(--w,110px);height:auto;filter:drop-shadow(0 6px 6px rgba(46,26,71,.16)) drop-shadow(0 30px 40px rgba(46,26,71,.30));will-change:transform;animation:zb-drift var(--dur,9s) ease-in-out var(--delay,0s) infinite,zb-spin var(--spin,34s) linear var(--delay,0s) infinite}
@keyframes zb-drift{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes zb-spin{to{rotate:360deg}}
.zb-ring--rev{animation-direction:normal,reverse}
.zb-deco--edge .zb-ring{opacity:.55}
@media (max-width:1000px){.zb-deco--edge{display:none}}
@media (max-width:760px){.zb-deco .zb-ring{display:none}}

/* ================= точки перелома, только min-width ================= */
@media (min-width:520px){
  .zb-stat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:680px){
  .zb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zb-today__grid{grid-template-columns:1.15fr .85fr}
  .zb-today__body .zb-btn{justify-self:start}
  .zb-offer__grid{grid-template-columns:1fr auto}
  .zb-offer__grid .zb-btn{justify-self:end;align-self:center}
}
@media (min-width:900px){
  .zb-top .zb-nav{display:flex}
  .zb-subnav{display:none}
  .zb-hero__grid{grid-template-columns:1.15fr .85fr}
  .zb-stat{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){
  .zb-body__grid{max-width:1060px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 300px;column-gap:clamp(32px,4vw,56px)}
  .zb-body__grid .zb-prose{max-width:none}
  .zb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (hover:hover) and (pointer:fine){
  .zb .zb-btn:hover{background:var(--violet);color:#fff}
  .zb .zb-btn--ghost:hover{background:var(--ink);color:#fff}
  .zb .zb-btn--light:hover,.zb-today .zb-btn:hover,.zb-railcta .zb-btn:hover{background:var(--lilac);color:var(--ink)}
  .zb .zb-btn:hover .zb-btn__arr{transform:translateX(4px)}
  .zb .zb-nav a:hover{background:var(--bg)}
  .zb .zb-foot__links a:hover,.zb .zb-crumbs a:hover,.zb .zb-toc a:hover{color:var(--ink)}
  .zb .zb-sheet--plum .zb-crumbs a:hover,.zb .zb-sheet--dark .zb-crumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
  .zb .zb-prose a:hover{color:var(--plum)}
  .zb .zb-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px -26px rgba(46,26,71,.5)}
  .zb .zb-card:hover .zb-card__arr{transform:translateX(3px);background:var(--ink);color:#fff}
}
@media (prefers-reduced-motion:reduce){
  .zb *{scroll-behavior:auto!important}
  .zb-reveal,.zb-dial__val,.zb-chart__line,.zb-chart__area,.zb-chart__dot,.zb-funnel__fill{transition:none!important}
  .zb-hero__obj,.zb-today__obj,.zb-ring{animation:none!important}
  .zb-reveal{opacity:1;transform:none}
  .zb-dial__val{stroke-dashoffset:var(--off)}
  .zb-chart__line{stroke-dashoffset:0}
  .zb-chart__area,.zb-chart__dot{opacity:1}
  .zb-funnel__fill{transform:scaleX(1)}
}
@media print{
  .zb-top,.zb-subnav,.zb-rail,.zb-today .zb-btn,.zb-foot{display:none}
  .zb-sheet{padding:0;border-radius:0;color:#000;background:none}
}

/* ---------- калькулятор в статье ---------- */
.zbc{margin-top:20px}
.zbc__h{margin:14px 0 0;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
.zbc__sub{margin:14px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.45;color:var(--dim);max-width:60ch;text-wrap:pretty}
.zbc__cap{margin:14px 0 0;font-size:13.5px;line-height:1.45;color:var(--dim);max-width:70ch}
.zbc__grid{display:grid;gap:12px}
.zbc__form{display:grid;gap:20px;padding:clamp(18px,2.4vw,24px);border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.zbc__field{border:0;margin:0;padding:0;display:grid;gap:10px}
.zbc__field legend{padding:0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.zbc__field legend small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--dim)}
.zbc__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.zbc__opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zbc__opt{min-height:46px;padding:8px 12px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font-size:13.5px;font-weight:600;line-height:1.2;color:var(--ink);white-space:normal;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.zbc__opt[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.zbc__opt:active{transform:scale(.96)}
.zbc__own{min-height:46px;padding:8px 14px;border-radius:999px;border:0;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font:inherit;font-size:16px;color:var(--ink);width:100%}
.zbc__own::placeholder{color:var(--dim)}
.zbc__res{display:grid;gap:14px;align-content:start;padding:clamp(20px,2.6vw,26px);border-radius:var(--r-card);background:var(--plum);color:#fff}
.zbc__lead{margin:0;font-size:13px;line-height:1.4;color:var(--dim-d)}
.zbc__rev{margin:0;font-size:clamp(34px,6vw,60px);font-weight:600;line-height:.96;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.zbc__rev small{display:block;margin-top:12px;font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--dim-d)}
.zbc__kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.zbc__kpi div{display:grid;gap:2px;padding:12px;border-radius:14px;background:rgba(255,255,255,.1);font-size:12px;line-height:1.25;color:var(--dim-d)}
.zbc__kpi b{font-size:clamp(16px,2vw,24px);font-weight:600;letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.zbc__verdict{margin:0;padding:14px 16px;border-radius:14px;background:#fff;color:var(--ink);font-size:14.5px;font-weight:500;line-height:1.35}
.zbc__act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.zbc__textbtn{font-size:13.5px;font-weight:500;color:var(--dim-d);text-decoration:underline;text-underline-offset:3px}
@media (min-width:820px){.zbc__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
@media (hover:hover) and (pointer:fine){.zb .zbc__opt:hover{background:var(--lilac);box-shadow:inset 0 0 0 1.5px var(--violet)}.zb .zbc__opt[aria-pressed="true"]:hover{background:var(--ink);color:#fff;box-shadow:none}.zb .zbc__textbtn:hover{color:#fff}}

/* ---------- реквизиты, документы (152-ФЗ) ---------- */
.zb-foot__legal{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;font-size:12.5px;line-height:1.5}
.zb-foot__legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.zb-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.zb-legal__doc{max-width:760px;margin-inline:auto}
.zb-legal .zb-prose h3{margin-top:1.4em}
.zb-legal__next{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:2em;padding-top:1.2em;border-top:1px solid var(--line)}

/* ---------- интерактивные механики статей (.zbi) ---------- */
.zbi{margin:1.8em 0 0}
/* ползунки маркетплейса */
.zbi-mp{display:grid;gap:10px;border-radius:var(--r-card)}
.zbi-mp__in{display:grid;gap:18px;padding:clamp(18px,2.4vw,24px);border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.zbi-r{display:grid;gap:10px}
.zbi-r__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px;line-height:1.3;color:var(--dim)}
.zbi-r__top b{flex:none;font-size:18px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.zbi-r input{--f:50%;-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}
.zbi-r input::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--violet) var(--f),var(--lilac) var(--f))}
.zbi-r input::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--violet) var(--f),var(--lilac) var(--f))}
.zbi-r input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--violet),0 6px 14px rgba(46,26,71,.3)}
.zbi-r input::-moz-range-thumb{width:24px;height:24px;border:4px solid var(--violet);border-radius:50%;background:#fff;box-shadow:0 6px 14px rgba(46,26,71,.3)}
.zbi-r input:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:8px}
.zbi-mp__out{display:grid;gap:14px;align-content:start;padding:clamp(20px,2.6vw,28px);border-radius:var(--r-card);background:var(--ink);color:#fff}
.zbi-mp__cap{margin:0;font-size:14px;color:var(--dim-d)}
.zbi-mp__big{margin:0;font-size:clamp(36px,6vw,56px);font-weight:700;line-height:.95;letter-spacing:-.04em;color:#f4a08c;font-variant-numeric:tabular-nums}
.zbi-mp__bars{display:grid;gap:8px}
.zbi-mp__bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.07);overflow:hidden;isolation:isolate;font-size:14px}
.zbi-mp__bar i{position:absolute;left:0;top:0;bottom:0;z-index:-1;border-radius:12px;transition:width .35s cubic-bezier(.2,.7,.2,1)}
.zbi-mp__bar--mp i{background:rgba(244,160,140,.45)}
.zbi-mp__bar--own i{background:rgba(159,224,192,.55)}
.zbi-mp__bar em{font-style:normal;color:#fff}
.zbi-mp__bar b{font-variant-numeric:tabular-nums}
.zbi-mp__save{margin:0;font-size:16px;line-height:1.45;color:var(--dim-d)}
.zbi-mp__save b{color:#9fe0c0;font-size:1.15em;white-space:nowrap}
.zbi-mp .zb-btn{justify-self:start}
@media (min-width:820px){.zbi-mp{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
/* тест */
.zbi-q{padding:clamp(18px,2.4vw,26px);border-radius:var(--r-card);background:var(--lilac)}
.zbi-q__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px}
.zbi-q__head b{grid-column:1/-1;font-size:clamp(20px,2vw,24px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
.zbi-q__prog{height:8px;border-radius:99px;background:rgba(255,255,255,.7);overflow:hidden}
.zbi-q__prog i{display:block;width:0;height:100%;border-radius:99px;background:var(--violet);transition:width .3s ease}
.zbi-q__cnt{font-size:13px;font-weight:600;color:var(--plum);font-variant-numeric:tabular-nums}
.zbi-q__list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;counter-reset:q}
.zbi-q__it{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px;border-radius:16px;background:#fff;counter-increment:q}
.zbi-q__it p{margin:0;font-size:16px;line-height:1.4}
.zbi-q__it p::before{content:counter(q) '. ';font-weight:700;color:var(--violet)}
.zbi-q__btns{display:flex;gap:8px}
.zbi-q__btns button{flex:1;min-height:44px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.zbi-q__btns button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.zbi-q__it[data-v] p{color:var(--dim)}
.zbi-q__res{display:grid;gap:14px;margin-top:14px;padding:clamp(18px,2.4vw,24px);border-radius:18px;background:var(--ink);color:#fff}
.zbi-q__v b{display:block;font-size:clamp(20px,2.2vw,26px);line-height:1.15;letter-spacing:-.02em}
.zbi-q__v p{margin:8px 0 0;color:var(--dim-d);line-height:1.45}
.zbi-q__res .zb-btn{justify-self:start;background:#fff;color:var(--ink)}
.zbi-q__again{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--dim-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:620px){.zbi-q__it{grid-template-columns:minmax(0,1fr) 200px;align-items:center}}
/* карточки «миф → правда» */
.zbi-f{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0;list-style:none}
.zbi-f li{margin:0!important;padding:0!important}
.zbi-f li::before{content:none!important}
.zbi-f__card{position:relative;display:grid;width:100%;min-height:190px;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;perspective:1000px}
.zbi-f__side{grid-area:1/1;display:grid;align-content:space-between;gap:12px;padding:20px 22px;border-radius:var(--r-card);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s .27s}
.zbi-f__front{background:var(--peach)}
.zbi-f__back{background:var(--ink);color:#fff;transform:rotateY(180deg)}
.zbi-f__card[aria-pressed="true"] .zbi-f__front{transform:rotateY(-180deg)}
.zbi-f__card[aria-pressed="true"] .zbi-f__back{transform:rotateY(0)}
.zbi-f__side em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}
.zbi-f__back em{color:#9fe0c0}
.zbi-f__side b{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.zbi-f__back b{font-weight:500;font-size:16px;line-height:1.45}
.zbi-f__side i{font-style:normal;font-size:13px;color:var(--plum);opacity:.75}
.zbi-f__card:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:var(--r-card)}
@media (min-width:620px){.zbi-f{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (hover:hover) and (pointer:fine){.zbi-f__card:hover .zbi-f__front{box-shadow:0 14px 30px rgba(46,26,71,.14)}}
@media (prefers-reduced-motion:reduce){.zbi-f__side{transition:none}}
.zbi-q__res[hidden],.zbi-q__v[hidden]{display:none}
.zb .zbi a.zb-btn{text-decoration:none}
.zb .zbi-q__res a.zb-btn,.zb .zbi-mp a.zb-btn--light{background:#fff;color:var(--ink)}

/* калькулятор маркетплейса v2: фирменная гамма, ползунки 2×2, результат ниже */
.zbi-mp{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.zbi-mp__in{gap:22px 32px}
@media (min-width:620px){.zbi-mp__in{grid-template-columns:repeat(2,minmax(0,1fr))}}
.zbi-r__top{min-height:2.7em;align-items:flex-end}
.zbi-mp__out{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:22px;padding:clamp(22px,3vw,34px);background:var(--plum)}
.zbi-mp__out::before{content:'';position:absolute;right:-18%;top:-40%;z-index:-1;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(201,166,230,.35),rgba(201,166,230,0))}
.zbi-mp__sum,.zbi-mp__cmp{display:grid;gap:12px;align-content:start}
.zbi-mp__cap{margin:0;font-size:14px;line-height:1.35;color:var(--dim-d)}
.zbi-mp__big{margin:0;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:.95;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.zbi-mp__save{display:grid;gap:2px;margin:6px 0 0;padding:14px 16px;border-radius:16px;background:rgba(159,224,192,.14);box-shadow:inset 0 0 0 1px rgba(159,224,192,.35);font-size:14px;line-height:1.35;color:var(--dim-d)}
.zbi-mp__save b{font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.02em;color:#9fe0c0;white-space:normal}
.zbi-mp__save i{font-style:normal;font-weight:600;color:#fff}
.zbi-mp__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:baseline;font-size:14.5px;color:#fff}
.zbi-mp__row b{font-weight:700;font-variant-numeric:tabular-nums}
.zbi-mp__line{grid-column:1/-1;display:block;height:12px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.zbi-mp__line i{display:block;height:100%;border-radius:99px;transition:width .35s cubic-bezier(.2,.7,.2,1)}
.zbi-mp__line--mp i{background:#f4a08c}
.zbi-mp__line--own i{background:#9fe0c0}
.zbi-mp__cmp .zb-btn{justify-self:start;margin-top:6px}
@media (min-width:620px){.zbi-mp__out{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px}}
.zb-meta>span:first-child{display:inline}

/* ---------- чек-лист «Что сделать сегодня» (в конце статьи) ---------- */
.zb-todo{position:relative;display:grid;gap:14px;margin-top:clamp(36px,5vw,56px);padding:clamp(20px,3vw,32px);border-radius:var(--r-card);background:var(--mint);overflow:hidden;isolation:isolate}
.zb-todo__obj{position:absolute;right:-18px;top:-14px;z-index:-1;width:clamp(110px,18vw,170px);height:auto;opacity:.95;transform:rotate(-8deg);filter:drop-shadow(0 14px 20px rgba(46,26,71,.18));pointer-events:none}
.zb-todo .zb-eyebrow{justify-self:start;background:rgba(255,255,255,.7)}
.zb-todo__h{margin:0;padding-right:clamp(90px,16vw,150px);font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1.08;letter-spacing:-.03em}
.zb-todo__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.zb-todo__prog{height:8px;border-radius:99px;background:rgba(255,255,255,.75);overflow:hidden}
.zb-todo__prog i{display:block;width:0;height:100%;border-radius:99px;background:var(--ink);transition:width .35s cubic-bezier(.2,.7,.2,1)}
.zb-todo__cnt{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.zb-todo__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.zb-todo__list li{margin:0;padding:0}
.zb-todo__list li::before{content:none}
.zb-todo__it{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:#fff;cursor:pointer;transition:background-color .2s ease}
.zb-todo__it input{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin:0;border-radius:9px;box-shadow:inset 0 0 0 2px var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:background-color .2s ease,box-shadow .2s ease}
.zb-todo__it input::after{content:'';width:12px;height:7px;border:solid #fff;border-width:0 0 3px 3px;transform:translateY(-2px) rotate(-45deg) scale(0);transition:transform .2s cubic-bezier(.3,1.6,.6,1)}
.zb-todo__it input:checked{background:var(--ink);box-shadow:none}
.zb-todo__it input:checked::after{transform:translateY(-2px) rotate(-45deg) scale(1)}
.zb-todo__it input:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.zb-todo__it span{font-size:16px;line-height:1.45;color:var(--ink);padding-top:2px;transition:color .2s ease}
.zb-todo__it:has(input:checked){background:rgba(255,255,255,.55)}
.zb-todo__it:has(input:checked) span{color:var(--dim);text-decoration:line-through;text-decoration-color:rgba(14,11,18,.35)}
.zb-todo__done{margin:4px 0 0;padding:14px 16px;border-radius:16px;background:var(--ink);color:#fff;font-size:15.5px;line-height:1.45}
.zb-todo__done[hidden]{display:none}
.zb-todo__done a{color:#9fe0c0;font-weight:600}

/* ---------- «Читать дальше» перед предложением ---------- */
.zb-related .zb-eyebrow{display:inline-flex}
.zb-related h2{margin:12px 0 clamp(18px,2.4vw,28px)}

/* ---------- компактное предложение в конце статьи ---------- */
.zb-offer2 .zb-in{padding-block:clamp(28px,4vw,44px)}
.zb-offer2__grid{position:relative;z-index:1;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px 20px;align-items:center}
.zb-offer2__ava{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
.zb-offer2__txt{display:grid;gap:8px}
.zb-offer2__h{margin:0;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:#fff}
.zb-offer2__txt p{margin:0;max-width:60ch;font-size:16px;line-height:1.45;color:var(--dim-d)}
.zb-offer2__grid .zb-btn{grid-column:1/-1;justify-self:start}
@media (min-width:820px){.zb-offer2__grid{grid-template-columns:88px minmax(0,1fr) auto;gap:28px}.zb-offer2__ava{width:88px;height:88px}.zb-offer2__grid .zb-btn{grid-column:auto}}
.zbi-mp__presets{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.zbi-mp__presets>span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.zbi-mp__pre{min-height:40px;padding:6px 14px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.zbi-mp__pre[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.zbi-mp__presets small{flex-basis:100%;font-size:12.5px;color:var(--dim)}
@media (hover:hover) and (pointer:fine){.zbi-mp__pre:hover{background:var(--lilac)}.zbi-mp__pre[aria-pressed="true"]:hover{background:var(--ink)}}

.zb .zbi-mp__pre{min-height:40px;padding:8px 16px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line)}
.zb .zbi-mp__pre[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}

/* ---------- смета первых трёх месяцев ---------- */
.zbi-bd{display:grid;gap:10px}
.zbi-bd__in{display:grid;gap:18px;padding:clamp(18px,2.4vw,24px);border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.zbi-sw{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;min-height:44px;cursor:pointer;font-size:15.5px;line-height:1.35;color:var(--ink)}
.zbi-sw input{position:absolute;opacity:0;width:1px;height:1px}
.zbi-sw i{position:relative;width:48px;height:28px;border-radius:99px;background:var(--line);transition:background-color .2s ease}
.zbi-sw i::after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(14,11,18,.25);transition:transform .25s cubic-bezier(.3,1.4,.6,1)}
.zbi-sw input:checked+i{background:var(--violet)}
.zbi-sw input:checked+i::after{transform:translateX(20px)}
.zbi-sw input:focus-visible+i{outline:2px solid var(--violet);outline-offset:3px}
.zbi-bd__out{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:16px;padding:clamp(22px,3vw,34px);border-radius:var(--r-card);background:var(--plum);color:#fff}
.zbi-bd__out::before{content:'';position:absolute;left:-15%;bottom:-45%;z-index:-1;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(159,224,192,.28),rgba(159,224,192,0))}
.zbi-bd__cap{margin:0;font-size:14px;color:var(--dim-d)}
.zbi-bd__big{margin:0;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.zbi-bd__stack{display:flex;gap:4px;height:16px}
.zbi-bd__stack span{flex:1 1 0;min-width:0;border-radius:99px;transition:flex-grow .4s cubic-bezier(.2,.7,.2,1)}
.zbi-bd__stack [data-seg="start"],.zbi-bd__legend [data-leg="start"] i{background:#c9a6e6}
.zbi-bd__stack [data-seg="after"],.zbi-bd__legend [data-leg="after"] i{background:#f0d082}
.zbi-bd__stack [data-seg="lead"],.zbi-bd__legend [data-leg="lead"] i{background:#9fe0c0}
.zbi-bd__stack [data-seg="ads"],.zbi-bd__legend [data-leg="ads"] i{background:#8cb4f0}
.zbi-bd__legend{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.zbi-bd__legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;margin:0;padding:0;font-size:14.5px;transition:opacity .25s ease}
.zbi-bd__legend li::before{content:none}
.zbi-bd__legend li i{width:12px;height:12px;border-radius:4px}
.zbi-bd__legend li b{font-variant-numeric:tabular-nums}
.zbi-bd__legend li.is-off{opacity:.4}
.zbi-bd__legend li.is-off span{text-decoration:line-through}
.zbi-bd__ads{margin:0;padding:12px 14px;border-radius:14px;background:rgba(140,180,240,.16);box-shadow:inset 0 0 0 1px rgba(140,180,240,.35);font-size:14.5px;color:var(--dim-d)}
.zbi-bd__ads b{color:#fff;font-size:1.15em;white-space:nowrap}
.zbi-bd__note{margin:0;padding:12px 14px;border-radius:14px;background:rgba(240,208,130,.16);box-shadow:inset 0 0 0 1px rgba(240,208,130,.4);font-size:14.5px;line-height:1.45;color:#fff}
.zbi-bd__note[hidden]{display:none}
.zb .zbi-bd a.zb-btn{justify-self:start;background:#fff;color:var(--ink);text-decoration:none}
@media (min-width:820px){.zbi-bd{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.zbi-bd__in{align-content:start}
.zbi-bd__incl{display:grid;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
.zbi-bd__incl b{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.zbi-bd__incl p{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.zbi-bd__incl span{padding:6px 12px;border-radius:999px;background:var(--mint);font-size:13.5px;font-weight:600;color:var(--ink)}
@media (min-width:820px){.zbi-bd__incl{margin-top:auto}.zbi-bd__in{grid-template-rows:auto auto auto auto 1fr}.zbi-bd__incl{align-self:end}}

/* ── Весы «подойдёт / не подойдёт» (.zbi-sc) ── */
.zbi-sc{--a:0deg;--k:1;position:relative;padding:clamp(18px,2.6vw,30px);border-radius:var(--r-card);background:radial-gradient(120% 80% at 50% 0,#2e1a47 0,#0e0b12 70%);color:#fff;overflow:clip}
.zbi-sc__stage{position:relative;height:clamp(170px,22vw,210px);margin:4px 0 10px}
.zbi-sc__stage::before{content:'';position:absolute;left:50%;top:6px;width:min(88%,520px);aspect-ratio:3/1;transform:translateX(-50%);border:1.5px dashed rgba(201,166,230,.28);border-radius:50%;pointer-events:none}
.zbi-sc__post{position:absolute;left:50%;top:38px;bottom:14px;width:8px;margin-left:-4px;border-radius:8px;background:linear-gradient(#c9a6e6,#5b33c7)}
.zbi-sc__base{position:absolute;left:50%;bottom:4px;width:96px;height:14px;margin-left:-48px;border-radius:14px 14px 6px 6px;background:#5b33c7;box-shadow:0 10px 24px rgba(91,51,199,.45)}
.zbi-sc__beam{position:absolute;top:36px;left:21%;right:21%;height:8px;border-radius:8px;background:linear-gradient(90deg,#9fe0c0,#c9a6e6 50%,#f4a08c);transform:rotate(calc(var(--a) * var(--k)));transition:transform .8s cubic-bezier(.3,1.5,.5,1)}
.zbi-sc__pivot{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14),0 0 18px #c9a6e6}
.zbi-sc__pan{position:absolute;top:4px;display:grid;justify-items:center;width:clamp(104px,26vw,150px);transform-origin:50% 0;transform:rotate(calc(var(--a) * var(--k) * -1));transition:transform .8s cubic-bezier(.3,1.5,.5,1)}
.zbi-sc__pan--pro{left:0;margin-left:calc(clamp(104px,26vw,150px) / -2)}
.zbi-sc__pan--con{right:0;margin-right:calc(clamp(104px,26vw,150px) / -2)}
.zbi-sc__str{width:60%;height:34px;background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgba(255,255,255,.4) 50%,transparent calc(50% + 1px)) left/50% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(255,255,255,.4) 50%,transparent calc(50% + 1px)) right/50% 100% no-repeat}
.zbi-sc__bowl{display:flex;flex-wrap:wrap-reverse;justify-content:center;align-content:flex-start;gap:4px;width:100%;min-height:40px;padding:6px 10px;border-radius:6px 6px 60px 60px;background:rgba(255,255,255,.1);box-shadow:inset 0 -3px 0 rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.zbi-sc__pan--pro .zbi-sc__bowl{box-shadow:inset 0 -3px 0 #9fe0c0}
.zbi-sc__pan--con .zbi-sc__bowl{box-shadow:inset 0 -3px 0 #f4a08c}
.zbi-sc__bowl i{width:14px;height:14px;border-radius:50%;animation:zbiDrop .5s cubic-bezier(.3,1.5,.5,1) both}
.zbi-sc__bowl i.big{width:22px;height:22px}
.zbi-sc__pan--pro .zbi-sc__bowl i{background:radial-gradient(circle at 35% 30%,#fff,#9fe0c0 55%);box-shadow:0 0 10px rgba(159,224,192,.6)}
.zbi-sc__pan--con .zbi-sc__bowl i{background:radial-gradient(circle at 35% 30%,#fff,#f4a08c 55%);box-shadow:0 0 10px rgba(244,160,140,.6)}
@keyframes zbiDrop{from{opacity:0;transform:translateY(-26px) scale(.6)}}
.zbi-sc__pan b{margin-top:8px;font-size:13px;font-weight:600;line-height:1.2;text-align:center;color:var(--dim-d)}
.zbi-sc[data-side="pro"] .zbi-sc__pan--pro b{color:#9fe0c0}
.zbi-sc[data-side="con"] .zbi-sc__pan--con b{color:#f4a08c}
.zbi-sc__verdict{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 4px 0 0 #c9a6e6}
.zbi-sc[data-v="yes"] .zbi-sc__verdict{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 4px 0 0 #9fe0c0}
.zbi-sc[data-v="maybe"] .zbi-sc__verdict{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 4px 0 0 #f0d082}
.zbi-sc[data-v="no"] .zbi-sc__verdict{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 4px 0 0 #f4a08c}
.zbi-sc__v b{display:block;font-size:clamp(19px,2.2vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.zb .zbi-sc__v p{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--dim-d)}
.zbi-sc__v[hidden]{display:none}
.zbi-sc__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
.zbi-sc__col{display:grid;gap:8px;align-content:start}
.zb .zbi-sc__h{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fe0c0}
.zb .zbi-sc__col+.zbi-sc__col .zbi-sc__h{color:#f4a08c}
.zbi-sc__chip{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:15px;line-height:1.35;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .15s ease}
.zbi-sc__chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0;font-size:16px}
.zbi-sc__chip i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;font-size:18px;font-weight:700;line-height:1;box-shadow:inset 0 0 0 1.5px currentColor;transition:background-color .2s ease,color .2s ease}
.zbi-sc__chip--pro i{color:#9fe0c0}
.zbi-sc__chip--con i{color:#f4a08c}
.zbi-sc__chip:active{transform:scale(.98)}
.zbi-sc__chip--pro:has(input:checked){background:#9fe0c0;color:var(--ink)}
.zbi-sc__chip--con:has(input:checked){background:#f4a08c;color:var(--ink)}
.zbi-sc__chip:has(input:checked) i{background:var(--ink);color:#fff;box-shadow:none}
.zbi-sc__chip:has(input:focus-visible){outline:2px solid #c9a6e6;outline-offset:3px}
.zbi-sc__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:18px}
.zbi-sc__reset{min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--dim-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:720px){.zbi-sc__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (hover:hover) and (pointer:fine){.zbi-sc__chip:hover{background:rgba(255,255,255,.12)}.zbi-sc__chip--pro:has(input:checked):hover{background:#9fe0c0}.zbi-sc__chip--con:has(input:checked):hover{background:#f4a08c}}
@media (prefers-reduced-motion:reduce){.zbi-sc__beam,.zbi-sc__pan{transition:none}.zbi-sc__bowl i{animation:none}}

/* Шапка: нижнее звено живёт в полосе отступа, не заходя на текст */
@media (min-width:761px){.zb-sheet--rings{padding-bottom:calc(var(--sy) + 36px)}}
/* Весы на телефоне: коромысло и вердикт прилипают сверху, пока отмечаешь пункты; полный текст вердикта — у кнопки */
.zbi-sc__vfoot{display:none}
@media (max-width:760px){
  .zbi-sc{--k:.7}
  .zbi-sc__top{position:sticky;top:62px;z-index:2;margin:0 calc(-1 * clamp(18px,2.6vw,30px));padding:14px clamp(18px,2.6vw,30px) 12px;background:linear-gradient(#1a1027 85%,rgba(26,16,39,0))}
  .zbi-sc__stage{height:128px;margin:0 0 6px}
  .zbi-sc__stage::before{display:none}
  .zbi-sc__post{top:30px;bottom:10px}
  .zbi-sc__beam{top:28px}
  .zbi-sc__str{height:24px}
  .zbi-sc__bowl{min-height:32px}
  .zbi-sc__verdict{padding:10px 14px;background:#261834}
  .zbi-sc__v b{font-size:17px}
  .zb .zbi-sc__v p{display:none}
  .zb .zbi-sc__vfoot{display:block;margin:16px 0 0;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);font-size:15px;line-height:1.45;color:var(--dim-d)}
  .zb .zbi-sc__vfoot:empty{display:none}
}

/* ── План запуска по неделям (.zbi-pl) ── */
.zbi-pl{--p:0%;display:grid;gap:12px;padding:clamp(18px,2.6vw,28px);border-radius:var(--r-card);background:var(--bg)}
.zbi-pl__head{position:sticky;top:72px;z-index:2;display:grid;gap:8px;margin:0 calc(-1 * clamp(18px,2.6vw,28px));padding:14px clamp(18px,2.6vw,28px) 12px;background:var(--bg);border-radius:var(--r-card) var(--r-card) 0 0}
.zbi-pl__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.zbi-pl__top b{font-size:clamp(20px,2vw,24px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
.zbi-pl__cnt{flex:none;font-size:13px;font-weight:700;color:var(--plum);font-variant-numeric:tabular-nums}
.zbi-pl__road{position:relative;height:12px;margin:8px 0 0;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.zbi-pl__fill{position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:99px;background:linear-gradient(90deg,#c9a6e6,var(--violet));transition:width .45s cubic-bezier(.2,.7,.2,1)}
.zbi-pl__road>i{position:absolute;top:3px;width:2px;height:6px;margin-left:-1px;border-radius:2px;background:rgba(46,26,71,.25)}
.zbi-pl__dot{position:absolute;top:50%;left:clamp(12px,var(--p),calc(100% - 12px));width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--violet),0 6px 16px rgba(91,51,199,.4);transition:left .45s cubic-bezier(.2,.7,.2,1)}
.zbi-pl__ends{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--dim)}
.zb .zbi-pl__msg{margin:0;font-size:15px;line-height:1.4;color:var(--plum)}
.zbi-pl__msg [hidden]{display:none}
.zbi-pl__weeks{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}
.zb .zbi-pl__weeks>li{margin:0;padding:16px}
.zb .zbi-pl__weeks>li::before{content:none}
.zbi-pl__wk{display:grid;gap:8px;align-content:start;padding:16px;border-radius:18px;background:var(--c)}
.zbi-pl__wh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:2px 2px 4px}
.zbi-pl__wh em{grid-column:1;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--plum)}
.zbi-pl__wh b{grid-column:1;font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.zbi-pl__wc{grid-column:2;grid-row:1/3;align-self:center;min-width:40px;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.7);font-size:13px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.zbi-pl__wk.is-done .zbi-pl__wc{background:var(--ink);color:#fff}
.zbi-pl__it{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:14px;background:#fff;cursor:pointer;transition:background-color .2s ease}
.zbi-pl__it input{position:absolute;opacity:0;width:1px;height:1px;margin:0;font-size:16px}
.zbi-pl__it>i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line);transition:background-color .2s ease,box-shadow .2s ease}
.zbi-pl__it>i::after{content:'';width:11px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .2s cubic-bezier(.3,1.6,.6,1)}
.zbi-pl__it:has(input:checked)>i{background:var(--ink);box-shadow:none}
.zbi-pl__it:has(input:checked)>i::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.zbi-pl__it:has(input:checked){background:rgba(255,255,255,.55)}
.zbi-pl__it:has(input:checked)>span{color:var(--dim);text-decoration:line-through;text-decoration-color:rgba(14,11,18,.3)}
.zbi-pl__it:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px}
.zbi-pl__it>span{font-size:15px;font-weight:500;line-height:1.35}
.zbi-pl__it small{display:block;margin-top:3px;font-size:13px;font-weight:400;line-height:1.4;color:var(--dim)}
.zbi-pl__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:4px}
.zbi-pl__reset{min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:720px){.zbi-pl__weeks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.zbi-pl__head{top:62px;gap:6px}.zbi-pl__ends{display:none}.zb .zbi-pl__msg{font-size:14px}}
@media (prefers-reduced-motion:reduce){.zbi-pl__fill,.zbi-pl__dot{transition:none}}

/* ── Светофор-самоаудит (.zbi-lt) ── */
.zbi-lt{padding:clamp(18px,2.4vw,26px);border-radius:var(--r-card);background:var(--sky)}
.zbi-lt__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.zbi-lt__head b{font-size:clamp(20px,2vw,24px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
.zbi-lt__cnt{flex:none;font-size:13px;font-weight:700;color:var(--plum);font-variant-numeric:tabular-nums}
.zbi-lt__list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;counter-reset:lt}
.zb .zbi-lt__list>li{margin:0;padding:14px 16px}
.zb .zbi-lt__list>li::before{content:none}
.zbi-lt__it{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;border-radius:16px;background:#fff;counter-increment:lt}
.zb .zbi-lt__it p{margin:0;font-size:16px;line-height:1.4}
.zbi-lt__it p::before{content:counter(lt) '. ';font-weight:700;color:var(--violet)}
.zbi-lt__btns{display:flex;gap:6px}
.zbi-lt__btns button{flex:1;min-height:44px;padding:0 8px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.zbi-lt__btns button[data-a="g"][aria-pressed="true"]{background:#9fe0c0;box-shadow:none}
.zbi-lt__btns button[data-a="y"][aria-pressed="true"]{background:#f0d082;box-shadow:none}
.zbi-lt__btns button[data-a="r"][aria-pressed="true"]{background:#f4a08c;box-shadow:none}
.zbi-lt__it[data-v] p{color:var(--dim)}
.zbi-lt__res{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:14px;padding:clamp(18px,2.4vw,26px);border-radius:18px;background:var(--ink);color:#fff}
.zbi-lt__res[hidden],.zbi-lt__v[hidden],.zbi-lt__fixh[hidden]{display:none}
.zbi-lt__lamp{display:flex;gap:10px;justify-self:start;padding:10px 14px;border-radius:999px;background:#1d1626;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.zbi-lt__lamp i{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);transition:background-color .3s ease,box-shadow .3s ease}
.zbi-lt[data-res="red"] [data-l="r"]{background:#f4a08c;box-shadow:0 0 18px #f4a08c}
.zbi-lt[data-res="yellow"] [data-l="y"]{background:#f0d082;box-shadow:0 0 18px #f0d082}
.zbi-lt[data-res="green"] [data-l="g"]{background:#9fe0c0;box-shadow:0 0 18px #9fe0c0}
.zbi-lt__out{display:grid;gap:10px}
.zbi-lt__v b{display:block;font-size:clamp(20px,2.2vw,26px);line-height:1.15;letter-spacing:-.02em}
.zb .zbi-lt__v p{margin:8px 0 0;color:var(--dim-d);line-height:1.45}
.zb .zbi-lt__sum{margin:0;font-size:14px;color:var(--dim-d)}
.zb .zbi-lt__fixh{margin:6px 0 0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c9a6e6}
.zbi-lt__fix{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.zb .zbi-lt__fix li{position:relative;margin:0;padding:12px 14px 12px 34px;border-radius:14px;background:rgba(255,255,255,.07);font-size:15px;line-height:1.4}
.zb .zbi-lt__fix li::before{content:'';position:absolute;left:14px;top:18px;width:10px;height:10px;border-radius:50%;background:#f4a08c}
.zb .zbi-lt__fix li.is-y::before{background:#f0d082}
.zbi-lt__res .zb-btn{justify-self:start;margin-top:6px}
.zbi-lt__again{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--dim-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:620px){.zbi-lt__it{grid-template-columns:minmax(0,1fr) 280px;align-items:center}}
@media (min-width:820px){.zbi-lt__res{grid-template-columns:auto minmax(0,1fr);align-items:start}.zbi-lt__lamp{flex-direction:column;padding:14px 10px}}

/* Списки внутри механик: общие отступы текста статьи (.zb-prose ul/ol/li) их не касаются */
.zb-prose ul.zbi,.zb-prose ol.zbi,.zb-prose .zbi ul,.zb-prose .zbi ol{padding-left:0}
.zb-prose .zbi li{margin-top:0}

/* Флип-карточки: невидимая сторона прячется целиком (WebKit иногда показывает оборот зеркально) */
.zbi-f__back{visibility:hidden}
.zbi-f__card[aria-pressed="true"] .zbi-f__back{visibility:visible}
.zbi-f__card[aria-pressed="true"] .zbi-f__front{visibility:hidden}
/* Воронка на телефоне: подпись и пояснение друг под другом, полоса растёт по тексту */
@media (max-width:560px){
  .zb-funnel__bar{height:auto;min-height:56px}
  .zb-funnel__tx{position:relative;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:56px;padding:10px 16px;line-height:1.3}
}
/* Светофор: «Не уверен» помещается на узких экранах */
@media (max-width:400px){.zbi-lt__btns button{padding:0 4px;font-size:14px}.zbi-lt__btns button[data-a="y"]{flex:1.4}}
/* Весы на телефоне: выше сцена, чтобы подпись опущенной чаши не ложилась на основание */
@media (max-width:760px){.zbi-sc{--k:.55}.zbi-sc__stage{height:142px}.zbi-sc__base{width:56px;margin-left:-28px;height:10px}}

/* ── Подбор по шагам (.zbi-pk) ── */
.zbi-pk{display:grid;gap:14px;padding:clamp(18px,2.6vw,28px);border-radius:var(--r-card);background:var(--lilac)}
.zbi-pk__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.zbi-pk__head b{font-size:clamp(20px,2vw,24px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
.zbi-pk__cnt{flex:none;font-size:13px;font-weight:700;color:var(--plum);font-variant-numeric:tabular-nums}
.zbi-pk__prog{height:8px;border-radius:99px;background:rgba(255,255,255,.7);overflow:hidden}
.zbi-pk__prog i{display:block;width:0;height:100%;border-radius:99px;background:var(--violet);transition:width .35s cubic-bezier(.2,.7,.2,1)}
.zbi-pk__q{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.zbi-pk__q[hidden],.zbi-pk__v[hidden],.zbi-pk__res[hidden],.zbi-pk__back[hidden]{display:none}
.zbi-pk__q legend{margin:0 0 6px;padding:0;font-size:clamp(18px,1.8vw,21px);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.zb .zbi-pk__a{min-height:52px;padding:12px 18px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px transparent;font:inherit;font-size:16px;line-height:1.35;text-align:left;color:var(--ink);cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}
.zbi-pk__a:active{transform:scale(.99)}
.zb .zbi-pk__a[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--violet)}
.zbi-pk__a:focus-visible,.zbi-pk__back:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.zb .zbi-pk__a:hover{box-shadow:inset 0 0 0 1.5px var(--violet)}}
.zbi-pk__back{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--plum);cursor:pointer}
.zbi-pk__res{display:grid;gap:14px;padding:clamp(18px,2.4vw,26px);border-radius:18px;background:var(--ink);color:#fff}
.zb .zbi-pk__cap{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c9a6e6}
.zbi-pk__v b{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.02em}
.zb .zbi-pk__v p{margin:8px 0 0;color:var(--dim-d);line-height:1.45}
.zbi-pk__bars{display:grid;gap:10px;margin:4px 0 0;padding:0;list-style:none}
.zb .zbi-pk__bars li{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr) 44px;align-items:center;gap:12px;margin:0;padding:0;font-size:14px;color:var(--dim-d)}
.zb .zbi-pk__bars li::before{content:none}
.zbi-pk__bars i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.zbi-pk__bars b{display:block;width:0;height:100%;border-radius:99px;background:var(--c);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.zbi-pk__bars em{font-style:normal;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.zbi-pk__bars li.is-best{color:#fff;font-weight:600}
.zbi-pk__bars li.is-best b{box-shadow:0 0 12px var(--c)}
.zbi-pk__res .zb-btn{justify-self:start;margin-top:4px}
.zbi-pk__again{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--dim-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:620px){.zbi-pk__q{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.zbi-pk__q legend{grid-column:1/-1;float:left;width:100%}}
@media (prefers-reduced-motion:reduce){.zbi-pk__bars b,.zbi-pk__prog i{transition:none}}

/* ── Ваша конверсия против нормы (.zbi-cv) ── */
.zbi-cv{--m:0%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;border-radius:var(--r-card);overflow:hidden}
.zbi-cv__in{display:grid;gap:12px;padding:clamp(18px,2.6vw,28px);background:var(--mint);border-radius:var(--r-card)}
.zbi-cv__f{display:grid;gap:4px}
.zbi-cv__f span{font-size:14px;font-weight:600}
.zb .zbi-cv__f input{width:100%;min-height:52px;padding:0 16px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:20px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.zb .zbi-cv__f input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--violet)}
.zbi-cv__f small{font-size:12.5px;color:var(--dim)}
.zbi-cv__sw{margin-top:2px}
.zbi-cv__out{display:grid;gap:10px;align-content:start;padding:clamp(18px,2.6vw,28px);border-radius:var(--r-card);background:radial-gradient(120% 90% at 100% 0,#2e1a47 0,#0e0b12 70%);color:#fff}
.zb .zbi-cv__cap{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c9a6e6}
.zb .zbi-cv__big{margin:0;font-size:clamp(48px,7vw,72px);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.zbi-cv[data-z="0"] .zbi-cv__big{color:#f4a08c}.zbi-cv[data-z="1"] .zbi-cv__big{color:#f7c2a8}.zbi-cv[data-z="2"] .zbi-cv__big{color:#f0d082}.zbi-cv[data-z="3"] .zbi-cv__big,.zbi-cv[data-z="4"] .zbi-cv__big{color:#9fe0c0}
.zbi-cv__scale{position:relative;display:grid;grid-template-columns:10fr 13.33fr 10fr 33.33fr 33.33fr;height:12px;margin-top:6px;border-radius:99px;overflow:visible}
.zbi-cv__scale i{display:block;height:100%}
.zbi-cv__scale i:first-child{border-radius:99px 0 0 99px}.zbi-cv__scale i:nth-child(5){border-radius:0 99px 99px 0}
.zbi-cv__scale .z-r{background:#f4a08c}.zbi-cv__scale .z-p{background:#f7c2a8}.zbi-cv__scale .z-y{background:#f0d082}.zbi-cv__scale .z-g{background:#9fe0c0}.zbi-cv__scale .z-s{background:#8cb4f0}
.zbi-cv__mark{position:absolute;top:50%;left:clamp(12px,var(--m),calc(100% - 12px));width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25),0 0 16px rgba(255,255,255,.6);transition:left .45s cubic-bezier(.2,.7,.2,1)}
.zbi-cv__ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--dim-d);font-variant-numeric:tabular-nums}
.zb .zbi-cv__zone{margin:4px 0 0;font-size:clamp(19px,2vw,22px);font-weight:600;line-height:1.2}
.zb .zbi-cv__tip{margin:0;font-size:15px;line-height:1.45;color:var(--dim-d)}
.zbi-cv__gain{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:rgba(159,224,192,.12);box-shadow:inset 0 0 0 1px rgba(159,224,192,.3)}
.zbi-cv__gain[hidden]{display:none}
.zbi-cv__gain span{font-size:13px;color:var(--dim-d)}
.zbi-cv__gain b{font-size:22px;font-weight:600;color:#9fe0c0}
.zbi-cv__gain small{font-size:13.5px;color:#fff}
.zbi-cv__out .zb-btn{justify-self:start;margin-top:4px}
@media (min-width:820px){.zbi-cv{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media (prefers-reduced-motion:reduce){.zbi-cv__mark{transition:none}}

/* ── Хватит ли оборотки (.zbi-cs, на базе .zbi-cv) ── */
.zbi-cs .zbi-cv__in{background:var(--peach)}
.zbi-cs[data-z="0"] .zbi-cv__big{color:#f4a08c}.zbi-cs[data-z="1"] .zbi-cv__big{color:#f0d082}.zbi-cs[data-z="2"] .zbi-cv__big{color:#9fe0c0}
.zb .zbi-cs .zbi-cv__big{font-size:clamp(40px,6vw,60px)}
.zbi-cs__cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:6px}
.zbi-cs__cells i{height:14px;border-radius:4px;background:rgba(255,255,255,.1);transition:background-color .3s ease,box-shadow .3s ease}
.zbi-cs[data-z="0"] .zbi-cs__cells i.on{background:#f4a08c;box-shadow:0 0 8px rgba(244,160,140,.5)}
.zbi-cs[data-z="1"] .zbi-cs__cells i.on{background:#f0d082;box-shadow:0 0 8px rgba(240,208,130,.5)}
.zbi-cs[data-z="2"] .zbi-cs__cells i.on{background:#9fe0c0;box-shadow:0 0 8px rgba(159,224,192,.5)}
.zbi-cs .zbi-cv__gain{background:rgba(244,160,140,.1);box-shadow:inset 0 0 0 1px rgba(244,160,140,.3)}
.zbi-cs .zbi-cv__gain b{color:#f4a08c}

/* ═══ Дизайн-пачка 1 (по design-review.md) ═══ */
/* Косяки: цифры в .zb-stat написаны через strong; сетка не наследует отступ списков статьи */
.zb-prose .zb-stat{padding-left:0}
.zb-prose .zb-stat li{margin-top:0}
.zb-stat strong{font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--violet)}
/* Меню блога на телефоне — в одну строку с прокруткой, «Реанимация» не падает одна на вторую строку */
.zb-subnav .zb-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
.zb-subnav .zb-nav::-webkit-scrollbar{display:none}
@media (max-width:420px){.zb-subnav .zb-nav a{padding:0 10px;font-size:13.5px}}
/* Шапка статьи на телефоне ниже: картинка не занимает полэкрана */
@media (max-width:760px){.zb-hero__art{min-height:0;margin-top:4px}.zb-hero__obj{max-width:min(40vw,160px)}}
/* Оглавление на телефоне — свёрнутое, сразу под шапкой; боковая колонка (оглавление + дубль предложения) только на широких */
.zb-tocm{margin:0 0 22px;border-radius:var(--r-card);background:var(--bg)}
.zb-tocm summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 20px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}
.zb-tocm summary::-webkit-details-marker{display:none}
.zb-tocm summary em{font-style:normal;font-size:13px;font-weight:500;color:var(--dim)}
.zb-tocm summary::after{content:'';width:9px;height:9px;margin-left:auto;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}
.zb-tocm[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.zb-tocm summary em{margin-left:auto;margin-right:4px}
.zb-tocm ol{margin:0;padding:0 20px 14px;list-style:none;counter-reset:tm}
.zb-tocm li{counter-increment:tm}
.zb-tocm a{display:flex;gap:10px;align-items:baseline;min-height:42px;padding:9px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.3;color:var(--ink)}
.zb-tocm a::before{content:counter(tm,decimal-leading-zero);flex:none;font-size:12px;font-weight:600;color:var(--violet)}
@media (max-width:999px){.zb-rail{display:none}}
@media (min-width:1000px){.zb-tocm{display:none}}
/* Типографика: вводный абзац крупнее, номера у h2 как в оглавлении, «Коротко» — тёмная карточка */
.zb-prose{counter-reset:h2n}
.zb-prose > p:first-child{font-size:1.14em;line-height:1.55;color:var(--ink)}
.zb-prose h2{counter-increment:h2n}
.zb-prose h2::before{content:counter(h2n,decimal-leading-zero);display:block;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--violet)}
.zb-prose h2#itog + ul{position:relative;margin-top:14px;padding:24px 24px 24px 46px;border-radius:var(--r-card);background:radial-gradient(120% 90% at 100% 0,#2e1a47 0,#0e0b12 70%);color:#fff;overflow:hidden}
.zb-prose h2#itog + ul li{margin-top:.55em;color:rgba(255,255,255,.9)}
.zb-prose h2#itog + ul li:first-child{margin-top:0}
.zb-prose h2#itog + ul li::marker{color:#9fe0c0}
.zb-prose h2#itog + ul a{color:#fff}
/* Карточки статей: 3D-обложка и значок механики */
.zb-card{grid-template-rows:auto auto auto auto 1fr auto;position:relative;overflow:hidden}
.zb-card__img{justify-self:center;width:auto;height:clamp(120px,14vw,160px);max-width:70%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(46,26,71,.22));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.zb-card__mech{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.zb-card__mech::before{content:'';width:7px;height:7px;border-radius:50%;background:#9fe0c0;box-shadow:0 0 8px #9fe0c0}
@media (hover:hover) and (pointer:fine){.zb .zb-card:hover .zb-card__img{transform:translateY(-6px) rotate(-3deg) scale(1.04)}}
/* Полоса «Инструменты» на /blog/ — тёмный блок в стиле «Агентов» на главной */
.zb-tools{position:relative;background:radial-gradient(90% 120% at 85% 0,#2e1a47 0,#0e0b12 65%);color:#fff;overflow:hidden}
.zb-tools__word{position:absolute;left:50%;top:clamp(6px,2vw,20px);transform:translateX(-50%);margin:0;font-size:clamp(64px,13vw,210px);font-weight:700;letter-spacing:-.06em;line-height:.9;white-space:nowrap;color:transparent;-webkit-text-stroke:1.2px rgba(201,166,230,.22);pointer-events:none;user-select:none}
.zb-tools::before{content:'';position:absolute;left:50%;top:48%;width:min(1100px,140%);aspect-ratio:3/1;transform:translate(-50%,-50%);border:1.5px dashed rgba(201,166,230,.2);border-radius:50%;pointer-events:none}
.zb-tools::after{content:'';position:absolute;left:calc(50% + min(520px,66%) * .9);top:calc(48% - 60px);width:8px;height:8px;border-radius:50%;background:#9fe0c0;box-shadow:0 0 14px 4px rgba(159,224,192,.6);pointer-events:none}
.zb-tools .zb-in{position:relative}
.zb .zb-tools__h{position:relative;margin:clamp(40px,7vw,110px) 0 22px;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.03em;color:#fff}
.zb-tools__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}
.zb-tool{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;height:100%;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;transition:background-color .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}
.zb a.zb-tool{color:#fff}
.zb-tool img{grid-row:1/3;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.zb-tool b{font-size:16.5px;font-weight:600;line-height:1.2}
.zb-tool span{font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.66)}
@media (min-width:680px){.zb-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.zb-tools__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zb-tool{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:8px;align-content:start;padding:20px}.zb-tool img{grid-row:auto;width:56px;height:56px}}
@media (hover:hover) and (pointer:fine){.zb-tool:hover{background:rgba(255,255,255,.11);transform:translateY(-3px)}.zb-tool:hover img{transform:rotate(-12deg)}.zb-tool img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}}
@media (max-width:680px){.zb-tools::after{display:none}}
@media (max-width:680px){.zb .zb-tools__h{margin-top:clamp(62px,17vw,110px)}.zb-tools__word{font-size:17vw;top:12px}}

/* ── От плана заказов к бюджету (.zbi-ap, на базе .zbi-cv) ── */
.zbi-ap .zbi-cv__in{background:var(--sky)}
.zb .zbi-ap .zbi-cv__big{font-size:clamp(38px,5.4vw,56px);color:#fff}
.zb .zbi-ap__note{margin:0;font-size:12.5px;color:var(--dim)}
.zbi-ap__rows{display:grid;gap:0;margin:4px 0 0;padding:0;list-style:none}
.zb .zbi-ap__rows li{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14.5px;color:var(--dim-d)}
.zb .zbi-ap__rows li::before{content:none}
.zbi-ap__rows b{color:#fff;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.zbi-ap__rows li[hidden]{display:none}
.zbi-ap .zbi-cv__zone{color:#9fe0c0}

/* ── Сколько остаётся с продажи (.zbi-lf) ── */
.zbi-lf{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.zbi-lf__in{display:grid;gap:14px;padding:clamp(18px,2.6vw,28px);border-radius:var(--r-card);background:var(--butter)}
.zbi-lf__out{display:grid;gap:12px;align-content:start;padding:clamp(18px,2.6vw,28px);border-radius:var(--r-card);background:radial-gradient(120% 90% at 100% 0,#2e1a47 0,#0e0b12 70%);color:#fff}
.zb .zbi-lf__big{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.zbi-lf__big b{font-size:clamp(44px,6.4vw,66px);font-weight:600;line-height:1;letter-spacing:-.04em;color:#9fe0c0;font-variant-numeric:tabular-nums}
.zbi-lf[data-neg="1"] .zbi-lf__big b{color:#f4a08c}
.zbi-lf__big span{font-size:15px;color:var(--dim-d)}
.zbi-lf__bar{display:flex;height:22px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.08)}
.zbi-lf__bar i{display:block;height:100%;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.zbi-lf [data-lb="fee"],.zbi-lf [data-ls="fee"] i{background:#c9a6e6}
.zbi-lf [data-lb="log"],.zbi-lf [data-ls="log"] i{background:#f4a08c}
.zbi-lf [data-lb="ret"],.zbi-lf [data-ls="ret"] i{background:repeating-linear-gradient(135deg,#f4a08c 0 5px,#b8705f 5px 9px)}
.zbi-lf [data-lb="ads"],.zbi-lf [data-ls="ads"] i{background:#8cb4f0}
.zbi-lf [data-lb="left"],.zbi-lf [data-ls="left"] i{background:#9fe0c0}
.zbi-lf__legend{display:grid;gap:0;margin:0;padding:0;list-style:none}
.zb .zbi-lf__legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14.5px;color:var(--dim-d)}
.zb .zbi-lf__legend li::before{content:none}
.zbi-lf__legend i{width:12px;height:12px;border-radius:4px}
.zbi-lf__legend b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.zbi-lf__legend li[data-ls="left"] b{color:#9fe0c0}
.zb .zbi-lf__neg{margin:0;padding:12px 14px;border-radius:14px;background:rgba(244,160,140,.14);box-shadow:inset 0 0 0 1px rgba(244,160,140,.4);color:#f4a08c;font-weight:600;font-size:15px}
.zbi-lf__neg[hidden]{display:none}
.zb .zbi-lf__note{margin:0;font-size:12.5px;color:var(--dim-d)}
.zbi-lf__out .zb-btn{justify-self:start}
@media (min-width:820px){.zbi-lf{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
@media (prefers-reduced-motion:reduce){.zbi-lf__bar i{transition:none}}
@media (min-width:1100px){.zb-tools__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ── Схема потоков данных (.zbi-fl) ── */
.zbi-fl{display:grid;gap:14px;padding:clamp(18px,2.6vw,30px);border-radius:var(--r-card);background:radial-gradient(110% 80% at 50% 0,#2e1a47 0,#0e0b12 70%);color:#fff}
.zbi-fl__map{position:relative;display:grid;gap:14px;justify-items:center}
.zbi-fl__orbit{display:none}
.zbi-fl__core{display:grid;place-items:center;align-content:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7a52e0,#5b33c7 60%,#2e1a47);box-shadow:0 0 0 8px rgba(201,166,230,.12),0 0 40px rgba(123,82,224,.55);text-align:center}
.zbi-fl__core b{font-size:17px;font-weight:600;line-height:1.1}
.zbi-fl__core span{font-size:12px;color:rgba(255,255,255,.7)}
.zbi-fl__nodes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.zb .zbi-fl__node{min-height:44px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:14.5px;font-weight:600;color:#fff;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}
.zb .zbi-fl__node[aria-pressed="true"]{background:#9fe0c0;color:var(--ink);box-shadow:0 0 18px rgba(159,224,192,.5)}
.zbi-fl__node:focus-visible{outline:2px solid #c9a6e6;outline-offset:3px}
.zbi-fl__cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.zb .zbi-fl__card{margin:0;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);animation:zbiFlIn .35s cubic-bezier(.2,.7,.2,1) both}
.zb .zbi-fl__card::before{content:none}
.zbi-fl__card[hidden]{display:none}
@keyframes zbiFlIn{from{opacity:0;transform:translateY(8px)}}
.zb .zbi-fl__dir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:15px}
.zbi-fl__dir i{font-style:normal;color:#9fe0c0;font-weight:700}
.zbi-fl__card[data-dir="out"] .zbi-fl__dir i{color:#f0d082}
.zb .zbi-fl__what{margin:6px 0 10px;font-size:16px;line-height:1.4;color:#fff}
.zbi-fl__card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:14px}
.zbi-fl__card dt{color:#c9a6e6;font-weight:600}
.zbi-fl__card dd{margin:0;color:rgba(255,255,255,.78)}
.zb .zbi-fl__src{margin:0;font-size:12.5px;color:rgba(255,255,255,.55)}
@media (min-width:760px){
  .zbi-fl__map{height:380px;display:block}
  .zbi-fl__orbit{display:block;position:absolute;inset:40px 12%;border:1.5px dashed rgba(201,166,230,.28);border-radius:50%}
  .zbi-fl__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .zbi-fl__nodes{display:block;position:absolute;inset:0}
  .zb .zbi-fl__node{position:absolute;left:calc(50% + 38% * cos(calc(var(--i) / var(--n) * 360deg - 90deg)));top:calc(50% + 40% * sin(calc(var(--i) / var(--n) * 360deg - 90deg)));transform:translate(-50%,-50%);white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.zb .zbi-fl__card{animation:none}}
@supports not (top:calc(1px * sin(1deg))){.zbi-fl__map{height:auto!important;display:grid!important}.zbi-fl__orbit{display:none!important}.zbi-fl__core{position:static!important;transform:none!important}.zbi-fl__nodes{position:static!important;display:flex!important}.zb .zbi-fl__node{position:static!important;transform:none!important}}

/* ── Точка безубыточности (.zbi-be, на базе .zbi-cv) ── */
.zbi-be .zbi-cv__in{background:var(--lilac)}
.zb .zbi-be .zbi-cv__big{font-size:clamp(32px,3.6vw,44px);color:#fff}
.zbi-be[data-z="0"] .zbi-cv__zone{color:#f4a08c}.zbi-be[data-z="2"] .zbi-cv__zone{color:#f0d082}.zbi-be[data-z="3"] .zbi-cv__zone{color:#9fe0c0}
.zbi-be__more{border-radius:14px;background:rgba(255,255,255,.55);padding:0 14px}
.zbi-be__more summary{min-height:48px;display:flex;align-items:center;font-size:14.5px;font-weight:600;cursor:pointer;color:var(--plum)}
.zbi-be__more[open]{display:grid;gap:12px;padding-bottom:14px}
.zbi-be__bar{display:flex;height:16px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.08)}
.zbi-be__bar i{display:block;height:100%;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.zbi-be__bar [data-b="cost"]{background:#f4a08c}.zbi-be__bar [data-b="var"]{background:#f0d082}.zbi-be__bar [data-b="ads"]{background:#8cb4f0}.zbi-be__bar [data-b="m"]{background:#9fe0c0}
.zb .zbi-be__leg{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:12.5px;color:var(--dim-d)}
.zbi-be__leg span::before{content:'';display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:3px;vertical-align:0}
.zbi-be__leg .c1::before{background:#f4a08c}.zbi-be__leg .c2::before{background:#f0d082}.zbi-be__leg .c3::before{background:#8cb4f0}.zbi-be__leg .c4::before{background:#9fe0c0}
.zbi-be__leg .c4{color:#9fe0c0;font-weight:600}
.zbi-be__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.zb .zbi-be__copy{min-height:44px;font-size:14px;color:var(--dim-d);text-decoration:underline;text-underline-offset:3px}

/* ── Маржа посредников (.zbi-mg) и деньгами или временем (.zbi-tm) ── */
.zbi-mg .zbi-cv__in{background:var(--mint)}
.zb .zbi-mg .zbi-cv__big{font-size:clamp(32px,3.8vw,46px);color:#9fe0c0}
.zbi-mg[data-neg="1"] .zbi-cv__big{color:#f4a08c}
.zbi-mg__rows{display:grid;gap:10px}
.zbi-mg__rows>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;font-size:14px;color:var(--dim-d)}
.zbi-mg__rows i{grid-column:1/-1;display:block;height:14px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.zbi-mg__rows b{display:block;height:100%;border-radius:6px;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.zbi-mg__rows [data-mb="d"]{background:#c9a6e6}.zbi-mg__rows [data-mb="s"]{background:#9fe0c0}
.zbi-mg__rows em{grid-row:1;grid-column:2;font-style:normal;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.zbi-tm .zbi-cv__in{background:var(--butter)}
.zbi-tm__list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.zb .zbi-tm__row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t t" "sw v";gap:8px 10px;align-items:center;margin:0;padding:12px 14px;border-radius:14px;background:#fff}
.zb .zbi-tm__row::before{content:none}
.zbi-tm__t{grid-area:t;font-size:14.5px;font-weight:500;line-height:1.3}
.zbi-tm__sw{grid-area:sw;display:inline-flex;justify-self:start;padding:3px;border-radius:999px;background:var(--bg)}
.zb .zbi-tm__sw button{min-height:36px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--dim)}
.zb .zbi-tm__sw button[aria-pressed="true"]{background:var(--ink);color:#fff}
.zbi-tm__sw--one{padding:0 14px;min-height:42px;align-items:center;font-size:13.5px;font-weight:600;color:var(--dim)}
.zbi-tm__v{grid-area:v;display:none;align-items:center;gap:6px}
.zbi-tm__row[data-mode="self"] .zbi-tm__v--self,.zbi-tm__row[data-mode="out"] .zbi-tm__v--out{display:inline-flex}
.zb .zbi-tm__v input{width:92px;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:16px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.zbi-tm__v em{font-style:normal;font-size:14px;color:var(--dim)}
.zbi-tm__fixed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zb .zbi-tm__fixed .zbi-cv__f input{min-height:44px;font-size:16px;padding:0 10px}
.zbi-tm__fixed .zbi-cv__f span{font-size:12.5px}
.zbi-tm__two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zb .zbi-tm__num{margin:4px 0 0;white-space:nowrap;font-size:clamp(22px,2.3vw,30px);font-weight:600;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}
.zb .zbi-tm__num--real{color:#f0d082}
.zbi-tm [data-tb="time"]{background:#f0d082}.zbi-tm [data-tb="out"]{background:#c9a6e6}.zbi-tm [data-tb="fix"]{background:#9fe0c0}
.zbi-be__leg .c5::before{background:#c9a6e6}
@media (max-width:420px){.zbi-tm__fixed{grid-template-columns:minmax(0,1fr)}}

/* ═══ Дизайн-пачка 2 ═══ */
/* Мифы как игра */
.zbi-fg__score{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--dim)}
.zbi-fg__score b{display:inline-grid;place-items:center;min-width:28px;height:28px;margin:0 2px;border-radius:99px;background:var(--ink);color:#fff;font-variant-numeric:tabular-nums}
.zbi-fg.is-done .zbi-fg__score b{background:#9fe0c0;color:var(--ink)}
.zbi-f__card{cursor:default}
.zbi-f__btns{display:flex;gap:8px}
.zb .zbi-f__btns button{flex:1;min-height:44px;border-radius:999px;background:rgba(255,255,255,.75);font-size:15px;font-weight:600;color:var(--ink);transition:background-color .2s ease,transform .15s ease}
.zb .zbi-f__btns button:active{transform:scale(.97)}
.zb .zbi-f__btns button[data-g="1"]{background:var(--ink);color:#fff}
@media (hover:hover) and (pointer:fine){.zb .zbi-f__btns button[data-g="0"]:hover{background:#fff}.zb .zbi-f__btns button[data-g="1"]:hover{background:var(--plum)}}
.zbi-f__card[data-ok="1"] .zbi-f__back{background:radial-gradient(120% 100% at 100% 0,#1f5c47 0,#0e0b12 70%)}
.zbi-f__card[data-ok="0"] .zbi-f__back{background:radial-gradient(120% 100% at 100% 0,#6b2e24 0,#0e0b12 70%)}
.zbi-f__card[data-ok="1"] .zbi-f__res{color:#9fe0c0}.zbi-f__card[data-ok="0"] .zbi-f__res{color:#f4a08c}
.zb .zbi-f__back-btn{justify-self:start;min-height:36px;font-size:13px;color:rgba(255,255,255,.6);text-decoration:underline;text-underline-offset:3px}
/* Прогресс чтения */
.zb-readbar{position:fixed;left:0;top:0;z-index:60;width:100%;height:3px;background:linear-gradient(90deg,#c9a6e6,var(--violet));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
@media (prefers-reduced-motion:reduce){.zb-readbar{display:none}}
/* ── Бесплатная доставка от суммы (.zbi-fs) ── */
.zbi-fs .zbi-cv__in{background:var(--sky)}
.zb .zbi-fs .zbi-cv__big{font-size:clamp(36px,4.6vw,54px)}
.zbi-fs[data-z="0"] .zbi-cv__big{color:#f4a08c}.zbi-fs[data-z="2"] .zbi-cv__big{color:#f0d082}.zbi-fs[data-z="3"] .zbi-cv__big{color:#9fe0c0}
/* Фильтр рубрик на /blog/ */
.zb-filter{scroll-margin-top:110px;display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.zb-filter::-webkit-scrollbar{display:none}
.zb .zb-filter button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14.5px;font-weight:600;color:var(--ink);transition:background-color .2s ease,color .2s ease}
.zb .zb-filter button em{font-style:normal;font-size:12px;font-weight:700;color:var(--dim);font-variant-numeric:tabular-nums}
.zb .zb-filter button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.zb .zb-filter button[aria-pressed="true"] em{color:rgba(255,255,255,.6)}
.zb-grid > li[hidden]{display:none}

/* ── Цена от нужной прибыли (.zbi-pc) ── */
.zbi-pc .zbi-cv__in{background:var(--peach)}
.zb .zbi-pc__h{margin:6px 0 -4px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--plum)}
.zb .zbi-pc__own{color:#9fe0c0}
.zbi-pc__sub{display:block;margin-top:4px;font-size:12.5px;color:var(--dim-d)}
.zbi-pc__conv{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px 10px;align-items:end;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.zbi-pc__conv .zbi-cv__cap{grid-column:1/-1}
.zbi-pc__conv label{display:grid;gap:4px;font-size:12.5px;color:var(--dim-d)}
.zb .zbi-pc__conv input{width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:rgba(255,255,255,.1);font:inherit;font-size:18px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.zbi-pc__conv i{font-style:normal;padding-bottom:10px;color:#c9a6e6;font-size:18px}

/* ---------- подвал v2: колонки по рубрикам ---------- */
.zb-foot{max-width:1680px;width:100%;margin:12px auto 0;padding:0 var(--sx) 28px;font-size:14px;line-height:1.45;color:var(--dim)}
.zb-foot>*{background:var(--paper)}
.zb-foot__top{display:grid;gap:14px 32px;padding:clamp(22px,3vw,40px) clamp(20px,3vw,44px) 22px;border-radius:var(--r) var(--r) 0 0}
.zb .zb-foot__logo{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--ink)}
.zb-foot__logo i{font-style:normal;color:var(--violet)}
.zb-foot__tag{max-width:46ch;text-wrap:pretty}
.zb-foot__links{display:flex;flex-wrap:wrap;gap:8px}
.zb .zb-foot__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--bg);font-weight:600;color:var(--ink);transition:background .2s ease,color .2s ease}
.zb .zb-foot__links a:first-child{background:var(--ink);color:#fff}
.zb-foot__cols{display:grid;gap:0 28px;padding:6px clamp(20px,3vw,44px) 26px}
.zb-foot__col{border-top:1px solid var(--line);min-width:0}
.zb-foot__h{display:flex;align-items:center;gap:10px;min-height:52px;margin:0;font-size:15px;font-weight:600;color:var(--ink);list-style:none;cursor:pointer}
.zb-foot__h::-webkit-details-marker{display:none}
.zb-foot__h i{width:12px;height:12px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px rgba(14,11,18,.08)}
.zb-foot__h em{font-style:normal;font-weight:500;font-size:12px;color:var(--dim);background:var(--bg);border-radius:999px;padding:1px 8px}
details.zb-foot__col>.zb-foot__h::after{content:'';margin-left:auto;width:9px;height:9px;border:solid var(--dim);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .25s ease}
details.zb-foot__col[open]>.zb-foot__h::after{transform:rotate(-135deg) translateY(-2px)}
.zb-foot__col ul{margin:0;padding:0 0 12px;list-style:none;display:grid}
@media (max-width:699px){.zb-foot__col--studio ul{grid-template-columns:1fr 1fr;column-gap:16px}}
.zb .zb-foot__col li a{display:flex;align-items:center;min-height:36px;padding:6px 0;color:var(--dim);text-wrap:balance;line-height:1.3}
.zb .zb-foot__all{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-bottom:14px;font-weight:600;font-size:13.5px;color:var(--violet)}
.zb-foot__all svg{width:15px;height:15px}
.zb-foot__legal{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;padding:10px clamp(20px,3vw,44px) 16px;border-radius:0 0 var(--r) var(--r);border-top:1px solid var(--line);font-size:12.5px}
@media (min-width:700px){
  .zb-foot__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1100px){
  .zb-foot__top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .zb-foot__cols{grid-template-columns:minmax(0,.8fr) repeat(5,minmax(0,1fr))}
  details.zb-foot__col>.zb-foot__h{pointer-events:none}
  details.zb-foot__col>.zb-foot__h::after{display:none}
}
@media (hover:hover){
  .zb .zb-foot__col li a:hover{color:var(--ink)}
  .zb .zb-foot__links a:hover{background:var(--lilac)}
  .zb .zb-foot__links a:first-child:hover{background:var(--violet);color:#fff}
  .zb .zb-foot__all:hover{color:var(--ink)}
}

/* ---------- {{repeat}}: вернувшиеся покупатели ---------- */
.zbi-rp__bars { display: grid; gap: 8px; margin: 4px 0 6px; }
.zbi-rp__bars p { margin: 0; font-size: 13px; font-weight: 600; color: var(--dim-d); }
.zbi-rp__row { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 4px 10px; font-size: 13px; }
.zbi-rp__row span { color: var(--dim-d); }
.zbi-rp__row i { display: block; height: 14px; border-radius: 999px; background: rgba(255, 255, 255, .28); transition: width .6s cubic-bezier(.3, 0, .2, 1); }
.zbi-rp__row--new i { background: linear-gradient(90deg, #c9a6e6, #9fe0c0); box-shadow: 0 0 16px rgba(159, 224, 192, .45); }
.zbi-rp__row b { grid-column: 2; font-size: 13px; font-weight: 600; color: #fff; }

.zbi-rp .zbi-cv__big{font-size:clamp(34px,3vw,46px);white-space:nowrap;letter-spacing:-.03em}
@media (max-width:400px){.zbi-rp .zbi-cv__big{font-size:30px}}

/* Инструменты: слово над сеткой, а не сквозь плитки; разные 3D-предметы; на телефоне 4 плитки + «все» */
.zb-tools__word{position:relative;left:auto;top:auto;transform:none;display:block;text-align:center;margin:0 0 -.12em;font-size:clamp(56px,12vw,190px)}
.zb .zb-tools__h{margin-top:clamp(8px,1.5vw,20px)}
.zb-tool img{width:56px;height:56px;object-fit:contain}
@media (min-width:1100px){.zb-tool img{width:72px;height:72px}}
.zb-tools__more{display:none}
@media (max-width:679px){
  .zb .zb-tools__h{margin-top:4px}
  .zb-tools__word{font-size:12.6vw;margin-bottom:-.08em}
  .zb-tools:not(.is-open) .zb-tools__grid>li:nth-child(n+5){display:none}
  .zb .zb-tools__more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:10px;border:0;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
  .zb-tools.is-open .zb-tools__more{display:none}
}

/* Телефон: компактные карточки статей — обложка справа, без описания (список в 3 раза короче) */
@media (max-width:679px){
  .zb-card{grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:none;grid-template-areas:"head img" "t img" "mech img" "m img";column-gap:12px;row-gap:8px;align-content:start;padding:18px 16px 18px 18px}
  .zb-card__head{grid-area:head}
  .zb-card__arr{display:none}
  .zb-card__img{grid-area:img;align-self:center;width:84px;height:84px;max-width:none}
  .zb-card__mech{grid-area:mech}
  .zb-card__t{grid-area:t;font-size:18px;line-height:1.18}
  .zb-card__d{display:none}
  .zb-card__m{grid-area:m;font-size:12.5px}
}

/* Компьютер: оглавление и «Разберём ваш магазин» едут вместе; результат калькулятора виден, пока заполняешь поля */
@media (min-width:1000px){
  .zb-rail{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px)}
  .zb-rail .zb-toc{position:static;min-height:0;overflow:auto;overscroll-behavior:contain}
  .zb-rail{grid-template-rows:minmax(0,1fr) auto}
}
@media (min-width:820px){.zbi-cv__out{position:sticky;top:90px;align-self:start}}

/* ---------- {{nichevs}}: ниша А против ниши Б ---------- */
.zbi-nv{padding:clamp(16px,2.4vw,26px);border-radius:var(--r-card);background:var(--butter)}
.zbi-nv__names{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zbi-nv__names label{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 6px 0 8px;border-radius:14px;background:var(--paper)}
.zbi-nv__names input{flex:1;min-width:0;height:44px;border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--ink);outline:none}
.zbi-nv__tag,.zbi-nv__l{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--violet);color:#fff;font-style:normal;font-size:13px;font-weight:700}
.zbi-nv__tag--b,.zbi-nv__l--b{background:#f4a08c;color:var(--ink)}
.zb-prose .zbi-nv__rows{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.zbi-nv__row{display:grid;gap:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.72)}
.zbi-nv__q b{display:block;font-size:16px;font-weight:600;line-height:1.2}
.zbi-nv__q span{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:var(--dim)}
.zbi-nv__ab{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 8px;align-items:center}
.zbi-nv__seg{display:flex;gap:4px}
.zb .zbi-nv__seg button{flex:1;min-height:40px;padding:0 4px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.zb .zbi-nv__seg button[data-v="0"][aria-pressed="true"]{background:#f4a08c;box-shadow:none}
.zb .zbi-nv__seg button[data-v="1"][aria-pressed="true"]{background:#f0d082;box-shadow:none}
.zb .zbi-nv__seg button[data-v="2"][aria-pressed="true"]{background:#9fe0c0;box-shadow:none}
.zbi-nv__out{display:grid;gap:10px;margin-top:12px;padding:clamp(18px,2.4vw,26px);border-radius:18px;background:radial-gradient(120% 90% at 100% 0,#2e1a47 0,#0e0b12 70%);color:#fff}
.zbi-nv__cap{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9a6e6}
.zbi-nv__score{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px}
.zbi-nv__score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.8)}
.zbi-nv__score i{display:block;height:14px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.zbi-nv__score em{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#9b7fe0,#c9a6e6);transition:width .6s cubic-bezier(.3,0,.2,1)}
.zbi-nv__score--b em{background:linear-gradient(90deg,#f4a08c,#f0d082)}
.zbi-nv__score b{font-size:15px;font-weight:700;min-width:70px;text-align:right}
.zbi-nv__win{margin:4px 0 0;font-size:clamp(18px,1.8vw,22px);font-weight:600;line-height:1.25;letter-spacing:-.02em}
.zbi-nv[data-win="a"] .zbi-nv__win{color:#c9a6e6}.zbi-nv[data-win="b"] .zbi-nv__win{color:#f4a08c}
.zb-prose .zbi-nv__weak{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.zbi-nv__weak li{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.78)}
.zbi-nv__weak b{color:#fff;font-size:14px}
.zbi-nv__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px}
.zb .zbi-nv__reset{min-height:44px;padding:0;background:none;border:0;color:rgba(255,255,255,.7);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:820px){.zbi-nv__row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center}}
/* ---------- {{namecheck}}: проверка названия ---------- */
.zbi-nc{padding:clamp(16px,2.4vw,26px);border-radius:var(--r-card);background:var(--lilac)}
.zbi-nc__in{display:grid;gap:6px}
.zbi-nc__in span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--plum)}
.zbi-nc__in input{width:100%;min-height:60px;padding:0 18px;border:0;border-radius:16px;background:var(--paper);box-shadow:0 10px 24px -18px rgba(46,26,71,.5);font:inherit;font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--ink);outline:none}
.zbi-nc__in input:focus{box-shadow:0 0 0 3px rgba(91,51,199,.35)}
.zbi-nc__grid{display:grid;gap:8px;margin-top:10px}
.zbi-nc__auto,.zbi-nc__dom{padding:14px;border-radius:16px;background:rgba(255,255,255,.72)}
.zbi-nc__h{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--plum)}
.zbi-nc__h--m{margin:14px 0 8px}
.zb-prose .zbi-nc ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.zbi-nc__auto li{position:relative;display:grid;gap:1px;padding:4px 0 4px 30px;font-size:13.5px;line-height:1.35;color:var(--dim)}
.zbi-nc__auto li b{color:var(--ink);font-size:14.5px}
.zbi-nc__auto li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:#9fe0c0}
.zbi-nc__auto li[data-st="1"]::before{background:#f0d082}.zbi-nc__auto li[data-st="0"]::before{background:#f4a08c}
.zbi-nc__auto li::after{content:'';position:absolute;left:7px;top:10px;width:5px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.zbi-nc__auto li[data-st="1"]::after,.zbi-nc__auto li[data-st="0"]::after{left:9px;top:10px;width:2px;height:8px;border-width:0 2px 0 0;transform:none}
.zbi-nc__dom li{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;font-variant-ligatures:none}
.zb-prose .zbi-nc__dom ul{display:flex;flex-wrap:wrap;gap:6px}
.zbi-nc__domtip{margin:8px 0 0;font-size:13.5px;line-height:1.4;color:var(--dim)}
.zbi-nc__man li label{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72);cursor:pointer}
.zbi-nc__man input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--violet)}
.zbi-nc__man b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.zbi-nc__man small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--dim)}
.zbi-nc__out{display:grid;gap:8px;margin-top:12px;padding:clamp(18px,2.4vw,24px);border-radius:18px;background:radial-gradient(120% 90% at 100% 0,#2e1a47 0,#0e0b12 70%);color:#fff}
.zbi-nc__meter{height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.zbi-nc__meter em{display:block;height:100%;width:0;border-radius:999px;background:#f4a08c;transition:width .5s cubic-bezier(.3,0,.2,1),background .3s ease}
.zbi-nc[data-z="2"] .zbi-nc__meter em{background:#f0d082}.zbi-nc[data-z="3"] .zbi-nc__meter em{background:#9fe0c0;box-shadow:0 0 14px #9fe0c0}
.zbi-nc__v{margin:0;font-size:clamp(19px,1.9vw,24px);font-weight:600;letter-spacing:-.02em}
.zbi-nc__vt{margin:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.75)}
@media (min-width:820px){.zbi-nc__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}

/* правки после живого теста 25.09 */
.zbi-nv__score{grid-template-columns:minmax(0,150px) minmax(0,1fr) auto}
.zbi-nv__score span{white-space:normal;overflow:visible;line-height:1.25;overflow-wrap:anywhere}
.zbi-rp .zbi-cv__big{overflow-wrap:anywhere}
.zbi-fg.is-done .zbi-fg__score::after{content:attr(data-end);color:var(--ink)}

/* ---------- {{hike}}: рост комиссии площадки ---------- */
.zbi-hk .zbi-cv__in{background:var(--peach)}
.zbi-hk__t{margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.zbi-hk__lab{margin:4px 0 -4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--plum)}
.zbi-hk__cats{flex-wrap:wrap}
.zbi-hk__row--new i{background:linear-gradient(90deg,#f4a08c,#f0d082);box-shadow:0 0 16px rgba(244,160,140,.45)}
.zbi-hk .zbi-cv__big{color:#f4a08c;white-space:nowrap}
.zbi-hk .zbi-cv__big{font-size:clamp(34px,3vw,46px);letter-spacing:-.03em}
@media (max-width:400px){.zbi-hk .zbi-cv__big{font-size:30px}}

/* ---------- 29.09: механики «как считать магазин» ---------- */
.zbi-mt .zbi-cv__in{background:var(--sky)}
.zbi-mt__head{margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:#fff}
.zb-prose .zbi-mt__list{display:grid;gap:6px;margin:4px 0 6px;padding:0;list-style:none}
.zbi-mt__list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:9px 12px 9px 28px;border-radius:12px;background:rgba(255,255,255,.07)}
.zbi-mt__list li::before{content:'';position:absolute;left:11px;top:15px;width:9px;height:9px;border-radius:50%;background:#9fe0c0;box-shadow:0 0 10px #9fe0c0}
.zbi-mt__list li[data-st="1"]::before{background:#f0d082;box-shadow:0 0 10px #f0d082}
.zbi-mt__list li[data-st="0"]::before{background:#f4a08c;box-shadow:0 0 10px #f4a08c}
.zbi-mt__list b{font-size:14.5px;font-weight:600;color:#fff}
.zbi-mt__list em{font-style:normal;font-size:15px;font-weight:700;color:#fff;white-space:nowrap}
.zbi-mt__list span{grid-column:1/-1;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.66)}
.zbi-lk .zbi-cv__in{background:var(--lilac)}
.zbi-lk__r{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center}
.zbi-lk__r span{font-size:13.5px;font-weight:600;line-height:1.2}
.zbi-lk__r b{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--plum);text-align:center}
.zbi-lk__r input{width:100%;min-width:0;height:44px;padding:0 10px;border:0;border-radius:12px;background:var(--paper);font:inherit;font-size:16px;font-weight:600;text-align:center;color:var(--ink)}
.zbi-lk__map{display:grid;gap:10px;margin:4px 0}
.zbi-lk__step{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06)}
.zbi-lk__step.is-worst{box-shadow:inset 0 0 0 1.5px #f4a08c;background:rgba(244,160,140,.1)}
.zbi-lk__step p{margin:0 0 2px;font-size:13px;font-weight:600;color:#fff}
.zbi-lk__step div{display:grid;grid-template-columns:78px minmax(0,1fr) 54px;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.7)}
.zbi-lk__step i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.zbi-lk__step em{display:block;height:100%;border-radius:999px;background:#f4a08c;transition:width .5s cubic-bezier(.3,0,.2,1)}
.zbi-lk__step .zbi-lk__d em{background:#9fe0c0}
.zbi-lk__step b{text-align:right;color:#fff;font-weight:600}
.zbi-bg{padding:clamp(14px,2.2vw,24px);border-radius:var(--r-card);background:var(--mint)}
.zb-prose .zbi-bg__rows{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.zbi-bg__row{display:grid;gap:10px;padding:14px;border-radius:16px;background:var(--paper);transition:box-shadow .3s ease}
.zbi-bg__src b{display:block;font-size:15.5px;font-weight:600}
.zbi-bg__src span{font-size:13px;color:var(--dim)}
.zbi-bg__m{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0}
.zbi-bg__m div{padding:6px 4px;border-radius:10px;background:var(--bg);text-align:center}
.zbi-bg__m dt{font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--dim)}
.zbi-bg__m dd{margin:1px 0 0;font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums}
.zbi-bg__btns{display:flex;gap:6px}
.zb .zbi-bg__btns button{flex:1;min-height:42px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
.zb .zbi-bg__btns button[data-g="0"][aria-pressed="true"]{background:#9fe0c0;box-shadow:none}
.zb .zbi-bg__btns button[data-g="1"][aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.zbi-bg__row[data-ok="1"]{box-shadow:inset 0 0 0 2px #2f8a5f}
.zbi-bg__row[data-ok="0"]{box-shadow:inset 0 0 0 2px #e0664f}
.zbi-bg__why{margin:0;padding:8px 12px;border-radius:10px;background:var(--bg);font-size:13.5px;line-height:1.4}
.zbi-bg__row[data-ok="1"] .zbi-bg__why{background:#dff3e8}.zbi-bg__row[data-ok="0"] .zbi-bg__why{background:#fde3dc}
.zbi-bg__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
.zb .zbi-bg__check{min-height:48px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.zb .zbi-bg__check:disabled{opacity:.35;cursor:default}
.zbi-bg__res{margin:0;font-size:15px;font-weight:600}
@media (min-width:820px){.zbi-bg__row{grid-template-columns:minmax(0,1fr) 230px;align-items:center}.zbi-bg__m{grid-column:1/-1;grid-row:2}.zbi-bg__why{grid-column:1/-1}}
.zbi-cn .zbi-cv__in{background:var(--peach)}
.zbi-pp .zbi-cv__in{background:var(--butter)}
.zbi-pp textarea{width:100%;padding:12px 14px;border:0;border-radius:12px;background:var(--paper);font:inherit;font-size:16px;line-height:1.4;color:var(--ink);resize:vertical}
.zbi-pp__scale{position:relative;height:74px;margin:6px 0 2px}
.zbi-pp__scale::before{content:'';position:absolute;left:4%;right:4%;top:44px;height:2px;background:rgba(255,255,255,.18)}
.zbi-pp__band{position:absolute;top:36px;height:18px;border-radius:999px;background:rgba(201,166,230,.28)}
.zbi-pp__dot{position:absolute;top:39px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#c9a6e6}
.zbi-pp__med{position:absolute;top:28px;width:2px;height:34px;margin-left:-1px;background:#f0d082}
.zbi-pp__med::after{content:'медиана';position:absolute;top:36px;left:50%;transform:translateX(-50%);font-size:10.5px;font-style:normal;color:#f0d082;white-space:nowrap}
.zbi-pp__me{position:absolute;top:0;transform:translateX(-50%);padding:3px 9px;border-radius:999px;background:#9fe0c0;color:var(--ink);font-size:12px;font-weight:700}
.zbi-pp__me::after{content:'';position:absolute;left:50%;top:100%;width:2px;height:22px;margin-left:-1px;background:#9fe0c0}
.zbi-ct{padding:clamp(14px,2.2vw,24px);border-radius:var(--r-card);background:var(--lilac)}
.zb-prose .zbi-ct__items{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.zbi-ct__items label{display:flex;gap:12px;align-items:center;min-height:48px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.75);cursor:pointer}
.zbi-ct__items input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--violet)}
.zbi-ct__items b{font-size:15px;font-weight:600;line-height:1.3}
.zbi-ct__items em{margin-left:8px;padding:2px 8px;border-radius:999px;background:#f4a08c;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.zbi-ct__out{display:grid;gap:8px;margin-top:12px;padding:clamp(18px,2.4vw,24px);border-radius:18px;background:radial-gradient(120% 90% at 100% 0,#2e1a47 0,#0e0b12 70%);color:#fff}
.zbi-ct__meter em{background:#f4a08c}
.zbi-ct[data-z="2"] .zbi-ct__meter em{background:#f0d082}.zbi-ct[data-z="3"] .zbi-ct__meter em{background:#9fe0c0;box-shadow:0 0 14px #9fe0c0}
.zb-prose .zbi-ct__miss{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.zbi-ct__miss li{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.78)}
.zbi-ct__miss b{color:#fff}
.zbi-ct__out .zb-btn{justify-self:start}
.zbi-ab .zbi-cv__in{background:var(--mint)}
.zbi-ab__v{margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#f0d082}
.zbi-ab[data-z="3"] .zbi-ab__v{color:#9fe0c0}.zbi-ab[data-z="1"] .zbi-ab__v{color:#fff}
.zbi-ab__conf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.75)}
.zbi-ab__conf i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.zbi-ab__conf em{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f4a08c,#f0d082 70%,#9fe0c0);transition:width .5s cubic-bezier(.3,0,.2,1)}
.zbi-ab__conf b{color:#fff}
.zbi-pp .zbi-cv__big{font-size:clamp(28px,2.6vw,36px);line-height:1.1}
.zbi-pp__scale{height:84px}.zbi-pp__scale::before{top:54px}.zbi-pp__band{top:46px}.zbi-pp__dot{top:49px}.zbi-pp__med{top:38px}.zbi-pp__me::after{height:34px}
.zbi-pp .zbi-cv__zone{font-size:15.5px;line-height:1.4;font-weight:600}

/* --- механики 30.09: channels (маржа по каналам), tco (сайт за год) --- */
.zbi-ch .zbi-cv__in{background:var(--butter)}
.zbi-tc .zbi-cv__in{background:var(--sky)}
.zbi-ch__bars{display:grid;gap:12px;margin:4px 0 6px}
.zbi-ch__row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:4px 10px;font-size:13px}
.zbi-ch__row span{color:var(--dim-d)}
.zbi-ch__row i{display:block;height:14px;border-radius:999px;background:rgba(255,255,255,.28);transition:width .6s cubic-bezier(.3,0,.2,1)}
.zbi-ch__row i.is-best{background:linear-gradient(90deg,#c9a6e6,#9fe0c0);box-shadow:0 0 16px rgba(159,224,192,.45)}
.zbi-ch__row i.is-neg{background:#f4a08c}
.zbi-ch__row b{grid-column:2;font-size:14px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.zbi-ch__row small{grid-column:2;font-size:12.5px;color:var(--dim-d)}
.zbi-ch[data-z="1"] .zbi-ab__v{color:#f4a08c}
.zbi-tc__ps{display:flex;flex-wrap:wrap;gap:6px}
.zb .zbi-tc__p{min-height:42px;padding:0 16px;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.zb .zbi-tc__p[aria-pressed="true"]{background:var(--ink);color:#fff}
.zbi-ch .zbi-cv__in,.zbi-tc .zbi-cv__in{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:10px}
.zb .zbi-ch .zbi-pc__h,.zbi-ch .zbi-ap__note,.zbi-tc__ps,.zbi-tc .zbi-ap__note{grid-column:1/-1}
.zbi-ch .zbi-cv__f span,.zbi-tc .zbi-cv__f span{font-size:13px;line-height:1.25}
.zbi-ch__row[hidden]{display:none}

/* ── Реклама на Ozon для своего сайта (.zbi-oz, на базе .zbi-cv и .zbi-ap) ── */
.zbi-oz .zbi-cv__in{background:var(--peach)}
.zb .zbi-oz .zbi-cv__zone{color:#f0d082}
.zbi-oz .zbi-cv__out .zb-btn{white-space:normal}