/* ══════════════════════════════════════════════════════════════════
   KANI Digital — UI-refinement v2 (28.09.2026)
   Слой поверх существующих стилей. Структура, тексты, ID, ссылки,
   формы, калькулятор, переключатели, ассистент и SEO не меняются.
   Принцип: «Сложные процессы — в понятной системе».
   Заголовки: Manrope 500/600/700 · Интерфейс и текст: Inter 400/500/600
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. Design tokens ─────────────────────────────────────────────── */
:root{
  --font-heading:'Manrope','Manrope Fallback',Arial,sans-serif;
  --font-body:Inter,'Inter Fallback',Arial,sans-serif;

  --radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;
  --radius-card:18px;--radius-card-lg:22px;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;

  /* текст на тёмном: 95 / 72 / 56 % */
  --text:rgba(255,255,255,.95);
  --text-dim:rgba(255,255,255,.72);
  --text-mute:rgba(255,255,255,.56);
  --border:rgba(255,255,255,.09);
  --border-strong:rgba(255,255,255,.14);

  /* фирменные акценты — на ~20 % спокойнее */
  --accent:#7259ea;
  --accent-hover:#a194f5;
  --accent-soft:rgba(124,100,245,.12);
  --kr-violet-text:#b3a8ff;
  --kr-tint-bg:rgba(124,100,245,.07);
  --kr-tint-bd:rgba(150,135,255,.22);
  --kr-neutral-bg:rgba(255,255,255,.03);
  --kr-neutral-bd:rgba(255,255,255,.09);
  --kr-card-bg:rgba(22,25,34,.72);
  /* градиент по логотипу: лаванда → голубой, приглушённый */
  --grad:linear-gradient(120deg,#c6b9ff 0%,#aab4ff 52%,#8fcdf2 100%);
  --kr-text-grad:linear-gradient(100deg,#d2c8ff 0%,#b0b8ff 55%,#96d0f2 100%);
  --kr-cta:linear-gradient(120deg,#6576f2 0%,#7459ea 100%);
  --kr-shadow-lg:0 20px 50px rgba(0,0,0,.26);
  --kr-focus:rgba(165,150,255,.8);
  --kr-t:200ms ease;
}

/* ── 2. База ──────────────────────────────────────────────────────── */
html body{font-family:var(--font-body);font-size:17px;line-height:1.6;font-weight:400;color:var(--text);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
@media (max-width:640px){html body{font-size:16px}}
button,input,select,textarea,optgroup{font-family:inherit}

/* ── 3. Контейнер и ритм секций ───────────────────────────────────── */
html .wrap{max-width:1240px;padding-left:32px;padding-right:32px}
html .section{padding-top:104px;padding-bottom:104px}
html #seller,html #final,html #cases{padding-top:120px;padding-bottom:120px}
@media (max-width:1024px){
  html .wrap{padding-left:24px;padding-right:24px}
  html .section,html #seller,html #final,html #cases{padding-top:88px;padding-bottom:88px}
}
@media (max-width:640px){
  html .wrap{padding-left:20px;padding-right:20px}
  html .section,html #seller,html #final,html #cases{padding-top:68px;padding-bottom:68px}
}

/* ── 4. Заголовки ─────────────────────────────────────────────────── */
html h1,html h2,html h3,html h4{font-family:var(--font-heading)!important;font-weight:600!important;text-wrap:balance;font-feature-settings:"kern" 1}
html h1{font-size:clamp(38px,4.2vw,56px)!important;line-height:1.08!important;letter-spacing:-.03em!important;max-width:860px}
html h2{font-size:clamp(32px,3vw,44px)!important;line-height:1.12!important;letter-spacing:-.025em!important;max-width:760px;margin-bottom:18px}
html h3{line-height:1.25!important;letter-spacing:-.015em!important}
html h4{font-size:19px;line-height:1.3!important}
html .ch h1,html .center h2,html .reveal.center h2,html .cx-inner h2,html .final h2,html .wrap.center h2{margin-left:auto;margin-right:auto}
/* статьи блога — узкая колонка */
html main article h1,html .editorial h1{font-size:clamp(32px,3.4vw,46px)!important;max-width:none}
html main article h2,html .editorial h2{font-size:clamp(24px,2.2vw,30px)!important;max-width:none;margin-top:44px}
/* акцентные слова — один спокойный градиент, без свечения */
html .gtext{background-image:var(--kr-text-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
@media (max-width:640px){
  html h1{font-size:clamp(34px,9.4vw,38px)!important;line-height:1.1!important}
  html h2{font-size:clamp(29px,8vw,33px)!important}
  html main article h1{font-size:32px!important}
  html main article h2{font-size:24px!important}
}

/* надписи-«брови» */
html .eyebrow,html .kma-lbl,html .stp,html .mq .lbl{font-family:var(--font-body)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.08em!important;line-height:1.4}
html .eyebrow{margin-bottom:12px}
html .kma-lbl::before,html .kf-head span::before,html .demo-top small::before{box-shadow:none!important}

/* текстовые колонки */
html .lead,html .cx-sub{font-size:18px!important;line-height:1.6!important;color:var(--text-dim);max-width:720px}
html .center .lead,html .reveal.center .lead,html .cx-inner .cx-sub,html .final .lead{margin-left:auto;margin-right:auto}
@media (max-width:640px){html .lead,html .cx-sub{font-size:16.5px!important}}

/* ── 5. Шапка ─────────────────────────────────────────────────────── */
html header{background:rgba(11,13,18,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
html header .nav{height:72px}
html .mainnav a{font-size:14.5px!important;font-weight:500!important;letter-spacing:0!important;color:var(--text-dim);min-height:44px;display:inline-flex;align-items:center;transition:color var(--kr-t)}
html .mainnav a:hover{color:var(--text)}
html header .contacts a[href="/blog/"]{font-size:14.5px!important;font-weight:500!important}
html header .btn,html .nav .btn{min-height:42px!important;height:42px;padding:0 16px!important;font-size:14px!important;font-weight:600!important;border-radius:12px!important;box-shadow:none!important}
html .ci-link{border-color:rgba(255,255,255,.1)!important}
@media (max-width:640px){html header .nav{height:64px}}

/* ── 6. Кнопки ───────────────────────────────────────────────────── */
html .btn,html a.ch-cta{font-family:var(--font-body);font-size:16px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;
  min-height:52px;padding:0 24px!important;border-radius:14px!important;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  transition:transform var(--kr-t),filter var(--kr-t),background-color var(--kr-t),border-color var(--kr-t)!important}
html .btn-primary,html a.ch-cta{background:var(--kr-cta)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
html .btn:hover,html a.ch-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
html .btn:active,html a.ch-cta:active{transform:translateY(0)}
html a.ch-cta{height:auto!important}
html a.ch-cta::before,html a.ch-cta::after{opacity:0!important;box-shadow:none!important}
html .btn-ghost,html .btn-secondary,html .btn-outline{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;color:var(--text)!important}
html .btn-ghost:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.24)!important}
html details.lx-list>summary{min-height:46px;padding:0 18px!important;border-radius:12px!important;font-size:15px!important;font-weight:500!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.03)!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:10px}
html .kmn-links a,html .kma-foot a{font-size:15px!important;font-weight:600!important;box-shadow:none!important}
html .kmn-links a.go,html .km-bar .go{background:var(--kr-cta)!important}
@media (max-width:640px){html .btn,html a.ch-cta{min-height:48px}}

/* ── 7. Первый экран ─────────────────────────────────────────────── */
html .ch-eyebrow{font-family:var(--font-body)!important;font-size:14px!important;font-weight:500!important;letter-spacing:.04em!important;line-height:1.4;color:var(--text-dim)!important}
html .ch-eyebrow i{box-shadow:none!important}
html .ch h1,html .ch .ch-title{font-size:clamp(44px,4.6vw,64px)!important;line-height:1.06!important;letter-spacing:-.035em!important;max-width:860px}
html .ch-sub{max-width:660px!important;margin-left:auto;margin-right:auto}
html .ch-sub .hs-lead{font-size:20px;line-height:1.55;font-weight:400;color:var(--text-dim)}
html .ch-note{font-size:14.5px!important;line-height:1.5!important;color:var(--text-mute)!important}
html .ch-note b{color:var(--text-dim)}
html .ch-inner .ch-feats{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px!important}
html .ch-inner .ch-feats li{min-height:38px;padding:0 14px;border-radius:var(--radius-pill);background:var(--kr-tint-bg);border:1px solid var(--kr-tint-bd);
  font-size:14px!important;font-weight:500!important;color:var(--text)!important;white-space:nowrap;gap:0!important}
html .ch-inner .ch-feats li svg{display:none}
html #net{opacity:.45}
@media (max-width:1024px){html .ch h1,html .ch .ch-title{font-size:clamp(42px,5.4vw,50px)!important}}
@media (max-width:640px){
  html .ch h1,html .ch .ch-title{font-size:clamp(34px,9.6vw,38px)!important;line-height:1.1!important}
  html .ch-sub .hs-lead{font-size:17px}
  html .ch-inner .ch-feats{gap:8px!important}
  html .ch-inner .ch-feats li{min-height:36px;font-size:13.5px!important;padding:0 12px}
}

/* ── 8. Процессы и ниши: переключатели ───────────────────────────── */
html .km-chipsrot .km-tab{min-height:42px;padding:0 16px 0 8px!important;border-radius:12px!important;font-size:14px!important;font-weight:500!important;gap:8px!important;
  background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-dim)!important;box-shadow:none!important;
  transition:background-color var(--kr-t),border-color var(--kr-t),color var(--kr-t)!important}
html .km-chipsrot .km-tab:hover{background:rgba(255,255,255,.04)!important;color:var(--text)!important}
html .km-chipsrot .km-tab.on{background:rgba(124,100,245,.18)!important;border-color:rgba(165,148,255,.5)!important;color:#fff!important}
html .km-chipsrot .km-tab .ti{width:26px!important;height:26px!important;border-radius:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit}
html .km-chipsrot .km-tab .ti svg{width:18px;height:18px}
html .km-chipsrot .km-tab.on .ti{background:transparent!important;color:#d6ceff}
html .km-chipsrot .km-tabs{gap:8px!important}
@media (max-width:640px){
  html .km-chipsrot .km-tabs{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;scrollbar-width:none}
  html .km-chipsrot .km-tab{flex:0 0 auto;font-size:14px!important}
}

/* «Что автоматизируем» */
html .kma-rows{gap:10px!important}
html .kma-row{grid-template-columns:40px 1fr!important;gap:16px!important;padding:18px 20px!important;border-radius:var(--radius-card)!important;
  background:var(--kr-neutral-bg)!important;border:1px solid var(--kr-neutral-bd)!important;align-items:start!important}
html .kma-row .ic{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--kr-tint-bg)!important;border:1px solid var(--kr-tint-bd)!important;color:#c3b9ff!important}
html .kma-row .ic svg{width:22px!important;height:22px!important;stroke-width:1.7}
html .kma-row small{font-family:var(--font-heading)!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;line-height:1.3!important;color:var(--text)!important;margin-bottom:4px!important}
html .kma-row b{font-size:15.5px!important;font-weight:400!important;line-height:1.55!important;color:var(--text-dim)!important}

/* «Где теряются деньги → что меняется»: сравнение 1:1 без переворота */
html .kmn-sol{padding:20px!important;border-radius:var(--radius-lg)!important;background:rgba(255,255,255,.02)!important;border:1px solid var(--kr-neutral-bd)!important;gap:12px!important}
html .kf-head{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;height:auto!important;margin-bottom:2px!important}
html .kf-head span{position:static!important;opacity:1!important;animation:none!important;font-family:var(--font-heading)!important;font-size:15px!important;font-weight:600!important;
  letter-spacing:0!important;text-transform:none!important;white-space:normal!important;line-height:1.35}
html .kf-head .b{color:var(--text-dim)!important}
html .kf-head .a{color:var(--kr-violet-text)!important}
html .kf-head .b::before{background:rgba(255,255,255,.35)!important}
html .kf-head .a::before{background:#9d8ff7!important}
html .kflip{gap:10px!important;perspective:none!important}
html .kflip li{opacity:1!important;transform:none!important;animation:none!important}
html .kflip .in{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;transform:none!important;animation:none!important;transform-style:flat!important}
html .kflip .fc{grid-area:auto!important;transform:none!important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;
  align-items:flex-start!important;padding:16px 18px!important;border-radius:14px!important;box-shadow:none!important}
html .kflip .fc.b{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.09)!important}
html .kflip .fc.a{background:var(--kr-tint-bg)!important;border:1px solid var(--kr-tint-bd)!important}
html .kflip .fc i{margin-top:2px}
html .kflip .fc.b i::before{background:rgba(255,255,255,.38)!important}
html .kflip .fc.a i{background:rgba(150,135,255,.24)!important;color:#e2dcff!important}
html .kflip .fc b{font-size:16px!important;font-weight:500!important;line-height:1.4!important;color:var(--text)!important}
html .kflip .fc span{font-size:14px!important;line-height:1.5!important;color:var(--text-mute)!important;margin-top:4px!important}
html .kflip .fc.a b{font-weight:600!important;color:#ece8ff!important}
@media (max-width:640px){
  html .kf-head{grid-template-columns:1fr;gap:6px}
  html .kflip .in{grid-template-columns:1fr;gap:8px}
  html .kflip{gap:16px!important}
}

/* ── 9. «Знакомо?» ───────────────────────────────────────────────── */
html .km-pains{padding:18px 20px!important;border-radius:var(--radius-card)!important;background:rgba(255,255,255,.02)!important;border:1px solid var(--kr-neutral-bd)!important;gap:10px 12px!important}
html .kp-lbl{font-family:var(--font-heading);font-size:15px!important;font-weight:600!important}
html .kp{min-height:36px;padding:0 14px!important;border-radius:var(--radius-pill)!important;font-size:14px!important;font-weight:500!important;
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-dim)!important}
html .kp i{background:rgba(255,255,255,.38)!important;box-shadow:none!important}
html .kp::after{background:rgba(170,155,255,.75)!important}
html .kp.ok{background:var(--kr-tint-bg)!important;border-color:var(--kr-tint-bd)!important;color:var(--text-mute)!important}
html .kp.ok i{background:#a99bff!important;transform:none!important}
html .kp-sol{font-size:14px!important;font-weight:600!important;color:var(--kr-violet-text)!important}

/* ── 10. ИИ-продажник ────────────────────────────────────────────── */
html #seller h2{font-size:clamp(34px,3.4vw,48px)!important}
html #seller .cx-sub{font-size:18px!important;line-height:1.65!important;max-width:760px}
@media (max-width:640px){html #seller h2{font-size:clamp(30px,8.2vw,34px)!important}}
html .cx-glow{opacity:.5}
/* навигация по шагам 01–06 — компактная */
html .km-steps .km-tab .ti{width:36px!important;height:36px!important;font-size:13px!important;font-weight:600!important;background:#12151d!important;border:1px solid rgba(255,255,255,.14)!important;color:var(--text-mute)!important;box-shadow:none!important}
html .km-steps .km-tab.done .ti{border-color:rgba(160,142,255,.5)!important;color:var(--kr-violet-text)!important}
html .km-steps .km-tab.on .ti{background:rgba(124,100,245,.24)!important;border-color:rgba(175,160,255,.7)!important;color:#fff!important}
html .km-steps .km-tabs::after{box-shadow:none!important}
html .km-stage{border-radius:var(--radius-card-lg)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important}
html .kms{padding:32px!important}
html .kms .ico{width:52px!important;height:52px!important;border-radius:14px!important;background:var(--kr-tint-bg)!important;border:1px solid var(--kr-tint-bd)!important;color:#d0c7ff!important;box-shadow:none!important}
html .kms .ico svg{width:24px!important;height:24px!important}
html .kms .stp{font-size:12.5px!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--kr-violet-text)!important;margin-bottom:10px!important}
html .kms h3{font-size:clamp(24px,2.2vw,28px)!important;margin-bottom:12px!important}
html .kms p{font-size:16.5px!important;line-height:1.6!important;max-width:580px!important;color:var(--text-dim)!important}
html .kms .note span{min-height:32px;display:inline-flex;align-items:center;padding:0 12px!important;font-size:13.5px!important;font-weight:500!important;border-radius:var(--radius-pill)!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-dim)!important}
html .kms .note span.g{background:var(--kr-tint-bg)!important;border-color:var(--kr-tint-bd)!important;color:#ddd7ff!important}
html .kms .bign{font-size:96px!important;font-weight:600!important;-webkit-text-stroke:1px rgba(150,135,255,.16)!important}
@media (max-width:640px){
  html .kms{padding:22px 20px!important}
  html .kms h3{font-size:22px!important}
  html .kms .bign{font-size:72px!important}
}
/* пример диалога — как рабочий интерфейс */
html .demo{background:#141821!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-card-lg)!important;box-shadow:var(--kr-shadow-lg)!important}
html .demo .dglow{display:none!important}
html .demo-top .av,html .hd-top .av,html #assistant .as-top .av{font-size:0!important;color:transparent!important;background:#0f1218 url(/assets/kani-mark-64.png) center/68% no-repeat!important;border:1px solid rgba(255,255,255,.12)}
html .demo-top b{font-family:var(--font-heading);font-size:15px!important;font-weight:600}
html .demo-top small{font-size:13px!important}
html .msg{font-size:15px!important;line-height:1.5!important;border-radius:16px!important;padding:11px 15px!important}
html .msg.them{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important}
html .msg.me,html .msg2.me,html .kmn .msg2.me,html .as-body .m.u{background:#5e57d8!important;color:#fff!important}
html .msg2,html .kmn .msg2{font-size:14px!important;line-height:1.5!important;border-radius:14px!important}
html .hd-body .msg.book{box-shadow:none!important;animation:msgin .4s forwards!important}

/* ── 11. Результаты и цифры ──────────────────────────────────────── */
html .km-big b{font-family:var(--font-heading)!important;font-size:clamp(44px,4vw,56px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1!important}
html .km-big span{font-size:16px!important;line-height:1.45;color:var(--text-dim)}
html .casebig{font-family:var(--font-heading)!important;font-size:clamp(44px,3.8vw,56px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1!important;margin:6px 0 12px!important}
html .lx-cards .card h3{font-size:19px!important;font-weight:600!important;line-height:1.3!important;margin-bottom:8px}
html .lx-cards .card p{font-size:15.5px!important;line-height:1.55!important}
html .caseby{font-size:13.5px!important;color:var(--text-mute)!important;margin-top:12px}
html .kx-ic,html .kx-card{box-shadow:none!important}
/* отзывы */
html .rv-card{padding:26px!important;border-radius:20px!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--kr-neutral-bd)!important;box-shadow:none!important;gap:14px!important}
html .rv-card blockquote p{font-size:16px!important;line-height:1.65!important;color:var(--text)!important}
html .rv-card figcaption b{font-size:15px!important;font-weight:600!important}
html .rv-card figcaption small{font-size:13.5px!important;color:var(--text-mute)!important}
html .rv-stars{font-size:14px!important;letter-spacing:1.5px!important;color:#e9b949!important}
html .rv-h{font-size:20px!important}
html .reviews-row a,html .about-creds span,html .hd-chip{min-height:34px;display:inline-flex;align-items:center;padding:0 14px!important;border-radius:var(--radius-pill)!important;
  font-size:13.5px!important;font-weight:500!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
/* интеграции — тише, чем кейсы и CTA */
html .itile{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
html .itile i{background:rgba(255,255,255,.05)!important;border:0!important;color:var(--text-mute)!important;filter:saturate(.6)}
html .itile b{font-size:13.5px!important;font-weight:500!important;color:var(--text-mute)!important}
html .itile:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.16)!important;transform:translateY(-1px)!important}
html .mq-foot{font-size:13.5px!important;color:var(--text-mute)!important}

/* ── 12. Калькулятор ─────────────────────────────────────────────── */
html .cbox{padding:28px!important;border-radius:var(--radius-card-lg)!important;background-color:var(--kr-card-bg)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
html .cbox.hl{border-color:rgba(160,142,255,.3)!important}
html .cbox-h{font-family:var(--font-heading)!important;font-size:17px!important;font-weight:600!important}
html .frow .l span{font-size:14px!important;font-weight:500!important;color:var(--text-dim)}
html .frow .l .v{font-weight:600!important;color:var(--text)!important}
html .km-rng-fill,html .km-rng:hover .km-rng-track,html .kf-fill,html .km-bubble{box-shadow:none!important}
html .km-rng input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(124,100,245,.16),0 2px 8px rgba(0,0,0,.35)!important;animation:none!important}
html .km-rng input[type=range]::-moz-range-thumb{box-shadow:0 0 0 5px rgba(124,100,245,.16),0 2px 8px rgba(0,0,0,.35)!important;animation:none!important}
html input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 8px rgba(0,0,0,.35)!important}
html .cc-out b{font-family:var(--font-heading)!important;font-size:38px!important;font-weight:600!important;letter-spacing:-.03em!important}
html .cc-out small,html .cc-sub{font-size:15px!important;line-height:1.5!important}
html .cc-sub b{font-family:var(--font-heading)!important;font-weight:600!important}
html .cnote,html .cfg-pilot{font-size:13.5px!important;line-height:1.55!important;color:rgba(255,255,255,.62)!important}
html label.opt{min-height:48px;border-radius:12px!important}
html .opt .t{font-size:15px!important;font-weight:500!important}
html .opt .pr{font-size:14px!important;font-weight:500!important;color:var(--text-mute)!important}
html .cfg-total .lbl2{font-size:15px!important;color:var(--text-dim)}
html .cfg-total b{font-family:var(--font-heading)!important;font-size:36px!important;font-weight:600!important;letter-spacing:-.03em!important}
html .cfg-total small{font-size:14px!important;color:var(--text-mute)!important}
@media (max-width:640px){html .cbox{padding:20px!important}html .cc-out b{font-size:34px!important}html .cfg-total b{font-size:32px!important}}

/* ── 13. Как мы работаем ─────────────────────────────────────────── */
html .cx-steps{gap:22px!important}
html li.cx-step{padding:28px!important;border-radius:var(--radius-card-lg)!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--kr-neutral-bd)!important;box-shadow:none!important;gap:12px!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html li.cx-step::before{opacity:.45}
html .cx-num{font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.08em!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--kr-violet-text)!important;-webkit-text-fill-color:currentColor!important}
html .cx-ic{width:44px!important;height:44px!important;border-radius:12px!important;background:var(--kr-tint-bg)!important;border:1px solid var(--kr-tint-bd)!important;color:#d0c7ff!important}
html .cx-step h3{font-size:clamp(24px,2.2vw,28px)!important;margin-top:6px!important}
html .cx-step p{font-size:16.5px!important;line-height:1.6!important;color:var(--text-dim)!important}
@media (max-width:640px){
  html .cx-steps{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;padding:0!important;margin:0!important}
  html .cx-steps>.cx-step{flex:none!important;width:auto!important}
  html li.cx-step{padding:22px 20px!important}
  html .cx-step h3{font-size:22px!important}
}

/* ── 14. Кто стоит за KANI Digital ───────────────────────────────── */
html .about-grid .lead{font-size:17px!important;line-height:1.65!important;color:var(--text-dim)}
html .about-name{font-family:var(--font-heading)!important;font-size:26px!important;font-weight:600!important;letter-spacing:-.02em;margin-top:10px!important}
html .about-role{font-size:14.5px!important;font-weight:500!important;color:var(--text-mute)!important}
html .about-creds{gap:8px!important}
html .about-links a{min-height:40px;border-radius:12px!important}
html .about-photo{box-shadow:var(--kr-shadow-lg)!important}

/* ── 15. FAQ — чистый аккордеон ──────────────────────────────────── */
html .faq{max-width:860px}
html details.qa,html .qa{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
html .faq>details.qa:first-child,html .faq>.qa:first-child{border-top:1px solid rgba(255,255,255,.09)!important}
html details.qa[open],html .qa.open{border-color:rgba(255,255,255,.09)!important}
html .qa .q,html details.qa>summary.q{font-family:var(--font-heading)!important;font-size:17.5px!important;font-weight:600!important;line-height:1.4!important;min-height:68px;padding:20px 4px!important;gap:20px!important}
html .qa .q .pl{width:24px!important;height:24px!important;background:transparent!important;border-radius:0!important;color:var(--text-mute)!important;font-size:22px!important;font-weight:400!important;box-shadow:none!important}
html details.qa[open] .q .pl{color:var(--kr-violet-text)!important}
html .qa .a>div,html details.qa .a div{padding:0 4px 22px!important;font-size:16px!important;line-height:1.65!important;max-width:800px;color:var(--text-dim)!important}

/* ── 16. Бесплатный аудит и форма ────────────────────────────────── */
html .final,html .tone-accent .final{border:1px solid rgba(255,255,255,.1)!important;box-shadow:var(--kr-shadow-lg)!important;padding:64px 48px!important;border-radius:var(--radius-xl)!important}
html .final h2{font-size:clamp(32px,3vw,44px)!important;line-height:1.15!important}
html .final>p:not([class]):not([style]){font-size:17.5px!important;line-height:1.6!important;color:var(--text-dim);max-width:660px;margin-left:auto;margin-right:auto}
html .final p[style*="font-size:12px"]{font-size:13.5px!important;line-height:1.5!important}
html .audit-get li{font-size:16px!important;line-height:1.55!important}
html .audit-get{row-gap:12px}
html .lead-form{max-width:880px!important;gap:12px!important}
html .lead-form input,html form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),html form select,html form textarea{
  min-height:52px;padding:0 16px!important;border-radius:12px!important;font-size:16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;transition:border-color var(--kr-t),background-color var(--kr-t)}
html .lead-form input:focus,html form input:focus,html form select:focus,html form textarea:focus{outline:none!important;border-color:rgba(165,150,255,.85)!important;background:rgba(255,255,255,.055)!important;box-shadow:0 0 0 1px rgba(165,150,255,.35)!important}
html .lead-form .btn{min-height:52px}
@media (min-width:900px){
  html .lead-form{flex-wrap:nowrap!important}
  html .lead-form input{flex:1 1 240px!important;min-width:0!important}
  html .lead-form .btn{flex:0 0 auto!important;width:auto!important}
}
html .km-safe{font-size:13.5px!important;color:var(--text-mute)!important}
@media (max-width:640px){
  html .final{padding:40px 20px!important}
  html .lead-form{flex-direction:column}
  html .lead-form input,html .lead-form .btn{width:100%!important;flex:none!important}
}

/* ── 17. Карточки (гео-страницы, блог) ───────────────────────────── */
html .card,html .diff,html .step,html .acard,html .quote,html .localbox,html .nichecard,html .plan,html .stat,html main article .cta{
  border:1px solid var(--kr-neutral-bd)!important;border-radius:var(--radius-card)!important;box-shadow:none!important;transition:transform var(--kr-t),border-color var(--kr-t)}
html .card,html .diff,html .step,html .nichecard,html .plan{padding:26px!important;background-color:var(--kr-card-bg)!important}
html .quote,html .localbox,html main article .cta{border-radius:var(--radius-card-lg)!important}
html .card:hover,html .diff:hover,html .step:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)!important;box-shadow:none!important}
html .card p,html .diff p,html .step p,html .plan p,html .nichecard p,html .acard>div,html .quote p,html .stat .cap{font-size:16px!important;line-height:1.55!important}
html .card p,html .diff p,html .step p,html .acard>div{color:var(--text-dim)}
html .card h3,html .diff h3,html .step h3,html .plan h3,html .nichecard h3,html .acard h3{font-size:19px!important;line-height:1.3!important;margin-bottom:10px}
html .loss{font-size:14px!important;font-weight:600!important}
html .wt-points li span,html .cx .ch-feats li span{font-size:16px!important;line-height:1.5}
html .wt-note,html .microline,html p.meta,html .crumbs,html .mq .lbl{font-size:14px!important;line-height:1.5!important}
html .wt-note,html .microline,html p.meta{color:var(--text-mute)}
html .foot-geo,html .foot-geo a,html .foot-geo span{font-size:13.5px!important}
html .badge{font-size:13.5px!important;font-weight:500!important}
@media (max-width:640px){html .card,html .diff,html .step,html .nichecard,html .plan{padding:20px!important}}

/* ── 18. Плавающий ассистент ─────────────────────────────────────── */
html #fab{width:56px!important;height:56px!important;background:var(--kr-cta)!important;box-shadow:0 10px 26px rgba(0,0,0,.35)!important}
html #fab::before{animation:none!important;box-shadow:none!important}
html #fab .badge-dot{animation:none!important;width:14px!important;height:14px!important}
html #fab:hover{transform:translateY(-1px)!important}
html #assistant{width:380px!important;border-radius:20px!important;background:#141821!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important}
html .as-body .m{font-size:15px!important;line-height:1.5!important;border-radius:14px!important}
html #fabHint{font-size:14px!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}
@media (max-width:640px){html #fab{width:52px!important;height:52px!important}html #assistant{width:auto!important}}

/* ── 19. Спокойные состояния ─────────────────────────────────────── */
html .km-tilt,html .km-tilt.km-tilting,html .km-cover>.km-card.km-tilting{transform:none!important}
html .km-tilt.km-tilting,html .km-cover>.km-card[data-rel="0"].km-tilting{box-shadow:none!important}
html .kmw .big-ic,html .kmn-head .nc-ic,html .km-snd.on,html .kf-node.on .kf-ic,html .sh-knob,html .ntab.on,html .km-tab.on .ti{box-shadow:none!important}
html .dotnav a.on,html #kani-fx-bar,html .kf-dot,html .ctile:hover{box-shadow:none!important}
html .ctile:hover{transform:translateY(-2px)!important}



/* ── 21. Витрина ИИ-продажника: без неоновой рамки и 3D ──────────── */
html .km-glow::before{display:none!important}
html .km-glowcur{display:none!important}
html .km-stage::after{opacity:.35}
html #demoBox.hd-on{transform:none!important}
html .hd::before{opacity:.5}
html .hd-top b{font-family:var(--font-heading);font-size:15px!important;font-weight:600}
html .hd-top small{font-size:13px!important}
html .hd-niche{font-size:12.5px!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--kr-violet-text)!important}
html .hd-chip{color:var(--text)!important}
html .hd-toast{background:#132019!important;border:1px solid rgba(74,222,128,.35);color:#d7f7e2!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important;font-weight:600!important;font-size:14px!important}
html .hd-toast small{font-size:12.5px!important;font-weight:500!important}
html .hd-foot{font-size:13.5px!important}
html .final p[style*="font-size:12px"],html .final .km-safe,html .final .lead-alt{text-align:center!important;align-self:center!important;width:100%;margin-left:auto!important;margin-right:auto!important}
@media (max-width:640px){html .btn,html a.ch-cta{padding:0 16px!important;white-space:nowrap}}
@media (max-width:640px){html .lead-form input{padding:0 14px!important;font-size:16px!important}}

/* ── 20. Иконки, фокус, движение ─────────────────────────────────── */
html svg[stroke-width="1.8"],html svg[stroke-width="1.9"],html svg[stroke-width="2"]{stroke-width:1.7}
html a:focus-visible,html button:focus-visible,html summary:focus-visible,html [tabindex]:focus-visible{outline:2px solid var(--kr-focus)!important;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html #net,html #aurora{display:none!important}
}