.air-system-pro{position:absolute;right:-1.5vw;top:11%;width:min(62vw,980px);height:76%;opacity:1;perspective:none;isolation:isolate;pointer-events:none}.air-system-pro .system-halo{position:absolute;inset:10% 4% 0 5%;background:radial-gradient(ellipse at 63% 56%,#ffd6331d 0,transparent 46%),radial-gradient(ellipse at 47% 60%,#8393870d 0,transparent 60%);filter:blur(18px)}.climate-schematic{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.architecture-wire{fill:none;stroke:#a7afa71a;stroke-width:1}.architecture-wire .wire-dash{stroke:#ffd63315;stroke-dasharray:5 9}.floor-glow{filter:url(#softGlow)}
.duct{fill:none;stroke-width:52;stroke-linecap:butt;stroke-linejoin:round}.duct.supply{stroke:url(#ductSupply)}.duct.return{stroke:url(#ductReturn);stroke-width:48}.duct-rim{fill:none;stroke:#aab2a920;stroke-width:2}.return-rim{stroke:#6f817d32}.diffusers rect{fill:#171b17;stroke:#7f8980;stroke-width:3}.diffusers path{fill:none;stroke:#626c63;stroke-width:1.4}.diffusers{filter:drop-shadow(0 16px 12px #0009)}.return-grille rect{stroke:#6e807b}
.machine-top{fill:url(#arkTop);stroke:#788078;stroke-width:1}.machine-side{fill:url(#arkSide)}.machine-body{fill:url(#arkBody);stroke:#8a938a;stroke-width:1.5}.machine-inset{fill:#171b17;stroke:#ffffff20;stroke-width:1}.machine-seam{fill:none;stroke:#ffffff12;stroke-width:1}.machine-cutaway{opacity:0;transition:opacity .5s}.air-system-pro:hover .machine-cutaway{opacity:.92}.air-system-pro:hover .machine-brand{opacity:.12}.filter-bank path{stroke:#a8afa7;stroke-width:4}.heat-wheel circle,.heat-wheel path{fill:none;stroke:#ffd633b8;stroke-width:2}.heat-wheel{transform-origin:632px 353px;animation:wheelTurn 18s linear infinite}.fan circle,.fan path{fill:none;stroke:#95a098;stroke-width:2}.fan path{fill:#59635b44}.fan{transform-origin:720px 344px;animation:fanTurn 5s linear infinite}.cutaway-flow{fill:none;stroke:#ffd633;stroke-width:2;stroke-dasharray:20 16;animation:cutFlow 2s linear infinite;filter:url(#lineGlow)}.machine-brand text:first-child{fill:#f2f4ef;font-family:Arial,sans-serif;font-size:42px;font-weight:900;letter-spacing:-3px}.machine-brand text:last-child{fill:#ffd633;font-family:Arial,sans-serif;font-size:8px;font-weight:700;letter-spacing:2px}.machine-ring circle{fill:none;stroke:#ffd633;stroke-width:2}.machine-ring .ring-pulse{opacity:.3;animation:ringPulse 2.4s ease-out infinite}.machine-led circle{fill:#79c986;filter:url(#lineGlow)}.machine-led text{fill:#93a097;font-family:Arial,sans-serif;font-size:6px;letter-spacing:1.4px}
.air-stream use{fill:none;stroke-width:2;stroke-dasharray:8 13;opacity:.35}.air-stream circle{filter:url(#lineGlow)}.supply-stream use,.supply-stream circle{stroke:#ffd633;fill:#ffd633}.return-stream use,.return-stream circle{stroke:#75a5a0;fill:#75a5a0}.tech-callout path{fill:none;stroke:#8c978e55;stroke-width:1}.tech-callout circle{fill:#ffd633}.tech-callout text{fill:#747c75;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.4px}.tech-callout .callout-value{fill:#d8ddd6;font-size:10px;font-weight:700;letter-spacing:.5px}.system-caption{position:absolute;left:7%;bottom:4%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:9px;color:#727972;font-size:7px;letter-spacing:.18em}.system-caption b{color:#ffd633;font-weight:500}
.telemetry{position:absolute;z-index:4;width:108px;padding:12px 13px 10px;border:1px solid #ffd63350;background:#0c0f0ce6;box-shadow:0 12px 35px #0008;backdrop-filter:blur(8px);transform:translateZ(0)}.telemetry:before{content:"";position:absolute;width:4px;height:4px;background:#ffd633;top:-2px;left:-2px;box-shadow:0 0 10px #ffd633}.telemetry span{display:block;color:#7f877f;font-size:6px;letter-spacing:.22em;margin-bottom:4px}.telemetry strong{display:block;color:#ffd633;font-size:17px;font-weight:500}.telemetry strong small{font-size:7px;color:#929a92}.telemetry>i{display:block;height:1px;background:#ffffff18;margin-top:9px}.telemetry>i em{display:block;height:1px;background:#ffd633;box-shadow:0 0 7px #ffd633}.telemetry-temp{left:5%;top:16%}.telemetry-air{left:10%;bottom:12%}.telemetry-hum{right:2%;top:18%}.air-system-pro .air-legend{right:5%;bottom:7%;font-size:7px}.air-system-pro .air-legend span:nth-child(2) i{background:#75a5a0}
.hero-machine{transition:transform .7s cubic-bezier(.22,1,.36,1);transform-origin:650px 370px}.air-system-pro:hover .hero-machine{transform:translateY(-4px)}@keyframes fanTurn{to{transform:rotate(360deg)}}@keyframes wheelTurn{to{transform:rotate(360deg)}}@keyframes cutFlow{to{stroke-dashoffset:-36}}@keyframes ringPulse{0%{transform:scale(.7);opacity:.5}80%,100%{transform:scale(1.45);opacity:0}}
@media(max-width:1180px){.air-system-pro{right:-10vw;width:66vw}.telemetry-hum{right:5%}.tech-callout{display:none}}
@media(max-width:900px){.air-system-pro{right:-32%;top:30%;width:102vw;height:55%;opacity:.56}.air-system-pro .telemetry{display:none}.air-system-pro .system-caption,.air-system-pro .air-legend{display:none}.machine-cutaway{opacity:.65}.architecture-wire{opacity:.55}}
@media(max-width:560px){.air-system-pro{right:-28%;top:34%;width:145vw;height:48%;opacity:.43}.climate-schematic{transform:scale(1.04);transform-origin:center}.callout-a,.callout-b,.callout-c{display:none}}
@media(prefers-reduced-motion:reduce){.heat-wheel,.fan,.ring-pulse,.cutaway-flow{animation:none!important}.air-stream circle{display:none}}