/* Собрано _tools/css-build.sh из _tools/css-src/home.css */
.mirror-demo{--led:255,240,220;--bri:1;--on:1;--k:calc(var(--on) * var(--bri));position:relative;display:grid;grid-template-columns:auto 256px;align-items:center;gap:var(--sp-32)}.mirror-demo:has(#md-3000:checked){--led:255,190,120}.mirror-demo:has(#md-6000:checked){--led:215,232,255}.mirror-demo:has(#md-bri-1:checked){--bri:.35}.mirror-demo:has(#md-bri-2:checked){--bri:.7}.mirror-demo:has(#md-led:not(:checked)){--on:0}.md-scene{position:relative;width:clamp(240px,21vw,320px);aspect-ratio:3/4}.md-halo{position:absolute;inset:-22% -42%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--led),.7),rgba(var(--led),.18) 55%,rgba(var(--led),0));opacity:var(--k);filter:blur(10px);transition:opacity .7s ease;pointer-events:none}.md-mirror{position:relative;height:100%;padding:12px;border-radius:40px;background:linear-gradient(145deg,#2c2723,#0f0d0b);box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08)}.md-led{position:absolute;inset:6px;z-index:1;border-radius:35px;border:3px solid rgba(var(--led),calc(.18 + .82 * var(--k)));box-shadow:0 0 calc(4px + 28px * var(--k)) rgba(var(--led),calc(.9 * var(--k))),inset 0 0 calc(20px * var(--k)) rgba(var(--led),calc(.75 * var(--k)));pointer-events:none;transition:border-color .5s ease,box-shadow .5s ease;animation:md-power 1.4s ease-out .3s backwards}@keyframes md-power{0%{opacity:0}30%{opacity:.8}38%{opacity:.15}55%{opacity:1}62%{opacity:.45}100%{opacity:1}}.md-glass{position:relative;height:100%;overflow:hidden;border-radius:29px;background:linear-gradient(170deg,#eef1f3 0%,#c6cdd3 32%,#8e98a1 70%,#5e6872 100%)}.md-glass::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 28%,rgba(255,255,255,.26) 37%,transparent 47% 60%,rgba(255,255,255,.12) 66%,transparent 73%),radial-gradient(90% 50% at 50% 0%,rgba(var(--led),calc(.55 * var(--k))),transparent 70%),radial-gradient(80% 40% at 50% 100%,rgba(var(--led),calc(.4 * var(--k))),transparent 70%),radial-gradient(40% 60% at 0% 50%,rgba(var(--led),calc(.35 * var(--k))),transparent 70%),radial-gradient(40% 60% at 100% 50%,rgba(var(--led),calc(.35 * var(--k))),transparent 70%);transition:background .5s}.md-sheen{position:absolute;top:-40%;bottom:-40%;left:-60%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(18deg);animation:md-sheen 7s ease-in-out 2.5s infinite}@keyframes md-sheen{0%,72%{left:-60%}100%{left:130%}}.md-fog{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.6) 0 2px,transparent 3px) 0 0/37px 41px,radial-gradient(circle at 63% 72%,rgba(255,255,255,.5) 0 1.4px,transparent 2.4px) 5px 9px/23px 29px,radial-gradient(circle at 40% 40%,rgba(255,255,255,.4) 0 3px,transparent 4.6px) 11px 3px/53px 61px,radial-gradient(120% 90% at 50% 35%,rgba(242,245,247,.92),rgba(224,229,234,.82));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity 1.6s ease;animation:md-defog 2.2s ease-in 1s backwards}@keyframes md-defog{from{opacity:1}to{opacity:0}}.mirror-demo:has(#md-fog:not(:checked)) .md-fog{opacity:1}.md-touch{position:absolute;left:50%;bottom:18px;display:flex;gap:10px;transform:translateX(-50%)}.md-touch span{width:10px;height:10px;border-radius:3px;background:rgba(255,255,255,.4);box-shadow:0 0 calc(10px * var(--k)) rgba(var(--led),var(--k));transition:box-shadow .5s}.md-bt{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-pill);background:rgba(15,13,11,.6);color:#fff;opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .4s}.md-bt .icon{font-size:14px}.md-eq{display:flex;align-items:flex-end;gap:2px;height:14px}.md-eq b{width:3px;height:30%;border-radius:1px;background:var(--brand-400);animation:md-eq .8s ease-in-out infinite alternate paused}.md-eq b:nth-child(2){animation-delay:-.2s}.md-eq b:nth-child(3){animation-delay:-.5s}.md-eq b:nth-child(4){animation-delay:-.35s}.md-eq b:nth-child(5){animation-delay:-.65s}@keyframes md-eq{to{height:100%}}.md-notes span{position:absolute;bottom:26%;font-size:20px;color:rgba(255,255,255,.9);text-shadow:0 1px 4px rgba(0,0,0,.3);opacity:0}.md-notes span:nth-child(1){left:20%}.md-notes span:nth-child(2){left:50%}.md-notes span:nth-child(3){left:74%}@keyframes md-note{0%{opacity:0;transform:translateY(0) scale(.8)}15%{opacity:1}100%{opacity:0;transform:translateY(-150px) rotate(14deg) scale(1.15)}}.mirror-demo:has(#md-bt:checked) .md-bt{opacity:1;transform:none}.mirror-demo:has(#md-bt:checked) .md-eq b{animation-play-state:running}.mirror-demo:has(#md-bt:checked) .md-notes span{animation:md-note 3.2s ease-out infinite}.mirror-demo:has(#md-bt:checked) .md-notes span:nth-child(2){animation-delay:1.05s}.mirror-demo:has(#md-bt:checked) .md-notes span:nth-child(3){animation-delay:2.1s}.md-panel{display:grid;gap:var(--sp-12);padding:var(--sp-16);border-radius:var(--radius-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.35)}.md-panel__head{display:grid;gap:2px;padding-bottom:var(--sp-4)}.md-panel__title{font:var(--type-body-strong);color:#fff}.md-panel__hint{font:var(--type-caption);color:rgba(255,255,255,.55)}.md-switch{display:flex;align-items:center;gap:var(--sp-12);min-height:44px;font:var(--type-body-sm);color:#fff;cursor:pointer;user-select:none}.md-switch .icon{flex:none;font-size:18px;opacity:.85}.md-switch small{display:block;font:var(--type-caption);color:rgba(255,255,255,.5)}.md-toggle{position:relative;flex:none;width:44px;height:26px;margin-left:auto;border-radius:13px;background:rgba(255,255,255,.2);transition:background .25s}.md-toggle::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.mirror-demo:has(#md-led:checked) label[for="md-led"] .md-toggle,.mirror-demo:has(#md-fog:checked) label[for="md-fog"] .md-toggle,.mirror-demo:has(#md-bt:checked) label[for="md-bt"] .md-toggle{background:var(--accent)}.mirror-demo:has(#md-led:checked) label[for="md-led"] .md-toggle::after,.mirror-demo:has(#md-fog:checked) label[for="md-fog"] .md-toggle::after,.mirror-demo:has(#md-bt:checked) label[for="md-bt"] .md-toggle::after{transform:translateX(18px)}.md-row{display:grid;gap:6px}.md-row__label{font:var(--type-caption);letter-spacing:var(--ls-caps);text-transform:uppercase;color:rgba(255,255,255,.5)}.md-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);transition:opacity .3s}.md-seg label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:var(--radius-pill);font:var(--type-caption);font-weight:var(--fw-semibold);color:rgba(255,255,255,.75);cursor:pointer;transition:background .2s,color .2s}.md-seg label i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.mirror-demo:has(#md-3000:checked) label[for="md-3000"],.mirror-demo:has(#md-4000:checked) label[for="md-4000"],.mirror-demo:has(#md-6000:checked) label[for="md-6000"],.mirror-demo:has(#md-bri-1:checked) label[for="md-bri-1"],.mirror-demo:has(#md-bri-2:checked) label[for="md-bri-2"],.mirror-demo:has(#md-bri-3:checked) label[for="md-bri-3"]{background:#fff;color:#15120f}.mirror-demo:has(#md-led:not(:checked)) .md-seg{opacity:.45}.mirror-demo:has(#md-led:focus-visible) label[for="md-led"],.mirror-demo:has(#md-fog:focus-visible) label[for="md-fog"],.mirror-demo:has(#md-bt:focus-visible) label[for="md-bt"],.mirror-demo:has(#md-3000:focus-visible) label[for="md-3000"],.mirror-demo:has(#md-4000:focus-visible) label[for="md-4000"],.mirror-demo:has(#md-6000:focus-visible) label[for="md-6000"],.mirror-demo:has(#md-bri-1:focus-visible) label[for="md-bri-1"],.mirror-demo:has(#md-bri-2:focus-visible) label[for="md-bri-2"],.mirror-demo:has(#md-bri-3:focus-visible) label[for="md-bri-3"]{outline:2px solid #fff;outline-offset:2px;border-radius:var(--radius-md)}.md-short{display:none}.mirror-demo--compact .md-panel{grid-template-columns:repeat(var(--sw,3),minmax(0,1fr));gap:var(--sp-8);padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mirror-demo--compact .md-panel__head,.mirror-demo--compact .md-toggle{display:none}.mirror-demo--compact .md-switch{order:1;flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:var(--sp-8) 4px;border-radius:var(--radius-md);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:var(--type-caption);font-weight:var(--fw-semibold);transition:background .2s,box-shadow .2s}.mirror-demo--compact .md-switch .icon{font-size:20px;opacity:.6}.mirror-demo--compact .md-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mirror-demo--compact .md-short{display:block;color:rgba(255,255,255,.7)}.mirror-demo--compact:has(#md-led:checked) label[for="md-led"],.mirror-demo--compact:has(#md-fog:checked) label[for="md-fog"],.mirror-demo--compact:has(#md-bt:checked) label[for="md-bt"]{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1.5px var(--brand-400)}.mirror-demo--compact:has(#md-led:checked) label[for="md-led"] :is(.icon,.md-short),.mirror-demo--compact:has(#md-fog:checked) label[for="md-fog"] :is(.icon,.md-short),.mirror-demo--compact:has(#md-bt:checked) label[for="md-bt"] :is(.icon,.md-short){opacity:1;color:#fff}.mirror-demo--compact .md-row{order:2;grid-column:1/-1;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:var(--sp-8)}.mirror-demo--compact .md-row__label{font-size:10px}.mirror-demo--compact .md-seg label{min-height:34px;gap:4px;font-size:11px}.mirror-card{display:grid;gap:var(--sp-16);margin-top:var(--sp-24);padding:var(--sp-24);border-radius:var(--radius-lg);background:var(--gradient-night);color:#fff;overflow:hidden}.mirror-card__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px var(--sp-12)}.mirror-card__title{margin:0;font:var(--type-h4);color:#fff}.mirror-card__hint{font:var(--type-caption);color:rgba(255,255,255,.55)}.mirror-card__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.mirror-card__tags li{padding:4px 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);font:var(--type-caption);color:rgba(255,255,255,.82)}.mirror-demo--product{grid-template-columns:auto minmax(0,1fr);gap:var(--sp-32);padding:var(--sp-16) var(--sp-8)}.mirror-demo--product .md-scene{width:auto;height:min(220px,calc(230px / var(--ar)));aspect-ratio:var(--ar);justify-self:center}.mirror-demo--product .md-scene.has-shelf{margin-bottom:20px}.mirror-demo--product .md-halo{inset:-30% -45%}.mirror-demo--product .md-mirror{padding:0;border-radius:var(--r);background:none;box-shadow:0 18px 36px rgba(0,0,0,.45)}.mirror-demo--product .md-led{inset:-2px;border-width:2px;border-radius:var(--r)}.mirror-demo--product .md-glass{border-radius:var(--r)}.mirror-demo--product .md-touch{bottom:9%}.mirror-demo--product .md-bt{top:10%;right:10%;padding:4px 8px}.md-rim{position:absolute;inset:0;border-radius:var(--r);border:11px solid rgba(244,247,250,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),inset 0 0 calc(14px * var(--k)) rgba(var(--led),calc(.9 * var(--k))),0 0 0 1px rgba(0,0,0,.08);pointer-events:none;transition:box-shadow .5s}.md-shelf{position:absolute;left:6%;right:6%;bottom:-18px;height:8px;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(190,200,210,.55));box-shadow:0 8px 14px rgba(0,0,0,.4)}.md-bulbs{position:absolute;inset:0;z-index:2;pointer-events:none}.md-bulbs i{position:absolute;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,calc(.35 + .65 * var(--k)));box-shadow:0 0 calc(12px * var(--k)) rgba(var(--led),var(--k));transition:box-shadow .5s,background .5s}@media (max-width:767px){.mirror-card{padding:var(--sp-16)}.mirror-demo--product{grid-template-columns:1fr;gap:var(--sp-20,20px);padding:var(--sp-16) 0 0}}@media (prefers-reduced-motion:reduce){.md-led,.md-fog,.md-eq b,.mirror-demo .md-notes span{animation:none!important}.md-sheen{display:none}}@media (max-width:1023px){.hero .mirror-demo{grid-template-columns:1fr;justify-items:center;gap:var(--sp-24);width:100%}.hero .md-scene{width:min(260px,68vw)}.hero .md-panel{width:100%;max-width:420px}.hero__media{order:-1}}@media (max-width:767px){.hero__inner{gap:var(--sp-24);padding-block:var(--sp-24) var(--sp-48)}.hero .mirror-demo{gap:var(--sp-16)}.hero .md-scene{width:min(290px,74vw)}.hero .md-halo{inset:-12% -22%}.hero .md-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8);padding:var(--sp-12);max-width:none}.hero .md-panel__head,.hero .md-toggle,.hero .md-switch small{display:none}.hero .md-switch{order:1;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:var(--sp-8) 4px;border-radius:var(--radius-md);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font:var(--type-caption);font-weight:var(--fw-semibold);transition:background .2s,box-shadow .2s}.hero .md-switch .icon{font-size:20px;opacity:.6}.hero .md-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero .md-short{display:block;color:rgba(255,255,255,.7)}.hero .mirror-demo:has(#md-led:checked) label[for="md-led"],.hero .mirror-demo:has(#md-fog:checked) label[for="md-fog"],.hero .mirror-demo:has(#md-bt:checked) label[for="md-bt"]{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1.5px var(--brand-400)}.hero .mirror-demo:has(#md-led:checked) label[for="md-led"] :is(.icon,.md-short),.hero .mirror-demo:has(#md-fog:checked) label[for="md-fog"] :is(.icon,.md-short),.hero .mirror-demo:has(#md-bt:checked) label[for="md-bt"] :is(.icon,.md-short){opacity:1;color:#fff}.hero .md-row{order:2;grid-column:1/-1;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:var(--sp-8)}.hero .md-row__label{font-size:10px}.hero .md-seg label{min-height:36px}.hero__body > .badge{max-width:100%;padding:6px 12px;font-size:11px;line-height:1.35;letter-spacing:.04em;white-space:normal;text-wrap:balance}.hero__actions{flex-direction:column;align-self:stretch}.hero__actions .btn{width:100%;justify-content:center}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-12);align-self:stretch;margin-top:var(--sp-8)}.hero__stat b{font-size:20px}.hero__stat span{font-size:12px;line-height:1.3}}