.smart-ventilation{border-top:1px solid var(--line);background:radial-gradient(ellipse at 60% 35%,#4aa8ae18,transparent 65%);--accent:#8bd9c7}
.smart-ventilation .sg-heading h2{font-size:clamp(2.3rem,3.7vw,3.7rem)}.smart-ventilation .sg-heading>p{max-width:500px}.smart-ventilation .sg-player{background:linear-gradient(130deg,#1c3032,#111f22);border-color:#3f6365}.smart-ventilation .sg-toolbar,.smart-ventilation .sg-player>.sg-controls,.smart-ventilation .sg-readouts,.smart-ventilation .sg-story{border-color:#47747466}.smart-ventilation .sg-toolbar .micro{color:#b0dbd3}.smart-ventilation .sg-status-dot{background:#92d9c8;box-shadow:0 0 10px #8bd9c755}.smart-ventilation .sg-scenario[aria-pressed=true]{background:#253e40;color:#d2efdf}.smart-ventilation .sg-scenario:hover{background:#223437}.smart-ventilation .sg-scenario .sg-number{color:#83a5a1}.smart-ventilation .sg-scenario[aria-pressed=true] .sg-number{color:#8bd9c7}.smart-ventilation .sg-readout{background:#192c2e}.smart-ventilation .sg-readout>span{color:#90b0ad}.smart-ventilation .sg-readout strong{color:#c1e1d7}.smart-ventilation .sg-readout strong:before{background:#75a29c}.smart-ventilation .sg-readout[data-value=warm] strong:before,.smart-ventilation .sg-readout[data-value=low] strong:before,.smart-ventilation .sg-readout[data-value=on] strong:before{background:#ffd394;box-shadow:0 0 7px #ffd39466}.smart-ventilation .sg-readout.sg-active{background:#294647}.smart-ventilation .sg-controls .sg-play{background:#92d9c8;border-color:#92d9c8;color:#132c2b}.smart-ventilation .sg-controls button{border-color:#557f7b;color:#b3d8cc}.smart-ventilation .sg-controls .sg-play{color:#132c2b}.smart-ventilation .sg-phase{border-color:#47747466}.smart-ventilation .sg-phase p,.smart-ventilation .sg-story [data-description]>p{color:#9fbeb8}.smart-ventilation .sg-story h3,.smart-ventilation .sg-phase h4{color:#d0e7dd}.smart-ventilation .sg-steps button{background:#122326;border-color:#3d5d5f;color:#95b7b0}.smart-ventilation .sg-steps button span:first-child{color:#6d9d92}.smart-ventilation .sg-steps button[aria-pressed=true]{background:#294647;color:#c7ebde;border-color:#8bd9c7}.smart-ventilation .sg-steps button.sg-done{border-color:#6d9d92;color:#a5c9bc}.smart-ventilation .sg-variants button{border-color:#7a6242;color:#c8ae88}.smart-ventilation .sg-variants button[aria-pressed=true]{background:#4a3923;border-color:#d2a56a;color:#f0d3a7}.smart-ventilation .sg-demo-note,.smart-ventilation .sg-progress-label{color:#a48c65}.smart-ventilation .sg-custom{border-color:#66583f}.smart-ventilation .sg-custom .micro{color:#efc992}.smart-ventilation .sg-footnote{color:#a99a82}

.sv-canvas{background:radial-gradient(ellipse at 50% 30%,#2a555a44,transparent 70%)}.sv-drawing{display:block;width:100%;height:auto}.sv-caption{font:11px var(--font-mono,monospace);fill:#9dbcb4;letter-spacing:1px}.sv-room-name{font:15px sans-serif;fill:#d4e6dc}.sv-small{font:12px sans-serif;fill:#9ebbb4}.sv-value{font:26px sans-serif;fill:#dcf2e9}.sv-target{font:22px sans-serif;fill:#a0d5c3}.sv-co2{font:21px sans-serif;fill:#cadbd2}.sv-duct{fill:none;stroke:#355456;stroke-width:14;stroke-linejoin:round}.sv-supply,.sv-return{fill:none;stroke-width:3;stroke-dasharray:6 10;animation:sv-flow 1.8s linear infinite}.sv-supply{stroke:#8edfcf}.sv-return{stroke:#bfb998;opacity:.6}.sv-blade{transition:transform 1.2s;transform:rotate(-22deg)}.sv-branch,.sv-air-curl{opacity:.35;transition:opacity 1s}.sv-rotor{animation:sv-spin 5s linear infinite}.sv-canvas[data-fan=boost] .sv-rotor{animation-duration:1.5s}.sv-canvas[data-fan=boost] .sv-trunk{animation-duration:.7s}.sv-room-glow{opacity:0;transition:opacity 1.2s}.sv-canvas[data-a=open] .sv-room-a .sv-blade,.sv-canvas[data-b=open] .sv-room-b .sv-blade,.sv-canvas[data-d=open] .sv-room-d .sv-blade{transform:rotate(-80deg)}.sv-canvas[data-a=open] .sv-room-a .sv-branch,.sv-canvas[data-a=open] .sv-room-a .sv-air-curl,.sv-canvas[data-b=open] .sv-room-b .sv-branch,.sv-canvas[data-b=open] .sv-room-b .sv-air-curl,.sv-canvas[data-d=open] .sv-room-d .sv-branch,.sv-canvas[data-d=open] .sv-room-d .sv-air-curl{opacity:1;animation-duration:.7s}.sv-canvas[data-a=open] .sv-room-a .sv-room-glow,.sv-canvas[data-b=open] .sv-room-b .sv-room-glow,.sv-canvas[data-d=open] .sv-room-d .sv-room-glow{opacity:1}.sv-canvas[data-mode=cooling] .sv-coil{stroke:#84c7f1}.sv-canvas[data-mode=heating] .sv-coil{stroke:#edac76}.sv-canvas[data-mode=heating] .sv-supply{stroke:#edac76}.sv-canvas[data-mode=cooling] .sv-supply{stroke:#84c7f1}.sv-alert{opacity:0}.sv-canvas[data-alert=true] .sv-alert{opacity:1}.sv-alert-text{font:13px sans-serif;fill:#ffdaa8}.sv-kind{display:flex;justify-content:space-between;gap:20px;margin:0;padding:0 24px 18px;font-size:.62rem;color:#9fc1b8}.sv-kind>span:first-child{border:1px solid #658f82;padding:7px 10px}.smart-ventilation .sg-readouts{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-ventilation .sg-readout{min-width:0}.smart-ventilation .sg-readout strong{overflow-wrap:anywhere}.sv-canvas.sg-static *{animation-play-state:paused!important;transition:none!important}.sv-canvas.sg-reset *{transition:none!important}@keyframes sv-flow{to{stroke-dashoffset:-32}}@keyframes sv-spin{to{transform:rotate(360deg)}}@media(max-width:850px){.smart-ventilation .sg-scenario:last-child{grid-column:auto}.smart-ventilation .sg-heading>p{max-width:660px}}@media(max-width:540px){.smart-ventilation .sg-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-ventilation .sg-heading h2{font-size:2.2rem}.smart-ventilation .sg-scenario{font-size:.7rem}.sv-kind{font-size:.53rem;padding:0 13px 12px;align-items:center}.sv-kind>span:last-child{max-width:50%}.smart-ventilation .sg-readout>span{min-height:27px;line-height:1.5}.smart-ventilation .sg-custom .button{max-width:100%}.sv-small{font-size:13px}.sv-co2{font-size:20px}}@media(prefers-reduced-motion:reduce){.sv-canvas *{animation:none!important;transition:none!important}}.motion-paused .sv-canvas *{animation:none!important;transition:none!important}

.sv-canvas[data-cb=unavailable] .sv-room-b .sv-co2{font-size:17px}