/* Общие элементы двух тем; материалы иллюстраций определены в scene-light.css. */
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);transition:background .2s,color .2s,border-color .2s}
.theme-toggle:hover{color:var(--text);background:var(--raised);border-color:var(--brand)}
.theme-toggle svg{width:19px;height:19px}.theme-toggle .theme-moon{display:none}
[data-theme=light] .theme-toggle .theme-sun{display:none}[data-theme=light] .theme-toggle .theme-moon{display:block}
.cookie-notice{position:fixed;z-index:90;right:24px;bottom:24px;display:flex;align-items:center;gap:20px;max-width:580px;padding:20px 22px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 12px 36px #0003;color:var(--text)}
.cookie-notice[hidden]{display:none}.cookie-notice p{font-size:14px;line-height:1.6}.cookie-notice strong{display:block;font-size:15px;margin-bottom:5px}.cookie-notice a{text-decoration:underline;text-underline-offset:3px;color:var(--brand)}
.cookie-notice button{flex:none;padding:9px 13px;background:var(--raised);border:1px solid var(--line);border-radius:5px;font-size:14px}.cookie-notice button:hover{border-color:var(--brand)}
.site-footer .footer-label{color:#e0e9e5!important;font:600 16px/1.5 Inter,Arial,sans-serif!important;letter-spacing:0;margin-bottom:22px}
.site-footer .footer-grid a:not(.brand){color:#9eb0b9;transition:color .2s}.site-footer .footer-grid a:not(.brand):hover{color:#d6efce;text-decoration:underline;text-underline-offset:4px}
.solution-scene .bank-channels{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.solution-scene .bank-channels>small{position:static;inset:auto;margin:0;order:-1;font-size:14px!important;line-height:1.5;color:var(--accent);text-align:left}
.solution-scene .bank-channels .packet-lane{display:none}.solution-scene .bank-channels>div:first-of-type{justify-content:flex-start}
.solution-flow-packet{stroke-width:3.6;stroke:color-mix(in srgb,var(--accent) 68%,#fff);stroke-dasharray:.085 .915}.js .demo.in-view .solution-flow-packet{opacity:1}
.channel-packet{stroke-width:3.8;stroke:color-mix(in srgb,var(--tone) 65%,#fff);stroke-dasharray:.045 .955}.js .story-visible .board-active .channel-packet{opacity:1}
.studio-work-signal{stroke-width:2.8!important;opacity:1}.kinetic-machine .kinetic-packet{stroke-width:3.2;stroke-dasharray:.13 .87}
[data-theme=light]{--scene-note-bg:#ffffffed;--scene-board-note-bg:#dce8dc;--scene-note-shadow:#b5c7b5}
[data-theme=light] .channel-packet{stroke:color-mix(in srgb,var(--tone) 82%,#17312b)}[data-theme=light] .solution-flow-packet{stroke:var(--accent)}
:root[data-theme=light]{color-scheme:light;--bg:#f5f8f5;--surface:#fff;--raised:#e8eeea;--line:#ccd7d1;--text:#172d27;--muted:#52675e;--dim:#61766b;--brand:#287439;--bank:#8b5a13;--docs:#a9325b;--lens:#85409a;--kz:#167180}
[data-theme=light] #banksklad{--accent:#946019!important}[data-theme=light] #banksklad-kz{--accent:#167180!important}[data-theme=light] #docssklad{--accent:#ad365c!important}[data-theme=light] #lenssklad{--accent:#8c429e!important}
[data-theme=light] .btn-primary{background:#277337;color:#f6fff6;border-color:#277337}[data-theme=light] .btn-primary:hover{background:#1c5e2c}
[data-theme=light] .brand img{filter:brightness(.55) saturate(.7)}
[data-theme=light] .site-header{background:#f5f8f5}[data-theme=light] .side-nav{background:#eff5efe6;border-color:#cad8cf;color:#52695d}[data-theme=light] .side-nav-link:hover,[data-theme=light] .side-nav-link.is-active{background:#dcebdc;color:#265c34}
[data-theme=light] .story-caption{color:#213f32}[data-theme=light] .story-caption p{color:#546c60}
[data-theme=light] .story-chapters>button{color:#5b7166;border-color:#baccc0}[data-theme=light] .story-chapters>button.is-current{color:#285e34;border-color:#287439}
[data-theme=light] .site-footer .footer-label{color:#203e2f!important}[data-theme=light] .site-footer .footer-grid a:not(.brand){color:#596d62}[data-theme=light] .site-footer .footer-grid a:not(.brand):hover{color:#226532}
[data-theme=light] .hero-process-visual,[data-theme=light] .own-business-visual{background:#e6eee7;border-color:#c7d8ca}
[data-theme=light] .cookie-notice{box-shadow:0 12px 36px #203a291a}
:root[data-theme=light] .site-header .header-telegram,:root[data-theme=light] .site-header .header-contacts .btn-primary{background:#287439;color:#f5fff5;border-color:#287439}
:root[data-theme=light] .site-header .header-telegram:hover,:root[data-theme=light] .site-header .header-contacts .btn-primary:hover{background:#205f30}
:root[data-theme=light] .matter-stage-label>strong{color:#213f32}:root[data-theme=light] .matter-stage-label>p{color:#546c60}:root[data-theme=light] .matter-stage-label .story-step{color:#416c39}
:root[data-theme=light] .story-skip{background:#e6eee8;color:#254132;border-color:#a6baac}
@media(max-width:1150px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto 36px 40px;gap:10px}.theme-toggle{grid-column:3;grid-row:1;width:36px;height:40px}.header-menu-toggle{grid-column:4;width:40px;height:40px}.site-header .brand img{width:130px}.header-telegram{min-height:40px;padding:8px 10px;font-size:14px;gap:5px}.solution-scene .bank-channels{align-items:center}.solution-scene .bank-channels>small{text-align:center}.solution-scene .bank-channels>div:first-of-type{justify-content:center}}
@media(max-width:600px){.cookie-notice{left:60px;right:12px;bottom:12px;padding:15px;gap:12px;align-items:flex-start}.cookie-notice p{font-size:12px}.cookie-notice strong{font-size:13px}.cookie-notice button{font-size:12px;padding:7px 9px}.site-header .header-inner{gap:6px;grid-template-columns:minmax(0,1fr) auto 32px 34px}.site-header .brand img{width:111px}.header-telegram{padding:7px;font-size:13px}.header-telegram svg{width:15px}.theme-toggle{width:32px;height:36px}.header-menu-toggle{width:34px;height:36px}.story-map .board-port.port-in:not(.package-vertical){width:calc(var(--mobile-width)*.94);height:calc(var(--mobile-height)*.94)}.story-map .board-port.package-vertical{width:calc(var(--mobile-vertical-width)*.94);height:calc(var(--mobile-vertical-height)*.94)}.story-map .board-port strong{font-size:10.5px}.story-map .board-port.port-out{width:21%;height:25px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
@media(max-width:600px){.practice-facts-studio>div:last-child dd{font-size:clamp(20px,5.2vw,26px);white-space:nowrap;letter-spacing:-.7px}}

/* На телефоне раскрытие меню находится слева в шапке; рейка содержит только переходы. */
.practice-card .practice-body .practice-illustration{width:92%;max-width:590px;margin:8px auto}.practice-card .practice-body .practice-illustration>svg{max-height:220px}
html .ds-cookie-consent{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 12px 32px #0002;border-radius:9px}
html .ds-cookie-consent__title{color:var(--text);font-weight:600}html .ds-cookie-consent__text{color:var(--muted)}html .ds-cookie-consent__link{color:var(--brand)!important}
html .ds-cookie-consent__button--accept{background:var(--brand);border-color:var(--brand);color:var(--bg)}html .ds-cookie-consent__button--reject{color:var(--text);border-color:var(--line)}
@media(min-width:1101px){.practice-card .practice-body{grid-template-rows:104px auto 220px 1fr}}
@media(max-width:1150px){
 .site-header .header-inner{grid-template-columns:36px minmax(0,1fr) auto 36px;gap:9px}
 .site-header .brand{grid-column:2}.header-menu-toggle{grid-column:1!important;grid-row:1;width:36px;height:40px}.header-telegram{grid-column:3}.theme-toggle{grid-column:4}
 .site-header .brand img{width:130px}.site-header .header-inner.wrap{margin-left:auto;margin-right:auto;width:calc(100% - 32px)}
 .side-navigation .side-nav-toggle{display:none!important}.side-menu-open .header-menu-toggle{visibility:visible;position:relative;z-index:82}
 .side-navigation[data-expanded=true]{top:86px;bottom:auto;transform:none;max-height:calc(100svh - 100px)}
 .side-navigation[data-expanded=true] .side-nav-menu{max-height:calc(100svh - 295px)}
}
@media(max-width:430px){.site-header .header-inner{gap:6px;grid-template-columns:32px minmax(0,1fr) auto 32px}.header-menu-toggle{width:32px;height:36px}.site-header .brand img{width:110px}.header-telegram{padding-inline:8px}}