/* KANI Digital · общая визуальная и motion-система · v1 · 2026-09-28
   Подключается на главной и на локальных страницах (сначала этот файл, потом стили страницы).
   Здесь: токены, фирменная сфера и Intelligence Core, карточки-процессы, панель (drawer), стрелки/точки карусели, «Все вопросы». */
: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)}

/* ═════════════ ФИРМЕННАЯ СФЕРА KANI ═════════════ */
.k-orb{--R:calc(var(--ko,420px) / 2);position:relative;width:var(--ko,420px);height:var(--ko,420px);pointer-events:none;-webkit-user-select:none;user-select:none}
.k-orb::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.5px;pointer-events:none;
  background:conic-gradient(from 210deg,var(--k-cyan),var(--k-blue) 30%,var(--k-violet) 58%,rgba(95,214,255,.2) 80%,var(--k-cyan));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}
.ko-glow{position:absolute;inset:-24%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(79,125,255,.22),rgba(139,107,255,.10) 55%,rgba(139,107,255,0) 100%)}
.ko-3d{position:absolute;inset:0;perspective:calc(var(--ko,420px) * 3);transform-style:preserve-3d}
.ko-body{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 34% 27%,rgba(130,200,255,.30) 0%,rgba(79,110,230,.20) 24%,rgba(20,22,48,.93) 57%,#06070d 100%);
  box-shadow:inset -22px -30px 70px rgba(0,0,0,.55),inset 8px 12px 40px rgba(95,214,255,.10),0 50px 110px -40px rgba(60,100,255,.55)}
.ko-spin{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(20deg);animation:koSpin 32s linear infinite}
@keyframes koSpin{from{transform:rotateX(-14deg) rotateY(0deg)}to{transform:rotateX(-14deg) rotateY(360deg)}}
.ko-m,.ko-l{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(110,200,255,.30)}
.ko-m{transform:rotateY(var(--r))}
.ko-l{border-color:rgba(150,135,255,.26);transform:translateY(calc(var(--h) * 50%)) rotateX(90deg) scale(var(--s))}
.ko-l.ko-eq{border-color:rgba(120,215,255,.46)}
.ko-n{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#a8e6ff;
  box-shadow:0 0 12px 2px rgba(79,170,255,.75);transform:rotateY(var(--lon)) rotateX(var(--lat)) translateZ(var(--R));backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ko-ring{position:absolute;inset:-15%;border-radius:50%;border:1px solid rgba(150,160,255,.20);transform-style:preserve-3d;transform:rotateX(76deg) rotateZ(0deg);animation:koRing 46s linear infinite}
@keyframes koRing{to{transform:rotateX(76deg) rotateZ(360deg)}}
.ko-dot{position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#c2b4ff;
  box-shadow:0 0 14px 3px rgba(139,107,255,.8);transform:rotateX(-76deg);animation:koDot 46s linear infinite}
@keyframes koDot{from{transform:rotateZ(0deg) rotateX(-76deg)}to{transform:rotateZ(-360deg) rotateX(-76deg)}}
.ko-shine{position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.20),rgba(255,255,255,0) 30%),radial-gradient(circle at 72% 86%,rgba(139,107,255,.20),rgba(139,107,255,0) 46%)}
.ko-core{position:absolute;left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(closest-side,rgba(79,160,255,.30),rgba(139,107,255,.12) 62%,rgba(139,107,255,0))}
.ko-core img{width:58%;height:auto;opacity:.95;filter:drop-shadow(0 0 14px rgba(95,214,255,.35))}
.k-orb.pulse .ko-core{animation:koPulse .9s var(--cp-ease)}
.k-orb.pulse .ko-glow{animation:koGlow .9s var(--cp-ease)}
@keyframes koPulse{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.14)}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes koGlow{0%,100%{opacity:1}40%{opacity:1.6}}

/* ═════════════ KANI INTELLIGENCE CORE (сфера → ядро) ═════════════ */
/* --core: 0 — сфера, 1 — ядро. Задаётся JS по прокрутке; без JS в сцене 02 ядро уже собрано */
.k-orb{--core:0}
.ko-spin{opacity:calc(1 - var(--core) * .9)}
.ko-body{filter:brightness(calc(1 - var(--core) * .25))}
.ko-ring{opacity:calc(1 - var(--core))}
.ko-core{opacity:calc(1 - var(--core))}
.ko-brain{position:absolute;inset:3%;width:94%;height:94%;overflow:visible;pointer-events:none;opacity:var(--core);
  transform:scale(calc(.86 + var(--core) * .14));filter:drop-shadow(0 0 6px rgba(95,214,255,.35))}
.ko-brain path,.ko-brain line{fill:none;stroke:url(#kbGrad);stroke-linecap:round}
.ko-brain .kb-shell{stroke-width:1.7;opacity:1}
.ko-brain .kb-in{opacity:.55}.ko-brain .kb-in2{opacity:.35}
.ko-brain .kb-route{stroke-width:1.3;opacity:.85}
.ko-brain .kb-axis{stroke-width:1.2;opacity:.7;stroke-dasharray:2 5}
.ko-brain .kb-n{fill:#c9efff;stroke:none}
.ko-brain .kb-c{fill:#fff}
.ko-brain .kb-flow{stroke:#e6f7ff;stroke-width:1.8;stroke-dasharray:5 190;stroke-dashoffset:0;opacity:0}
.k-orb.live .ko-brain .kb-flow{opacity:.9}
@media (prefers-reduced-motion:no-preference){
  .k-orb.live .ko-brain .kb-flow{animation:kbFlow 3.6s linear infinite}
  .k-orb.live .ko-brain .kb-flow2{animation-delay:-1.8s}
}
@keyframes kbFlow{to{stroke-dashoffset:-195}}
.k-orb.is-core{--core:1}
.k-orb.js-spin .ko-spin{animation:none}

/* полёт системы из Hero в сцену 02 (десктоп, JS) */
.orb-layer{display:none;position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}
html.orb-flying .orb-layer{display:block}
html.orb-flying .orb-slot>.k-orb{visibility:hidden}
.orb-fly{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.orb-tilt{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.orb-tilt>.k-orb{position:absolute;left:calc(var(--ko) / -2);top:calc(var(--ko) / -2);z-index:2;transform-origin:50% 50%;will-change:transform}

/* карточки-процессы на орбитах: интерфейс KANI, текст всегда читаем */
.oc{position:absolute;left:0;top:0;z-index:3;display:grid;align-items:center;height:46px;min-width:112px;padding:0 14px 0 10px;border-radius:14px;
  background:linear-gradient(160deg,rgba(28,32,54,.78),rgba(13,15,26,.82));border:1px solid rgba(150,190,255,.16);
  box-shadow:0 14px 34px -18px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:var(--text,#f3f5fa);font-size:14px;font-weight:600;white-space:nowrap;will-change:transform,opacity;transition:filter .5s ease,border-color .4s,background .4s}
.oc>span{grid-area:1/1;display:flex;align-items:center;gap:9px;transition:opacity .35s ease,transform .45s var(--cp-ease)}
.oc svg{flex:none;width:18px;height:18px;fill:none;stroke:#9fdcff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oc .oc-b{opacity:0;transform:translateY(6px)}
.oc .oc-b i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-style:normal;font-size:11px;font-weight:700;color:#07202b;
  background:linear-gradient(135deg,var(--k-cyan),var(--k-blue));font-variant-numeric:tabular-nums}
.oc.rt .oc-a{opacity:0;transform:translateY(-6px)}
.oc.rt .oc-b{opacity:1;transform:none}
.oc.rt{border-color:rgba(95,214,255,.30);background:linear-gradient(160deg,rgba(20,34,58,.86),rgba(12,15,28,.9))}
.oc.back{filter:blur(1.1px)}
.oc.off{visibility:hidden}
.oc-links{position:absolute;left:-600px;top:-400px;width:1200px;height:800px;overflow:visible;pointer-events:none;z-index:1}
.oc-links path{fill:none;stroke:url(#kbGrad);stroke-width:1.4;stroke-linecap:round;opacity:.75}
.oc-links .oc-loop{stroke-dasharray:3 6;opacity:.5}
.oc-links .oc-pulse{stroke:#e6f7ff;stroke-width:2;stroke-dasharray:6 900;opacity:0}
.oc-links.live .oc-pulse{opacity:.9}
@media (prefers-reduced-motion:no-preference){.oc-links.live .oc-pulse{animation:ocPulse 5.2s cubic-bezier(.45,0,.3,1) infinite}}
@keyframes ocPulse{from{stroke-dashoffset:0}to{stroke-dashoffset:-906}}


/* ═════════════ ПАНЕЛЬ (drawer): подробности ниши и калькулятор ═════════════ */
.kd{position:fixed;inset:0;z-index:170;display:flex;justify-content:flex-end}
.kd[hidden]{display:none!important}
.kd-scrim{position:absolute;inset:0;background:rgba(5,6,10,.5);opacity:0;transition:opacity .35s ease}
.kd-panel{position:relative;display:flex;flex-direction:column;width:min(720px,90vw);height:100%;background:#0e1018;border-left:1px solid rgba(255,255,255,.08);
  box-shadow:-30px 0 90px rgba(0,0,0,.55);opacity:0;transform:translateX(48px);transition:transform .42s var(--cp-ease),opacity .3s ease;outline:none}
.kd.on .kd-scrim{opacity:1}
.kd.on .kd-panel{opacity:1;transform:none}
.kd-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 16px 26px;border-bottom:1px solid var(--k-line)}
.kd-t{font-family:var(--font-heading,inherit);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text,#f3f5fa);margin:0}
.kd-t small{display:block;margin-top:2px;font-family:var(--font-body,inherit);font-size:13px;font-weight:500;color:var(--text-mute,#9aa3b5);letter-spacing:0}
.kd-x{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--text,#f3f5fa);cursor:pointer}
.kd-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.kd-x:hover{background:rgba(255,255,255,.07)}
.kd-x:focus-visible{outline:2px solid #b9a8ff;outline-offset:2px}
.kd-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:22px 26px 34px;-webkit-overflow-scrolling:touch}
html.kd-lock,html.kd-lock body{overflow:hidden}
@media (max-width:768px){
  .kd{align-items:flex-end;justify-content:stretch}
  .kd-panel{width:100%;height:auto;max-height:94dvh;border-left:0;border-top:1px solid rgba(255,255,255,.1);border-radius:22px 22px 0 0;transform:translateY(60px)}
  .kd-panel::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:rgba(255,255,255,.2)}
  .kd-head{padding:22px 16px 14px 18px}
  .kd-body{padding:18px 16px calc(28px + env(safe-area-inset-bottom))}
}

/* стрелки, точки, «Все вопросы», плавающие кнопки при открытой панели */
.cp-stepnav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cp-arrs{display:flex;gap:8px}
.cp-arr{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.03);color:var(--text,#f3f5fa);cursor:pointer;transition:background .2s,border-color .2s,opacity .2s,transform .3s var(--cp-ease)}
.cp-arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cp-arr:hover{background:rgba(124,100,245,.16);border-color:rgba(165,148,255,.5)}
.cp-arr:active{transform:scale(.97)}
.cp-arr[disabled]{opacity:.35;cursor:default;background:transparent;border-color:rgba(255,255,255,.1)}
.cp-arr:focus-visible{outline:2px solid #b9a8ff;outline-offset:3px}
.cp-count{font-size:13.5px;font-weight:600;letter-spacing:.06em;color:var(--text-mute,#9aa3b5);font-variant-numeric:tabular-nums}
.cp-count b{color:var(--text,#f3f5fa);font-weight:700}
.cp-dots{display:flex;justify-content:center;gap:4px;margin-top:10px}
.cp-dot{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.cp-dot i{display:block;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.22);transition:width .4s var(--cp-ease),background .3s}
.cp-dot[aria-current="true"] i{width:24px;background:linear-gradient(120deg,var(--k-cyan),var(--k-violet))}
.cp-dot:focus-visible{outline:2px solid #b9a8ff;outline-offset:-6px;border-radius:12px}
.faq-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--text,#f3f5fa);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.faq-all:hover{border-color:rgba(165,148,255,.5)}
.faq-all:focus-visible{outline:2px solid #b9a8ff;outline-offset:3px}
html.kd-lock .km-bar,html.kd-lock #fab,html.kd-lock .dotnav,html.kd-lock .km-snd,html.kd-lock #fabHint{visibility:hidden!important;pointer-events:none!important}

/* уменьшенное движение: сразу конечное состояние */
@media (prefers-reduced-motion:reduce){
  .ko-spin,.ko-ring,.ko-dot,.k-orb.pulse .ko-core,.k-orb.pulse .ko-glow,.ko-brain .kb-flow,.oc-links .oc-pulse{animation:none!important}
  .kd-panel,.kd-scrim,.cp-dot i,.oc,.oc>span{transition:none!important}
}

/* кнопка «Посмотреть подробнее» и раскрытия */
.sc2-more{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);color:var(--text,#f3f5fa);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.sc2-more svg{width:16px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6}
.sc2-more:hover{background:rgba(124,100,245,.14);border-color:rgba(165,148,255,.5)}
.sc2-more:focus-visible{outline:2px solid #b9a8ff;outline-offset:3px}

/* ═════ Основатель / команда: компактная карточка-профиль (общая для главной и локальных страниц) ═════ */
html body .fd.section{padding-top:clamp(48px,7vh,84px);padding-bottom:clamp(48px,7vh,84px);overflow:visible}
.fd-card{position:relative;display:grid;grid-template-columns:clamp(210px,22vw,280px) minmax(0,1fr);gap:clamp(26px,4vw,56px);align-items:center;max-width:1040px;margin:0 auto;
  padding:clamp(20px,2.4vw,32px);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 60%);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -50px rgba(0,0,0,.9)}
.fd-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(95,214,255,.45),rgba(255,255,255,0) 38%,rgba(255,255,255,0) 62%,rgba(139,107,255,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.fd-photo{position:relative;margin:0;width:100%;align-self:stretch;display:flex;align-items:center}
.fd-bg{position:absolute;inset:-12% -16%;z-index:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(95,214,255,.22),rgba(79,125,255,.12) 50%,rgba(139,107,255,0));filter:blur(16px)}
.fd-frame{position:relative;z-index:1;width:100%;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#1a1636;
  box-shadow:0 24px 50px -28px rgba(10,12,30,.95),0 0 0 1px rgba(255,255,255,.08);transform-origin:50% 60%}
.fd-frame video,.fd-frame picture,.fd-img{display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;object-position:50% 28%}
.fd-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(8,9,18,0) 62%,rgba(8,9,18,.45) 100%),linear-gradient(120deg,rgba(95,214,255,.05),rgba(139,107,255,.05))}
.fd-frame .bk-video-toggle{z-index:2;right:10px;top:10px;padding:6px 10px;font-size:11.5px;min-height:32px}
.fd-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.fd .fd-text .eyebrow{margin:0 0 2px}
html .fd h2{margin:4px 0 14px!important;font-size:clamp(24px,2.3vw,32px)!important;line-height:1.14!important;max-width:none}
.fd-id{display:flex;flex-direction:column;gap:3px}
html .fd .about-name{font-family:var(--font-heading,inherit);font-size:clamp(18px,1.5vw,21px)!important;font-weight:650;letter-spacing:-.015em;color:#fff;margin:0!important;line-height:1.25}
html .fd .about-role{margin:0!important;font-size:14px!important;line-height:1.45;color:var(--text-mute,#9aa3b5)!important}
.fd-loc{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:12.5px;color:var(--text-mute,#9aa3b5)}
.fd-loc::before{content:"";width:6px;height:6px;border-radius:50%;background:#35d39a;box-shadow:0 0 0 3px rgba(53,211,154,.15)}
.fd-quote{position:relative;margin:16px 0 14px;padding:0 0 0 16px;border-left:2px solid;border-image:linear-gradient(180deg,var(--k-cyan,#5fd6ff),var(--k-violet,#8b6bff)) 1}
.fd-quote p{margin:0;font-family:var(--font-heading,inherit);font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.5;letter-spacing:-.005em;color:#e9ecf4;text-wrap:pretty}
html .fd .fd-h3{margin:14px 0 8px!important;font-size:clamp(17px,1.4vw,20px)!important;line-height:1.3;max-width:none}
html .fd .fd-p{margin:0 0 10px!important;font-size:15px!important;line-height:1.6!important;color:var(--text-dim,#c4cad6)!important;max-width:40em}
html .fd .about-creds{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0!important}
html .fd .about-creds .fd-m{display:inline-flex;align-items:center;gap:8px;padding:7px 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;
  background:rgba(255,255,255,.03)!important;font-size:13px!important;font-weight:500;line-height:1.3;color:var(--text,#f3f5fa)!important}
html .fd .about-creds .fd-m::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--k-cyan,#5fd6ff),var(--k-violet,#8b6bff))}
html .fd .ab-story{margin-top:12px}
html .fd .ab-story p{margin:0 0 10px!important;font-size:15px!important;line-height:1.6!important;color:var(--text-dim,#c4cad6)!important;max-width:40em}
html.js .fd .fd-tg:not(.open){display:none}
.fd-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:16px}
html .fd .about-links{margin:0!important;display:flex;flex-wrap:wrap;gap:8px}
html .fd .about-links a,html .fd .fd-foot .btn{min-height:44px}
.fd-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text,#f3f5fa);font:inherit;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}
.fd-more:hover{background:rgba(124,100,245,.12);border-color:rgba(165,148,255,.45)}
.fd-more:focus-visible{outline:2px solid #b9a8ff;outline-offset:3px}
.fd-more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s}
.fd-more[aria-expanded="true"] svg{transform:rotate(180deg)}
@media (prefers-reduced-motion:no-preference){
  html.js .fd.fd-arm .fd-frame{opacity:0;transform:scale(1.04);filter:brightness(.75);transition:opacity .6s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease}
  html.js .fd.fd-arm .fd-s{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
  html.js .fd.fd-in .fd-frame{opacity:1;transform:none;filter:none}
  html.js .fd.fd-in .fd-s{opacity:1;transform:none}
  html.js .fd.fd-in .fd-s:nth-child(2){transition-delay:.08s}html.js .fd.fd-in .fd-s:nth-child(3){transition-delay:.16s}
  html.js .fd.fd-in .fd-s:nth-child(4){transition-delay:.24s}html.js .fd.fd-in .fd-s:nth-child(5){transition-delay:.32s}
  html.js .fd.fd-in .fd-s:nth-child(n+6){transition-delay:.4s}
}
@media (max-width:720px){
  .fd-card{grid-template-columns:96px minmax(0,1fr);gap:0 16px;padding:20px 18px;border-radius:22px}
  .fd-text{display:contents}
  .fd-text>*{grid-column:1/-1;order:5}
  .fd-text>.eyebrow{order:1}.fd-text>h2{order:2}.fd-photo{grid-column:1;order:3;align-self:center}.fd-text>.fd-id{grid-column:2;order:4;align-self:center}
  .fd-frame{border-radius:16px}.fd-bg{inset:-20%}
  .fd-frame .bk-video-toggle{right:5px;left:5px;top:auto;bottom:5px;padding:4px 0;font-size:10.5px;min-height:0;text-align:center}
  html .fd h2{font-size:24px!important;margin:4px 0 14px!important}
  html .fd .about-name{font-size:18px!important}html .fd .about-role{font-size:13px!important}
  .fd-quote p{font-size:15.5px}
  .fd-foot{margin-top:14px}.fd-foot>*{flex:1 1 auto;justify-content:center}
}
/* ═════ Телефон и планшет: на странице одна сфера (в первом экране). Дальше процесс проходит через узел KANI ═════ */
.k-node{display:none}
@media (max-width:1023px){
  .sc2-core .orb-sys,.lp-core .orb-lp{display:none}
  .k-node{display:grid;place-items:center;position:relative;width:56px;height:56px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%,rgba(95,214,255,.22),rgba(20,24,48,.95) 70%);border:1px solid rgba(95,214,255,.4);
    box-shadow:0 0 0 6px rgba(95,214,255,.06),0 0 28px rgba(95,214,255,.25)}
  .k-node::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(139,107,255,.35)}
  .k-node img{width:26px;height:26px;display:block}
  html:not(.orb-flying) .sc2-core{display:flex;flex-direction:column;align-items:center}
  html:not(.orb-flying) .sc2-core::before,html:not(.orb-flying) .sc2-core::after{content:"";display:block;width:1px;height:22px;background:linear-gradient(180deg,rgba(95,214,255,0),rgba(95,214,255,.7))}
  html:not(.orb-flying) .sc2-core::after{background:linear-gradient(180deg,rgba(139,107,255,.7),rgba(139,107,255,0))}
  html:not(.orb-flying) .sc2-stage{gap:6px!important}
}
@media (max-width:1023px) and (prefers-reduced-motion:no-preference){
  .k-node{animation:kNode 3.2s ease-in-out infinite}
  @keyframes kNode{50%{box-shadow:0 0 0 9px rgba(95,214,255,.03),0 0 36px rgba(95,214,255,.35)}}
}
/* v3.4 · телефон: вместо второго «шара» — плоская метка KANI на линии процесса */
@media (max-width:1023px){
  .k-node{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:auto!important;padding:6px 14px 6px 7px;border-radius:999px!important;
    background:rgba(20,24,48,.9)!important;border:1px solid rgba(95,214,255,.32)!important;box-shadow:none!important;animation:none!important}
  .k-node::before{display:none!important}
  .k-node img{width:20px!important;height:20px!important}
  .k-node::after{content:"KANI Digital";font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fdcff}
  .lp-core .lp-core-t{display:none}
}