/* «Сочно» (03.11.2026, «ярко, всё сверкало, фрукты-ягоды, компактнее, повеселее»): меню «Модули» — фрукты вместо значков,
   кубик модулей — у каждого кубика свой фрукт и цвет, блоки модулей на главной — компактные сочные карточки, 10 раскладок, анимированные картинки.
   Фрукт модуля — тот же, что в hero-mix.html и cube-heads.html. Картинки и раскладки раздаёт juice.js. Грузится после site.css — перекрывает его. */

/* ── меню «Модули»: фрукт на глянцевой плитке своего цвета ── */
.nav-ddp a i.fi{font-style:normal;font-size:22px;line-height:1;color:inherit;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 46%),linear-gradient(150deg,color-mix(in srgb,var(--c) 30%,#fff),color-mix(in srgb,var(--c) 70%,#fff) 60%,var(--c));
  box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--c) 70%,#000 12%),0 6px 14px -7px color-mix(in srgb,var(--c) 80%,#000)}
.nav-ddp a i.fi span{filter:drop-shadow(0 2px 2px rgba(0,0,0,.22));transition:transform .3s cubic-bezier(.3,1.7,.5,1)}
.nav-ddp a:hover i.fi span,.nav-ddp a:focus-visible i.fi span{transform:scale(1.22) rotate(-12deg)}
.nav-ddp a i.fi::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;pointer-events:none}
.nav-ddp a i.fi{position:relative;overflow:hidden}
.nav-ddp a:hover i.fi::after{animation:jShine .8s ease}
.nav-dd.open .nav-ddp a i.fi::after{animation:jShine 1.1s ease both;animation-delay:calc(var(--d,0ms) + .25s)}
@keyframes jShine{from{background-position:120% 0}to{background-position:-30% 0}}
@media (min-width:901px){.nav-gb a i.fi{font-size:16px}}

/* ── кубик модулей: каждый кубик — свой фрукт ── */
html .cube-mods .sc i,html .cube-mods .sc:not(.on) i{background-color:color-mix(in srgb,var(--fc,#E9C9D6) 34%,#fff);
  background-image:radial-gradient(circle at 28% 22%,rgba(255,255,255,.9),rgba(255,255,255,0) 42%),linear-gradient(150deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%,color-mix(in srgb,var(--fc,#C2255C) 30%,transparent));
  border-color:#fff;transition:background-color .7s ease}
html .cube-mods .sc.on i,html .cube-mods .sc.glow:not(.on) i{background-color:var(--fc,#C2255C);
  background-image:radial-gradient(circle at 28% 22%,rgba(255,255,255,.75),rgba(255,255,255,0) 40%),linear-gradient(150deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%,rgba(0,0,0,.18))}
html .cube-mods .sc i::before{content:var(--fe,"")!important;background:none!important;inset:0!important;display:grid!important;place-items:center;font-size:calc(var(--s) * .44);line-height:1;opacity:.55!important;filter:saturate(.8) drop-shadow(0 2px 2px rgba(0,0,0,.2));transition:opacity .6s,transform .6s cubic-bezier(.3,1.7,.5,1)}
html .cube-mods .sc.on i::before,html .cube-mods .sc.glow i::before{opacity:1!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3));transform:scale(1.08)}
.cube-done b{background:linear-gradient(120deg,#FFF6D6,#fff 40%,#FFE3EC)!important;color:#E8174A!important;box-shadow:0 0 0 3px #FFD83D,0 18px 40px -14px rgba(232,23,74,.6)!important}
.cube-done b::before{content:"🍓 "}.cube-done b::after{content:" 🍋"}

/* ── блоки модулей: сочные карточки ── */
.jb{--ink:#2A1720;position:relative;padding-block:clamp(26px,3.4vw,52px)!important;background:none!important;overflow:clip}
.jb>.wrap{position:relative;max-width:1060px;margin-inline:auto;border-radius:clamp(26px,3vw,42px);padding:clamp(26px,4vw,56px)!important;
  background:radial-gradient(90% 80% at 100% 0,color-mix(in srgb,var(--c) 55%,#fff) 0,transparent 62%),radial-gradient(60% 60% at 0 100%,color-mix(in srgb,#FFD83D 30%,#fff) 0,transparent 70%),linear-gradient(160deg,#fff,color-mix(in srgb,var(--c) 24%,#fff));
  box-shadow:inset 0 -8px 0 color-mix(in srgb,var(--c) 22%,transparent),0 30px 60px -36px color-mix(in srgb,var(--c) 70%,#000);gap:clamp(20px,3vw,48px)!important}
@media (max-width:1140px){.jb>.wrap{margin-inline:16px}}
.jb h2{position:relative;font-size:clamp(26px,1rem + 1.4vw,38px)!important;line-height:1.06;letter-spacing:-.03em;max-width:19ch}
.jb h2 .jfe{display:inline-block;margin-right:.22em;font-size:1.05em;transform-origin:50% 80%;animation:jBob 3.2s ease-in-out infinite;cursor:pointer}
.jb .lead{font-size:clamp(16px,.95rem + .25vw,19px)!important;margin-top:16px!important;max-width:36ch}
.jb ul.plain{display:grid;gap:10px;margin:0;padding:0}
.jb ul.plain li{position:relative;list-style:none;margin:0;padding:12px 16px 12px 46px!important;border-radius:16px;background:#fff;font-size:15.5px;line-height:1.4;color:var(--ink);
  box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--c) 20%,transparent),0 8px 18px -14px rgba(42,23,32,.5);transition:transform .3s cubic-bezier(.3,1.7,.5,1)}
.jb ul.plain li::before{content:var(--fe)!important;position:absolute;left:14px;top:11px;width:auto!important;height:auto!important;background:none!important;border:0!important;font-size:18px;line-height:1.2;transform:none!important;border-radius:0!important}
.jb ul.plain li:hover{transform:translateX(6px) rotate(-.6deg)}
.jb ul.plain li:nth-child(even):hover{transform:translateX(6px) rotate(.6deg)}
/* картинка в воздухе и плавающие фрукты */
.jsc{position:absolute;z-index:2;width:clamp(120px,14vw,196px);height:auto;pointer-events:none;color:var(--c);filter:drop-shadow(0 14px 16px color-mix(in srgb,var(--c) 45%,transparent))}
.jfl{position:absolute;z-index:3;font-size:clamp(28px,3vw,46px);pointer-events:auto;cursor:pointer;animation:jFloat 6s ease-in-out infinite;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18))}
.jfl:nth-of-type(2){animation-duration:7.5s;animation-delay:-2s}.jfl:nth-of-type(3){animation-duration:5.4s;animation-delay:-4s}
@keyframes jFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(10deg)}}
@keyframes jBob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg) translateY(-4px)}}
.jhop{animation:jHop .7s cubic-bezier(.3,1.6,.5,1)!important}
@keyframes jHop{0%{transform:none}40%{transform:translateY(-30px) rotate(200deg) scale(1.35)}100%{transform:rotate(360deg)}}
.jpop{position:fixed;z-index:60;left:0;top:0;pointer-events:none;border-radius:50%;will-change:transform,opacity}

/* 10 раскладок */
.jb.v0 .jsc{right:-28px;top:-40px}
.jb.v0 .jfl.a{left:-14px;bottom:18%}.jb.v0 .jfl.b{right:30%;bottom:-16px}
.jb.v1>.wrap>.c-l{grid-column:8/span 5;grid-row:1}.jb.v1>.wrap>.c-r{grid-column:1/span 6;grid-row:1}.jb.v1 .jsc{right:8%;bottom:-26px}.jb.v1 .jfl.a{right:-10px;bottom:20%}.jb.v1 .jfl.b{left:40%;top:-18px}
.jb.v2>.wrap{text-align:center}.jb.v2>.wrap>*{grid-column:1/-1!important}.jb.v2 h2,.jb.v2 .lead{margin-inline:auto!important;max-width:24ch}.jb.v2 .lead{max-width:44ch}
.jb.v2 ul.plain{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}.jb.v2 .jsc{right:-20px;top:-46px}.jb.v2 .jfl.a{left:4%;top:-20px}.jb.v2 .jfl.b{left:-12px;bottom:12%}
.jb.v3>.wrap{background:radial-gradient(90% 90% at 0 0,color-mix(in srgb,var(--c) 45%,transparent),transparent 60%),#2A1720;color:#fff}
.jb.v3 h2,.jb.v3 .lead{color:#fff!important}.jb.v3 .lead{opacity:.85}
.jb.v3 ul.plain li{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.jb.v3 .jsc{left:10%;bottom:-34px}.jb.v3 .jfl.a{left:46%;top:-18px}.jb.v3 .jfl.b{left:-14px;top:30%}
.jb.v4>.wrap{rotate:-1.2deg}.jb.v4>.wrap>*{rotate:1.2deg}.jb.v4 .jsc{left:-26px;bottom:-30px}.jb.v4 .jfl.a{right:-12px;top:-18px}.jb.v4 .jfl.b{right:36%;bottom:-18px}
.jb.v5 ul.plain{counter-reset:jn}.jb.v5 ul.plain li{counter-increment:jn;padding-left:62px!important}
.jb.v5 ul.plain li::before{content:counter(jn)!important;left:10px;top:50%;translate:0 -50%;width:38px!important;height:38px!important;border-radius:11px!important;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 50%),var(--c)!important;color:#fff;font:800 18px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.jb.v5 .jsc{left:22%;bottom:-30px}.jb.v5 .jfl.a{left:-12px;top:-14px}.jb.v5 .jfl.b{right:-8px;bottom:12%}
.jb.v6>.wrap{background:#fff;overflow:hidden}.jb.v6>.wrap::before{content:"";position:absolute;width:62%;aspect-ratio:1;right:-14%;top:-30%;border-radius:46% 54% 58% 42%/50% 44% 56% 50%;
  background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--c) 40%,#fff),color-mix(in srgb,var(--c) 70%,#fff));animation:jBlob 12s ease-in-out infinite;z-index:0}
.jb.v6>.wrap>*{position:relative;z-index:1}.jb.v6 .jsc{right:10%;bottom:-20px}.jb.v6 .jfl.a{left:-14px;bottom:10%}.jb.v6 .jfl.b{left:44%;top:-20px}
@keyframes jBlob{50%{border-radius:58% 42% 40% 60%/44% 58% 42% 56%;transform:rotate(20deg) scale(1.06)}}
.jb.v7>.wrap{background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.45),transparent 40%),linear-gradient(150deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}
.jb.v7 ul.plain li{background:rgba(255,255,255,.88)}.jb.v7 .jsc{left:12%;bottom:-34px;color:#fff}.jb.v7 .jfl.a{right:-12px;top:-16px}.jb.v7 .jfl.b{right:34%;bottom:-16px}
.jb.v8 ul.plain{gap:0;background:#fff;border-radius:20px;padding:6px 0;box-shadow:0 10px 24px -16px rgba(42,23,32,.5)}
.jb.v8 ul.plain li{background:none;box-shadow:none;border-radius:0;border-bottom:2px dashed color-mix(in srgb,var(--c) 30%,transparent)}.jb.v8 ul.plain li:last-child{border-bottom:0}
.jb.v8 .jsc{left:-26px;bottom:-34px}.jb.v8 .jfl.a{right:-14px;top:24%}.jb.v8 .jfl.b{left:30%;top:-18px}
.jb.v9 ul.plain{grid-template-columns:repeat(2,minmax(0,1fr))}.jb.v9 ul.plain li{min-height:96px;padding:42px 16px 14px!important}
.jb.v9 ul.plain li::before{top:12px;left:16px}
.jb.v9 ul.plain li:nth-child(4n+1){background:color-mix(in srgb,var(--c) 18%,#fff)}.jb.v9 ul.plain li:nth-child(4n+4){background:color-mix(in srgb,#FFD83D 22%,#fff)}
.jb.v9 .jsc{left:6%;bottom:-30px}.jb.v9 .jfl.a{left:-14px;top:40%}.jb.v9 .jfl.b{right:40%;bottom:-18px}
@media (max-width:900px){.jb.v1>.wrap>.c-l,.jb.v1>.wrap>.c-r{grid-column:auto;grid-row:auto}.jb.v4>.wrap,.jb.v4>.wrap>*{rotate:none}
  .jsc{width:84px}.jb .jsc{right:-6px!important;left:auto!important;top:-34px!important;bottom:auto!important}.jfl{display:none}}
@media (max-width:620px){.jb.v2 ul.plain,.jb.v9 ul.plain{grid-template-columns:1fr}.jb.v9 ul.plain li{min-height:0}}

/* анимации картинок */
.jsc .pp{transform-box:fill-box;transform-origin:center;animation:jPop 3.6s cubic-bezier(.3,1.6,.5,1) infinite both}
.jsc .pp:nth-of-type(2){animation-delay:.35s}.jsc .pp:nth-of-type(3){animation-delay:.7s}
@keyframes jPop{0%,8%{transform:scale(0);opacity:0}18%,80%{transform:scale(1);opacity:1}92%,100%{transform:scale(.6);opacity:0}}
.jsc .dr{stroke-dasharray:60;stroke-dashoffset:60;animation:jDraw 3.6s ease infinite}
.jsc .dr:nth-of-type(2){animation-delay:.5s}.jsc .dr:nth-of-type(3){animation-delay:1s}
@keyframes jDraw{0%,10%{stroke-dashoffset:60}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
.jsc .hop{transform-box:fill-box;transform-origin:center bottom;animation:jJump 1.6s cubic-bezier(.3,1.6,.5,1) infinite}
@keyframes jJump{0%,100%{transform:translateY(0) scale(1.05,.95)}45%{transform:translateY(-14px) scale(.96,1.05)}}
.jsc .spin{transform-box:fill-box;transform-origin:center;animation:jSpin 4s linear infinite}
@keyframes jSpin{to{transform:rotate(360deg)}}
.jsc .sw{transform-box:fill-box;transform-origin:50% 100%;animation:jSwing 2.4s ease-in-out infinite}
@keyframes jSwing{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
.jsc .fly{animation:jFly 4s ease-in-out infinite}
@keyframes jFly{0%{transform:translate(-30px,20px) rotate(-8deg)}50%{transform:translate(14px,-10px) rotate(6deg)}100%{transform:translate(-30px,20px) rotate(-8deg)}}
.jsc .stamp{transform-box:fill-box;transform-origin:center bottom;animation:jStamp 2.6s cubic-bezier(.5,0,.3,1) infinite}
@keyframes jStamp{0%,100%{transform:translateY(-22px)}40%,55%{transform:translateY(0)}}
.jsc .ink{transform-box:fill-box;transform-origin:center;animation:jInk 2.6s ease infinite}
@keyframes jInk{0%,40%{opacity:0;transform:scale(.6)}50%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}
.jsc .beat{transform-box:fill-box;transform-origin:center;animation:jBeat 1.1s ease-in-out infinite}
@keyframes jBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(.96)}45%{transform:scale(1.1)}}
.jsc .ecg{stroke-dasharray:180;stroke-dashoffset:180;animation:jEcg 2.2s linear infinite}
@keyframes jEcg{to{stroke-dashoffset:-180}}
.jsc .blink{animation:jBlink 1.2s steps(1) infinite}.jsc .blink:nth-of-type(2){animation-delay:.2s}.jsc .blink:nth-of-type(3){animation-delay:.4s}
@keyframes jBlink{50%{opacity:.2}}
.jsc .hl{animation:jHl 4.8s steps(1) infinite}
@keyframes jHl{0%{transform:translate(0,0)}25%{transform:translate(22px,0)}50%{transform:translate(44px,22px)}75%{transform:translate(0,22px)}}
.jsc .drop{animation:jDrop 2.4s cubic-bezier(.5,0,.7,1) infinite}.jsc .drop:nth-of-type(2){animation-delay:.8s}.jsc .drop:nth-of-type(3){animation-delay:1.6s}
@keyframes jDrop{0%{transform:translateY(-40px);opacity:0}20%{opacity:1}70%{transform:translateY(18px);opacity:1}80%,100%{transform:translateY(18px);opacity:0}}
@media (prefers-reduced-motion:reduce){.jsc *,.jfl,.jb h2 .jfe,.jb.v6>.wrap::before{animation:none!important}.jsc .dr,.jsc .ecg{stroke-dashoffset:0}}
/* собранный кубик («Ваш модуль заработал!») — тоже фрукты, не фиолетовый */
html .cube-mods.all-on .sc i{background-color:var(--fc,#E8174A)!important;background-image:radial-gradient(circle at 28% 22%,rgba(255,255,255,.8),rgba(255,255,255,0) 40%),linear-gradient(150deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%,rgba(0,0,0,.18))!important}
html .cube-mods.all-on .sc i::before,html .cube-mods .sc.glow i::before,html .cube-mods .sc.on i::before{background-image:none!important;opacity:1!important}
/* летящий «+» в кубик — наш кубик-конструктор: малиновый, глянец, два выступа сверху, «+» белый жирный */
html .plus-fly{overflow:visible;border-radius:calc(var(--s) * .3);
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.75),rgba(255,255,255,0) 40%),linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%),#E8174A;
  box-shadow:inset 0 calc(var(--s) * -.12) 0 rgba(0,0,0,.2),0 0 calc(var(--s) * .8) rgba(255,216,61,.55),0 18px 30px -12px rgba(232,23,74,.7)}
html .plus-fly::before{content:"";position:absolute;top:calc(var(--s) * -.2);left:calc(var(--s) * .2);width:calc(var(--s) * .38);height:calc(var(--s) * .24);border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0)),#E8174A;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),calc(var(--s) * .66) 0 0 0 #E8174A}
html .plus-fly b{font-weight:800;text-shadow:0 3px 0 rgba(120,0,30,.35)}
html .plus-fly::after{border-color:rgba(255,216,61,.75)}
html .plus-boom{border-color:#FFD83D;box-shadow:0 0 0 10px rgba(232,23,74,.18)}

/* ── «Вопросы» по всему сайту: у каждого вопроса фрукт в кубике и цветная кромка (03.11.2026) ── */
.faq-list{gap:14px!important}
.faq-list .qa{--c:#FF4D6D;background:#fff!important;border-radius:22px;padding:20px 24px 20px 84px!important;
  box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--c) 30%,transparent),0 14px 30px -22px rgba(42,23,32,.55);transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
.faq-list .qa:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--c) 55%,transparent),0 22px 36px -22px color-mix(in srgb,var(--c) 70%,#000)}
.faq-list .qa:nth-child(even):hover{transform:translateY(-4px) rotate(.5deg)}
.faq-list .qa::before{content:var(--fe)!important;left:20px!important;top:18px!important;bottom:auto!important;width:46px!important;height:46px!important;border-radius:14px!important;
  display:grid;place-items:center;font-size:24px;line-height:1;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 44%),linear-gradient(150deg,color-mix(in srgb,var(--c) 35%,#fff),var(--c))!important;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.16),0 8px 14px -8px color-mix(in srgb,var(--c) 80%,#000);transition:transform .4s cubic-bezier(.3,1.7,.5,1)}
.faq-list .qa:hover::before{transform:rotate(-12deg) scale(1.12)}
.faq-list .qa h3{font-weight:750!important;letter-spacing:-.025em}
.faq-list .qa p{opacity:.8}
.faq-list .qa:nth-child(10n+1){--c:#FF4D6D;--fe:"🍉"}.faq-list .qa:nth-child(10n+2){--c:#FFC21A;--fe:"🍋"}.faq-list .qa:nth-child(10n+3){--c:#6CC24A;--fe:"🥝"}.faq-list .qa:nth-child(10n+4){--c:#8E3BD0;--fe:"🍇"}.faq-list .qa:nth-child(10n+5){--c:#FF8A1F;--fe:"🍊"}.faq-list .qa:nth-child(10n+6){--c:#D81B4A;--fe:"🍒"}.faq-list .qa:nth-child(10n+7){--c:#5B5BFF;--fe:"🫐"}.faq-list .qa:nth-child(10n+8){--c:#FFAA70;--fe:"🍑"}.faq-list .qa:nth-child(10n+9){--c:#7DCB52;--fe:"🍏"}.faq-list .qa:nth-child(10n+10){--c:#F2A516;--fe:"🍍"}
@media (max-width:640px){.faq-list .qa{padding:16px 16px 16px 70px!important}.faq-list .qa::before{left:14px!important;top:14px!important;width:40px!important;height:40px!important;font-size:21px}}
@media (prefers-reduced-motion:reduce){.faq-list .qa,.faq-list .qa::before{transition:none}}

/* ── баннеры-сцены (бывший «барабан» на главной), 03.11.2026: каждая — отдельным блоком на своей странице, сочная карточка; анимация — когда доехали до экрана (juice.js) ── */
.jbn{padding-block:clamp(22px,3vw,44px)!important}
.jbn>.wrap{max-width:1060px;margin-inline:auto}
@media (max-width:1140px){.jbn>.wrap{padding-inline:16px}}
.jbn-card{position:relative;border-radius:clamp(26px,3vw,40px);padding:clamp(22px,3.4vw,44px);overflow:hidden;
  background:radial-gradient(70% 90% at 100% 0,color-mix(in srgb,var(--c) 45%,#fff) 0,transparent 60%),radial-gradient(50% 70% at 0 100%,color-mix(in srgb,#FFD83D 35%,#fff) 0,transparent 70%),linear-gradient(160deg,#fff,color-mix(in srgb,var(--c) 16%,#fff));
  box-shadow:inset 0 -8px 0 color-mix(in srgb,var(--c) 25%,transparent),0 30px 60px -36px color-mix(in srgb,var(--c) 75%,#000)}
.jbn-card::after{content:"";position:absolute;width:240px;height:240px;right:-70px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 35%,transparent),transparent 70%);pointer-events:none}
.jbn-k{display:flex;align-items:center;gap:14px;margin:0 0 clamp(16px,2vw,26px);font:800 clamp(22px,1rem + 1.3vw,34px)/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;letter-spacing:-.035em;color:#2A1720}
.jbn-k b{color:var(--c)}
.jbn-fe{flex:none;display:grid;place-items:center;width:clamp(48px,4.4vw,60px);height:clamp(48px,4.4vw,60px);border-radius:16px;font-size:clamp(26px,2.4vw,34px);cursor:pointer;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 44%),linear-gradient(150deg,color-mix(in srgb,var(--c) 35%,#fff),var(--c));box-shadow:inset 0 -5px 0 rgba(0,0,0,.16),0 10px 18px -10px color-mix(in srgb,var(--c) 80%,#000);
  animation:jBob 3.2s ease-in-out infinite}
.jbn .hs-sc{display:block!important;max-height:none!important;overflow:visible!important;animation:none!important;position:relative;z-index:1}
.jbn .hs-sc>.hs-cap{display:none}
@media (prefers-reduced-motion:reduce){.jbn-fe{animation:none}}

/* ── телефон «Что мешает?»: плитки — фруктовые кубики, «Добавить модуль» — кубик-конструктор (03.11.2026) ── */
[data-portal] .tile[data-j]{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.6),rgba(255,255,255,0) 42%),linear-gradient(160deg,color-mix(in srgb,var(--c) 72%,#fff),var(--c))!important;
  color:#fff!important;border:0!important;box-shadow:inset 0 -6px 0 rgba(0,0,0,.16),0 14px 22px -14px color-mix(in srgb,var(--c) 85%,#000)!important;animation:jTile .7s cubic-bezier(.34,1.6,.64,1)}
[data-portal] .tile[data-j].jl{color:#2A1720!important}
[data-portal] .tile[data-j] b,[data-portal] .tile[data-j] span,[data-portal] .tile[data-j] .tp-txt *{color:inherit!important}
[data-portal] .tile[data-j] span{opacity:.88}
@keyframes jTile{0%{transform:translateY(-40px) scale(.7) rotate(-6deg)}60%{transform:translateY(4px) scale(1.04,.96)}100%{transform:none}}
.ti-fe{display:block;font-style:normal;font-size:26px;line-height:1;margin-bottom:6px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.22));transition:transform .3s cubic-bezier(.3,1.7,.5,1)}
[data-portal] .tile[data-j]:hover .ti-fe{transform:rotate(-14deg) scale(1.2)}
[data-portal] .tile-pic[data-j] .ti-fe{position:absolute;right:10px;top:10px;z-index:2;margin:0}
.pp-m .ti-fe{font-size:24px;margin:0 auto 4px}
[data-portal] .tile-add{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.6),rgba(255,255,255,0) 42%),linear-gradient(160deg,#9BDB6A,#4FA83A)!important;color:#fff!important;border:0!important;animation:none!important;
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.16),0 10px 18px -12px rgba(60,140,40,.8)!important}
/* плитки не обрезаются рамкой телефона: у прокручиваемой сетки — поля под тень и отскок */
html .phone.iphone .tiles{padding:8px 8px 12px!important;margin:-8px -8px 0!important}
[data-portal] .tile-add .ta-plus{background:#fff!important;color:#4FA83A!important;font-weight:900!important;border-radius:12px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 6px 12px -6px rgba(0,0,0,.4)!important;animation:jPlus 2.4s ease-in-out infinite!important}
@keyframes jPlus{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg) scale(1.08)}40%{transform:rotate(10deg)}60%{transform:none}}
[data-portal] .tile-empty{background:repeating-linear-gradient(135deg,#FFF6D6 0 14px,#FFFBEA 14px 28px)!important;border:2px dashed #FFC21A!important;color:#7a5a00!important;box-shadow:none!important}
[data-portal] .tile-empty b,[data-portal] .tile-empty span{color:inherit!important}
@media (prefers-reduced-motion:reduce){[data-portal] .tile[data-j],[data-portal] .tile-add .ta-plus{animation:none!important}}

/* «Что сейчас мешает?»: текст списка — чуть крупнее подписей в боковой панели браузера, строки плотнее (управляющий, 03.11.2026) */
html .builder .mod{font-size:17px!important;line-height:1.35;gap:14px!important;padding:8px 0!important;min-height:0}
html .builder .mod[aria-pressed=true] .sw{background:linear-gradient(90deg,#FFC21A,#E8174A)!important}

/* логотип: надпись — чёрная, правая половинка значка медленно переливается из розового цветами модулей (03.11.2026) */
html .mark span,html .mark span+span{background:none!important;color:#2A1720!important;-webkit-text-fill-color:#2A1720!important;animation:none!important} /* «ДоПосле» — одним словом, одним цветом, как зарегистрированный знак (управляющий, 03.11.2026) */
html .mark i::after{animation:jMark 24s ease-in-out infinite!important}
@keyframes jMark{0%,8%{background-color:#B8408F}17%{background-color:#E8174A}28%{background-color:#FF8A1F}39%{background-color:#F2A516}50%{background-color:#6CC24A}61%{background-color:#2FA8A0}72%{background-color:#5B5BFF}83%{background-color:#8E3BD0}100%{background-color:#B8408F}}
@media (prefers-reduced-motion:reduce){html .mark i::after{animation:none!important}}
/* демо «втыкает модули»: подпись над телефоном, пока посетитель не тронул список */
.builder.jdemo [data-portal] .tile[data-j]{animation:jSnap .55s cubic-bezier(.34,1.7,.64,1)}
@keyframes jSnap{0%{transform:translate(30px,-60px) rotate(12deg) scale(.6);opacity:0}55%{transform:translate(0,6px) scale(1.06,.94);opacity:1}75%{transform:translateY(-3px)}100%{transform:none}}

/* лента модулей вместо «барабана» (03.11.2026): два ряда фруктовых карточек едут навстречу, наведение — стоп; читается, кликается */
.rb{position:relative;padding:clamp(26px,3vw,44px) 0;background:linear-gradient(180deg,#FFFDF6,#FFF6EC);overflow:hidden;border-block:1px solid rgba(42,23,32,.05)}
.rb-k{margin:0 0 18px;font:500 18px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#5d4f55}.rb-k b{color:#2A1720;font-weight:750}
.rb-row{overflow:hidden;padding:10px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rb-tr{display:flex;gap:14px;width:max-content;animation:rbGo 95s linear infinite}
.rb-rev .rb-tr{animation-direction:reverse;animation-duration:110s}
.rb-row:hover .rb-tr{animation-play-state:paused}
@keyframes rbGo{to{transform:translateX(calc(-50% - 7px))}}
.rb-c{flex:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;width:250px;padding:14px 16px;border-radius:20px;text-decoration:none;color:#fff;
  background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),linear-gradient(160deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.15),0 12px 22px -14px color-mix(in srgb,var(--c) 85%,#000);transition:transform .3s cubic-bezier(.34,1.6,.64,1)}
.rb-c.dk{color:#2A1720}
.rb-c:hover{transform:translateY(-6px) rotate(-1.5deg)}
.rb-c i{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-style:normal;font-size:30px;background:rgba(255,255,255,.88);box-shadow:inset 0 -3px 0 rgba(0,0,0,.1);transition:transform .35s cubic-bezier(.3,1.7,.5,1)}
.rb-c:hover i{transform:rotate(-14deg) scale(1.12)}
.rb-c b{font:750 17px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-.02em}
.rb-c span{font-size:13.5px;line-height:1.3;opacity:.92}
@media (max-width:640px){.rb-c{width:210px;padding:12px 14px}.rb-c i{width:44px;height:44px;font-size:25px}.rb-c b{font-size:16px}}
@media (prefers-reduced-motion:reduce){.rb-tr{animation:none}.rb-row{overflow-x:auto}}

/* кегль как у reg.ru (средний, легко читать): текст 16–17, подзаголовок 17–19, заголовок блока до 40, главный до 54 (управляющий, 03.11.2026) */
:root{--body:clamp(16px,.95rem + .1vw,17px);--lead:clamp(17px,1rem + .2vw,19px);--head:clamp(28px,1.1rem + 1.6vw,40px);--display:clamp(34px,1.1rem + 2.8vw,54px)}

/* кубики-слова: низ букв — ровно по нижнему краю кубика, хвостики «р», «у», «ф», «д» свисают наружу (управляющий, 03.11.2026); сверху и по бокам слово по-прежнему режет форма */
html .hw-b s,html .kb s,html .fx-clip.fx-fit{overflow:visible!important;clip-path:inset(-2px 0 -80% 0 round 18px)}
html .hw-b s i,html .kb s i,html .fx-clip.fx-fit>*{bottom:-.045em!important}

/* «Что сейчас мешает?» на компьютере: весь список и телефон — на одном экране: переключатели в две колонки, пояснения под ними не раскрываем (всё видно в телефоне) (управляющий, 03.11.2026) */
@media (min-width:901px){
  html .builder .mods{display:grid!important;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:0;align-content:start}
  html .builder .mods>:not(.mod):not(.mod-how){grid-column:1/-1}
  html .builder .mod-how{display:none!important}
  html .builder .mod{font-size:15.5px!important;padding:7px 0!important;gap:10px!important;margin:0!important;align-items:center}
  html .builder .mod .sw{flex:none;width:42px;height:24px}
  html .builder .mods .kb{margin-bottom:10px}
  html .builder .mods-h{font-size:clamp(28px,1rem + 1.6vw,40px)!important;margin-bottom:4px}
}
@media (min-width:901px){
  html .builder .mods-cap{font-size:13px;margin:0 0 4px!important}
  html .builder .mods .kb{--h:clamp(52px,4.6vw,70px);margin:24px 0 6px!important}
  html .builder .mods-sub{font-size:15.5px!important;margin:4px 0 10px!important}
  html .builder .mod{padding:3px 0!important;line-height:1.25;font-size:14.5px!important}
}

/* плашки-вкладки «Что умеет» на главной: фрукт модуля вместо значка, своя заливка; выбранная — сочная (03.11.2026) */
html .feat[data-j]{background:color-mix(in srgb,var(--c) 14%,#fff)!important;border-color:color-mix(in srgb,var(--c) 40%,transparent)!important;color:#2A1720!important;transition:transform .25s cubic-bezier(.34,1.6,.64,1),background .2s}
html .feat[data-j]:hover{transform:translateY(-3px) rotate(-1deg)}
html .feat[data-j].on{background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%),var(--c)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.16),0 10px 18px -12px color-mix(in srgb,var(--c) 85%,#000)!important}
html .feat[data-j].on.jl{color:#2A1720!important}
html .feat .fe{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:4px;border-radius:9px;background:rgba(255,255,255,.9);font-size:18px;font-style:normal;line-height:1;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);flex:none}

/* «Одно окно» (CRM, скоро) — компактная персиковая карточка: заголовок и текст слева узкой колонкой, справа живой пример; меньше воздуха (03.11.2026) */
.jcrm{padding-block:clamp(22px,3vw,40px)!important;background:none!important;color:#2A1720}
.jcrm>.wrap{max-width:1060px;margin-inline:auto;display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:clamp(20px,3vw,36px)!important;align-items:center;
  border-radius:clamp(26px,3vw,40px);padding:clamp(22px,3.2vw,40px)!important;
  background:radial-gradient(70% 80% at 100% 0,#FFD7BD 0,transparent 60%),radial-gradient(60% 70% at 0 100%,#FFF1B8 0,transparent 70%),linear-gradient(160deg,#fff,#FFF1E6);
  box-shadow:inset 0 -8px 0 rgba(255,138,60,.22),0 30px 60px -36px rgba(200,90,30,.6)}
@media (max-width:1140px){.jcrm>.wrap{margin-inline:16px}}
html .jcrm>.wrap.door{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
html .jcrm>.wrap>*{grid-column:auto!important;min-width:0}
.jcrm h2{color:#2A1720!important;font-size:clamp(26px,1rem + 1.3vw,36px)!important;max-width:18ch}
.jcrm .lead{color:#5d4f55!important;margin-top:12px!important;font-size:clamp(16px,.95rem + .2vw,18px)!important}
.jcrm ul.plain{margin-top:14px!important;display:grid;gap:6px}
.jcrm ul.plain li{position:relative;margin:0;padding:7px 12px 7px 36px;border-radius:12px;background:rgba(255,255,255,.75);font-size:15px;line-height:1.35;color:#2A1720}
.jcrm ul.plain li::before{content:"🍑"!important;position:absolute;left:10px;top:7px;width:auto!important;height:auto!important;background:none!important;border:0!important;font-size:15px;transform:none!important}
.jcrm .actions{margin-top:16px!important}
.jcrm .small{color:#7a6a70!important}
.jcrm .ui-cap{color:#7a6a70!important;margin-top:8px}
.jcrm .inbox{box-shadow:0 22px 40px -24px rgba(200,90,30,.55)!important}
@media (max-width:900px){html .jcrm>.wrap.door{grid-template-columns:1fr!important}}
/* живой пример: диалоги приходят по очереди, черновик печатается */
.jcrm .ib-it,.jcrm .ib-msg,.jcrm .ib-card,.jcrm .ib-kpi span{transition:opacity .4s,transform .5s cubic-bezier(.34,1.5,.64,1)}
.jcrm.jw .ib-it,.jcrm.jw .ib-msg,.jcrm.jw .ib-card,.jcrm.jw .ib-kpi span{opacity:0;transform:translateY(14px) scale(.96)}
.jcrm .ib-it em{animation:jPing 1.6s ease-in-out infinite}
@keyframes jPing{50%{transform:scale(1.25)}}
.jcrm .ib-msg.ai .jcur{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:#8E3BD0;animation:jBlink 1s steps(1) infinite}
@media (prefers-reduced-motion:reduce){.jcrm.jw .ib-it,.jcrm.jw .ib-msg,.jcrm.jw .ib-card,.jcrm.jw .ib-kpi span{opacity:1;transform:none}.jcrm .ib-it em{animation:none}}

/* главная короче (03.11.2026): сцена «Добавьте свой модуль» с кубиком — 120 % экрана вместо 190 % */
html .cube-stage{height:auto!important;padding:0!important}
html .cube-pin{position:relative!important;height:min(100vh,720px)!important;top:auto!important}
html .cube-down{display:none!important}
/* меньше воздуха между блоками: отступ сверху и снизу блока 40–72 px вместо 88–180 (управляющий, 03.11.2026: «много воздуха лишнего, упаковать компактно») */
:root{--sec:clamp(40px,5vw,72px)}

/* главная «Работает с тем, что у вас уже есть» (03.11.2026): компактная карточка, интеграции — плитки по 3 в ряд, у каждой свой цвет кромки, статус — плашкой */
.jint>.wrap{max-width:1060px;margin-inline:auto;border-radius:clamp(26px,3vw,40px);padding:clamp(22px,3.2vw,40px)!important;
  background:radial-gradient(70% 80% at 100% 0,#DCD7FF 0,transparent 60%),radial-gradient(60% 70% at 0 100%,#E4F8D4 0,transparent 70%),linear-gradient(160deg,#fff,#F6F4FF);
  box-shadow:inset 0 -8px 0 rgba(91,91,255,.16),0 30px 60px -36px rgba(75,63,191,.55)}
@media (max-width:1140px){.jint>.wrap{margin-inline:16px}}
.jint .steps-head{display:block!important;max-width:46rem;margin-bottom:18px!important}.jint .steps-head .lead{margin-top:10px!important}
.jint .int-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.jint .int-card{--k:#5B5BFF;padding:14px 16px 14px!important;border-radius:18px!important;background:#fff!important;border:0!important;
  box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--k) 35%,transparent),0 10px 20px -16px rgba(42,23,32,.5)!important;transition:transform .3s cubic-bezier(.34,1.6,.64,1)}
.jint .int-card:hover{transform:translateY(-4px) rotate(-.6deg)}
.jint .int-card:nth-child(6n+1){--k:#FF4D6D}.jint .int-card:nth-child(6n+2){--k:#FFC21A}.jint .int-card:nth-child(6n+3){--k:#6CC24A}.jint .int-card:nth-child(6n+4){--k:#5B5BFF}.jint .int-card:nth-child(6n+5){--k:#FF8A1F}.jint .int-card:nth-child(6n+6){--k:#8E3BD0}
.jint .int-card h3{font-size:16.5px!important;margin:6px 0 4px!important;letter-spacing:-.02em}
.jint .int-card p{font-size:14px!important;line-height:1.38;margin:0!important;color:#5d4f55}
.jint .int-st{font-size:11px!important;font-weight:750;border-radius:99px;padding:3px 9px}
@media (max-width:900px){.jint .int-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:560px){.jint .int-grid{grid-template-columns:1fr!important}}
/* 25 болей: чтобы список и телефон помещались на экран — без кубика «Мешает?» и подписи над заголовком на компьютере */
@media (min-width:901px){html .builder .mods-cap{display:none!important}html .builder .mods>.kb{--h:56px;margin:18px 0 8px!important}html .builder .mods-h{margin-top:0!important}}
/* блок 2: без пустого места сверху */
html .hero-top.jsec{padding-top:clamp(16px,2.2vw,28px)!important}html .hero-top .jcard .hero-demo{margin-top:0!important;padding-top:0!important}html .hero-top .builder{padding-top:0!important;margin-top:0!important}

/* «Любая ваша функция — разработаем бесплатно» в нашем стиле (03.11.2026): компактная карточка киви-лимон вместо малиново-фиолетовой */
html .fr-sec>.wrap{max-width:1060px;margin-inline:auto}
@media (max-width:1140px){html .fr-sec>.wrap{padding-inline:16px}}
html .fr{color:#2A1720!important;border-radius:clamp(26px,3vw,40px)!important;padding:clamp(22px,3.2vw,40px)!important;gap:clamp(18px,3vw,36px)!important;
  background:radial-gradient(70% 80% at 100% 0,#D7F5BE 0,transparent 60%),radial-gradient(60% 70% at 0 100%,#FFF1A8 0,transparent 70%),linear-gradient(160deg,#fff,#F3FBEA)!important;
  box-shadow:inset 0 -8px 0 rgba(108,194,74,.25),0 30px 60px -36px rgba(60,120,30,.55)!important}
html .fr::before{display:none}
html .fr-l small{color:#4F9A35;opacity:1}
html .fr-l h2{color:#2A1720!important;font-size:clamp(26px,1rem + 1.4vw,38px)!important}
html .fr-l>p,html .fr-note{color:#5d4f55;opacity:1}
html .fr-note a{color:#2A1720}
html .fr-btn{background:linear-gradient(160deg,#9BDB6A,#4FA83A)!important;color:#fff!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.16),0 12px 22px -12px rgba(60,140,40,.8)!important}
html .fr-req{background:#fff;color:#2A1720;box-shadow:inset 0 -4px 0 rgba(255,194,26,.4),0 12px 22px -16px rgba(42,23,32,.4);-webkit-backdrop-filter:none;backdrop-filter:none}
html .fr-req small{color:#B88A00;opacity:1}
html .fr-cur{background:#2A1720}
html .fr-arrow{color:#4FA83A}
html .fr-res{box-shadow:inset 0 -4px 0 rgba(108,194,74,.4),0 16px 30px -18px rgba(42,23,32,.45)}
html .fr-ok{background:#4FA83A}

/* «Предложите улучшение — получите месяц бесплатно» (03.11.2026): шаги — фруктовые карточки, текущий шаг заливается сочно; читается в обеих темах */
html .cm{border-top:0!important;margin-top:clamp(20px,3vw,40px)!important;padding-top:0!important}
html .cm-head small{color:#8E3BD0}
html .cm-head h3{font-size:clamp(26px,1rem + 1.4vw,38px)!important}
html .cm-s{--k:#FFC21A;background:color-mix(in srgb,var(--k) 14%,#fff)!important;color:#2A1720!important;border-radius:22px!important;
  box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--k) 45%,transparent),0 16px 30px -22px rgba(42,23,32,.5)!important;transition:transform .45s cubic-bezier(.34,1.6,.64,1),background .4s,color .4s}
html .cm-s:nth-of-type(2){--k:#6CC24A}html .cm-s:nth-of-type(3){--k:#5B5BFF}html .cm-s:nth-of-type(4){--k:#E8174A}
html .cm-s h4{color:inherit!important}html .cm-s p{color:#5d4f55!important}html .cm-s .cm-n{color:color-mix(in srgb,var(--k) 70%,#2A1720)}
html .cm-s .cm-ic{background:#fff!important;color:var(--k)!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
html .cm-s.on{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%),var(--k)!important;color:#fff!important;transform:translateY(-8px) rotate(-1deg)}
html .cm-s.on p,html .cm-s.on .cm-n{color:rgba(255,255,255,.92)!important}
html .cm-s:nth-of-type(1).on{color:#2A1720!important}html .cm-s:nth-of-type(1).on p{color:#5d4f55!important}
html .cm-s.on .cm-ic{background:#fff!important;color:var(--k)!important}

/* «Работает везде» (03.11.2026): ноутбук, iPhone и Android — задача-кубик летает между ними, экран, куда прилетела, вспыхивает */
.jdev>.wrap{max-width:1060px;margin-inline:auto;border-radius:clamp(26px,3vw,40px);padding:clamp(22px,3.2vw,40px)!important;
  background:radial-gradient(70% 80% at 100% 0,#E8E4FF 0,transparent 60%),radial-gradient(60% 70% at 0 100%,#FFE7D6 0,transparent 70%),linear-gradient(160deg,#fff,#F7F5FF);
  box-shadow:inset 0 -8px 0 rgba(123,108,255,.18),0 30px 60px -36px rgba(75,63,191,.5)}
@media (max-width:1140px){.jdev>.wrap{margin-inline:16px}}
.jdev .steps-head{display:block!important;text-align:center;margin:0 auto 6px!important;max-width:44rem}
.jdev h2{font-size:clamp(26px,1rem + 1.4vw,38px)!important;margin-inline:auto}.jdev .lead{margin:10px auto 0!important}
.jdev-st{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,40px);margin:clamp(20px,3vw,34px) 0 8px;min-height:250px}
.jd{position:relative;background:#1A1220;padding:8px;box-shadow:0 26px 40px -24px rgba(26,18,32,.7);animation:jdLit 6s infinite}
.jd-lap{width:min(46%,420px);aspect-ratio:16/10;border-radius:14px 14px 6px 6px;padding:6px 6px 8px}
.jd-lap::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-12px;height:12px;border-radius:0 0 14px 14px;background:linear-gradient(#cfc7d6,#a99fb2)}
.jd-bar{display:flex;align-items:center;gap:4px;height:18px;padding:0 6px;color:#bba;font:600 9px/1 sans-serif}.jd-bar i{width:6px;height:6px;border-radius:50%;background:#FF5F57}.jd-bar i:nth-child(2){background:#FEBC2E}.jd-bar i:nth-child(3){background:#28C840}.jd-bar span{margin-left:8px;opacity:.7}
.jd-ios,.jd-and{width:clamp(96px,13vw,132px);aspect-ratio:9/19;border-radius:24px}
.jd-and{border-radius:16px}
.jd-notch{position:absolute;left:50%;top:10px;translate:-50% 0;width:34%;height:9px;border-radius:9px;background:#000;z-index:2}
.jd-dot{position:absolute;left:50%;top:11px;translate:-50% 0;width:7px;height:7px;border-radius:50%;background:#000;z-index:2}
.jd-scr{height:100%;border-radius:inherit;overflow:hidden;background:linear-gradient(160deg,#FFFBF4,#FFF1E6);padding:22px 7px 7px}
.jd-lap .jd-scr{height:calc(100% - 18px);border-radius:6px;padding:10px}
.jd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:5px}.jd-lap .jd-tiles{grid-template-columns:repeat(3,1fr);gap:8px}
.jd-tiles span{border-radius:9px;padding:6px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),var(--c);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.jd-tiles i{display:block;font-style:normal;font-size:14px;line-height:1}.jd-lap .jd-tiles i{font-size:20px}
.jd-tiles em{display:block;font-style:normal;font-size:8px;font-weight:700;margin-top:3px}.jd-lap .jd-tiles em{font-size:11px}
.jd-ping{position:absolute;right:-8px;top:-8px;z-index:3;min-width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:#E8174A;color:#fff;font:800 11px/1 sans-serif;opacity:0;transform:scale(.4);animation:jdPing 6s infinite}
.jd-ios,.jd-ios .jd-ping{animation-delay:2s}.jd-and,.jd-and .jd-ping{animation-delay:4s}
@keyframes jdLit{0%,6%{box-shadow:0 26px 40px -24px rgba(26,18,32,.7)}12%,24%{box-shadow:0 0 0 4px #FFD83D,0 0 40px 6px rgba(255,216,61,.55),0 26px 40px -24px rgba(26,18,32,.7)}34%,100%{box-shadow:0 26px 40px -24px rgba(26,18,32,.7)}}
@keyframes jdPing{0%,8%{opacity:0;transform:scale(.4)}14%,30%{opacity:1;transform:scale(1)}38%,100%{opacity:0;transform:scale(.6)}}
.jd-fly{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;z-index:4;font-size:30px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.3));animation:jdFly 6s cubic-bezier(.45,0,.25,1) infinite}
@keyframes jdFly{0%{translate:30% 20%}13%{translate:30% 30%;transform:scale(.6)}20%{translate:30% 10%;transform:scale(1)}33%{translate:69% 12%}38%{translate:69% 30%;transform:scale(.6)}46%{translate:69% 10%;transform:scale(1)}66%{translate:84% 14%}71%{translate:84% 32%;transform:scale(.6)}80%{translate:84% 10%;transform:scale(1)}100%{translate:30% 20%}} /* сдвигом, а не left/top (03.11.2026) */
.jdev-l{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0}
.jdev-l li{background:#fff;border-radius:16px;padding:12px 14px;box-shadow:inset 0 -3px 0 rgba(123,108,255,.18),0 10px 18px -14px rgba(42,23,32,.5)}
.jdev-l b{display:block;font-size:16px;letter-spacing:-.01em}.jdev-l span{display:block;font-size:14px;line-height:1.35;color:#5d4f55;margin-top:3px}
@media (max-width:760px){.jdev-st{min-height:200px}.jd-lap{width:52%}.jdev-l{grid-template-columns:1fr}.jd-fly{display:none}}
@media (prefers-reduced-motion:reduce){.jd,.jd-ping,.jd-fly{animation:none}}

/* «Все модули — на одном экране» (03.11.2026): без экрана воздуха — ни ножа, ни кубика «Модули»; заголовок коротко и сразу список */
html #moduli{padding-top:clamp(28px,3.6vw,48px)!important}
html #moduli .mods-knife{display:none!important}
html #moduli .mods-head{display:block!important;min-height:0!important;margin-bottom:14px!important;padding:0!important}
html #moduli .mods-head h2{font-size:clamp(26px,1rem + 1.4vw,38px)!important;max-width:none!important}
html #moduli .mods-head .lead{margin-top:8px!important}

/* «До → После» (03.11.2026): «до» — серые мятые записки, «после» — лимонад и карточки модулей с фруктом; компактно, ручка — кубик */
html .ba-sec>.wrap{max-width:1060px;margin-inline:auto}
@media (max-width:1140px){html .ba-sec>.wrap{padding-inline:16px}}
html .ba-sec h2{font-size:clamp(26px,1rem + 1.4vw,38px)!important}
html .ba{border-radius:clamp(24px,3vw,36px)!important;box-shadow:0 30px 60px -36px rgba(42,23,32,.55)}
html .ba-l{padding:clamp(44px,4.4vw,56px) clamp(14px,2.4vw,28px) clamp(16px,2.4vw,28px)!important}
html .ba-l ul{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
html .ba-l li{padding:12px 14px!important;font-size:13.5px!important}
html .ba-l li b{font-size:15.5px!important}
html .ba-after{background:radial-gradient(70% 80% at 100% 0,#FFE1EA 0,transparent 60%),radial-gradient(60% 70% at 0 100%,#E4F8D4 0,transparent 70%),linear-gradient(160deg,#FFFDF6,#FFF4E8)!important;color:#2A1720!important}
html .ba-after .ba-tag{background:#2A1720!important;color:#fff!important}
html .ba-after li{position:relative;background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%),linear-gradient(160deg,color-mix(in srgb,var(--c,#E8174A) 72%,#fff),var(--c,#E8174A))!important;
  color:#fff!important;border:0!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.16),0 12px 20px -14px color-mix(in srgb,var(--c,#E8174A) 85%,#000)!important;padding-right:52px!important}
html .ba-after li span{color:rgba(255,255,255,.92)!important}
html .ba-after .ba-ck.jf{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.9)!important;color:inherit;font-size:20px;font-style:normal;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
html .ba-line i{width:52px!important;height:52px!important;border-radius:15px!important;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.6),rgba(255,255,255,0) 40%),#E8174A!important;color:#fff!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 10px 20px -8px rgba(232,23,74,.7)!important}
html .ba-line::before,html .ba-line{background-color:transparent}
@media (max-width:900px){html .ba-l ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html .ba.ba-wide{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}

/* главная: единый вид блоков (03.11.2026) — карточка 1060 px с цветной кромкой, номер-кубик слева сверху, «Подробнее →» справа снизу */
html .jsec{padding-block:clamp(16px,2.2vw,28px)!important;background:none!important}
html .jsec>.wrap{max-width:1060px!important;margin-inline:auto!important;padding-inline:0!important}
@media (max-width:1140px){html .jsec>.wrap{margin-inline:16px!important}}
html .jcard{position:relative;border-radius:clamp(26px,3vw,40px)!important;padding:clamp(20px,3vw,38px)!important;
  background:radial-gradient(70% 80% at 100% 0,color-mix(in srgb,var(--c) 22%,#fff) 0,transparent 60%),linear-gradient(160deg,#fff,color-mix(in srgb,var(--c) 8%,#fff))!important;
  box-shadow:inset 0 -7px 0 color-mix(in srgb,var(--c) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--c) 14%,transparent),0 28px 56px -38px color-mix(in srgb,var(--c) 60%,#000)!important;color:#2A1720}
html .jbn .jcard{background:radial-gradient(70% 80% at 100% 0,color-mix(in srgb,var(--c) 26%,#fff) 0,transparent 60%),linear-gradient(160deg,#fff,color-mix(in srgb,var(--c) 10%,#fff))!important}
html .fr.jcard{display:grid!important}
html .hero-top .wrap.jcard{display:block!important}
html .jsec .jcard>*{grid-column:1/-1}
.jnum{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.fr .jnum{grid-column:1/-1}
.jnum-c{position:relative;display:grid;place-items:center;width:40px;height:36px;border-radius:11px;color:#fff;font:850 19px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),var(--c);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 8px 14px -8px color-mix(in srgb,var(--c) 80%,#000)}
.jnum-c::before,.jnum-c::after{content:"";position:absolute;top:-5px;width:11px;height:6px;border-radius:4px 4px 1px 1px;background:var(--c);box-shadow:inset 0 -2px 0 rgba(0,0,0,.14)}
.jnum-c::before{left:6px}.jnum-c::after{right:6px}
.jnum-c i{position:absolute;right:-10px;top:-12px;font-style:normal;font-size:18px;rotate:14deg;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.jnum b{font:750 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 75%,#2A1720)}
.jmore-r{display:flex;justify-content:flex-end;margin-top:16px}
.fr .jmore-r{grid-column:1/-1}
.jmore{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;text-decoration:none;font:700 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),rgba(255,255,255,0) 50%),color-mix(in srgb,var(--c) 85%,#2A1720);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);transition:transform .3s cubic-bezier(.34,1.6,.64,1)}
.jmore:hover{transform:translateY(-2px)}.jmore i{font-style:normal;transition:transform .3s}.jmore:hover i{transform:translateX(4px)}
/* «Под вашу компанию»: кнопка «Предложить функцию» — справа внизу */
html .fr-sec .fr-l{display:contents}
html .fr-sec .fr.jcard{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;grid-template-areas:"num num" "h r" "p r" "note r" "act act"}
html .fr-sec .fr .jnum{grid-area:num}html .fr-sec .fr-l small{display:none}html .fr-sec .fr-l h2{grid-area:h;margin:0!important}html .fr-sec .fr-l>p:not(.fr-note){grid-area:p}
html .fr-sec .fr-note{grid-area:note}html .fr-sec .fr-r{grid-area:r;align-self:center}html .fr-sec .fr-act{grid-area:act;justify-self:end;margin-top:6px!important}
@media (max-width:900px){html .fr-sec .fr.jcard{grid-template-columns:1fr!important;grid-template-areas:"num" "h" "p" "r" "note" "act"}}
/* секции с прежними собственными фонами внутри карточки — прозрачные */
html .jsec .jbn-card,html .jsec .kl-desk{max-width:none}
html .jcrm,html .jsec.on-surface,html .jsec.on-paper,html .jsec.mission{background:none!important}
/* интеграции: значок-кирпичик приложения слева сверху карточки */
.jint .int-card{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;align-items:start}
.jint .int-card>*:not(.int-app){grid-column:2}
.int-app{grid-row:1/span 4;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;font:850 20px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-style:normal;color:#fff;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),linear-gradient(150deg,var(--g1),var(--g2));box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 10px 18px -10px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.34,1.6,.64,1)}
.int-app.dk{color:#2A1720}
.jint .int-card:hover .int-app{transform:rotate(-8deg) scale(1.08)}
/* 9 Интеграции (03.11.2026): только значки, как иконки на экране телефона — без описаний */
.jint .steps-head{margin-bottom:16px!important}
.ia-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:16px 10px}
.ia-grid li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ia{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;font:850 22px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-style:normal;color:#fff;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),linear-gradient(150deg,var(--g1),var(--g2));box-shadow:inset 0 -4px 0 rgba(0,0,0,.16),0 10px 18px -10px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.34,1.6,.64,1)}
.ia-grid li:hover .ia{transform:translateY(-4px) rotate(-6deg)}
.ia small{position:absolute;left:50%;bottom:-7px;translate:-50% 0;font:800 8.5px/1 sans-serif;letter-spacing:.04em;text-transform:uppercase;background:#FFD83D;color:#2A1720;border-radius:99px;padding:3px 6px;white-space:nowrap}
.ia-grid span{font-size:12.5px;font-weight:600;line-height:1.2;color:inherit}
@media (max-width:900px){.ia-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:560px){.ia-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ia{width:56px;height:56px;border-radius:16px;font-size:19px}}
/* 10 Цена (03.11.2026): компактно — две половинки рядом, суммы средние, без огромного кубика */
.jprice .steps-head{margin-bottom:16px!important}
.jp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jp{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:22px;background:#fff;box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--k) 35%,transparent),0 12px 22px -16px rgba(42,23,32,.45)}
.jp-a{--k:#6CC24A}.jp-b{--k:#E8174A}
.jp-sum{font:850 clamp(34px,1rem + 2vw,48px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;letter-spacing:-.04em;color:var(--k)}
.jp-sum small{font-size:15px;font-weight:600;letter-spacing:0;margin-left:6px;color:#7a6a70}
.jp b{font-size:18px;letter-spacing:-.02em}
.jp p{margin:0;font-size:14.5px;line-height:1.45;color:#5d4f55}
.jp .btn{align-self:flex-start;margin-top:8px}
.jp-link{align-self:flex-start;margin-top:8px;font-weight:700;color:#E8174A;text-decoration:none}.jp-link:hover{text-decoration:underline}
@media (max-width:760px){.jp-row{grid-template-columns:1fr}}
html .jsec .steps-head{display:block!important;max-width:46rem}html .jsec .steps-head .lead{margin-top:8px!important}html .fz.jsec .steps-head{max-width:820px}
html .jsec .jbn-fe{display:none!important}

/* номер блока — круглая наклейка на большом кубике-слове */
.kb-n{position:absolute;left:-14px;top:-16px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:850 18px/1 -apple-system,BlinkMacSystemFont,sans-serif;font-style:normal;
  background:#fff;color:#2A1720;box-shadow:0 0 0 3px var(--c,#E8174A),0 8px 14px -6px rgba(0,0,0,.45);rotate:-10deg}
html .jsec .kb{--h:clamp(56px,6vw,84px)}
html .jprice .jp-sum{font-size:clamp(44px,1rem + 3.4vw,72px)!important}
html .jprice .jp{padding:22px 24px}

/* подвал в нашем стиле (03.11.2026): ночная слива с фруктовыми бликами, логотип-значок, все модули кубиками, ссылки карточками; компактно */
html .foot{position:relative;overflow:hidden;padding:clamp(28px,3.4vw,44px) 16px 22px!important;color:#F4EAF0;
  background:radial-gradient(50% 60% at 90% 0,rgba(232,23,74,.32),transparent 60%),radial-gradient(40% 50% at 0 100%,rgba(108,194,74,.22),transparent 65%),radial-gradient(40% 60% at 50% 110%,rgba(255,194,26,.16),transparent 60%),#150F17!important}
html .foot-mark{display:none!important}
.foot-in,html .foot-end{max-width:1060px;margin-inline:auto}
.foot-brand{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
.foot-brand .mark{font-size:28px}.foot-brand .mark span,.foot-brand .mark span+span{color:#F4EAF0!important;-webkit-text-fill-color:#F4EAF0!important}
.foot-tag{font-size:15px;color:#C9B3BE}
.foot-fruits{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.foot-fruits a{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;text-decoration:none;font-size:22px;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),linear-gradient(150deg,color-mix(in srgb,var(--c) 65%,#fff),var(--c));box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 8px 14px -8px rgba(0,0,0,.7);transition:transform .35s cubic-bezier(.34,1.7,.64,1)}
.foot-fruits a:hover,.foot-fruits a:focus-visible{transform:translateY(-6px) rotate(-10deg) scale(1.1)}
.foot-fruits span{filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
html .foot-cols.foot-off{margin-top:18px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html .foot-cols>div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);gap:8px}
html .foot-partners{margin-top:12px!important}
html .foot-end{margin-top:20px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){html .foot-cols.foot-off{grid-template-columns:1fr!important}.foot-fruits a{width:38px;height:38px;font-size:19px}}
html .foot-partners{max-width:none!important}
/* 8 Подключение (03.11.2026): пять шагов — фруктовые карточки в ряд, помощь — две светлые карточки и кнопка; компактно, читается в тёмной */
.jh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:none}
.jh-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:20px;background:color-mix(in srgb,var(--k) 14%,#fff);box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--k) 40%,transparent)}
.jh-steps i{position:relative;display:grid;place-items:center;width:40px;height:36px;border-radius:11px;font:850 18px/1 -apple-system,BlinkMacSystemFont,sans-serif;font-style:normal;color:#fff;
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),var(--k);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.jh-steps i em{position:absolute;right:-12px;top:-12px;font-style:normal;font-size:18px;rotate:14deg}
.jh-steps b{font-size:16px;letter-spacing:-.02em;margin-top:4px}.jh-steps span{font-size:13.5px;line-height:1.35;color:#5d4f55}
.jh-help{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin-top:12px}
.jh-h{padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 10px 20px -16px rgba(42,23,32,.45)}
.jh-h small{display:block;font:800 11px/1 sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#E8174A;margin-bottom:6px}
.jh-h b{display:block;font-size:16px}.jh-h span{display:block;font-size:13.5px;color:#5d4f55;margin-top:2px}
@media (max-width:900px){.jh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.jh-help{grid-template-columns:1fr}.jh-help .btn{justify-self:start}}
html .jsec .cm-head small{display:none}
/* компактнее (03.11.2026): кубик-слово ниже; «Все модули» — плитки по 4 в ряд, значок сверху; «Вопросы» — две колонки */
html .jsec .kb{--h:clamp(48px,4.4vw,64px)}
@media (min-width:901px){
  html #moduli .mx{margin-top:16px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  html #moduli .mx-list{gap:10px}html #moduli .mx-g small{margin-bottom:6px;font-size:12px}
  html #moduli .mx-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  html #moduli .mx-c{flex-direction:column;justify-content:flex-start;gap:5px;min-height:0;padding:9px 4px 8px;border-radius:13px;font-size:13px;line-height:1.2;text-align:center}
  html #moduli .mx-c span{display:flex;flex-direction:column;align-items:center;gap:3px}html #moduli .mx-c .badge{margin:0}
  html #moduli .mx-c i{width:34px;height:34px;border-radius:10px}
  html #moduli .mx-panel{top:84px;max-height:calc(100vh - 100px);overflow:auto}
}
html .jsec .faq{display:block!important}
html .jsec .faq h2{position:static!important;margin-bottom:12px}
html .jsec .faq-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
html .jsec .faq-list .qa{padding:14px 16px 14px 62px!important;border-radius:18px}
html .jsec .faq-list .qa::before{width:34px!important;height:34px!important;left:14px!important;top:14px!important;font-size:17px!important}
html .jsec .faq-list .qa h3{font-size:16.5px!important;line-height:1.25}
html .jsec .faq-list .qa>div{margin-top:5px}html .jsec .faq-list .qa p{font-size:14.5px;line-height:1.45}
@media (max-width:760px){html .jsec .faq-list{grid-template-columns:1fr}}
/* «Тарифы» компактнее: таблица лимитов плотнее, первый экран без лишнего воздуха (03.11.2026) */
html .tr-tbl :is(td,th){padding:7px 14px!important;font-size:14.5px!important;line-height:1.35}
html .tr-tbl .tr-g th{padding-top:12px!important}
html .tr-hero{padding-bottom:clamp(16px,2vw,28px)!important}
@media (min-width:901px){html #moduli .mx-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}html #moduli :is(.mx-g,.mx-row){display:contents!important}html #moduli .mx-g small{display:none!important}html #moduli .mx-c{font-size:12.5px}}
/* карточки блоков: поля внутри, текст не прилипает к краю (03.11.2026) */
html .jsec>.wrap.jcard{padding-inline:clamp(18px,3vw,38px)!important}
html .jsec.mission .cols{display:block!important}html .jsec.mission .mission-t{font-size:clamp(20px,1rem + .8vw,26px)!important;max-width:40ch;margin:6px 0 10px}
html .jsec.mission .lead{font-size:16px;max-width:70ch}
/* «Один день»: выбор компании и значки-эмодзи (03.11.2026) */
.dy-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.dy-tabs button{border:0;cursor:pointer;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--c,#F2A516) 14%,#fff);color:#2A1720;font:700 13.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;transition:background .25s,transform .25s}
.dy-tabs button[aria-pressed=true]{background:#F2A516;color:#2A1720;transform:translateY(-1px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
html[data-theme=dark] .dy-tabs button{background:#2A2030;color:#F4EAF0}html[data-theme=dark] .dy-tabs button[aria-pressed=true]{background:#F2A516;color:#2A1720}
.hs-day li i.dy-e{background:color-mix(in srgb,var(--c) 22%,#fff)!important;font-style:normal;font-size:20px}
.hs-day ol{perspective:900px}.hs-day li{backface-visibility:hidden;min-height:170px}
@media (max-width:760px){.hs-day li{min-height:0}}
/* «Тарифы»: карточки-кубики в стиле сайта и сетка «Без ограничений» по размеру компании (03.11.2026) */
.tp{--tf:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1060px!important;margin-top:18px!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif}
.tp-c{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 20px;border-radius:26px;color:#2A1720;
  background:radial-gradient(90% 70% at 100% 0,color-mix(in srgb,var(--c) 30%,#fff) 0,transparent 70%),#fff;box-shadow:inset 0 -7px 0 color-mix(in srgb,var(--c) 45%,transparent),0 20px 36px -24px rgba(42,23,32,.5)}
.tp-c.on{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 40%),var(--c);color:var(--d);transform:translateY(-6px)}
.tp-n{position:absolute;left:-10px;top:-12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--c),0 6px 12px -4px rgba(0,0,0,.35);font:850 17px/1 var(--tf);color:#2A1720}
.tp-f{position:absolute;right:14px;top:12px;font-size:34px;rotate:12deg;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}
.tp-chip{align-self:flex-start;margin-bottom:4px;padding:6px 10px;border-radius:99px;background:#fff;color:#123329;font:750 12.5px/1 var(--tf)}
.tp-c small{font:800 12px/1 var(--tf);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.tp-c h2{margin:0;font:850 clamp(24px,1rem + 1vw,30px)/1.05 var(--tf);letter-spacing:-.03em}
.tp-p{font:850 clamp(34px,1rem + 2vw,46px)/1 var(--tf);letter-spacing:-.04em;margin:4px 0 2px}.tp-p i{display:block;margin-top:4px;font:600 14px/1 var(--tf);font-style:normal;opacity:.7;letter-spacing:0}
.tp-bar{height:8px;border-radius:9px;background:rgba(42,23,32,.1);overflow:hidden}.tp-bar b{display:block;width:60%;height:100%;border-radius:9px;background:var(--c)}
.tp-s{margin:0;font:600 13px/1.3 var(--tf);opacity:.7}
.tp-c ul{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:7px;font:600 14.5px/1.35 var(--tf)}
.tp-c li{position:relative;padding-left:24px}.tp-c li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:color-mix(in srgb,var(--c) 70%,#2A1720)}
.tp-c.on li::before{color:#fff}
.tp-b{margin-top:auto;align-self:flex-start;padding:13px 20px;border-radius:999px;text-decoration:none;font:750 15px/1 var(--tf);color:#2A1720;background:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.1),0 8px 16px -10px rgba(0,0,0,.5);transition:transform .2s}
.tp-c:not(.on) .tp-b{background:var(--c);color:var(--d)}.tp-b:hover{transform:translateY(-2px)}
.tp-grid{grid-column:1/-1;padding:18px 20px;border-radius:24px;background:#fff;box-shadow:0 16px 30px -24px rgba(42,23,32,.5);color:#2A1720}
.tp-gh b{display:block;font:800 17px/1.2 var(--tf)}.tp-gh span{display:block;margin-top:4px;font:600 14px/1.4 var(--tf);opacity:.75}
.tp-grid ol{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tp-grid li{position:relative;padding:12px 12px 10px;border-radius:16px;background:color-mix(in srgb,var(--c) 14%,#fff);box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--c) 40%,transparent)}
.tp-grid li em{display:block;font:700 13px/1.2 var(--tf);font-style:normal;opacity:.75}.tp-grid li b{display:block;margin:5px 0 4px;font:850 22px/1 var(--tf);letter-spacing:-.02em}.tp-grid li small{font:700 12px/1.2 var(--tf);opacity:.65}
.tp-grid li.now{background:var(--c);box-shadow:inset 0 -4px 0 rgba(0,0,0,.15)}.tp-grid li.now small{opacity:1}
.tp-grid li:not(.now){opacity:.85}
html[data-theme=dark] .tp-c:not(.on),html[data-theme=dark] .tp-grid{background:radial-gradient(90% 70% at 100% 0,color-mix(in srgb,var(--c) 22%,transparent) 0,transparent 70%),#241B28;color:#F4EAF0}
html[data-theme=dark] .tp-grid li:not(.now){background:color-mix(in srgb,var(--c) 16%,#241B28);color:#F4EAF0}
html[data-theme=dark] .tp-bar{background:rgba(255,255,255,.12)}
@media (max-width:900px){.tp{grid-template-columns:1fr;margin-inline:16px!important}.tp-c.on{transform:none}.tp-grid ol{grid-template-columns:1fr 1fr}}
.tp-grid li i{white-space:nowrap;position:absolute;right:8px;top:-9px;box-shadow:0 3px 8px -4px rgba(0,0,0,.4);font:800 10px/1 var(--tf);font-style:normal;letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.85);color:#2A1720}
.tp-grid li small{display:block;line-height:1.4}
/* «Как мы подключаем»: 6 шагов, «Запросить перенос» (03.11.2026) */
@media (min-width:901px){html .jh-steps{grid-template-columns:repeat(6,minmax(0,1fr))}}
.jh-a{display:inline-block;margin-top:6px;font-weight:750;color:#C2651A;text-decoration:none}.jh-a:hover{text-decoration:underline}
html[data-theme=dark] .jh-a{color:#FFB070}
@media (min-width:901px){.ts .tf-c:last-child:nth-child(3n+1){grid-column:1/-1}}
/* подвал: кубики появляются по одному, как полоса загрузки (03.11.2026); translate/scale — чтобы не мешать прыжку при наведении */
@keyframes flPop{from{opacity:0;translate:0 -14px;scale:.3}to{opacity:1;translate:0 0;scale:1}}
.foot-fruits.fl-wait a{opacity:0}
.foot-fruits.fl-go a{animation:flPop .45s cubic-bezier(.34,1.8,.64,1) both}
/* «Зачем»: боли, которые снимаем, — зачёркиваются по одной (03.11.2026) */
.mi-pain{list-style:none;margin:16px 0 4px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mi-pain li{position:relative;display:flex;align-items:center;gap:10px;padding:12px 34px 12px 12px;border-radius:16px;background:#FFF1E4;color:#2A1720;font:700 14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;transition:background .4s,opacity .4s}
.mi-pain li i{font-style:normal;font-size:22px;flex:none;transition:transform .4s cubic-bezier(.34,1.7,.64,1)}
.mi-pain li span{background:linear-gradient(currentColor,currentColor) 0 55%/0 2px no-repeat;transition:background-size .5s ease}
.mi-pain li::after{content:"✓";position:absolute;right:10px;top:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#6CC24A;color:#fff;font:900 12px/1 sans-serif;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.8,.64,1)}
.mi-pain li.x{background:#EAF7E1;opacity:.75}.mi-pain li.x span{background-size:100% 2px}.mi-pain li.x i{transform:rotate(-14deg) scale(.85)}.mi-pain li.x::after{transform:scale(1)}
html[data-theme=dark] .mi-pain li{background:#2E2124;color:#F4EAF0}html[data-theme=dark] .mi-pain li.x{background:#1F2B1D}
@media (max-width:900px){.mi-pain{grid-template-columns:1fr 1fr}}@media (max-width:480px){.mi-pain li{font-size:12.5px;padding:10px}}
/* меню «Модули»: три новых вида (03.11.2026, на выбор) — только на компьютере */
.nav-vw,.nav-gl{display:none}
@media (min-width:1101px){
  .nav-ddh{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}
  .nav-vw{display:inline-flex;gap:3px;margin-left:auto;padding:3px;border-radius:999px;background:#F2ECF4}
  .nav-vw button{border:0;cursor:pointer;padding:6px 10px;border-radius:999px;background:none;color:#5E5057;font:700 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
  .nav-vw button[aria-pressed=true]{background:#2A1720;color:#fff}
  html[data-theme=dark] .nav-vw{background:#2A2030}html[data-theme=dark] .nav-vw button{color:#CDBFD4}html[data-theme=dark] .nav-vw button[aria-pressed=true]{background:#F4EAF0;color:#2A1720}
  /* плитки: цветные квадраты, первая в группе — большая с описанием */
  .vw-tile.nav-ddp{column-count:auto!important}
  .vw-tile .nav-gb{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:74px;grid-auto-flow:dense;gap:6px;padding-bottom:10px}
  .vw-tile .nav-gb .nav-ddg{grid-column:1/-1;align-self:end;margin:6px 2px 0!important}
  html .nav-ddp.vw-tile .nav-gb a,html[data-theme=dark] .nav-ddp.vw-tile .nav-gb a{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px!important;padding:8px 9px!important;border-radius:6px!important;
    background:linear-gradient(160deg,color-mix(in srgb,var(--c) 92%,#fff),color-mix(in srgb,var(--c) 80%,#000))!important;color:#fff!important;transition:transform .2s}
  .vw-tile .nav-gb a:hover{transform:scale(.97)}
  .vw-tile .nav-gb a i{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important}.vw-tile .nav-gb a i.fi{font-size:24px!important}
  .vw-tile .nav-gb a b,html[data-theme=dark] .vw-tile .nav-gb a b{font-size:11.5px!important;font-weight:700!important;line-height:1.15;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
  .vw-tile .nav-gb a .badge{font-size:7px!important;padding:2px 4px 1px!important}
  .vw-tile .nav-gb a:nth-of-type(1){grid-column:span 2;grid-row:span 2;padding:12px!important}
  .vw-tile .nav-gb a:nth-of-type(1) i.fi{font-size:40px!important}html .vw-tile .nav-gb a:nth-of-type(1) b,html[data-theme=dark] .vw-tile .nav-gb a:nth-of-type(1) b{font:880 clamp(22px,1.9vw,30px)/.92 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif!important;letter-spacing:-.05em!important}
  .vw-tile .nav-gb a:nth-of-type(1) small,html[data-theme=dark] .vw-tile .nav-gb a:nth-of-type(1) small{display:block!important;color:#fff!important;opacity:.9;font-size:11.5px!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
  .vw-tile .nav-gb a:nth-of-type(4n+3){grid-column:span 2}
}
/* меню «Модули», вид «Список» (03.11.2026): группы — ровные карточки в три колонки, модули строками, «Бета/Скоро» справа */
@media (min-width:1101px){
  .vw-list.nav-ddp{column-count:auto!important}
  .nav-dd.open .vw-list.nav-ddp{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
  .vw-list .nav-ddh,.vw-list .nav-ind,.vw-list a.nav-all{grid-column:1/-1}
  .vw-list .nav-gb{display:block!important;padding:4px 6px 8px!important;border-radius:18px;background:color-mix(in srgb,var(--g) 7%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 14%,transparent)}
  html[data-theme=dark] .vw-list .nav-gb{background:color-mix(in srgb,var(--g) 10%,#1E1621)}
  .vw-list .nav-gb .nav-ddg{margin:8px 8px 6px!important;font-size:13px!important;letter-spacing:.04em;text-transform:uppercase}
  .vw-list .nav-gb .nav-ddg::after{display:none}
  .vw-list .nav-gb a{position:relative;padding:6px 8px!important;border-radius:12px!important;transition:background .2s,transform .2s}
  .vw-list .nav-gb a>span{flex:1;min-width:0}
  .vw-list .nav-gb a b{display:flex!important;align-items:center;gap:6px;font-size:14px!important;font-weight:650!important}
  .vw-list .nav-gb a b .badge{margin-left:auto!important}
  .vw-list .nav-gb a i{width:30px!important;height:30px!important;border-radius:9px!important}
  html .vw-list .nav-gb a:hover,html[data-theme=dark] .vw-list .nav-gb a:hover{background:color-mix(in srgb,var(--c) 18%,transparent)!important;transform:translateX(3px)}
}
/* карточки модулей (03.11.2026): фрукт, «Сейчас → С ДоПосле», полоса защиты */
.mk-hid{display:none!important}
.mk-fr{display:grid;place-items:center;width:100%;height:100%;font-size:1.7em;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}
.sheet .sh-ic:has(.mk-fr),.mx-ic:has(.mk-fr){background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%),var(--mk,#FFC21A)!important}
.mk-ps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px}
.mk-ps>div{padding:12px 14px;border-radius:16px;font-size:15px;line-height:1.4;font-weight:600}
.mk-ps small{display:block;margin-bottom:5px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.mk-p{background:#FCEAEA;color:#5A1F2A}.mk-s{background:color-mix(in srgb,var(--mk) 20%,#fff);color:#2A1720;box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--mk) 45%,transparent)}
html[data-theme=dark] .mk-p{background:#3A2228;color:#FFD6DC}html[data-theme=dark] .mk-s{background:color-mix(in srgb,var(--mk) 22%,#241B28);color:#F4EAF0}
:is(.sheet,.mx-in) ul li::before{content:"✓"!important;background:color-mix(in srgb,var(--mk,#6CC24A) 22%,transparent)!important;color:color-mix(in srgb,var(--mk,#6CC24A) 75%,#2A1720)!important;font-weight:900}
html[data-theme=dark] :is(.sheet,.mx-in) ul li::before{color:color-mix(in srgb,var(--mk,#6CC24A) 70%,#fff)!important}
.mk-sec{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px;text-decoration:none}
.mk-sec span{padding:7px 10px;border-radius:99px;background:#EEF0FF;color:#2A2A6A;font-size:12.5px;font-weight:700}
html[data-theme=dark] .mk-sec span{background:#26264A;color:#D6D6FF}
.mk-sec:hover span{background:#DCE0FF}
.mk-solo{margin-top:12px!important;padding:12px 14px!important;border-radius:14px;background:color-mix(in srgb,var(--mk,#FFC21A) 12%,transparent);border:0!important}
.mk-solo::before{content:"🧩 Отдельно";display:block;margin-bottom:4px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
@media (max-width:520px){.mk-ps{grid-template-columns:1fr}}
/* телефон: новые сообщения, «печатает…», лайк, согласовано (03.11.2026) */
.dm-msg.jx-new{animation:jxIn .4s cubic-bezier(.34,1.5,.64,1)}@keyframes jxIn{from{opacity:0;transform:translateY(10px) scale(.95)}}
.dm-msg.jx-typing i{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:currentColor;opacity:.5;animation:jxDot 1s infinite}
.dm-msg.jx-typing i:nth-of-type(2){animation-delay:.15s}.dm-msg.jx-typing i:nth-of-type(3){animation-delay:.3s}
@keyframes jxDot{50%{transform:translateY(-4px);opacity:1}}
.pv-input{cursor:pointer}.pv-acts span:first-child{cursor:pointer;transition:transform .2s}.pv-acts span.jx-liked{color:#E8174A;transform:scale(1.15)}
.pv-row.st.y{cursor:pointer}.pv-row.jx-ok{animation:jxIn .4s cubic-bezier(.34,1.5,.64,1)}
/* «Просто/Подробно» — не поверх открытого меню (03.11.2026) */
html:has(.nav-dd.open) .sd-mode{visibility:hidden}
/* «Плитки» — все модули вперемешку сплошной стеной, без групп и пустых мест (03.11.2026) */
@media (min-width:1101px){
  .nav-dd.open .vw-tile.nav-ddp{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:78px;grid-auto-flow:dense;gap:6px}
  .vw-tile .nav-ddh,.vw-tile .nav-ind,.vw-tile a.nav-all{grid-column:1/-1}.vw-tile .nav-ddh{order:-1}.vw-tile .nav-ind,.vw-tile a.nav-all{order:999}
  .vw-tile .nav-gb{display:contents!important}.vw-tile .nav-gb .nav-ddg{display:none!important}
  .vw-tile .nav-gb a:nth-of-type(1){grid-column:auto;grid-row:auto}
  html .vw-tile .nav-gb a:nth-of-type(1) b,html[data-theme=dark] .vw-tile .nav-gb a:nth-of-type(1) b{font:700 11.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;letter-spacing:0!important}
  .vw-tile .nav-gb a:nth-of-type(1) i.fi{font-size:24px!important}.vw-tile .nav-gb a:nth-of-type(1) small{display:none!important}
  .vw-tile .nav-gb a.tl-big{grid-column:span 2;grid-row:span 2;padding:12px!important}
  .vw-tile .nav-gb a.tl-big i.fi{font-size:40px!important}
  html .vw-tile .nav-gb a.tl-big b,html[data-theme=dark] .vw-tile .nav-gb a.tl-big b{font:880 clamp(22px,1.9vw,30px)/.92 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif!important;letter-spacing:-.05em!important}
  .vw-tile .nav-gb a.tl-big small,html[data-theme=dark] .vw-tile .nav-gb a.tl-big small{display:block!important;color:#fff!important;opacity:.9;font-size:11.5px!important}
  .vw-tile .nav-gb a.tl-wide{grid-column:span 2}
}
@media (min-width:1101px){.vw-tile .nav-gb a:not(.tl-big) small{display:none!important}}
html .tp-grid li.now,html[data-theme=dark] .tp-grid li.now{color:#123329}
/* по аудиту (03.11.2026): кнопки — черничные, без малиново-красного (STYLE: без красного на кнопках) */
html .btn,html .btn-top,html .fr-btn{background:linear-gradient(135deg,#7B6CFF,#4B3FBF)!important;color:#fff!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 10px 22px -12px rgba(75,63,191,.75)!important}
html .btn:hover,html .btn-top:hover{filter:brightness(1.08)}
/* плашка «Что автоматизировать?» — круглая кнопка, надпись только при наведении */
html .ask-fab .ask-fab-t{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .35s,opacity .25s}
html .ask-fab:hover .ask-fab-t,html .ask-fab:focus-visible .ask-fab-t{max-width:280px;opacity:1}
html .ask-fab{gap:0!important;padding:6px!important}html .ask-fab:hover{gap:10px!important;padding:6px 14px 6px 6px!important}
/* «Тарифы»: кружки 1/2/3 убраны (номера — только у блоков), уровни на телефоне — одной колонкой */
.tp-n{display:none!important}
@media (max-width:480px){.tp-grid ol{grid-template-columns:1fr!important}}
/* карточки модулей компактнее (03.11.2026): на компьютере шириной блоков (1060), две колонки, обычный шрифт — всё на один экран */
@media (min-width:901px){
  .sheet .sh-box{width:min(1060px,94vw)!important;max-height:min(90vh,760px)!important;padding:26px 30px 18px!important}
  .sheet .sh-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-auto-flow:row dense;gap:0 26px;align-content:start}
  .sheet .sh-body>*{grid-column:2}
  .sheet .sh-body>.mk-l{grid-column:1;grid-row:1 / span 20;align-self:start}
  .sheet .mk-l .sh-ic{width:48px!important;height:48px!important;margin-bottom:10px!important}
  .sheet .mk-l h3{font-size:clamp(24px,1rem + .9vw,30px)!important;padding-right:0!important}
  .sheet .mk-l .mk-ps{grid-template-columns:1fr;margin-top:12px}
  .sheet .sh-body>ul{margin-top:4px!important;gap:7px!important}
  .sheet .sh-body li{font-size:14.5px!important;line-height:1.4!important;padding-left:28px!important}
  .sheet .sh-body li::before{width:19px!important;height:19px!important}
  .sheet .mk-ps>div{font-size:14px;padding:10px 12px}
  .sheet .mk-sec{margin-top:10px}.sheet .mk-sec span{font-size:12px;padding:6px 9px}
  .sheet .mk-solo{font-size:13.5px!important;padding:10px 12px!important;margin-top:10px!important}
  .sheet .sh-more-link{display:inline-block;margin-top:10px;font-size:14.5px}
  .sheet .sh-fade{display:none!important}
  .sheet .sh-nav{margin-top:14px!important;padding-top:12px!important}
  .sheet .sh-nav button{font-size:14px!important;padding:7px 14px!important}
  .sheet .sh-nav span{font-size:14px!important}.sheet .sh-nav span b{font-size:16px!important}
  .sheet .sh-x{width:36px!important;height:36px!important;font-size:20px!important;top:12px!important;right:12px!important}
}
@media (max-width:900px){.sheet .sh-body h3{font-size:26px!important}.sheet .sh-body li{font-size:15.5px!important}.sheet .mk-ps>div{font-size:14px}}
/* и на планшете / узком окне (600–900 px) — тот же компактный вид, только одной колонкой (03.11.2026, управляющий: «не переделал») */
@media (min-width:600px) and (max-width:900px){
  .sheet .sh-box{width:min(760px,94vw)!important;max-height:90vh!important;padding:22px 24px 16px!important}
  .sheet .sh-ic,.sheet .mk-l .sh-ic{width:44px!important;height:44px!important;margin-bottom:8px!important}
  .sheet .sh-body h3{font-size:24px!important;padding-right:44px!important}
  .sheet .sh-body h3 .badge,.sheet .sh-body h3 [class*=badge]{font-size:12px!important;padding:3px 8px!important;vertical-align:middle}
  .sheet .mk-ps{grid-template-columns:1fr 1fr;gap:8px}.sheet .mk-ps>div{font-size:13.5px!important;padding:9px 11px!important}
  .sheet .sh-body>ul{gap:6px!important}
  .sheet .sh-body li{font-size:14.5px!important;line-height:1.4!important;padding-left:28px!important}
  .sheet .sh-body li::before{width:19px!important;height:19px!important}
  .sheet .mk-sec span{font-size:12px;padding:6px 9px}
  .sheet .mk-solo{font-size:13.5px!important;padding:10px 12px!important}
  .sheet .sh-fade,.sheet .sh-next,.sheet .sh-end{display:none!important}
  .sheet .sh-nav{margin-top:12px!important;padding-top:10px!important}
  .sheet .sh-nav button{font-size:14px!important;padding:7px 14px!important}
  .sheet .sh-nav span{font-size:14px!important}.sheet .sh-nav span b{font-size:16px!important}
  .sheet .sh-x{width:36px!important;height:36px!important;font-size:20px!important;top:12px!important;right:12px!important}
}
html[data-theme=dark] .sheet .sh-fade{background:linear-gradient(180deg,transparent,#1E1621 70%)!important}
@media (min-width:901px){.sheet .sh-next,.sheet .sh-end{display:none!important}}
.tl-beta{font-weight:700;padding:10px 14px;border-radius:14px;background:rgba(108,194,74,.14)}
/* отраслевые страницы «Фото до/после» (03.11.2026) */
.fi-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center;max-width:1060px!important}
.fi-kick{display:inline-block;margin:0 0 12px;padding:7px 12px;border-radius:99px;background:rgba(255,194,26,.16);font-weight:700;font-size:14px}
.fi-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:20px}
.fi-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:860px){.fi-hero{grid-template-columns:1fr}.fi-steps{grid-template-columns:1fr!important}}

/* хаб «Все отрасли» и ссылки «Другие отрасли» (03.11.2026, tools/ind-pages.mjs) */
.ot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ot-c{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--paper,#fff);box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px rgba(30,40,90,.07)}
.ot-a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;line-height:1.2}
.ot-a i{font-style:normal;font-size:28px}
.ot-a:hover b{text-decoration:underline}
.ot-f{font-size:13px;color:#2F62D6;text-decoration:none;padding-left:38px}
.ind-more{margin-top:28px;font-size:14px;line-height:2}
.ind-more a{display:inline-block;margin:0 4px;padding:2px 10px;border-radius:999px;background:rgba(47,98,214,.08);color:#2F62D6;text-decoration:none;white-space:nowrap}
/* заголовок совпал со словом кубика («Вопросы» над «Вопросы») — прячем только визуально */
.kb-same{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bs-own{max-width:860px;margin:-6px 0 18px;font-size:16px;line-height:1.5;color:var(--muted)}
/* ✨ ИИ — строка в каждой карточке модуля (03.11.2026) */
.mk-ai{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 4px;padding:8px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(123,82,214,.10),rgba(47,98,214,.08));font-size:13px;line-height:1.35}
.mk-ai b{color:#6A44C4}
.mk-ai i{font-style:normal;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:rgba(123,82,214,.14);color:#6A44C4;margin-left:auto}
html[data-theme=dark] .mk-ai{background:linear-gradient(90deg,rgba(160,130,255,.14),rgba(110,150,255,.10))}
html[data-theme=dark] .mk-ai b,html[data-theme=dark] .mk-ai i{color:#C9B6FF}
/* «конструктор для компаний» — полосой во всю ширину текстового блока (03.11.2026, управляющий) */
.hw-tag{display:block!important;box-sizing:border-box;width:100%;text-align:center;font-size:clamp(15px,1rem + .5vw,20px)!important;font-weight:800!important;letter-spacing:.02em;padding:12px 18px!important;transform:rotate(-1deg)!important}
/* меню «Модули» на телефоне — только «Список»: стена плиток — для широкого экрана (03.11.2026) */
@media (max-width:1100px){.nav-vw [data-v=tile]{display:none!important}}
/* айфон: заголовок «Главной» — «Сервис вашей компании» одной строкой, счётчик справа (03.11.2026) */
.phone-top .pt-home{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex:1;min-width:0}
.phone-top .pt-home[hidden],.phone-top .pt-tab[hidden]{display:none!important}
.phone-top .pt-t{min-width:0}
/* айфон, переосмыслен (03.11.2026): значки нижнего меню, «Сегодня», «✨ Спросите ИИ», пустая «Главная» с одной кнопкой */
.tabbar .tsv{display:block;width:21px;height:21px;margin:0 auto 2px;color:#A08A96}
.tabbar .on .tsv{color:var(--ink)}
.tiles>.ph-today,.tiles>.ph-ask{grid-column:1/-1}
.ph-today{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:0 0 2px}
.ph-today::-webkit-scrollbar{display:none}
.ph-today small{flex:none;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ph-today button{flex:none;border:0;cursor:pointer;padding:6px 10px;border-radius:99px;background:rgba(47,98,214,.10);color:#2F62D6;font:inherit;font-size:12.5px;font-weight:700}
.ph-ask{margin:0 0 4px}
.pa-q{display:flex;align-items:center;gap:8px;width:100%;border:1.5px solid rgba(123,82,214,.28);cursor:pointer;padding:9px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(123,82,214,.10),rgba(47,98,214,.07));font:inherit;font-size:13px;text-align:left;color:var(--ink)}
.pa-q i{font-style:normal}.pa-q span{flex:1;font-weight:600}
.pa-q em{flex:none;font-style:normal;font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;background:#FCE7F0;color:#A81E4F}
.pa-a{margin:6px 0 0;padding:9px 12px;border-radius:14px 14px 14px 4px;background:var(--paper,#fff);box-shadow:0 4px 14px rgba(30,40,90,.08);font-size:13px;line-height:1.4;animation:crmIn .4s ease both}
.tile-empty .te-go{margin-top:10px;border:0;cursor:pointer;padding:10px 14px;border-radius:12px;background:#2F62D6;color:#fff;font:inherit;font-size:14px;font-weight:800;align-self:flex-start}
html[data-theme=dark] .tabbar .tsv{color:#8F7F8A}html[data-theme=dark] .tabbar .on .tsv{color:#F4EAF0}
html[data-theme=dark] .ph-today button{background:rgba(143,176,255,.14);color:#AFC6FF}
html[data-theme=dark] .pa-q{border-color:rgba(183,156,255,.3);background:linear-gradient(90deg,rgba(160,130,255,.14),rgba(110,150,255,.10));color:#F4EAF0}
html[data-theme=dark] .pa-a{background:#2A2030;color:#F4EAF0;box-shadow:none}
@keyframes crmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* SEO отраслей (03.11.2026): хаб без дыры, «коротко», ссылки на отрасли в подвале */
.ot-sec{padding-top:8px!important}
.ind-about{max-width:860px;font-size:16px;line-height:1.6;margin:0}
.foot-ind{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;max-width:1060px;margin:18px auto 0;font-size:13px;line-height:1.7;opacity:.85}
.foot-ind b{font-weight:700;margin-right:2px}
.foot-ind a{color:inherit;text-decoration:none;white-space:nowrap}.foot-ind a:hover{text-decoration:underline}
/* 🎰 «Мне повезёт» в айфоне (03.11.2026) */
.pp-slot{display:block;width:100%;margin:0 0 10px;border:0;cursor:pointer;padding:11px 12px;border-radius:14px;background:linear-gradient(90deg,#FFC21A,#FF8A1F);color:#2A1720;font:inherit;font-size:14px;font-weight:800}
.te-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.te-acts .te-go{margin-top:0}
.te-slot{background:linear-gradient(90deg,#FFC21A,#FF8A1F)!important;color:#2A1720!important}
.ph-today [data-tslot]{background:rgba(255,194,26,.18)!important;color:#9A5B00!important}
.sl-box{display:flex;align-items:center;gap:8px;margin:12px 0 8px;padding:12px;border-radius:20px;background:linear-gradient(160deg,#8E3BD0,#C2255C);box-shadow:inset 0 -6px 0 rgba(0,0,0,.18),0 10px 24px -10px rgba(142,59,208,.7)}
.sl-m{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sl-r{height:64px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:inset 0 8px 10px -6px rgba(0,0,0,.35),inset 0 -8px 10px -6px rgba(0,0,0,.35)}
.sl-s{will-change:transform}
.sl-s span{display:grid;place-items:center;height:64px;font-size:34px;line-height:1}
.sl-lever{flex:none;position:relative;width:22px;height:84px;border:0;padding:0;cursor:pointer;background:none}
.sl-lever::before{content:"";position:absolute;left:9px;top:14px;bottom:0;width:5px;border-radius:4px;background:#E6D3DE}
.sl-lever i{position:absolute;left:1px;top:0;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF8A9F,#E8174A);box-shadow:0 3px 6px rgba(0,0,0,.3);transition:transform .2s}
.sl-lever{transform-origin:50% 100%;transition:transform .2s}.sl-lever.pull{transform:scaleY(.55)}.sl-lever.pull i{transform:translateY(30px)}
.sl-res{margin:4px 0 10px;font-size:14px;line-height:1.4;text-align:center;min-height:2.8em}
.sl-acts{display:flex;gap:8px;justify-content:center}
.sl-acts button{border:0;cursor:pointer;padding:10px 16px;border-radius:12px;font:inherit;font-size:14px;font-weight:800}
.sl-go{background:linear-gradient(90deg,#FFC21A,#FF8A1F);color:#2A1720}.sl-take{background:#2F62D6;color:#fff}
html[data-theme=dark] .phone-slot .sl-res{color:#2A1720}
@media (prefers-reduced-motion:reduce){.sl-s{transition:none!important}}
html[data-theme=dark] .phone-slot .pp-top b{color:#2A1720}html[data-theme=dark] .phone-slot .dm-s{color:#7A6470}
/* айфон: нижнее меню из трёх вкладок, «Лента» как Threads, «Ваш блок» (03.11.2026) */
.tabbar{justify-content:space-around!important}
.tabbar .tmi{display:block;font-style:normal;font-size:19px;line-height:21px;height:21px;margin:0 auto 2px}
.th{display:flex;flex-direction:column}
.th-i{display:flex;gap:10px;padding:10px 2px 12px;border-bottom:1px solid rgba(42,23,32,.08);animation:crmIn .35s ease both}
.th-a{flex:none;position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#F3E9EE;font-style:normal;font-size:17px}
.th-b{flex:1;min-width:0}
.th-b small{display:block;font-size:11.5px;color:var(--muted)}.th-b small b{color:var(--ink);font-weight:700}
.th-b p{margin:3px 0 6px;font-size:13.5px;line-height:1.4}
.th-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}
.th-acts button{border:0;cursor:pointer;padding:5px 11px;border-radius:99px;background:rgba(47,98,214,.10);color:#2F62D6;font:inherit;font-size:12px;font-weight:700}
.th-acts .th-like{background:transparent;color:var(--muted);padding:5px 4px}.th-acts .th-like.on{color:#E8174A}
.th-acts .ok{color:#17614F;font-weight:700}
.th-done .th-b p{text-decoration:line-through;opacity:.6}
.th-end{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 4px}
.mine-s{font-size:12.5px;line-height:1.4;color:var(--muted);margin:0 0 10px}
.mine-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mine-o{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1.5px solid rgba(47,98,214,.18);cursor:pointer;padding:12px;border-radius:16px;background:var(--paper,#fff);font:inherit;font-size:14px;font-weight:700;color:var(--ink);text-align:left}
.mine-o i{font-style:normal;font-size:24px}
.mine-x{margin-left:8px;border:0;cursor:pointer;padding:4px 10px;border-radius:99px;background:rgba(47,98,214,.10);color:#2F62D6;font:inherit;font-size:12px;font-weight:700;vertical-align:middle}
html[data-theme=dark] .th-i{border-color:rgba(255,255,255,.08)}html[data-theme=dark] .th-a{background:#2A2030}
html[data-theme=dark] .th-acts button,html[data-theme=dark] .mine-x{background:rgba(143,176,255,.14);color:#AFC6FF}
html[data-theme=dark] .th-acts .th-like{background:transparent;color:#B3A1AC}html[data-theme=dark] .th-acts .th-like.on{color:#FF7AA0}
html[data-theme=dark] .th-acts .ok{color:#7DE3C1}
html[data-theme=dark] .mine-o{background:#221A26;border-color:rgba(143,176,255,.22);color:#F4EAF0}
/* «Работает везде» (03.11.2026, управляющий: «усложни»): ноутбук — доска задач, iPhone — сканер документов, Android — чек по QR */
.jd-board{display:flex;gap:8px;padding:8px!important;color:#2A1720}
.jb-side{display:flex;flex-direction:column;gap:5px;padding:4px;border-radius:8px;background:rgba(42,23,32,.05)}
.jb-side i{font-style:normal;font-size:13px;line-height:1;padding:3px;border-radius:6px}.jb-side i.on{background:#FFE08A}
.jb-cols{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
.jb-col{display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:8px;background:rgba(42,23,32,.05);min-width:0}
.jb-col b{font:800 9px/1.2 sans-serif;color:#7A6470}.jb-col b em{font-style:normal;padding:0 4px;border-radius:99px;background:#fff}
.jb-c{display:block;padding:5px 6px;border-radius:7px;background:#fff;border-left:3px solid var(--c);font:700 9px/1.25 sans-serif;box-shadow:0 2px 5px -3px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-c small{display:block;font-weight:500;font-size:7.5px;color:#7A6470;overflow:hidden;text-overflow:ellipsis}
.jb-ok{opacity:.7}
.jb-new{animation:jbNew 6s ease infinite}
@keyframes jbNew{0%,18%{opacity:0;transform:translateY(-8px) scale(.9)}26%{opacity:1;transform:none;box-shadow:0 0 0 2px #FFC21A}60%{box-shadow:0 2px 5px -3px rgba(0,0,0,.35)}100%{opacity:1}}
.jb-mv{animation:jbMv 6s ease-in-out infinite}
@keyframes jbMv{0%,55%{transform:none}70%{transform:translateX(18px) rotate(3deg)}85%,100%{transform:none}}
.jd-scan,.jd-qr{display:flex;flex-direction:column;align-items:center;gap:5px;padding:22px 6px 8px!important;background:#15101A!important;color:#fff}
.js-top{font:700 7.5px/1 sans-serif;opacity:.85}
.js-cam{position:relative;width:100%;flex:1;border-radius:10px;background:radial-gradient(circle at 50% 40%,#3a3340,#1c1720);overflow:hidden}
.js-doc{position:absolute;left:16%;right:16%;top:14%;bottom:16%;background:#FAF7F0;border-radius:2px;transform:rotate(-6deg) skewX(-3deg);box-shadow:0 6px 10px rgba(0,0,0,.5);padding:10% 9%;display:flex;flex-direction:column;gap:9%;animation:jsDoc 6s ease-in-out infinite}
.js-doc i{display:block;height:4%;min-height:2px;border-radius:2px;background:#C9C0B6}.js-doc i:first-child{width:60%;background:#8E8379}.js-doc i:nth-child(4){width:80%}.js-doc i:last-child{width:45%}
@keyframes jsDoc{0%,30%{transform:rotate(-6deg) skewX(-3deg)}45%,100%{transform:none}}
.js-k{position:absolute;width:12%;aspect-ratio:1;border:2px solid #3BFF7A;animation:jsK 6s ease-in-out infinite}
.js-k.k1{left:10%;top:9%;border-right:0;border-bottom:0}.js-k.k2{right:10%;top:9%;border-left:0;border-bottom:0}.js-k.k3{left:10%;bottom:11%;border-right:0;border-top:0}.js-k.k4{right:10%;bottom:11%;border-left:0;border-top:0}
@keyframes jsK{0%,25%{opacity:.4;scale:1.25}40%,100%{opacity:1;scale:1}}
.js-line{position:absolute;left:12%;right:12%;top:12%;height:74%;background:linear-gradient(90deg,transparent,#3BFF7A,transparent) 0 0/100% 2px no-repeat;filter:drop-shadow(0 0 4px #3BFF7A);animation:jsL 6s linear infinite} /* линия едет сдвигом, а не top (03.11.2026) */
@keyframes jsL{0%,40%{transform:translateY(0);opacity:0}45%{opacity:1}70%{transform:translateY(100%);opacity:1}72%,100%{opacity:0;transform:translateY(100%)}}
.js-ok{font:700 7px/1 sans-serif;padding:3px 6px;border-radius:99px;background:#3BB08A;animation:jsOk 6s ease infinite}
@keyframes jsOk{0%,70%{opacity:0;transform:translateY(4px)}76%,100%{opacity:1;transform:none}}
.js-btn{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.js-cap{font:600 6.5px/1.2 sans-serif;opacity:.75;text-align:center}
.jq-cam{position:relative;width:100%;flex:1;border-radius:10px;background:radial-gradient(circle at 50% 40%,#3a3340,#1c1720);display:grid;place-items:center;overflow:hidden}
.jq-code{width:58%;aspect-ratio:1;background:
  linear-gradient(#000 0 0) 0 0/28% 28% no-repeat,linear-gradient(#000 0 0) 100% 0/28% 28% no-repeat,linear-gradient(#000 0 0) 0 100%/28% 28% no-repeat,
  repeating-conic-gradient(#000 0 25%,#fff 0 50%) 0 0/16% 16%,#fff;outline:5px solid #fff;border-radius:2px;animation:jqC 6s ease-in-out infinite}
@keyframes jqC{0%,50%{opacity:1;scale:1}62%,100%{opacity:.15;scale:.85}}
.jq-fr{position:absolute;inset:16%;border:2px solid #FFC21A;border-radius:8px;animation:jqF 6s ease-in-out infinite}
@keyframes jqF{0%,15%{scale:1.235;opacity:.4}35%,50%{scale:1;opacity:1}60%,100%{opacity:0}} /* масштабом, а не inset (03.11.2026) */
.jq-res{width:100%;padding:6px;border-radius:9px;background:#fff;color:#2A1720;text-align:center;animation:jqR 6s ease infinite}
.jq-res b{display:block;font:800 12px/1.1 sans-serif}.jq-res small{display:block;font:500 7px/1.3 sans-serif;color:#7A6470}.jq-res em{display:block;font-style:normal;font:700 7px/1.4 sans-serif;color:#17614F}
@keyframes jqR{0%,55%{opacity:0;transform:translateY(6px)}65%,100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jb-new,.jb-mv,.js-doc,.js-k,.js-line,.js-ok,.jq-code,.jq-fr,.jq-res{animation:none}}
.js-cam,.jq-cam{min-height:70px}
@media (max-width:760px){.jdev-st{flex-wrap:wrap!important;justify-content:center!important;gap:14px 16px!important;min-height:0!important}.jd-lap{width:94%!important;order:-1}.jd-ios,.jd-and{width:40%!important;max-width:150px}
  .jb-side{display:none}.jb-c{font-size:8.5px}}
/* страницы модулей (03.11.2026, tools/mod-pages.mjs) */
.mp-fr{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:4px;border-radius:9px;background:var(--mc);font-size:18px;vertical-align:middle;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.mp-pains{grid-template-columns:1fr!important;max-width:760px}
.mp-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mp-list li{position:relative;padding:12px 14px 12px 40px;border-radius:14px;background:var(--paper,#fff);box-shadow:0 4px 14px -8px rgba(30,40,90,.25);font-size:15px;line-height:1.45}
.mp-list li::before{content:"✓";position:absolute;left:14px;top:12px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--mc,#6CC24A);color:#fff;font-size:11px;font-weight:800}
.mp-hero~section .mp-list li::before{background:#3BB08A}
.mp-ai{margin-top:14px!important;max-width:760px}
.mp-sec{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.mp-sec span{padding:7px 10px;border-radius:99px;background:#EEF0FF;color:#2A2A6A;font-size:12.5px;font-weight:700}
@media (max-width:760px){.mp-list{grid-template-columns:1fr}}
html[data-theme=dark] .mp-list li{background:#1d2130;box-shadow:none;border:1px solid rgba(255,255,255,.08);color:#F4EAF0}
html[data-theme=dark] .mp-sec span{background:#26264A;color:#D6D6FF}
/* подвал: кубики переворачиваются — на обороте название модуля (03.11.2026) */
.foot-fruits a{position:relative;perspective:260px}
.foot-fruits .ff-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.4,.64,1)}
.foot-fruits .ff-f,.foot-fruits .ff-b{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit}
.foot-fruits .ff-f{filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.foot-fruits .ff-b{transform:rotateY(180deg);padding:3px;color:#fff;font-weight:800;font-size:7.4px;line-height:1.08;text-align:center;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.35);overflow:hidden;word-break:break-word;hyphens:auto}
.foot-fruits a:hover,.foot-fruits a:focus-visible,.foot-fruits a.flip{z-index:5;transform:translateY(-8px) scale(1.6)!important}
.foot-fruits a:hover .ff-in,.foot-fruits a:focus-visible .ff-in,.foot-fruits a.flip .ff-in{transform:rotateY(180deg)}
@media (prefers-reduced-motion:reduce){.foot-fruits .ff-in{transition:none}}
.foot-fruits .ff-in,.foot-fruits .ff-b{filter:none!important} /* фильтр на родителе ломает переворот в 3D */
/* «Подстраивается под ваши сценарии» перед подвалом; если на странице уже есть «Все сценарии не предусмотреть» — не повторяем (03.11.2026) */
main:has(.ind-ask) .tune-band{display:none}
/* «Фото до/после»: живые экраны модуля (03.11.2026) */
.fl-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:18px}
.fl-c{margin:0;display:flex;flex-direction:column;gap:8px}
.fl-c figcaption{font-size:13.5px;line-height:1.4;color:var(--muted)}.fl-c figcaption b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:2px}
.fl-s{position:relative;height:200px;padding:12px;border-radius:22px;background:linear-gradient(160deg,#FFFBF4,#FFF1E6);border:6px solid #2A1720;box-shadow:0 14px 26px -16px rgba(42,23,32,.6);color:#2A1720;overflow:hidden;display:flex;flex-direction:column;gap:8px;font-family:var(--ff,inherit)}
.fl-s>small{font-size:10.5px;font-weight:800;color:#7A6470;letter-spacing:.02em}
.fl-cam{position:relative;flex:1;border-radius:14px;background:radial-gradient(circle at 50% 40%,#4a3f4f,#1c1720);display:grid;place-items:center;overflow:hidden}
.fl-face{font-size:64px;animation:flFace 6s ease-in-out infinite}
.fl-gh{position:absolute;font-size:64px;opacity:.35;filter:grayscale(1) blur(.5px)}
@keyframes flFace{0%{transform:translate(18px,10px) scale(.85) rotate(8deg)}45%,100%{transform:none}}
.fl-ok{position:absolute;bottom:8px;left:50%;translate:-50% 0;font-style:normal;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:99px;background:#3BB08A;color:#fff;white-space:nowrap;animation:flOk 6s ease infinite}
@keyframes flOk{0%,45%{opacity:0;transform:translateY(6px)}52%,100%{opacity:1;transform:none}}
.fl-who{padding:8px 10px;border-radius:12px;background:#fff;box-shadow:0 3px 8px -6px rgba(0,0,0,.4)}.fl-who b{display:block;font-size:13px}.fl-who span{font-size:10.5px;color:#7A6470}
.fl-th{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fl-th i{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:linear-gradient(140deg,var(--g));font-style:normal;font-size:22px}
.fl-new{animation:flNew 5s ease infinite}
@keyframes flNew{0%,20%{opacity:0;transform:translateY(-40px) scale(1.4) rotate(-15deg)}38%{opacity:1;transform:none;box-shadow:0 0 0 3px #FFC21A}70%,100%{opacity:1;box-shadow:none}}
.fl-ba{position:relative;flex:1;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,#FFD5DF,#FF8FA8)}
.fl-ba span{position:absolute;top:8px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.85)}.fl-ba .b{left:8px}.fl-ba .a{right:8px}
.fl-ba::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#C8F0A8,#5FA640);clip-path:inset(0 0 0 var(--x,50%));animation:flCmp 5s ease-in-out infinite}
.fl-ba span{z-index:2}.fl-hd{position:absolute;inset:0;background:linear-gradient(#fff,#fff) 50% 0/3px 100% no-repeat;z-index:3;filter:drop-shadow(0 0 3px rgba(0,0,0,.35));pointer-events:none;animation:flHd 5s ease-in-out infinite} /* сдвигом, а не left (03.11.2026) */
@property --x{syntax:'<percentage>';inherits:false;initial-value:50%}
@keyframes flCmp{0%,100%{--x:20%}50%{--x:80%}}
@keyframes flHd{0%,100%{translate:-30% 0}50%{translate:30% 0}}
.fl-chips{display:flex;gap:5px;flex-wrap:wrap}.fl-chips span{font-size:10px;font-weight:700;padding:3px 7px;border-radius:99px;background:rgba(47,98,214,.1);color:#2F62D6}
.fl-pic{position:relative;flex:1;border-radius:14px;background:linear-gradient(140deg,#E2CCFF,#B38BFF);animation:flRot 6s ease-in-out infinite}
@keyframes flRot{0%,50%{transform:rotate(-7deg)}65%,100%{transform:none}}
.fl-crop{position:absolute;inset:8%;border:2px dashed #fff;border-radius:8px;animation:flCrop 6s ease-in-out infinite}
@keyframes flCrop{0%,15%{scale:1}35%,100%{scale:.667 .762}} /* масштабом, а не inset */
.fl-tools{display:flex;gap:6px}.fl-tools span{font-size:11px;font-weight:700;padding:4px 8px;border-radius:9px;background:#fff;box-shadow:0 2px 6px -4px rgba(0,0,0,.4)}
.fl-cons label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:8px 10px;border-radius:12px;background:#fff;box-shadow:0 3px 8px -6px rgba(0,0,0,.4)}
.fl-cons label i{flex:none;width:18px;height:18px;border-radius:6px;border:2px solid #C9C0B6;position:relative}
.fl-cons label i::after{content:"✓";position:absolute;inset:-2px;display:grid;place-items:center;border-radius:6px;background:#3BB08A;color:#fff;font-size:12px;font-style:normal;opacity:0}
.fl-cons .c1::after{animation:flTick 6s ease infinite}.fl-cons .c2::after{animation:flTick 6s ease infinite 1s}
@keyframes flTick{0%,15%{opacity:0;transform:scale(.4)}25%,100%{opacity:1;transform:none}}
.fl-sig{height:26px;background:linear-gradient(#2F62D6,#2F62D6) left 60%/0 2px no-repeat;border-bottom:1px dashed #C9C0B6;animation:flSig 6s ease infinite}
@keyframes flSig{0%,40%{background-size:0 2px}70%,100%{background-size:100% 2px}}
.fl-cons em,.fl-lock em{font-style:normal;font-size:10.5px;font-weight:700;color:#17614F}
.fl-log p{margin:0;display:flex;justify-content:space-between;gap:6px;font-size:11px;padding:7px 9px;border-radius:10px;background:#fff;box-shadow:0 3px 8px -6px rgba(0,0,0,.4);animation:flRow 6s ease infinite both}
.fl-log p b{font-weight:700}.fl-log p span{color:#7A6470;text-align:right}
.fl-log .r2{animation-delay:.6s}.fl-log .r3{animation-delay:1.2s}.fl-log .no span{color:#C2185B}
@keyframes flRow{0%,8%{opacity:0;transform:translateX(-12px)}18%,100%{opacity:1;transform:none}}
.fl-enc{position:relative;flex:1;border-radius:14px;background:linear-gradient(140deg,#FFD5DF,#FF8FA8);display:grid;place-items:center;overflow:hidden}
.fl-enc .pic{font-size:60px;animation:flPic 6s ease infinite}
.fl-enc .noise{position:absolute;inset:0;padding:10px;font:700 13px/1.5 ui-monospace,monospace;word-break:break-all;color:#3BFF7A;background:#0E1A12;opacity:0;animation:flNoise 6s ease infinite}
@keyframes flPic{0%,40%{opacity:1;filter:none}55%,100%{opacity:0;filter:blur(6px)}}
@keyframes flNoise{0%,42%{opacity:0}58%,100%{opacity:1}}
html[data-theme=dark] .fl-s{border-color:#0B070D}
@media (prefers-reduced-motion:reduce){.fl-s *{animation:none!important}}
/* «Фото до/после», «Снял — и оно уже в карточке»: шаги компактно — по высоте текста, цифра поменьше (03.11.2026, управляющий: «блоки большие, информации мало») */
html .fx-flow .fx-st .fx-k,html .fx-st .fx-k{min-height:0!important;padding:16px 18px 18px!important;--sh:12px}
html .fx-st{gap:12px!important}
html .fx-st h3{font-size:clamp(17px,1rem + .2vw,19px)!important;margin-bottom:5px!important}
html .fx-st p{font-size:14px!important;line-height:1.4!important;padding-right:34px}
html .fx-st .fx-clip b{font-size:clamp(48px,4.6vw,66px)!important;bottom:-.12em!important}
/* сервисы слетаются к «＋» и ждут — по бокам, не на тексте (03.11.2026) */
.svc-orbit{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.cube-pin>.cube-mods{position:relative;z-index:1}
.svo{position:absolute;top:var(--y);display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 6px;border-radius:99px;background:rgba(255,255,255,.75);box-shadow:0 8px 18px -10px rgba(42,23,32,.5);font:700 12.5px/1 var(--ff,sans-serif);color:#2A1720;white-space:nowrap;opacity:.75;
  animation:svoIn 2.8s cubic-bezier(.22,1,.36,1) var(--d) both,svcBob 6s ease-in-out calc(var(--d) + 2.8s) infinite}
.svo.r{right:clamp(8px,4vw,60px);--from:140px}.svo.l{left:clamp(8px,4vw,60px);--from:-140px}
.svo i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--c);color:#fff;font-style:normal;font-size:11px;font-weight:900}
@keyframes svoIn{from{opacity:0;transform:translateX(var(--from)) scale(.8)}to{opacity:.75;transform:none}}
@keyframes svcBob{0%,100%{translate:0 0}50%{translate:0 -6px}}
html[data-theme=dark] .svo{background:rgba(255,255,255,.1);color:#F4EAF0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
@media (max-width:1100px){.svc-orbit{display:none}}
@media (prefers-reduced-motion:reduce){.svo{animation:none}}
/* скорость главной (03.11.2026): у граней кубика (27 × 6 = 162) — без отдельного слоя видеокарты; анимации блоков, которых нет на экране, стоят на паузе */
.zz-off,.zz-off *,.zz-off ::before,.zz-off ::after{animation-play-state:paused!important}
/* скорость доски «Задачи» (03.11.2026): мигание — прозрачностью готовой рамки, а не перерисовкой тени; огонь и дым — без фильтров размытия */
html .bs-c.hot{animation:none!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 8px 14px -10px rgba(40,20,30,.6)}
html .bs-c.hot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px rgba(232,23,74,.4);opacity:0;pointer-events:none;animation:zzBlink 1.1s ease-in-out infinite}
html .bs-src .bs-plus{animation:none!important;position:relative}
html .bs-src .bs-plus::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 5px rgba(255,216,61,.55);opacity:0;pointer-events:none;animation:zzBlink 2s ease-in-out infinite}
@keyframes zzBlink{50%{opacity:1}}
html .bs-c.hot .bs-fire{filter:none!important}
html .bs-c.hot .bs-smk{filter:none!important;background:radial-gradient(circle,rgba(120,110,120,.5),rgba(120,110,120,0) 70%)!important;width:20px;height:20px}
/* «Фото до/после» на телефоне: шаги — во всю ширину экрана, не шире (колонка «1fr» растягивалась до 1000 px) (03.11.2026) */
@media (max-width:900px){html .fx-flow{grid-template-columns:minmax(0,1fr)!important}html .fx-flow .fx-st,html .fx-st{grid-template-columns:minmax(0,1fr)!important}html .fx-st .fx-k{min-width:0}}
@media (min-width:520px) and (max-width:900px){html .fx-flow .fx-st{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* живые экраны на телефоне — по два в ряд, мельче (03.11.2026) */
@media (max-width:600px){
  .fl-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .fl-s{height:168px;padding:8px;gap:6px;border-width:4px;border-radius:18px}
  .fl-s>small{font-size:9.5px}
  .fl-face,.fl-gh{font-size:44px}.fl-enc .pic{font-size:42px}.fl-enc .noise{font-size:10px;padding:6px}
  .fl-ok{font-size:9px;padding:3px 6px}
  .fl-who{padding:5px 7px}.fl-who b{font-size:11px}.fl-who span{font-size:9px}
  .fl-th{gap:4px}.fl-th i{font-size:16px;border-radius:7px}
  .fl-chips span,.fl-tools span{font-size:8.5px;padding:2px 5px}
  .fl-cons label{font-size:9.5px;padding:5px 7px;gap:5px}.fl-cons label i{width:14px;height:14px}
  .fl-log p{font-size:8.5px;padding:5px 6px}
  .fl-cons em,.fl-lock em{font-size:8.5px}
  .fl-c figcaption{font-size:12px}.fl-c figcaption b{font-size:13px}
}
/* «Фото до/после»: «Начать с фото» — синяя, как остальные кнопки сайта (правило: без красных кнопок) */
html .fh-b1{background:#2F62D6!important;box-shadow:0 7px 0 #1E3F94!important}
/* меню «Модули», вид «Плитки»: без бликов — ровный цвет модуля (03.11.2026, управляющий) */
@media (min-width:901px){html .nav-ddp.vw-tile .nav-gb a,html[data-theme=dark] .nav-ddp.vw-tile .nav-gb a{background:color-mix(in srgb,var(--c) 88%,#000)!important}}
/* подвал: оборот кубика темнее — светлые фрукты (лимон, манго, кукуруза) с белым текстом читались плохо (03.11.2026) */
.foot-fruits .ff-b{background:rgba(42,23,32,.42);border-radius:inherit}
/* телефон: длинные кнопки («Фото до/после для управляющих компаний и ТСЖ →») переносятся, а не вылезают за экран (03.11.2026) */
@media (max-width:600px){main .btn{white-space:normal!important;max-width:100%;text-align:center;line-height:1.25}}
.foot-fruits .ff-b{background:rgba(42,23,32,.58)!important}
.tile-add b,.tile-add span{text-shadow:0 1px 2px rgba(0,0,0,.35)}
/* айфон: «Сегодня» и строка ИИ убраны — загромождали «Главную» (03.11.2026, управляющий) */
.ph-today,.ph-ask{display:none!important}
/* ответственность за платежи (03.11.2026) */
.pn-sec{padding-top:8px!important;padding-bottom:8px!important}
.pay-note{max-width:1060px;margin:0 auto;padding:16px 20px;border-radius:18px;background:#FFF6DC;border:1px solid rgba(201,162,39,.35);color:#2A1720}
.pay-note b{font-size:15px}.pay-note p{margin:6px 0 0;font-size:14px;line-height:1.5}.pay-note a{color:#2F62D6}
html[data-theme=dark] .pay-note{background:#2A2414;border-color:rgba(242,194,48,.3);color:#F4EAF0}html[data-theme=dark] .pay-note a{color:#8FB0FF}
.foot-legal{max-width:1060px;margin:14px auto 0;font-size:12px;line-height:1.5;opacity:.7}.foot-legal a{color:inherit;text-decoration:underline}
/* айфон: плитки появляются и уходят мягче (03.11.2026) */
html .tile,html .tile.new{transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)!important}
html .tile.in{opacity:0;transform:translateY(14px) scale(.94)}
/* аудит дизайна (03.11.2026, impeccable audit): контраст — без смены стиля */
html[data-theme=dark] .tp-c.on :is(h2,small,.tp-p,li,.tp-chip){color:#123329!important}
.sd-seg button{color:#fff}
html[data-theme=dark] .sd-mid b{color:#9DA6FF}
.fz-more{background:#5B4BD1!important}
html .jh-steps li > i{color:#2A1720!important;text-shadow:none!important}
.fp-big b,.fp-big small{color:#2A1720!important}
html[data-theme=dark] .pc-card small{color:#B9AEB6!important}
.fk-who i.ok{color:#1F7A45!important}.fk-who i:not(.ok){color:#9A4A0C}
html[data-theme=dark] .cm-gift p{color:#F2DDE6!important}
.tp-grid li i{font-size:11px}
html .jh-steps li[style*="5B5BFF"] > i{color:#fff!important}
/* айфон: подсказка у глазика лежала на заголовке «Сервис вашей компании» — убрана, у глазика своя подпись при наведении (03.11.2026, ревью дизайна) */
.eye-tip{display:none!important}
/* цветная полоска сверху карточек — внутри скругления, а не толстой рамкой (кейс клиники, юрпомощь) */
html .kc-g article,html .lgw li{border-top:0!important;overflow:hidden;position:relative}
html .kc-g article::before,html .lgw li::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
@media (max-width:600px){.fz-lock{width:88px!important;height:88px!important;font-size:48px!important}}
/* шифратор на телефоне — картинка ниже (5:4 вместо 4:5), не занимает весь экран (03.11.2026) */
@media (max-width:640px){.fz-img{aspect-ratio:5/4!important}.fz-box{max-width:340px!important}.fz-go{padding:12px 14px!important}.fz-go i{font-size:38px!important}}
/* телефон: пояснение под болью открывается сразу — плавное раскрытие двигало телефон ниже полсекунды, перестраивая страницу на каждом кадре, на айфоне лагало (03.11.2026) */
@media (max-width:900px),(hover:none){.mod-how,.mod-how>ul,.mod-how.open,.mod-how.open>ul{transition:none!important}}
/* светлые полосы на айфоне в тёмной теме: светлый узор фона выглядывал под панелью Safari и при оттягивании — в тёмной теме его нет, на телефоне слой ниже края экрана (03.11.2026) */
html[data-theme=dark]{background:#150F17!important}
@media (hover:none),(max-width:900px){.page-bg{bottom:-160px!important;top:-160px!important}}
/* пока листают на телефоне — все анимации на паузе (класс scr-on ставит juice.js), продолжаются через 0,2 с после остановки (03.11.2026) */
html.scr-on *,html.scr-on ::before,html.scr-on ::after{animation-play-state:paused!important}
/* телефон: свечение рамкой (box-shadow) у карточек устройств и новой карточки доски — перерисовка на каждом кадре; там без него */
@media (hover:none){.jd.jd-lap,.jd.jd-ios,.jd.jd-and,.jb-c.jb-new{animation-name:none!important}.jb-c.jb-new{opacity:1!important}}
/* затемнение под айфоном нужно только на компьютере — на телефоне не держим лишний слой во весь экран */
@media (max-width:900px),(hover:none){.ph-dim{display:none!important}}
/* телефон: строки, которые раскрываются по нажатию (высота), — сразу, без полусекундного сдвига всего, что ниже (03.11.2026) */
@media (hover:none){.fs-rule,.ph-news{transition-property:opacity,transform!important}}
/* фон на телефоне — кубики-фрукты (картинки ChatGPT, 03.11.2026): светлый или тёмный по теме, повторяется вниз и прокручивается со страницей */
@media (max-width:900px){
  html[data-theme][data-bgm] body{background-image:var(--mbg-l)!important;background-size:100% auto!important;background-repeat:repeat-y!important;background-position:50% 0!important}
  html[data-theme=dark][data-bgm] body{background-image:var(--mbg-d)!important}
}
/* «Один день»: после первой смены дня карточки не проигрывают своё появление заново (спорило со сменой, на айфоне карточки «летали»); высота ровная — блок не прыгает (03.11.2026) */
.hs-day.dy-js li{animation:none!important;opacity:1!important;transform:none!important}
.hs-day ol{perspective:none!important}.hs-day li{backface-visibility:visible!important}
@media (max-width:560px){.hs-day li{min-height:146px}}
/* фон на компьютере — кубики-фрукты по краям (03.11.2026): справа колонна, слева своя; высота — экран, повторяется вниз, едет медленнее страницы (--py из site.js) */
@media (min-width:901px){
  html[data-bgd] .page-bg{inset:0;background:var(--dbg-lr) right var(--py,0px)/auto 100vh repeat-y!important}
  html[data-bgd] .page-bg::before{content:"";position:absolute;inset:0;background:var(--dbg-ll) left var(--py,0px)/auto 100vh repeat-y}
  html[data-theme=dark][data-bgd] .page-bg{background-image:var(--dbg-dr)!important}
  html[data-theme=dark][data-bgd] .page-bg::before{background-image:var(--dbg-dl)}
  html[data-theme=dark][data-bgd] body{background:transparent!important}
}
/* колонны кубиков по краям растворяются к середине: края картинок не видны полосками в щелях между блоками (03.11.2026, управляющий: «залипушки») */
@media (min-width:901px){html[data-bgd] .page-bg{-webkit-mask:linear-gradient(90deg,#000 0,#000 170px,transparent 290px,transparent calc(100% - 290px),#000 calc(100% - 170px),#000 100%);mask:linear-gradient(90deg,#000 0,#000 170px,transparent 290px,transparent calc(100% - 290px),#000 calc(100% - 170px),#000 100%)}}
/* компьютер: разделы во всю ширину не заливаем — сбоку везде одинаково виден фон с кубиками (03.11.2026, управляющий: «боковушки по всему фону — прозрачные»); карточки внутри — как были */
@media (min-width:901px){
  html[data-bgd] :is(section.hw,section.sec.fz){background-color:transparent!important}
  html[data-bgd] :is(section.rb,section.sec.on-surface){background:transparent!important}
}
/* лента модулей: двигает juice.js — тянуть пальцем/мышью, по кругу; без выделения текста при протягивании; без полосок-рамок сверху и снизу (03.11.2026) */
.rb{border-block:0!important}
.rb-row.rb-js{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.rb-row.rb-js:active{cursor:grabbing}
.rb-row.rb-js .rb-tr{animation:none!important;will-change:transform}
.rb-row.rb-js .rb-c{-webkit-user-drag:none;-webkit-touch-callout:none}
/* компьютер, айфон-демо прилип: меню айфона на 2 px выше нижней рамки — в щель просвечивали плитки полоской текста; меню продлено вниз под рамку (03.11.2026) */
.ph-track.on .phone.iphone .tabbar{box-shadow:0 10px 0 0 #fff}
html[data-theme=dark] .ph-track.on .phone.iphone .tabbar{box-shadow:0 10px 0 0 rgb(30,22,33)}
/* тёмная тема: край карточек блоков — нейтральная еле заметная обводка, а не цветная линия (красная у красных модулей) */
html[data-theme=dark] body .jcard{box-shadow:inset 0 -6px 0 color-mix(in srgb,var(--c) 32%,transparent),0 0 0 1px rgba(255,255,255,.05),0 30px 60px -36px rgba(0,0,0,.8)!important}
/* айфон-демо на компьютере: «окно» обрезает содержимое через clip-path, а не маской — маска не всегда отсекала слои плиток, оставались полоски-«залипушки» под айфоном (03.11.2026) */
.ph-track.on .ph-clip{-webkit-mask-image:none!important;mask-image:none!important;clip-path:inset(0 round var(--rad,40px))}
/* «Не хватает какого-то модуля?» над кубиком: стояла выше края сцены и обрезалась — на экране оставалась полоска-«залипушка»; заголовок «Добавьте любой свой модуль» говорит то же (03.11.2026) */
@media (min-width:901px){.cube-stage .cube-kick{display:none!important}}
/* телефон: кубики фона — только у краёв экрана, под текстом ровный цвет страницы (03.11.2026, управляющий: «фон налазит на текст»); верхний слой — полоса цвета страницы по середине */
@media (max-width:900px){
  html[data-theme][data-bgm] body{background-image:linear-gradient(90deg,rgba(251,246,248,0) 0,#FBF6F8 13%,#FBF6F8 87%,rgba(251,246,248,0) 100%),var(--mbg-l)!important;background-size:100% 100%,100% auto!important;background-repeat:no-repeat,repeat-y!important;background-position:0 0,50% 0!important}
  html[data-theme=dark][data-bgm] body{background-image:linear-gradient(90deg,rgba(21,15,23,0) 0,#150F17 13%,#150F17 87%,rgba(21,15,23,0) 100%),var(--mbg-d)!important}
}
/* разделы во всю ширину не заливаем и на телефоне — фон один по всей странице, без границ над «29 модулей» */
html[data-bgm] :is(section.hw,section.sec.fz){background-color:transparent!important}
html[data-bgm] :is(section.rb,section.sec.on-surface){background:transparent!important}
/* первый экран: зелёная подсветка снизу слева не обрывается по краю блока — уходит вниз, под ленту «29 модулей» (03.11.2026, управляющий: «зелёная хорошая, продли в глубину») */
html body section.hw{background:radial-gradient(60% 70% at 90% 10%,#FFF3A0 0,transparent 62%)!important;position:relative;overflow:visible!important;isolation:isolate}
html[data-theme=dark] body section.hw{background:radial-gradient(55% 70% at 92% 8%,rgba(255,92,138,.22) 0,transparent 60%)!important}
html body section.hw::after{content:"";position:absolute;left:-22%;bottom:-460px;width:min(1100px,90%);height:900px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(124,194,52,.22),rgba(124,194,52,.08) 55%,transparent)}
html[data-theme=dark] body section.hw::after{background:radial-gradient(closest-side,rgba(124,194,52,.2),rgba(124,194,52,.07) 55%,transparent)}
/* раздел шифрования: без своей подсветки — она начиналась резко по верхнему краю раздела, полосой над «Ключ — ваш» */
html body section.sec.fz{background:transparent!important}
/* айфон выезжает в центр без затемнения страницы (03.11.2026, управляющий: «затемнять не нужно») */
.ph-dim{display:none!important}
/* кубики фона — только в полях за карточками (карточки 1060 px по центру): растворяются до края карточки, а не торчат из-под неё (03.11.2026) */
@media (min-width:901px){html[data-bgd] .page-bg{-webkit-mask:linear-gradient(90deg,#000 0,#000 calc(50% - 600px),transparent calc(50% - 535px),transparent calc(50% + 535px),#000 calc(50% + 600px),#000 100%)!important;mask:linear-gradient(90deg,#000 0,#000 calc(50% - 600px),transparent calc(50% - 535px),transparent calc(50% + 535px),#000 calc(50% + 600px),#000 100%)!important}}
/* левая колонна кубиков снята — выглядывала обрывками из-под карточек (03.11.2026, управляющий); правая — только в поле справа */
@media (min-width:901px){html[data-bgd] .page-bg::before{display:none!important}}
/* лента «29 модулей» — кубики-кирпичики, как слова на первом экране (03.11.2026, управляющий: «переосмысли, не плоские плитки»):
   два выступа сверху, толстый нижний край, фрукт — наклейкой на углу, а не в белом квадрате */
.rb-row{padding:22px 0 14px!important}
.rb-c{position:relative;display:block!important;width:236px!important;min-height:112px;padding:16px 18px 18px!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 50%),var(--c)!important;
  box-shadow:inset 0 -8px 0 rgba(0,0,0,.17),0 14px 20px -14px color-mix(in srgb,var(--c) 85%,#000)!important}
.rb-c::before,.rb-c::after{content:"";position:absolute;top:-9px;width:46px;height:12px;border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0)),var(--c);box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.rb-c::before{left:18px}.rb-c::after{left:76px}
.rb-c i{position:absolute!important;right:10px;top:-16px;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important;
  font-size:38px!important;line-height:1;rotate:12deg;filter:drop-shadow(0 5px 5px rgba(0,0,0,.28))}
.rb-c:hover i{transform:rotate(-10deg) scale(1.12)}
.rb-c b{display:block;padding-right:34px;font-size:18px!important;font-weight:850!important;letter-spacing:-.025em}
.rb-c span{display:block;margin-top:6px;font-size:13.5px}
@media (max-width:640px){.rb-c{width:200px!important;min-height:104px;padding:14px 15px 16px!important}.rb-c i{font-size:32px!important;top:-14px}.rb-c b{font-size:16px!important}.rb-c::after{left:66px}}
/* баннер cookie — маленький (03.11.2026, управляющий): строка текста и две кнопки; на телефоне не закрывает кубик чата справа */
.ck{flex-direction:row!important;align-items:center;gap:10px!important;max-width:380px!important;padding:9px 10px 9px 14px!important;border-radius:16px!important}
.ck p{font-size:13px!important;line-height:1.35!important}
.ck-b{flex-wrap:nowrap!important;gap:6px!important}.ck-b .btn{padding:8px 14px!important;font-size:14px!important}.ck-no{padding:8px 12px!important;font-size:14px!important}
html[data-theme=dark] .ck{background:#221a26!important;box-shadow:0 20px 50px -18px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)!important}html[data-theme=dark] .ck-no{background:rgba(255,255,255,.08);color:#F4EAF0}
@media (max-width:560px){.ck{left:8px!important;right:76px!important;bottom:10px!important;max-width:none!important}}
/* плашка «По запросу» — делаем индивидуально под компанию (04.11.2026) */
.badge.b-ask{background:#E3ECFF;color:#2440A8;box-shadow:inset 0 0 0 1px rgba(47,98,214,.3)}
html[data-theme=dark] .badge.b-ask{background:rgba(120,150,255,.16);color:#A9BCFF;box-shadow:inset 0 0 0 1px rgba(169,188,255,.3)}
.on-dark .badge.b-ask{background:rgba(255,255,255,.14);color:#D6E0FF}