/* ЩЁЛК identity. Storage keys and calculation behaviour are unchanged. */
@font-face{font-family:ShchelkSans;src:url('/vendor/DejaVuSans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand-lockup{--brand-ink:#f2f4fa;--brand-accent:#d2b8ef;--brand-halo:#b58ae330;display:inline-flex;align-items:center;gap:14px;max-width:100%;vertical-align:middle}
.brand-switch{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:15px;background:none;cursor:pointer;isolation:isolate;touch-action:manipulation;box-shadow:0 7px 18px #080f2626;transition:box-shadow .4s,transform .3s;filter:none!important}
.brand-switch>svg{display:block;width:100%;height:100%;stroke:none;fill:none;overflow:visible;pointer-events:none}
.brand-switch:hover{box-shadow:0 6px 22px var(--brand-halo);transform:translateY(-1px)}
.brand-switch:active{transform:translateY(1px)}
.brand-switch:focus-visible{outline:2px solid var(--brand-accent);outline-offset:5px}
.brand-switch::after{content:"";position:absolute;inset:2px;border:1px solid var(--brand-accent);border-radius:inherit;opacity:0;z-index:-1;pointer-events:none}
.brand-wordmark{font-family:ShchelkSans,"Helvetica Neue",Arial,sans-serif!important;font-size:30px;font-weight:400;line-height:1.2;letter-spacing:.17em;color:var(--brand-ink)!important;text-decoration:none;white-space:nowrap}
.brand-yo{position:relative;display:inline-block;line-height:inherit;color:var(--brand-accent,#d2b8ef)!important;transition:color .4s,text-shadow .4s}
.brand-yo-letter{position:relative;display:inline-block;color:inherit!important;line-height:inherit}
/* The whole letter fades; its advance width stays reserved. */
.brand-yo::before{content:none}
.is-yo-looping .brand-yo-letter{animation:shchelk-yo-breathe 8s ease-in-out infinite}
.is-yo-looping:not(.is-yo-visible) .brand-yo-letter,.brand-motion-paused .is-yo-looping .brand-yo-letter{animation-play-state:paused}
:is(.brand-lockup,[data-yo-reveal]).is-clicked .brand-yo-letter{animation:shchelk-yo-click 1.8s ease-in-out both}
.brand-thumb{transform-box:fill-box;transform-origin:center}
.brand-lockup.is-clicked .brand-thumb{animation:shchelk-click 1.8s cubic-bezier(.3,0,.2,1)}
.brand-lockup.is-clicked .brand-switch::after{animation:shchelk-halo 1.8s ease-out}
.brand-lockup.is-clicked .brand-yo{text-shadow:none}
.brand-sidebar{gap:11px}.brand-sidebar .brand-switch{width:42px;height:42px;border-radius:13px}.brand-sidebar .brand-wordmark{font-size:25px;letter-spacing:.14em}
aside .tagline{margin-top:14px;letter-spacing:2px;font-size:10px;color:#a7afc4}
.brand-mobile{gap:8px}.brand-mobile .brand-switch{width:34px;height:34px;border-radius:11px}.brand-mobile .brand-wordmark{font-size:19px;letter-spacing:.1em}
.brand-hero-title{font-family:ShchelkSans,"Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.12!important;letter-spacing:-.035em!important}.hero .brand-hero-title{font-size:64px;margin-top:24px}
.brand-signature{max-width:1104px;margin:0 auto;padding:52px 0 62px;border-top:1px solid #46506a;position:relative;overflow:hidden;text-align:center}
.brand-signature::before{content:"";position:absolute;width:350px;height:170px;left:50%;top:4px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#a684ce16,transparent 68%);pointer-events:none}
.brand-footer-logo{position:relative;gap:17px}.brand-footer-logo .brand-switch{width:62px;height:62px;border-radius:19px}.brand-footer-logo .brand-wordmark{font-size:44px;letter-spacing:.18em}
.brand-signature p{position:relative;margin:24px 0 8px;font-family:ShchelkSans,"Helvetica Neue",Arial,sans-serif;font-size:22px;letter-spacing:-.3px;font-weight:400;color:#edf0f8}.brand-signature>span{color:#aebbd2;font-size:14px}
footer.app-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid #64718b35;font-size:13px;letter-spacing:0;color:#b7c2d6}
.brand-footer-name{font-family:ShchelkSans,"Helvetica Neue",Arial,sans-serif;font-size:18px;letter-spacing:.13em;font-weight:400;color:#e4e8f3}.brand-footer-name>span{color:#cfb3eb}.brand-footer-name small{font-size:12px;letter-spacing:0;font-weight:400;color:#a9b8d2;margin-left:9px}.brand-footer-tagline{color:#c2b2d8}
.brand-auth{margin-bottom:30px}.brand-auth .brand-wordmark{font-size:29px}
.brand-static{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;letter-spacing:.12em}.brand-static img{width:40px;height:40px}.brand-static b{font-family:ShchelkSans,"Helvetica Neue",Arial,sans-serif;font-size:23px;font-weight:400}
.client-brand-footer{max-width:900px;margin:0 auto;padding:0 24px 32px;color:#526379;font-size:14px;letter-spacing:0}
body[data-theme="titanium"] .brand-lockup{--brand-ink:#27354a;--brand-accent:#576a86;--brand-halo:#526b8a22}body[data-theme="titanium"] .brand-switch{box-shadow:0 5px 15px #3b4d6420}body[data-theme="titanium"] .brand-yo{color:#526984!important}body[data-theme="titanium"] aside .tagline{color:#66778c}body[data-theme="titanium"] .brand-footer-name{color:#2c3e56}body[data-theme="titanium"] .brand-footer-name>span{color:#526984}body[data-theme="titanium"] .brand-footer-name small,body[data-theme="titanium"] .brand-footer-tagline{color:#53677f}
@keyframes shchelk-yo-breathe{0%,65%{opacity:1}74%,82%{opacity:0}90%,100%{opacity:1}}
@keyframes shchelk-yo-click{0%{opacity:1}18%,34%{opacity:0}62%,100%{opacity:1}}
@keyframes shchelk-click{0%,100%{transform:translateX(0)}22%,40%{transform:translateX(-22px)}68%{transform:translateX(1px)}}
@keyframes shchelk-halo{0%,28%{opacity:0;transform:scale(.95)}48%{opacity:.55}100%{opacity:0;transform:scale(1.45)}}
@media(max-width:1100px) and (min-width:801px){.brand-sidebar .brand-wordmark{font-size:24px}.brand-sidebar .brand-switch{width:36px;height:36px}.brand-sidebar{gap:9px}}
@media(max-width:800px){.brand-header .brand-switch{width:42px;height:42px}.brand-header .brand-wordmark{font-size:27px}.hero .brand-hero-title{font-size:52px}.brand-signature{margin:0 22px;padding:40px 0 44px}.brand-footer-logo .brand-switch{width:52px;height:52px}.brand-footer-logo .brand-wordmark{font-size:38px}.brand-signature p{font-size:22px}.brand-footer-name small{display:block;margin:6px 0 0}.app-footer .brand-footer-tagline{font-size:13px}.mobiletop{flex-shrink:0}.topbar .projectselect{max-width:120px}.topbar .topright{gap:8px}.topbar .theme-toggle{padding:8px;font-size:12px}}
@media(max-width:390px){.brand-header{gap:9px}.brand-header .brand-wordmark{font-size:24px}.brand-header .brand-switch{width:36px;height:36px}.brand-mobile .brand-switch{width:29px;height:29px}.brand-mobile .brand-wordmark{font-size:18px}.brand-mobile{gap:6px}.topbar .projectselect{max-width:105px}.topbar .topright{gap:5px}.topbar .avatar{height:28px;width:28px}.topbar .theme-toggle{padding:7px 6px;font-size:11px}.hero .brand-hero-title{font-size:46px}}
@media(prefers-reduced-motion:reduce){.brand-yo-letter{opacity:1!important;animation:none!important;filter:none!important}.brand-yo::before{opacity:0!important;animation:none!important}[data-yo-reveal] *{animation:none!important;transition:none!important}.brand-lockup *,.brand-lockup *::after{animation:none!important;transition:none!important}.brand-switch:hover{transform:none}}
@media print{.brand-switch{display:none!important}.app-footer,.brand-signature,.client-brand-footer{display:none!important}.brand-static img{width:28px;height:28px}}
/* Light-beam wordmark: fine vector strokes, with the same animated Ё. */
.brand-lockup{--brand-ink:#edf0f4;--brand-accent:#eef0f4;--brand-halo:#ffffff16;gap:7px}
.brand-wordmark{display:block;width:166px;line-height:0;letter-spacing:0}
.brand-type-svg{display:block;width:100%;height:auto;overflow:visible;color:inherit;stroke:none;fill:none}
.brand-type-lines path{vector-effect:none;stroke-width:3.4px}
.brand-type-svg .brand-yo-letter{display:inline;position:static;color:inherit!important}
.brand-switch{width:26px;height:32px;color:var(--brand-ink);background:transparent;border-radius:50%;box-shadow:none}
.brand-switch>svg{width:30px;height:30px;overflow:visible}
.brand-switch:hover{box-shadow:0 0 18px #ffffff09;transform:none}
.brand-switch::after{inset:5px 1px;border-color:currentColor}
.brand-switch:active{transform:scale(.97)}
.brand-header .brand-wordmark{width:172px}
.brand-sidebar{gap:4px}.brand-sidebar .brand-wordmark{width:142px}.brand-sidebar .brand-switch{width:24px;height:30px}
.brand-mobile{gap:3px}.brand-mobile .brand-wordmark{width:112px}.brand-mobile .brand-switch{width:22px;height:27px}
.brand-header .brand-ray,.brand-sidebar .brand-ray,.brand-mobile .brand-ray{opacity:.55}
.hero>div{min-width:0}
.brand-hero-title{margin:14px 0 24px!important;line-height:1.18!important}
.brand-hero-wordmark{display:block;width:470px;max-width:calc(100% + 28px);margin:-20px 0 -5px -22px;color:#f1f2f6!important;line-height:0}
.brand-hero-wordmark .brand-ray{opacity:.85}
.hero .brand-hero-caption{display:block;font-size:43px;line-height:1.23;letter-spacing:-.035em;color:#d6d0e2}
.brand-signature{margin:8px auto 30px;padding:50px 24px 55px;background:radial-gradient(ellipse at 39% 38%,#14182044,transparent 55%),#080a0e;border:1px solid #3b435044;border-radius:16px;isolation:isolate}
.brand-signature::before{display:none}
.brand-footer-logo{gap:8px;align-items:center;max-width:100%}
.brand-footer-logo .brand-wordmark{width:460px;max-width:calc(100% - 28px)}
.brand-footer-logo .brand-switch{width:26px;height:34px}
.brand-footer-logo .brand-ray{opacity:.95}
.brand-footer-logo .brand-type-lines path{stroke-width:3.4px}
.brand-signature p{margin:13px 0 12px;font-size:14px;font-weight:400;letter-spacing:.13em;color:#dbdfe7}
.brand-signature>span{font-size:11px;letter-spacing:.07em;color:#8d97aa}
.brand-auth .brand-wordmark{width:175px}.brand-auth{gap:7px}
.brand-static{--brand-ink:#25374b;color:var(--brand-ink);gap:0;line-height:0}
.brand-static .brand-type-svg{width:165px}
.brand-light .brand-type-lines path{stroke-width:3.4px}.brand-light .brand-ray{opacity:.18}
body[data-theme="titanium"] .brand-lockup{--brand-ink:#2a3c52;--brand-accent:#3a506a;--brand-halo:#536b8520}
body[data-theme="titanium"] .brand-switch{box-shadow:none}
body[data-theme="titanium"] .brand-type-svg .brand-ray{opacity:.14}
@media(min-width:801px) and (max-width:1100px){.brand-sidebar .brand-wordmark{width:132px}.brand-sidebar .brand-switch{width:20px}.brand-sidebar{gap:3px}}
@media(max-width:800px){.brand-header .brand-wordmark{width:156px}.brand-header .brand-switch{width:24px;height:30px}.brand-header{gap:5px}.brand-mobile .brand-switch{width:21px;height:27px}.brand-hero-wordmark{width:385px;max-width:calc(100% + 28px);margin:-8px 0 -3px -20px}.hero .brand-hero-caption{font-size:34px}.brand-signature{margin:5px 22px 25px;padding:35px 16px 38px}.brand-footer-logo .brand-wordmark{width:330px}.brand-footer-logo .brand-switch{width:20px;height:26px}.brand-footer-logo{gap:3px}.brand-signature p{font-size:12px;letter-spacing:.08em}.brand-signature>span{font-size:10px}}
@media(max-width:390px){.brand-header .brand-wordmark{width:143px}.brand-header .brand-switch{width:20px;height:25px}.brand-mobile .brand-wordmark{width:103px}.brand-mobile .brand-switch{width:19px;height:25px}.hero .brand-hero-caption{font-size:31px}.brand-static .brand-type-svg{width:145px}}
@media print{.brand-type-svg .brand-ray{display:none}.brand-static .brand-type-svg{color:#26374c}}
.brand-footer-logo .brand-switch{display:none}.brand-footer-logo{gap:0}.brand-footer-logo .brand-wordmark{max-width:100%}
/* Ё as a miniature circuit breaker: the lever moves before the letter lights. */
.brand-type-svg .brand-type-lines .brand-breaker-detail{stroke-width:1.15px}
.brand-breaker-lever{transform-box:fill-box;transform-origin:50% 70%}
.brand-breaker .brand-breaker-light{stroke-width:3.4px}
.is-yo-looping .brand-breaker-lever{animation:shchelk-breaker-loop 8s ease-in-out infinite}
.is-yo-looping .brand-breaker-light{animation:shchelk-yo-breathe 8s ease-in-out infinite}
.is-yo-looping:not(.is-yo-visible) .brand-breaker-lever,.is-yo-looping:not(.is-yo-visible) .brand-breaker-light,.brand-motion-paused .is-yo-looping .brand-breaker-lever,.brand-motion-paused .is-yo-looping .brand-breaker-light{animation-play-state:paused}
:is(.brand-lockup,[data-yo-reveal]).is-clicked .brand-breaker-lever{animation:shchelk-breaker-click 1.8s ease-in-out both}
:is(.brand-lockup,[data-yo-reveal]).is-clicked .brand-breaker-light{animation:shchelk-yo-click 1.8s ease-in-out both}
@keyframes shchelk-breaker-loop{0%,61%{transform:translateY(0) rotate(0)}66%,80%{transform:translateY(5px) rotate(6deg)}86%,100%{transform:translateY(0) rotate(0)}}
@keyframes shchelk-breaker-click{0%{transform:translateY(0) rotate(0)}12%,34%{transform:translateY(5px) rotate(6deg)}49%,100%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.brand-breaker-lever,.brand-breaker-light{animation:none!important;transform:none!important;opacity:1!important}}
.brand-header .brand-breaker-rating,.brand-sidebar .brand-breaker-rating,.brand-mobile .brand-breaker-rating{display:none}
@media print{.brand-yo-letter,.brand-breaker-lever,.brand-breaker-light{animation:none!important;opacity:1!important;transform:none!important}}
/* TopElectric wordmark: preserve the palette and breaker motion. */
.brand-wordmark{width:174px}.brand-type-svg .top-wordmark{stroke:none;fill:currentColor}.brand-header .brand-wordmark{width:190px}.brand-sidebar .brand-wordmark{width:154px}.brand-sidebar{gap:8px}.brand-sidebar .brand-switch{width:27px;height:38px}.brand-mobile .brand-wordmark{width:148px}.brand-mobile{gap:7px}.brand-mobile .brand-switch{width:24px;height:35px}.brand-switch{width:30px;height:43px;border-radius:7px}.brand-switch>svg{width:100%;height:100%}.brand-switch::after{border-radius:7px;inset:5px}.brand-hero-wordmark{width:520px;max-width:100%;margin:5px 0 8px}.brand-footer-logo .brand-switch{display:inline-grid;width:42px;height:58px}.brand-footer-logo .brand-wordmark{width:370px;max-width:calc(100% - 58px)}.brand-auth .brand-wordmark{width:225px}.brand-footer-name{letter-spacing:0;font-size:19px;font-weight:600}.brand-static .brand-type-svg{width:205px}
@media(max-width:800px){.brand-header .brand-wordmark{width:172px}.brand-header .brand-switch{width:25px;height:38px}.brand-header{gap:7px}.brand-mobile .brand-wordmark{width:145px}.brand-mobile .brand-switch{width:23px;height:34px}.brand-hero-wordmark{width:100%;max-width:100%;margin:5px 0 12px}.hero .brand-hero-caption{font-size:33px}.brand-footer-logo .brand-wordmark{width:285px;max-width:calc(100% - 44px)}.brand-footer-logo .brand-switch{width:31px;height:46px}.brand-auth .brand-wordmark{width:215px}.brand-static .brand-type-svg{width:190px}}
@media(max-width:390px){.brand-header .brand-wordmark{width:161px}.brand-mobile .brand-wordmark{width:139px}.hero .brand-hero-caption{font-size:30px}}