/* KANI Digital · главная-история · v2 · 2026-09-28
   5 сцен: 01 Hero → 02 Из хаоса в систему → 03 ИИ-продажник в работе
           → 04 Доказательства (+ калькулятор в панели) → 05 KANI + аудит.
   Подключается только на главной, последним. Без библиотек.
   Движение: только transform и opacity. Чем ближе к заявке — тем спокойнее. */

:root{--cp-ease:cubic-bezier(.22,1,.36,1);--cp-hdr:72px;
  --k-cyan:#5fd6ff;--k-blue:#4f7dff;--k-violet:#8b6bff;--k-ink:#0b0d14;--k-line:rgba(255,255,255,.09)}

/* ── прокрутка: мягкая привязка к сценам (не захват) — только от 769px ── */
html{scroll-padding-top:var(--cp-hdr)!important}
#hero,#what,#seller,#cases,#calc,#how,#about,#faq,#final{scroll-margin-top:0!important}
@media (min-width:769px){
  html{scroll-snap-type:y proximity}
  #hero,#what,#seller,#cases,#how{scroll-snap-align:start}
}

/* общие отступы сцен */
html body .sc2.section,html body #seller.section,html body .sc4.section,html body .sc5 .section{padding-top:clamp(56px,8vh,88px);padding-bottom:clamp(56px,8vh,88px)}
@media (max-width:768px){html body .sc2.section,html body #seller.section,html body .sc4.section,html body .sc5 .section{padding-top:52px;padding-bottom:52px}}

/* появление: 22px, 600ms */
.js .reveal{transform:translateY(22px);transition:opacity .6s var(--cp-ease),transform .6s var(--cp-ease)}

/* hover карточек: −3px, без увеличения */
html .card:hover,html .rv-card:hover{transform:translateY(-3px)!important}
html .rv-card,html .card{transition:transform .3s var(--cp-ease),border-color .25s,background .25s}
/* магнит главных кнопок — не больше 5px */
.km-mag{transform:translate(clamp(-5px,var(--tx,0px),5px),clamp(-4px,var(--ty,0px),4px))}
.km-mag:hover{transform:translate(clamp(-5px,var(--tx,0px),5px),clamp(-4px,var(--ty,0px),4px)) translateY(-2px)}

/* фон спокойнее: одна главная идея на экране */
#net{transition:opacity .6s linear}
.story{position:relative}

/* ═════════════ 01 · HERO ═════════════ */
html body .ch{min-height:max(560px,calc(100svh - var(--cp-hdr)))}
html body .ch .ch-art{opacity:.34}
html body .ch-cta::after{animation:none!important}
.km-streaks{display:none!important}
@media (min-width:1024px){
  html body .ch{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-rows:1fr auto;align-items:center;justify-items:start;
    column-gap:24px;padding:clamp(24px,4vh,48px) max(24px,calc((100vw - 1180px) / 2 + 24px)) clamp(26px,5vh,52px);text-align:left;overflow:hidden}
  html body .ch .ch-veil{background:radial-gradient(60% 70% at 26% 50%,rgba(8,9,18,.72),rgba(8,9,18,.35) 60%,rgba(8,9,18,0)),
    radial-gradient(50% 60% at 76% 50%,rgba(8,9,18,.55),rgba(8,9,18,0) 70%),linear-gradient(180deg,rgba(8,9,18,.25),rgba(8,9,18,0) 30%,rgba(8,9,18,.6))}
  html body .ch-inner{grid-column:1;grid-row:1;align-items:flex-start!important;text-align:left;max-width:640px;justify-content:center;position:relative;z-index:5}
  html body .ch h1,html body .ch .ch-title{max-width:11.5em!important;font-size:clamp(40px,3.9vw,60px)!important;text-wrap:balance}
  html body .ch-sub{max-width:30em!important;margin-left:0!important;margin-right:0!important;text-wrap:pretty}
  html body .ch-note{margin-left:0;margin-right:0}
  html body .ch-feats{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:8px!important;margin-left:0!important}
  html body .ch-feats li{font-size:14px!important;padding-left:12px!important;padding-right:12px!important}
  html body .ch-foot{grid-column:1;grid-row:2;text-align:left;justify-self:start;position:relative;z-index:5}
  html body .ch-rule{display:none}
  .orb-hero{grid-column:2;grid-row:1/span 2;justify-self:center;align-self:center;--ko:clamp(290px,min(29vw,54vh),440px);position:relative;z-index:1;margin-left:40px}
}
@media (max-width:1023px){
  html body .ch{overflow:hidden}
  .orb-hero{position:relative;--ko:250px;margin:40px auto 36px;order:2;z-index:1}
  html body .ch-foot{order:3}
  html body .ch .ch-rule{display:none}
}
@media (max-width:640px){.orb-hero{--ko:220px;margin:36px auto 40px}
  html body .ch-eyebrow{font-size:10.5px!important;letter-spacing:.08em!important;white-space:nowrap}}
/* мобильная витрина: 4 карточки на простых орбитах, без 3D-глубины */
.orb-hero .oc{height:38px;min-width:0;padding:0 11px 0 8px;font-size:12.5px;border-radius:12px}
.orb-hero .oc svg{width:15px;height:15px}
.orb-hero .oc-wrap{position:absolute;left:50%;top:50%;width:0;height:0}

/* ═════════════ 02 · ИЗ ХАОСА — В СИСТЕМУ (Intelligence Core) ═════════════ */
html #what.sc2{overflow:visible}
html #what.wt .wt-rot{display:block!important;margin:0}
#what .sc2-head{text-align:center;max-width:780px;margin:0 auto}
#what .sc2-head .eyebrow{justify-content:center}
#what .sc2-head h2{margin:8px 0 8px;font-size:clamp(30px,3vw,44px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
#what .sc2-head .lead{margin:0 auto;max-width:36em;font-size:17px!important}
.sc2-lbl{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute,#9aa3b5);margin:0 0 12px}
/* «Знакомо?» — одна строка проблем, после сборки системы отмечены ✓ */
html #what .km-pains.sc2-chaos{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:14px auto 0!important;padding:0!important;
  border:0!important;background:none!important;box-shadow:none!important;max-width:1000px}
html #what .sc2-chaos .kp-lbl{font-family:inherit;font-size:12px!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute,#9aa3b5);margin:0 4px 0 0}
html #what .sc2-chaos .kp-row{display:contents}
html #what .sc2-chaos .kp{font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.11)!important;color:var(--text-dim,#c4cad6);white-space:nowrap}
html #what .sc2-chaos .kp::after{display:none!important}
html #what .sc2-chaos .kp i{background:#ff9a62!important;box-shadow:none!important;transition:background .4s}
html #what .sc2-chaos .kp.ok{color:var(--text,#f3f5fa)!important;border-color:rgba(95,214,255,.26)!important;background:rgba(95,214,255,.05)!important}
html #what .sc2-chaos .kp.ok i{position:relative;width:14px!important;height:14px!important;background:rgba(95,214,255,.2)!important}
html #what .sc2-chaos .kp.ok i::after{content:"";position:absolute;left:4px;top:2px;width:4px;height:7px;border:solid var(--k-cyan);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
html #what .sc2-chaos .kp-sol{display:none}
/* сцена: ядро в центре, маршрут вокруг */
.sc2-stage{position:relative;height:clamp(330px,42vh,400px);margin:4px 0 2px}
.sc2-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.orb-sys{--ko:clamp(210px,18vw,250px)}
.sc2-result{margin:0 auto;text-align:center;max-width:30em;text-wrap:balance;font-size:16.5px;line-height:1.5;color:var(--text-dim,#c4cad6);min-height:1.5em}
.sc2-result b{color:var(--text,#f3f5fa);font-weight:600}
.sc2-result{transition:opacity .5s ease,transform .5s var(--cp-ease)}
html.js .sc2.arm:not(.done) .sc2-result{opacity:0;transform:translateY(8px)}
/* текстовый список шагов: для телефона, без JS и «меньше движения»; на десктопе с полётом маршрут рисуют карточки */
.sc2-flow{position:absolute;left:0;right:0;bottom:0;text-align:center}
.sc2-flow .sc2-lbl{display:none}
.sc2-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 6px}
.sc2-steps li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:999px;background:rgba(95,214,255,.06);border:1px solid rgba(95,214,255,.22);transition:opacity .45s ease,transform .5s var(--cp-ease)}
.sc2-steps li:not(:last-of-type)::after{content:"→";margin-left:4px;color:rgba(160,200,255,.6);font-size:13px}
.sc2-steps li>i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--k-cyan)}
.sc2-steps li:nth-child(n+5)>i{background:var(--k-violet)}
.sc2-steps li>span{display:flex;min-width:0}
.sc2-steps b{font-size:14px;font-weight:600;color:var(--text,#f3f5fa)}
.sc2-steps small,.sc2-steps .pulse-dot{display:none}
.sc2-steps.loop::after{content:"↻ и снова по кругу";flex-basis:100%;margin-top:2px;font-size:12.5px;font-weight:600;color:#9fdcff}
html.js .sc2.arm:not(.done) .sc2-steps li{opacity:0;transform:translateY(6px)}
html.js .sc2.arm:not(.done) .sc2-steps li.on{opacity:1;transform:none}
.sc2-flow.swap .sc2-steps,.sc2-result.swap{opacity:0!important;transition:opacity .25s ease}
html.orb-flying .sc2-flow{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
html:not(.orb-flying) .sc2-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 0 4px}
html:not(.orb-flying) .sc2-core{position:relative;left:auto;top:auto;transform:none}
html:not(.orb-flying) .sc2-flow{position:relative}

/* ниши и «Посмотреть подробнее» — одна строка */
.sc2-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}
html #what .km-chipsrot .km-tabs{justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%}
html #what .km-chipsrot .km-tab{padding:6px 12px 6px 7px!important;font-size:13.5px!important;gap:6px!important;min-height:44px}
html #what .km-chipsrot .km-tab .ti{width:22px!important;height:22px!important}
html #what .km-chipsrot .km-tab .ti svg{width:16px;height:16px}
#what .km-tab .pb{display:none!important}
.kd .wt-note{margin:0 0 16px!important;font-size:14.5px!important;color:var(--text-dim,#c4cad6)}
.sc2-detail{margin-top:30px}
.sc2-dhead .wt-points{margin:0 0 18px}
@media (max-width:1279px){
  .sc2-nav{flex-direction:column}
  html #what .km-chipsrot .km-tabs{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;scrollbar-width:none;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 0 6px;width:100%}
  html #what .km-chipsrot .km-tabs::-webkit-scrollbar{display:none}
  html #what .km-chipsrot .km-tab{flex:0 0 auto;scroll-snap-align:start}
}
@media (max-width:900px){
  html #what .km-pains.sc2-chaos{justify-content:flex-start}
  html #what .sc2-chaos .kp-lbl{flex-basis:100%;text-align:center}
  html #what .sc2-chaos .kp{white-space:normal;max-width:100%}
  .orb-sys{--ko:200px}
  .sc2-more{width:100%;justify-content:center}
}
/* закреплённая сцена: ядро собирается, пока экран «держится» (только когда сцена целиком помещается) */
html.sc2-pin #what>.wrap{position:sticky;top:calc(var(--cp-hdr) + 6px)}
html.sc2-pin #what::after{content:"";display:block;height:var(--pinH,40vh)}
html.sc2-pin #what{scroll-snap-align:none!important}

/* содержимое ниши в панели */
.kd .sc2-detail{margin:0}
.kd .lx-niche{margin:0}
.kd .lx-niche>.km-stage{margin:0}
.kd .kma{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.kd .kma::before,.kd .kma::after,.kd .kmn-mark{display:none!important}
.kd .kma-rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
.kd .kma-row{grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:10px!important;padding:14px!important}
.kd .kma-row .ic{width:36px!important;height:36px!important}
.kd .kma-foot{padding-top:4px}
@media (max-width:560px){.kd .kma-rows{grid-template-columns:minmax(0,1fr)}}
.kd .km-panel{transform:translateY(8px);transition:opacity .3s ease,transform .3s var(--cp-ease),visibility 0s .3s}
.kd .km-panel.on{transform:none;transition:opacity .3s ease .04s,transform .32s var(--cp-ease) .04s,visibility 0s}
.kd .km-panel.on .kma-row,.kd .km-panel.on .kflip li{animation-duration:.34s;animation-delay:calc(.05s + var(--d,0)*.04s)}
/* калькулятор в панели: одна колонка, ничего не меняем в логике */
.kd .cwrap{grid-template-columns:minmax(0,1fr)!important;margin:0!important;gap:16px!important}
.kd .calc-intro{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--text-mute,#9aa3b5)}
@media (min-width:1100px){.kd.kd-calc .cwrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
.kd.kd-calc .kd-panel{width:min(1000px,94vw)}
@media (max-width:1099px){.kd.kd-calc .kd-panel{width:min(720px,94vw)}}
@media (max-width:768px){.kd.kd-calc .kd-panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.kd.kd-calc .kd-panel::before{display:none}}

/* без JavaScript всё раскрыто списком */
html:not(.js) .km-stage{display:block!important}
html:not(.js) .km-panel{opacity:1!important;visibility:visible!important;transform:none!important;position:relative!important;margin-bottom:14px}
html:not(.js) .km-panel *{opacity:1!important;transform:none!important;animation:none!important}
html.js .sc2 .sc2-detail{display:none}
.kd .sc2-detail{display:block!important}

/* ═════════════ 03 · ИИ-ПРОДАЖНИК В РАБОТЕ ═════════════ */
html #seller .cx-inner{gap:12px}
html #seller h2{font-size:clamp(28px,2.7vw,40px)!important;margin-bottom:0!important}
html #seller .cx-sub{max-width:940px!important;font-size:16px!important;line-height:1.55!important}
html body #seller.section{padding-top:clamp(40px,6vh,72px)}
html #seller .cx-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"chat card" "chat nav" "prog prog";
  gap:16px 28px;margin-top:10px;align-items:start}
html #seller #demoBox{grid-area:chat;margin:0;min-width:0}
html #seller #sellerRot{display:contents}
html #seller #sellerRot .km-pbar{display:none!important}
html #seller #sellerRot .km-stage{grid-area:card;min-width:0;align-self:stretch}
html #seller #sellerRot .cp-stepnav{grid-area:nav;margin:0}
html #seller #sellerRot .km-tabs{grid-area:prog;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px!important;flex-direction:row!important;
  margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;overflow:visible}
html #seller #sellerRot .km-tab{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-height:48px;width:auto!important;height:auto!important;
  margin:0!important;padding:16px 0 2px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--text-mute,#9aa3b5)!important;text-align:left;cursor:pointer}
html #seller #sellerRot .km-tab::before,html #seller #sellerRot .km-tab::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:rgba(255,255,255,.12)}
html #seller #sellerRot .km-tab::after{background:linear-gradient(90deg,var(--k-cyan),var(--k-violet));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--cp-ease)}
html #seller #sellerRot .km-tab.done::after,html #seller #sellerRot .km-tab.on::after{transform:scaleX(1)}
html #seller #sellerRot .km-tab .ti{width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  font-size:11.5px!important;font-weight:700;letter-spacing:.08em;color:inherit!important;display:block!important;padding:0!important;opacity:.8}
html #seller #sellerRot .km-tab .tl{display:block!important;max-width:none;font-size:14px;font-weight:600;line-height:1.25;color:inherit;white-space:nowrap}
html #seller #sellerRot .km-tab.on,html #seller #sellerRot .km-tab.done{color:var(--text,#f3f5fa)!important}
html #seller #sellerRot .km-tab.on .tl{color:#fff}
html #seller #sellerRot .km-tab:focus-visible{outline:2px solid #b9a8ff;outline-offset:4px;border-radius:4px!important}
html #seller #sellerRot .km-stage{padding:0!important}
html #seller #sellerRot .km-panel{transform:translateX(14px);transition:opacity .38s ease,transform .4s var(--cp-ease),visibility 0s .38s}
html #seller #sellerRot .km-panel.on{transform:none;transition:opacity .38s ease .05s,transform .4s var(--cp-ease) .05s,visibility 0s}
html #seller #sellerRot[data-dir="prev"] .km-panel:not(.on){transform:translateX(-14px)}
html #seller .kms .bign{display:none!important}
html #seller .cp-count{display:none}
html #seller .cp-stepnav{justify-content:flex-end}
/* окно диалога */
html #seller #demoBox{display:flex;flex-direction:column}
html #seller #demoBox .stage{min-height:0;height:clamp(280px,34vh,400px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;padding-right:4px;scroll-behavior:smooth}
html #seller #sceneChips{display:none!important}
.sc-chat{gap:10px!important;padding-bottom:6px}
.sc-chat .msg{opacity:1;transform:none;animation:none;max-width:86%;display:flex;flex-direction:column;gap:3px;transition:opacity .35s ease,transform .4s var(--cp-ease),box-shadow .3s}
.sc-chat .msg .sc-meta{font-size:11.5px;font-weight:600;letter-spacing:.02em;opacity:.7}
.sc-chat .msg.me .sc-meta{color:#dcd8ff}
.sc-chat .msg.book{flex-direction:row;align-items:flex-start;gap:10px;max-width:100%;align-self:stretch;background:rgba(95,214,255,.07)!important;border:1px solid rgba(95,214,255,.3)!important;color:#dff4ff!important}
.sc-chat .msg.book .ck{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--k-cyan);color:#07202b;font-size:12px;font-weight:800}
.sc-chat .msg[data-st="6"].book{background:rgba(139,107,255,.08)!important;border-color:rgba(139,107,255,.34)!important;color:#ece8ff!important}
.sc-chat .msg[data-st="6"].book .ck{background:var(--k-violet);color:#fff}
.sc-chat .msg.hl{box-shadow:0 0 0 1.5px rgba(95,214,255,.55)}
html.js .sc-chat.arm .msg:not(.show){opacity:0;transform:translateY(10px);position:absolute;visibility:hidden}
.sc-chat .typing{align-self:flex-end;background:rgba(94,87,216,.35);border-color:rgba(124,92,255,.4)}
.sc-all{margin-left:auto;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--text-dim,#c4cad6);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sc-all:hover{color:#fff;border-color:rgba(165,148,255,.5)}
.sc-all:focus-visible{outline:2px solid #b9a8ff;outline-offset:2px}
@media (max-width:940px){
  html #seller .cx-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chat" "prog" "card" "nav";gap:14px}
  html #seller #demoBox .stage{height:min(420px,62vh)}
  html #seller #sellerRot .km-tabs{display:flex!important;overflow-x:auto;scrollbar-width:none;gap:12px!important;margin:0!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  html #seller #sellerRot .km-tabs::-webkit-scrollbar{display:none}
  html #seller #sellerRot .km-tab{flex:0 0 auto;min-width:92px;scroll-snap-align:start}
}
/* интеграции — спокойная строка после сценария */
html body .mq.mq2{padding-top:14px;padding-bottom:14px}

/* ═════════════ 04 · ДОКАЗАТЕЛЬСТВА ═════════════ */
.sc4 .sc4-head{max-width:760px}
.sc4 .sc4-head h2{margin:10px 0 12px}
html .sc4 .pf-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 0!important}
html .sc4 .pf-metrics>.card{margin:0;padding:22px 22px 20px!important;display:flex;flex-direction:column;gap:6px}
html .sc4 .pf-metrics .ic{display:none}
html .sc4 .pf-metrics .casebig,html .sc4 .pf-big>b{font-size:clamp(40px,4vw,58px)!important;line-height:1!important;font-weight:750;letter-spacing:-.03em;margin:0 0 6px!important;display:block}
html .sc4 .pf-big{border-color:rgba(95,214,255,.28)!important;background:linear-gradient(160deg,rgba(79,125,255,.10),rgba(255,255,255,.02))!important}
html .sc4 .pf-big{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
html .sc4 .pf-big>span{font-size:16px;font-weight:600;line-height:1.35;color:var(--text,#f3f5fa)}
html .sc4 .pf-metrics h3{font-size:16px!important;line-height:1.35;margin:0!important;font-weight:600}
html .sc4 .pf-metrics p{font-size:14px!important;line-height:1.5!important;margin:4px 0 0!important;color:var(--text-mute,#9aa3b5)!important}
html .sc4 .pf-metrics .caseby{margin-top:auto;padding-top:8px;font-size:12.5px;color:var(--text-mute,#9aa3b5);opacity:.85}
@media (max-width:1023px){html .sc4 .pf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html .sc4 .pf-metrics{gap:10px}html .sc4 .pf-metrics>.card{padding:16px!important}
  html .sc4 .pf-metrics .casebig,html .sc4 .pf-big>b{font-size:34px!important}html .sc4 .pf-metrics p{display:none}html .sc4 .pf-metrics .caseby{display:none}
  html.js .sc4 .pf-metrics.open p,html.js .sc4 .pf-metrics.open .caseby{display:block}
  html:not(.js) .sc4 .pf-metrics p{display:block}}
.pf-more{display:none}
@media (max-width:560px){.pf-more{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0;border:0;background:none;color:#b9a8ff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}}
/* отзыв — один крупно, следующий виден сбоку */
.cp-rv-wrap{margin-top:8px}
.cp-rv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:34px 0 14px}
.cp-rv-head .rv-h{margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.cp-rv-head .reviews-row{margin:0!important;display:inline-flex;gap:8px;align-items:center}
.cp-rv-head .rr-label{display:none}
html .sc4 .rv-grid.cp-track{display:flex!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0;padding:2px 0 6px;cursor:grab;outline:none}
html .sc4 .rv-grid.cp-track::-webkit-scrollbar{display:none}
html .sc4 .rv-grid.cp-track.cp-drag{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}
html .sc4 .rv-grid.cp-track:focus-visible{outline:2px solid #b9a8ff;outline-offset:4px;border-radius:20px}
html .sc4 .cp-track>.rv-card{flex:0 0 min(760px,78%);scroll-snap-align:none start;min-width:0;padding:30px!important}
html .sc4 .cp-track>.rv-card blockquote p{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.55!important;font-family:var(--font-heading,inherit);letter-spacing:-.005em}
@media (max-width:640px){html .sc4 .cp-track>.rv-card{flex-basis:100%;padding:22px!important}
  html .sc4 .rv-grid.cp-track{margin:0 -16px;padding:2px 16px 6px;scroll-padding:0 16px}
  .cp-rv-head{align-items:center}}
/* калькулятор — одна строка с кнопкой */
html body .sc4b.section{padding-top:8px;padding-bottom:clamp(56px,8vh,88px)}
html .sc4b .wrap>.reveal.center{margin:0!important;padding:26px clamp(20px,3vw,40px);border-radius:22px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(120deg,rgba(79,125,255,.08),rgba(139,107,255,.06) 60%,rgba(255,255,255,.02));
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eb cta" "h cta" "p cta";column-gap:32px;text-align:left!important;align-items:center}
html .sc4b .wrap>.reveal.center>.eyebrow{grid-area:eb;justify-content:flex-start}
html .sc4b .wrap>.reveal.center>h2{grid-area:h;margin:8px 0 6px!important;font-size:clamp(24px,2.3vw,32px)!important}
html .sc4b .wrap>.reveal.center>.lead{grid-area:p;margin:0!important;font-size:15.5px!important;max-width:40em}
html .sc4b .calc-cta{grid-area:cta;display:flex;flex-direction:column;align-items:center;gap:8px}
.calc-hint{font-size:13px;color:var(--text-mute,#9aa3b5);white-space:nowrap}
html.js .sc4b .wrap>.cwrap{display:none}
html:not(.js) .calc-cta{display:none}
@media (max-width:860px){html .sc4b .wrap>.reveal.center{grid-template-columns:minmax(0,1fr);grid-template-areas:"eb" "h" "p" "cta";row-gap:0}
  html .sc4b .calc-cta{margin-top:18px;align-items:stretch}html .sc4b .calc-cta .btn{width:100%}.calc-hint{text-align:center;white-space:normal}}

/* ═════════════ 05 · KANI + АУДИТ ═════════════ */
html body .sc5 #how.section{padding-bottom:12px}
html .sc5 #how .cx-inner{align-items:stretch;text-align:left}
html .sc5 #how .ch-eyebrow{align-self:flex-start}
html .sc5 #how h2,html .sc5 #how .cx-sub{text-align:left;margin-left:0;margin-right:0}
html .sc5 #how .cx-glow{display:none}
/* одна чистая линия вместо трёх карточек */
html .sc5 #how .cx-steps{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 36px!important;padding:34px 0 0!important;margin-top:14px!important;overflow:visible!important}
html .sc5 #how .cx-steps::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:2px;background:rgba(255,255,255,.1)}
html .sc5 #how .cx-steps::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--k-cyan),var(--k-blue),var(--k-violet));transform-origin:left;transform:scaleX(var(--tp,1));transition:transform .15s linear}
html .sc5 #how li.cx-step{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;position:relative;transition:opacity .5s ease,transform .6s var(--cp-ease)}
html .sc5 #how li.cx-step::before{display:none!important}
html .sc5 #how li.cx-step::after{content:"";position:absolute;top:-34px;left:0;width:14px;height:14px;border-radius:50%;background:#0d1020;border:2px solid var(--k-cyan);box-shadow:0 0 0 5px rgba(95,214,255,.08);transition:background .4s,border-color .4s}
html .sc5 #how li.cx-step:nth-child(2)::after{border-color:var(--k-blue)}
html .sc5 #how li.cx-step:nth-child(3)::after{border-color:var(--k-violet)}
html .sc5 #how li.cx-step.on::after{background:currentColor}
html .sc5 #how li.cx-step:nth-child(1){color:var(--k-cyan)}
html .sc5 #how li.cx-step:nth-child(2){color:var(--k-blue)}
html .sc5 #how li.cx-step:nth-child(3){color:var(--k-violet)}
html .sc5 #how li.cx-step>*{color:initial}
html .sc5 #how li.cx-step h3{color:var(--text,#f3f5fa)}
html .sc5 #how li.cx-step p{color:var(--text-dim,#c4cad6)}
html .sc5 #how li.cx-step .cx-num{color:var(--text-mute,#9aa3b5)}
html .sc5 #how li.cx-step .cx-ic{display:none}
html.js .sc5 #how .cx-steps.arm li.cx-step:not(.on){opacity:.28;transform:translateY(8px)}
html .sc5 #how .cx-row{justify-content:flex-start!important;margin-top:18px!important}
html .sc5 #how .cx-row .ch-cta{display:none}
@media (max-width:768px){
  html .sc5 #how .cx-steps{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:0 0 0 30px!important}
  html .sc5 #how .cx-steps::before,html .sc5 #how .cx-steps::after{left:6px;right:auto;top:4px;bottom:4px;width:2px;height:auto}
  html .sc5 #how .cx-steps::after{transform-origin:top;transform:scaleY(var(--tp,1))}
  html .sc5 #how li.cx-step::after{top:2px;left:-30px}
}
/* доверие + FAQ слева, форма справа */
.sc5-grid{position:relative}
html .sc5 .sc5-grid>.section,html .sc5 .sc5-left>.section{overflow:visible}
@media (min-width:1100px){
  .sc5-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:start;max-width:1240px;margin:0 auto;padding:0 24px;column-gap:44px}
  .sc5-grid .section>.wrap{max-width:none;padding-left:0;padding-right:0}
  html body .sc5 .sc5-left>#about.section{padding-top:clamp(40px,6vh,64px);padding-bottom:10px}
  html body .sc5 .sc5-left>#faq.section{padding-top:30px}
  html .sc5 #final{background:transparent}
  html body .sc5 #final.section{padding-top:clamp(40px,6vh,64px)}
  html .sc5 .final{position:sticky;top:calc(var(--cp-hdr) + 20px);text-align:left;padding:clamp(26px,2.6vw,38px)!important}
  html .sc5 .final .eyebrow{justify-content:flex-start}
  html .sc5 .final .audit-get,html .sc5 .final p{margin-left:0;margin-right:0}
  html .sc5 .lead-form{flex-direction:column!important;flex-wrap:nowrap!important;max-width:none!important}
  html .sc5 .lead-form input,html .sc5 .lead-form .btn{width:100%!important;flex:none!important}
  html .sc5 .final p[style*="font-size:12px"],html .sc5 .final .km-safe,html .sc5 .final .lead-alt{text-align:left!important;align-self:stretch!important}
  #faq .reveal.center{text-align:left}
  #faq .reveal.center .eyebrow{justify-content:flex-start}
}
html .sc5 .final h2{font-size:clamp(28px,2.6vw,38px)!important}

/* FAQ: кнопки + aria-expanded, всё закрыто; без JS ответы открыты */
html body:not(.pg-local) .qa .qa-h{margin:0;font:inherit;letter-spacing:inherit}
html body:not(.pg-local) .qa .q{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font:inherit;min-height:56px}
html body:not(.pg-local) .qa .q:focus-visible{outline:2px solid #b9a8ff;outline-offset:-2px;border-radius:6px}
html body:not(.pg-local) .qa .q .pl::before{content:"+"}
html body:not(.pg-local) .qa .q .pl{transition:transform .3s var(--cp-ease),color .2s;flex:none}
html body:not(.pg-local) .qa.open .q .pl{transform:rotate(45deg);color:#c9bcff!important}
html body:not(.pg-local) .qa .a{display:grid;grid-template-rows:1fr;max-height:none;overflow:hidden;transition:grid-template-rows .35s var(--cp-ease)}
html body:not(.pg-local) .qa .a>div{min-height:0;overflow:hidden}
html.js body:not(.pg-local) .qa:not(.open) .a{grid-template-rows:0fr}
html.js body:not(.pg-local) .qa:not(.open) .a>div{padding-bottom:0!important;visibility:hidden;transition:visibility 0s .35s,padding .35s}
html.js body:not(.pg-local) .qa.open .a>div{visibility:visible}
html .sc5 #faq h2{font-size:clamp(24px,2.2vw,30px)!important}
html .sc5 #faq .reveal:first-child{margin-bottom:10px!important}
html.js body:not(.pg-local) .faq:not(.all) .qa:nth-child(n+5){display:none}

/* ═════════════ точки-навигация 01–05 ═════════════ */
html .dotnav a>span{font-size:13px;font-weight:600}
html .dotnav a>span b{font-weight:700;color:#9fdcff;margin-right:4px;font-variant-numeric:tabular-nums}
html .dotnav a.on{background:linear-gradient(180deg,var(--k-cyan),var(--k-violet))!important}
@media (max-width:1180px){html .dotnav{display:none!important}}

/* ═════════════ уменьшенное движение ═════════════ */
@media (prefers-reduced-motion:reduce){
  html{scroll-snap-type:none!important}
  .ko-spin,.ko-ring,.ko-dot,.k-orb.pulse .ko-core,.k-orb.pulse .ko-glow{animation:none!important}
  .orb-tilt,.orb-fly{transform:none}
  .js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .kd .km-panel,#sellerRot .km-panel,html .qa .a,.cp-dot i,.kd-panel,.kd-scrim,.sc2-steps li,.sc2-result,.sc-chat .msg{transition:none!important}
  html .sc4 .rv-grid.cp-track,html #seller #demoBox .stage{scroll-behavior:auto}
  .km-mag,.km-mag:hover{transform:none!important}
}

/* защита от горизонтальной прокрутки */
@media (max-width:1023px){html,body{overflow-x:clip}}

/* пока открыта панель — плавающие кнопки не перекрывают её */


/* сцена 03: из ядра выходит линия и приводит к диалогу */
html #seller .cx-inner{position:relative}
html #seller .cx-inner::before{content:"";position:absolute;left:50%;top:calc(-1 * clamp(40px,6vh,72px));width:1px;height:clamp(40px,6vh,72px);margin-left:-.5px;
  background:linear-gradient(180deg,rgba(95,214,255,0),rgba(95,214,255,.7),rgba(139,107,255,.7));transform-origin:top;transform:scaleY(0);transition:transform .9s var(--cp-ease)}
html #seller.link-in .cx-inner::before,html:not(.js) #seller .cx-inner::before{transform:none}
@media (prefers-reduced-motion:reduce){html #seller .cx-inner::before{transform:none;transition:none}.oc{transition:none}}

/* ═════ v3.4 ═════ */
/* витрина: сфера крупнее и ярче */
.orb-hero .ko-glow{transform:scale(1.18);opacity:1}
@media (min-width:1024px){.orb-hero::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--ko) * 1.9);height:calc(var(--ko) * 1.9);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(79,125,255,.16),rgba(139,107,255,.08) 55%,rgba(139,107,255,0))}}
/* ИИ-продажник: одна шкала этапов (без второй линии под вкладками) */
html #seller #sellerRot .km-tabs::before,html #seller #sellerRot .km-tabs::after{display:none!important;content:none!important}
/* «Вопросы» и форма аудита: форма компактнее, высота колонок сопоставима */
@media (min-width:1100px){
  html .sc5 .final,.bk-end .final{padding:clamp(24px,2.2vw,32px)!important}
  html .sc5 .final h2,.bk-end .final h2{font-size:clamp(24px,2vw,30px)!important;line-height:1.15!important;margin:6px 0 10px!important}
  html .sc5 .final>p:not([style]):not(.km-safe):not(.lead-alt):not(#leadStatus),.bk-end .final>p:not([style]):not(.km-safe):not(.lead-alt):not(#leadStatus){font-size:15px!important;line-height:1.55!important;margin:0 0 12px!important}
  html .sc5 .final .audit-get,.bk-end .final .audit-get{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 14px!important;max-width:none!important;margin:0 0 14px!important}
  html .sc5 .final .audit-get li,.bk-end .final .audit-get li{font-size:13.5px!important;line-height:1.4!important;padding-left:24px!important}
  html .sc5 .final .audit-get li::before,.bk-end .final .audit-get li::before{width:16px!important;height:16px!important;background-size:10px!important}
  html .sc5 .lead-form,.bk-end .lead-form{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  html .sc5 .lead-form .btn,.bk-end .lead-form .btn{grid-column:1/-1}
  html .sc5 .final .km-safe,.bk-end .final .km-safe{margin:8px 0 0!important}
  html .sc5 .final #leadStatus:empty,.bk-end .final #leadStatus:empty{display:none}
  html .sc5 .final .lead-alt,.bk-end .final .lead-alt{display:inline-block!important;width:auto!important;margin:8px 14px 0 0!important;font-size:13.5px}
  html .sc5 .lead-form input,.bk-end .lead-form input{min-height:46px!important;padding-top:10px!important;padding-bottom:10px!important}
  /* слева видно 5 вопросов вместо 4 */
  html.js body:not(.pg-local) .faq:not(.all) .qa:nth-child(5),html.js body:not(.pg-local) .faq:not(.all) .qa:nth-child(6){display:block}
}