/* Тёмная тема сайта (03.11.2026): включается сама, если браузер в тёмной теме; ☀️/🌙 в шапке — выбор посетителя (помнит браузер).
   Тема ставится на <html data-theme="dark"> скриптом в layout.html до отрисовки. Грузится последней — перекрывает site.css и juice.css.
   Фрукты и цвета модулей те же, темнеют фоны: сливовая ночь вместо розово-лимонного дня. */

/* переключатель в шапке — в обеих темах */
.theme-b{display:inline-grid;place-items:center;width:40px;height:40px;margin-left:4px;border:0;border-radius:12px;cursor:pointer;background:rgba(42,23,32,.06);font-size:19px;line-height:1;position:relative;transition:background .2s,transform .3s cubic-bezier(.34,1.6,.64,1)}
.theme-b:hover{transform:rotate(-14deg) scale(1.08)}
.theme-b:focus-visible{outline:3px solid #FFD83D;outline-offset:2px}
.theme-b .tb-sun{display:none}.theme-b .tb-txt{display:none} /* значок — куда переключить: в светлой 🌙, в тёмной ☀️ */
html[data-theme=dark] .theme-b .tb-moon{display:none}html[data-theme=dark] .theme-b .tb-sun{display:block}
@media (max-width:900px){.nav .theme-b{width:auto;height:auto;padding:12px 14px;gap:10px;grid-auto-flow:column;justify-content:start;font-size:18px;margin:6px 0 0}.nav .theme-b .tb-txt{display:block;font-weight:600;font-size:16px;line-height:1;color:inherit}.nav .theme-b,.nav .theme-b:hover{transform:none!important;transition:background .2s}}

html[data-theme=dark]{color-scheme:dark;
  --bg:#150F17; --surface:#1E1621; --ink:#F4EAF0; --muted:#B3A1AC; --before:#4A3A44;
  --accent:#FF5C8A; --accent-strong:#FF7AA0; --accent-ink:#1A0F14; --field:#261C29; --paper:#1E1621;
  --dark:#0D090F; --dark-ink:#F4EAF0; --ok:#8FD18F; --ok-bg:#1F3523; --no:#F2A08F; --no-bg:#3A201B;
  --dk-card:#221A26; --dk-card2:#2A2030; --dk-line:rgba(255,255,255,.08)}
html[data-theme=dark] body{background:var(--bg)!important;color:var(--ink)}
html[data-theme=dark] .theme-b{background:rgba(255,255,255,.08)}

/* шапка и меню */
html[data-theme=dark] header.top{background:rgba(21,15,23,.86)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--dk-line)!important}
html[data-theme=dark] .nav{background:transparent}
html[data-theme=dark] .nav a,html[data-theme=dark] .nav-dd-b{color:var(--ink)!important}
html[data-theme=dark] .nav>a,html[data-theme=dark] .nav-dd-b{background:transparent}
html[data-theme=dark] .mark span,html[data-theme=dark] .mark span+span{color:#F4EAF0!important;-webkit-text-fill-color:#F4EAF0!important}
html[data-theme=dark] .nav-ddp{background:#1E1621!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px var(--dk-line)!important}
html[data-theme=dark] .nav-ddp a{background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
html[data-theme=dark] .nav-ddp a:hover{background:#2A2030!important}
html[data-theme=dark] .nav-ddp a small,html[data-theme=dark] .nav-ddh,html[data-theme=dark] .nav-ddg{color:var(--muted)!important}
html[data-theme=dark] .burger i{background:var(--ink)}
@media (max-width:900px){html[data-theme=dark] .nav{background:#150F17!important}}

/* общие разделы */
html[data-theme=dark] .on-surface,html[data-theme=dark] .on-paper,html[data-theme=dark] .on-field{background:var(--surface)!important}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--ink)}
html[data-theme=dark] .lead,html[data-theme=dark] p{color:inherit}
html[data-theme=dark] .ui-cap,html[data-theme=dark] .small{color:var(--muted)!important}
html[data-theme=dark] .hero-top::before{opacity:.18}
html[data-theme=dark] footer,html[data-theme=dark] .foot{background:#0D090F!important;color:var(--ink)}

/* первый экран «Соберите свой сервис» и фоны блоков — ночной лимонад */
html[data-theme=dark] .hw{background:radial-gradient(55% 70% at 92% 8%,rgba(255,92,138,.22) 0,transparent 60%),radial-gradient(50% 60% at 4% 96%,rgba(124,194,52,.18) 0,transparent 60%),#150F17!important}
html[data-theme=dark] .hw p,html[data-theme=dark] .hw .lead{color:var(--ink)!important}

/* лента модулей */
html[data-theme=dark] .rb{background:linear-gradient(180deg,#1A121D,#150F17)!important;border-color:var(--dk-line)!important}
html[data-theme=dark] .rb-k{color:var(--muted)}html[data-theme=dark] .rb-k b{color:var(--ink)}
html[data-theme=dark] .rb-c i{background:rgba(255,255,255,.92)}

/* карточки блоков (juice): фон — тёмный с подсветкой цвета модуля */
html[data-theme=dark] .jb>.wrap,html[data-theme=dark] .jbn-card,html[data-theme=dark] .jcrm>.wrap,html[data-theme=dark] .jint>.wrap,html[data-theme=dark] .pc-card{
  background:radial-gradient(80% 90% at 100% 0,color-mix(in srgb,var(--c,#FF8A3C) 26%,transparent) 0,transparent 62%),linear-gradient(160deg,#241B28,#1B141E)!important;
  box-shadow:inset 0 -6px 0 color-mix(in srgb,var(--c,#FF8A3C) 30%,transparent),0 30px 60px -36px rgba(0,0,0,.8)!important;color:var(--ink)}
html[data-theme=dark] .jcrm>.wrap{--c:#FF8A3C}html[data-theme=dark] .jint>.wrap{--c:#7B6CFF}
html[data-theme=dark] .jb.v3>.wrap{background:radial-gradient(90% 90% at 0 0,color-mix(in srgb,var(--c) 45%,transparent),transparent 60%),#0D090F!important}
html[data-theme=dark] .jb.v6>.wrap::before{opacity:.35}
html[data-theme=dark] .jb.v7>.wrap{background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.15),transparent 40%),linear-gradient(150deg,color-mix(in srgb,var(--c) 55%,#1B141E),color-mix(in srgb,var(--c) 30%,#1B141E))!important}
html[data-theme=dark] .jb h2,html[data-theme=dark] .jcrm h2,html[data-theme=dark] .jint h2,html[data-theme=dark] .jbn-k{color:var(--ink)!important}
html[data-theme=dark] .jb .lead,html[data-theme=dark] .jcrm .lead,html[data-theme=dark] .jint .lead{color:var(--muted)!important}
html[data-theme=dark] .jb ul.plain li,html[data-theme=dark] .jcrm ul.plain li,html[data-theme=dark] .jint .int-card,html[data-theme=dark] .faq-list .qa,html[data-theme=dark] .pc-r,html[data-theme=dark] .fp-who span,html[data-theme=dark] .fz-pane{
  background:var(--dk-card2)!important;color:var(--ink)!important}
html[data-theme=dark] .jint .int-card p,html[data-theme=dark] .faq-list .qa p{color:var(--muted)!important}
html[data-theme=dark] .jb.v8 ul.plain{background:var(--dk-card2)!important}
html[data-theme=dark] .jb.v9 ul.plain li:nth-child(4n+1),html[data-theme=dark] .jb.v9 ul.plain li:nth-child(4n+4){background:color-mix(in srgb,var(--c) 22%,#2A2030)!important}

/* «Что сейчас мешает?» */
html[data-theme=dark] .builder .mod{color:var(--ink)!important}
html[data-theme=dark] .builder .mod .sw{background:#3A2E3E}
html[data-theme=dark] .builder .mods-sub{color:var(--muted)!important}
html[data-theme=dark] .mod-how{background:var(--dk-card2)!important;color:var(--ink)}
html[data-theme=dark] .feat[data-j]{background:color-mix(in srgb,var(--c) 18%,#1E1621)!important;color:var(--ink)!important}
html[data-theme=dark] .feat .fe{background:rgba(255,255,255,.9)}

/* шифратор и страница фото */
html[data-theme=dark] .fz{background:radial-gradient(60% 80% at 50% 0,rgba(91,91,255,.18) 0,transparent 70%),var(--bg)!important}
html[data-theme=dark] .fz-hd,html[data-theme=dark] .fz-pane p{color:var(--ink)!important}
html[data-theme=dark] .fz-mid b{color:#A99BFF}
html[data-theme=dark] .fh{background:radial-gradient(55% 70% at 92% 8%,rgba(255,92,138,.2) 0,transparent 60%),radial-gradient(50% 60% at 4% 96%,rgba(124,194,52,.15) 0,transparent 60%),#150F17!important}
html[data-theme=dark] .fh-sub{color:var(--ink)!important}
html[data-theme=dark] .fh-card,html[data-theme=dark] .fcmp .card{background:var(--dk-card2)!important;color:var(--ink)}
html[data-theme=dark] .fh-card small{color:var(--muted)!important}
html[data-theme=dark] .fh-ex button{background:#3A2E3E;color:var(--ink)}html[data-theme=dark] .fh-ex button[aria-pressed=true]{background:#F4EAF0;color:#1A0F14}
html[data-theme=dark] .fcmp .cmp-new{background:radial-gradient(80% 70% at 100% 0,rgba(255,92,138,.18),transparent 60%),#1E1621!important}

/* картинки-сцены (бывший «барабан») */
html[data-theme=dark] .jbn .hs-sc{filter:none}
html[data-theme=dark] a.link,html[data-theme=dark] .hw a:not(.btn):not([class*=b1]){color:var(--ink)!important}
html[data-theme=dark] .fr{background:radial-gradient(70% 80% at 100% 0,rgba(108,194,74,.3) 0,transparent 60%),radial-gradient(60% 70% at 0 100%,rgba(255,216,61,.18) 0,transparent 70%),linear-gradient(160deg,#241B28,#1B141E)!important;color:var(--ink)!important}
html[data-theme=dark] .fr-l h2{color:var(--ink)!important}html[data-theme=dark] .fr-l>p,html[data-theme=dark] .fr-note{color:var(--muted)}html[data-theme=dark] .fr-note a{color:var(--ink)}
html[data-theme=dark] .fr-req,html[data-theme=dark] .fr-res{background:var(--dk-card2);color:var(--ink)}html[data-theme=dark] .fr-cur{background:var(--ink)}
html[data-theme=dark] .cm-s{background:color-mix(in srgb,var(--k) 18%,#221A26)!important;color:var(--ink)!important}
html[data-theme=dark] .cm-s p{color:var(--muted)!important}
html[data-theme=dark] .cm-head p{color:var(--muted)}
html[data-theme=dark] .jdev>.wrap{background:radial-gradient(70% 80% at 100% 0,rgba(123,108,255,.25) 0,transparent 60%),linear-gradient(160deg,#241B28,#1B141E)!important;box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
html[data-theme=dark] .jdev-l li{background:var(--dk-card2);color:var(--ink)}html[data-theme=dark] .jdev-l span{color:var(--muted)}
html[data-theme=dark] .jd{background:#0B070D}
/* чат «Что автоматизировать?» в тёмной теме: тёмная плашка и окно, светлый текст */
html[data-theme=dark] .ask-fab{background:rgba(34,26,38,.96)!important;color:var(--ink)!important;box-shadow:0 10px 28px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1)!important}
html[data-theme=dark] .ask-panel{background:var(--bg)!important;box-shadow:0 30px 70px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1)!important}
html[data-theme=dark] .ask-head{background:var(--surface)!important;border-color:var(--dk-line)!important}
html[data-theme=dark] .ask-chip,html[data-theme=dark] .ask-mic,html[data-theme=dark] .ask-rec{background:var(--dk-card2)!important;color:#FFB3CB!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme=dark] .ask-in{background:var(--dk-card2)!important;color:var(--ink)!important;border-color:rgba(255,255,255,.12)!important}
/* телефоны и устройства на тёмном фоне — светлые «серебряные» рамки, иначе сливаются (управляющий, 03.11.2026) */
html[data-theme=dark] .phone.iphone{border-color:#D8D0DE!important;box-shadow:0 0 0 2px #8E8398,0 24px 50px -24px rgba(0,0,0,.8)!important}
html[data-theme=dark] .ph-track.on .ph-bot{border-color:#D8D0DE!important}
html[data-theme=dark] .fh-ph,html[data-theme=dark] .fp-ph{background:linear-gradient(160deg,#EDE7F1,#BFB5C7)!important;box-shadow:0 0 0 2px #8E8398,0 30px 60px -24px rgba(0,0,0,.8)!important}
html[data-theme=dark] .jd{background:linear-gradient(160deg,#EDE7F1,#BFB5C7)!important}
html[data-theme=dark] .jd-bar{color:#5d4f55}
html[data-theme=dark] .fcmp{box-shadow:0 0 0 2px #8E8398,0 30px 60px -30px rgba(0,0,0,.8)!important}
html[data-theme=dark] .cube-cap,html[data-theme=dark] .cube-stage .cube-mods .cube-cap{color:var(--ink)!important}
html[data-theme=dark] .cube-kick,html[data-theme=dark] .cube-sub,html[data-theme=dark] .cube-cap small{color:var(--muted)!important}
html[data-theme=dark] .ba-after{background:radial-gradient(70% 80% at 100% 0,rgba(255,77,109,.22) 0,transparent 60%),linear-gradient(160deg,#241B28,#1B141E)!important}
html[data-theme=dark] .ba-after .ba-tag{background:#F4EAF0!important;color:#1A0F14!important}
/* «Добавьте свой модуль»: начало заголовка не тёмное на чёрном — градиент от светлого к розовому */
html[data-theme=dark] .cube-cap,html[data-theme=dark] .cube-cap *{background-image:linear-gradient(90deg,#F4EAF0 0%,#FFB3CB 55%,#FF5C8A 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme=dark] .jcard{background:radial-gradient(70% 80% at 100% 0,color-mix(in srgb,var(--c) 24%,transparent) 0,transparent 60%),linear-gradient(160deg,#241B28,#1B141E)!important;color:var(--ink)!important;
  box-shadow:inset 0 -6px 0 color-mix(in srgb,var(--c) 32%,transparent),0 0 0 1px color-mix(in srgb,var(--c) 20%,transparent),0 30px 60px -36px rgba(0,0,0,.8)!important}
html[data-theme=dark] .jnum b{color:color-mix(in srgb,var(--c) 70%,#fff)}
/* «Все модули» в тёмной теме: плитки тёмные, текст светлый, выбранная — подсвечена */
html[data-theme=dark] .mx-c,html[data-theme=dark] .on-surface .mx-c{background:var(--dk-card2)!important;color:var(--ink)!important;box-shadow:0 0 0 1px rgba(255,255,255,.06)!important}
html[data-theme=dark] .mx-c:hover,html[data-theme=dark] .on-surface .mx-c:hover{background:#352A3B!important}
html[data-theme=dark] .mx-c[aria-pressed=true],html[data-theme=dark] .on-surface .mx-c[aria-pressed=true]{background:#3B2E44!important;box-shadow:0 0 0 2px var(--c,#8E3BD0)!important}
html[data-theme=dark] .mx-panel{background:var(--dk-card2)!important;color:var(--ink)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important}
html[data-theme=dark] .mx-g small{color:#FFB3CB!important}
/* шапка: кнопка «Модули» и пункты — светлый текст на прозрачном (была белая пилюля с бледным текстом) */
html[data-theme=dark] .nav-dd-b,html[data-theme=dark] .nav>a,html[data-theme=dark] .nav-dd.open .nav-dd-b{background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
html[data-theme=dark] .nav-dd.open .nav-dd-b,html[data-theme=dark] .nav>a[aria-current]{background:rgba(255,255,255,.1)!important}
/* телефон: нижнее меню — тёмное, подписи читаются */
html[data-theme=dark] .tabbar,html[data-theme=dark] .ph-track.on .phone.iphone .tabbar{background:#1E1621!important;color:#B3A1AC!important}
html[data-theme=dark] .tabbar .on{color:#F4EAF0!important}
html[data-theme=dark] .tabbar .ti{background:#4A3A44}html[data-theme=dark] .tabbar .on .ti{background:#F4EAF0}
html[data-theme=dark] .nav-dd.cur .nav-dd-b{background:rgba(255,255,255,.1)!important;box-shadow:none!important}
/* «Один день» и цена в тёмной теме: карточки тёмные, текст читается */
html[data-theme=dark] .hs-day li{background:var(--dk-card2)!important;color:var(--ink)!important;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 18px 40px -26px rgba(0,0,0,.8)!important}
html[data-theme=dark] .hs-day li b{color:var(--ink)!important}html[data-theme=dark] .hs-day li span{color:var(--muted)!important}
html[data-theme=dark] .hs-day time{background:#150F17!important}
html[data-theme=dark] .jp{background:var(--dk-card2)!important;color:var(--ink)}html[data-theme=dark] .jp p,html[data-theme=dark] .jp-sum small{color:var(--muted)!important}
html[data-theme=dark] .jh-steps li{background:color-mix(in srgb,var(--k) 16%,#221A26)!important;color:var(--ink)}html[data-theme=dark] .jh-steps span{color:var(--muted)}
html[data-theme=dark] .jh-h{background:var(--dk-card2)!important;color:var(--ink)}html[data-theme=dark] .jh-h span{color:var(--muted)}
html[data-theme=dark] .svc{background:#3A2030;color:var(--ink)}
/* страницы модулей (03.11.2026): макеты-бумажки остаются светлыми — текст на них тёмный; белые карточки-описания — тёмные */
html[data-theme=dark] :is(.hq-debt,.hq-msg.in,.hq-rcpt,.qr-cr,.hr-card,.hb-paper,.hb-f li,.hb-st span,.bl-paper,.bl-f li,.bl-chain span,.hk2-sheet,.hk2-to li.c,.ap-flow li.soon,.rvp-tag,.fp-sl.s5,.fp-tiles span,.fz-knob,.step.st3){--ink:#2A1720;--muted:#6B5A63;--text:#2A1720;color:#2A1720}
html[data-theme=dark] :is(.hq-debt,.hq-msg.in,.hq-rcpt,.qr-cr,.hr-card,.hb-paper,.hb-f li,.bl-paper,.bl-f li,.hk2-sheet,.hk2-to li.c,.ap-flow li.soon,.fp-sl.s5,.step.st3) :is(h3,h4,b,strong,p,small,span:not([class*=st]),i,s,.s-name,.s-body){color:inherit}
html[data-theme=dark] :is(.hq-debt,.hr-card,.hb-f li,.bl-f li,.hk2-to li.c,.ap-flow li.soon,.step.st3) :is(small,span,p,.s-body){opacity:.78}
html[data-theme=dark] main :is(.quad>div,.chk-grid>div,.sp-card){background:var(--dk-card2)!important;color:var(--ink)}
html[data-theme=dark] main :is(.quad>div,.chk-grid>div,.sp-card) :is(h3,b,strong){color:var(--ink)}html[data-theme=dark] main :is(.quad>div,.chk-grid>div,.sp-card) p{color:var(--muted)}
html[data-theme=dark] .fx-k:is(.dk,.fx-wide) :is(h3,p){color:#2A1720!important}
html[data-theme=dark] .fh-scr{color:#F4EAF0}html[data-theme=dark] .fh-scr :is(strong,i){color:#fff}
html[data-theme=dark] :is(.fu-kpi,.fu-demo,main li) :is(b,em).in{color:#5FD3A8}html[data-theme=dark] :is(.fu-kpi,.fu-demo,main li) :is(b,em).out{color:#FF9DB3}
html[data-theme=dark] .int-st{color:#CDBFD4}html[data-theme=dark] .int-st.ok{color:#7FE0B0}
html[data-theme=dark] .btn{color:#fff}
html[data-theme=dark] .int-st.soon{color:#8A1F4A}html[data-theme=dark] .fu-demo b.q{color:#CDBFD4}
html[data-theme=dark] .fp-who span b{color:#F3EEF6!important}html[data-theme=dark] .fp-sl.s5 .fp-req span{color:#2A1720}html[data-theme=dark] .pc-req span{color:#2A1720}
html[data-theme=dark] .fh-scr small{color:#CFE3DA}html[data-theme=dark] .pc-ring b{color:var(--ink)}
html[data-theme=dark] .fg-e i,html[data-theme=dark] .fg-e b{color:#2A1720}
html[data-theme=dark] main section.jb{--ink:#F4EAF0;--muted:#CDBFD4}html[data-theme=dark] main section.jb :is(h2,h3,li,b,strong){color:#F4EAF0!important}html[data-theme=dark] main section.jb p{color:#CDBFD4!important}
html[data-theme=dark] :is(.kz-cal,.kz-ch:not(.on),.hb-b){--ink:#2A1720;--muted:#6B5A63;color:#2A1720}html[data-theme=dark] :is(.kz-cal,.hb-b) :is(b,span,em,i,small){color:inherit}
html[data-theme=dark] .kz-cal b[class*=r]{color:#2A1720}html[data-theme=dark] .kz-ch.on{color:#fff}
html[data-theme=dark] .tr-c.tr-t1{background:linear-gradient(160deg,#2C2140,#241B28 70%)!important}
html[data-theme=dark] .cm-s.on :is(h4,p){color:var(--ink)!important}

html[data-theme=dark] .ot-c{background:#1d2130;box-shadow:none;border:1px solid rgba(255,255,255,.08)}
html[data-theme=dark] .ot-f,html[data-theme=dark] .ind-more a{color:#8FB0FF}
html[data-theme=dark] .ind-more a{background:rgba(143,176,255,.12)}
/* проверка контраста тёмной темы по всем страницам (03.11.2026) */
html[data-theme=dark] .qr-rc,html[data-theme=dark] .qr-rc *{color:#2A1720}
html[data-theme=dark] .bs-tabs button[aria-pressed=true]{color:#1A1216}
/* окно-демо в телефоне (site.js, .demo) — белый экран телефона: внутри — светлые цвета, иначе светлый текст на белом (03.11.2026) */
html[data-theme=dark] .demo{--ink:#2A1720;--muted:#7A6470;--surface:#F3E9EE;--paper:#fff;--field:#F1E2E9;--before:#D9C9CF;color:#2A1720}
html[data-theme=dark] .badge.b-soon{color:#A81E4F!important}html[data-theme=dark] .badge.b-beta{color:#0F6E63!important}
html[data-theme=dark] .r em{color:#2A1720}
/* айфон: «ещё модули» внизу — тёмная дымка вместо белой полосы (03.11.2026) */
html[data-theme=dark] .tiles-more span{background:linear-gradient(rgba(30,22,33,0),#1E1621 75%);color:#FF9CC7}
/* шторки в телефоне («Добавить модуль», «Смотреть как…», «Сервис наудачу») — белые: внутри светлые цвета, иначе текст пропадает (03.11.2026) */
html[data-theme=dark] .phone-pick{--ink:#2A1720;--muted:#7A6470;--surface:#F3E9EE;--paper:#fff;--field:#F1E2E9;color:#2A1720}
html[data-theme=dark] .phone-pick :is(.pp-m,.pp-m span,.pp-top b,.pv-row b,.dm-s){color:#2A1720}
html[data-theme=dark] .phone-pick .pv-row small{color:#7A6470}
/* «Финансы», «Цена»: светлая карточка «Первый месяц» — тёмный текст (03.11.2026) */
html[data-theme=dark] .fp:not(.fp-on):not(.fp-dk),html[data-theme=dark] .fp:not(.fp-on):not(.fp-dk) :is(b,li,ul){color:#2A1720!important}
html[data-theme=dark] .fp-soon{color:#2A1720}