.smart-climate{border-top:1px solid var(--line);background:radial-gradient(ellipse at 60% 35%,#cb8d6918,transparent 65%);--accent:#eab28d}
.smart-climate .sg-heading h2{font-size:clamp(2.3rem,3.7vw,3.7rem)}.smart-climate .sg-heading>p{max-width:500px}.smart-climate .sg-player{background:linear-gradient(130deg,#302b2a,#201e20);border-color:#766258}.smart-climate .sg-toolbar,.smart-climate .sg-player>.sg-controls,.smart-climate .sg-readouts,.smart-climate .sg-story{border-color:#80685466}.smart-climate .sg-toolbar .micro{color:#dbc1ac}.smart-climate .sg-status-dot{background:#e6b596;box-shadow:0 0 10px #eab28d55}.smart-climate .sg-scenario[aria-pressed=true]{background:#40322d;color:#efdfd2}.smart-climate .sg-scenario:hover{background:#372c29}.smart-climate .sg-scenario .sg-number{color:#aa8e7c}.smart-climate .sg-scenario[aria-pressed=true] .sg-number{color:#eab28d}.smart-climate .sg-readout{background:#2c2625}.smart-climate .sg-readout>span{color:#b4a294}.smart-climate .sg-readout strong{color:#e5d2bf}.smart-climate .sg-readout strong:before{background:#ae8e74}.smart-climate .sg-readout[data-value=warm] strong:before,.smart-climate .sg-readout[data-value=low] strong:before,.smart-climate .sg-readout[data-value=on] strong:before{background:#ffd394;box-shadow:0 0 7px #ffd39466}.smart-climate .sg-readout.sg-active{background:#46362d}.smart-climate .sg-controls .sg-play{background:#e6b596;border-color:#e6b596;color:#2c201a}.smart-climate .sg-controls button{border-color:#8e715e;color:#dbc0a8}.smart-climate .sg-controls .sg-play{color:#2c201a}.smart-climate .sg-phase{border-color:#80685466}.smart-climate .sg-phase p,.smart-climate .sg-story [data-description]>p{color:#c7b4a5}.smart-climate .sg-story h3,.smart-climate .sg-phase h4{color:#e7d7c7}.smart-climate .sg-steps button{background:#241e1d;border-color:#624d40;color:#b7a392}.smart-climate .sg-steps button span:first-child{color:#9e816a}.smart-climate .sg-steps button[aria-pressed=true]{background:#46362d;color:#ebd5c2;border-color:#eab28d}.smart-climate .sg-steps button.sg-done{border-color:#9e816a;color:#ceb59e}.smart-climate .sg-variants button{border-color:#7a6242;color:#c8ae88}.smart-climate .sg-variants button[aria-pressed=true]{background:#4a3923;border-color:#d2a56a;color:#f0d3a7}.smart-climate .sg-demo-note,.smart-climate .sg-progress-label{color:#a48c65}.smart-climate .sg-custom{border-color:#66583f}.smart-climate .sg-custom .micro{color:#efc992}.smart-climate .sg-footnote{color:#a99a82}


.sh-canvas{background:radial-gradient(ellipse at 40% 30%,#88604b22,transparent 75%)}.sh-drawing{display:block;width:100%;height:auto}.sh-caption{font:11px monospace;fill:#c3ac95;letter-spacing:.6px}.sh-small{font:12px sans-serif;fill:#bbaca0}.sh-room-name{font:15px sans-serif;fill:#eadccf}.sh-value{font:25px sans-serif;fill:#f3e0d1}.sh-target{font:22px sans-serif;fill:#ebbb98}.sh-device-label{font:12px sans-serif;fill:#c6ad97}.sh-ac-state{font:15px sans-serif;fill:#a9cbd7}.sh-pipe{fill:none;stroke:#655b51;stroke-width:11;stroke-linejoin:round}.sh-main-flow,.sh-main-return,.sh-flow,.sh-return,.sh-emitter-flow{fill:none;stroke-width:3;stroke-dasharray:7 9;animation:sh-flow 1.5s linear infinite;opacity:0}.sh-main-flow,.sh-flow,.sh-emitter-flow{stroke:#f1af7f}.sh-main-return,.sh-return{stroke:#b8977f}.sh-flame{opacity:.15}.sh-boiler-led{fill:#6b716b}.sh-canvas[data-boiler=on] .sh-flame{opacity:1;animation:sh-flame 1.4s ease-in-out infinite alternate}.sh-canvas[data-boiler=on] .sh-boiler-led{fill:#edac73}.sh-canvas[data-boiler=on] .sh-main-flow,.sh-canvas[data-boiler=on] .sh-main-return{opacity:1}.sh-valve{transition:transform 1s}.sh-radiator-fin{stroke:#8e8275;stroke-width:7;stroke-linecap:round}.sh-floor-base{fill:none;stroke:#77624f;stroke-width:8;stroke-linejoin:round}.sh-heat-glow,.sh-cool-glow{opacity:0;transition:opacity 1.5s}.sh-ac-led{fill:#405e6e}.sh-ac-air{opacity:0;animation:sh-flow 1.3s linear infinite}.sh-canvas[data-a=open] .sh-room-a .sh-valve,.sh-canvas[data-b=open] .sh-room-b .sh-valve,.sh-canvas[data-d=open] .sh-room-d .sh-valve{transform:rotate(90deg)}
.sh-canvas[data-boiler=on][data-a=open] .sh-room-a .sh-flow,.sh-canvas[data-boiler=on][data-a=open] .sh-room-a .sh-return,.sh-canvas[data-boiler=on][data-a=open] .sh-room-a .sh-emitter-flow,.sh-canvas[data-boiler=on][data-a=open] .sh-room-a .sh-heat-glow{opacity:1}.sh-canvas[data-boiler=on][data-a=open] .sh-room-a .sh-radiator-fin{stroke:#e4ab7e}.sh-canvas[data-aca=acon] .sh-room-a .sh-ac-air,.sh-canvas[data-aca=acon] .sh-room-a .sh-cool-glow{opacity:1}.sh-canvas[data-aca=acon] .sh-room-a .sh-ac-led{fill:#c2eaf8}.sh-canvas[data-boiler=on][data-b=open] .sh-room-b .sh-flow,.sh-canvas[data-boiler=on][data-b=open] .sh-room-b .sh-return,.sh-canvas[data-boiler=on][data-b=open] .sh-room-b .sh-emitter-flow,.sh-canvas[data-boiler=on][data-b=open] .sh-room-b .sh-heat-glow{opacity:1}.sh-canvas[data-boiler=on][data-b=open] .sh-room-b .sh-radiator-fin{stroke:#e4ab7e}.sh-canvas[data-acb=acon] .sh-room-b .sh-ac-air,.sh-canvas[data-acb=acon] .sh-room-b .sh-cool-glow{opacity:1}.sh-canvas[data-acb=acon] .sh-room-b .sh-ac-led{fill:#c2eaf8}.sh-canvas[data-boiler=on][data-d=open] .sh-room-d .sh-flow,.sh-canvas[data-boiler=on][data-d=open] .sh-room-d .sh-return,.sh-canvas[data-boiler=on][data-d=open] .sh-room-d .sh-emitter-flow,.sh-canvas[data-boiler=on][data-d=open] .sh-room-d .sh-heat-glow{opacity:1}.sh-canvas[data-boiler=on][data-d=open] .sh-room-d .sh-radiator-fin{stroke:#e4ab7e}.sh-canvas[data-acd=acon] .sh-room-d .sh-ac-air,.sh-canvas[data-acd=acon] .sh-room-d .sh-cool-glow{opacity:1}.sh-canvas[data-acd=acon] .sh-room-d .sh-ac-led{fill:#c2eaf8}.sh-canvas[data-residual=true] .sh-room-d .sh-heat-glow{opacity:.5}.sh-kind{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:0 24px 18px;font-size:.62rem;color:#c5ad9a}.sh-kind>span:first-child{border:1px solid #9a7b62;padding:7px 10px}.smart-climate .sg-readouts{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-climate .sg-readout{min-width:0}.smart-climate .sg-readout strong{overflow-wrap:anywhere}.sh-canvas.sg-static *{animation-play-state:paused!important;transition:none!important}.sh-canvas.sg-reset *{transition:none!important}@keyframes sh-flow{to{stroke-dashoffset:-32}}@keyframes sh-flame{to{opacity:.65}}@media(max-width:850px){.smart-climate .sg-scenario:last-child{grid-column:auto}.smart-climate .sg-heading>p{max-width:660px}}@media(max-width:540px){.smart-climate .sg-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-climate .sg-heading h2{font-size:2.1rem}.smart-climate .sg-scenario{font-size:.7rem}.sh-kind{font-size:.53rem;padding:0 13px 12px}.sh-kind>span:last-child{max-width:50%}.smart-climate .sg-readout>span{min-height:27px;line-height:1.5}.smart-climate .sg-custom .button{max-width:100%}.sh-small{font-size:13px}}@media(prefers-reduced-motion:reduce){.sh-canvas *{animation:none!important;transition:none!important}}.motion-paused .sh-canvas *{animation:none!important;transition:none!important}

.sh-boiler-name{font:9px sans-serif;fill:#c3ac95}