.vent-demo{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#eaf2ec;max-width:none;padding:90px 7%;color:#24383e}.vent-copy h2{font-size:clamp(38px,4.5vw,66px);letter-spacing:-.05em;line-height:1.08}.vent-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:24px 0;max-width:500px}.vent-copy>a{font-size:13px;color:#087d7c}.vent-panel{background:#fff;border-radius:22px;padding:32px;box-shadow:0 16px 45px #234c3510;align-self:center}.vent-controls label{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:16px;gap:12px}.vent-controls output{font-size:23px;font-weight:600;color:#087d7c}.vent-controls input{display:block;width:100%;accent-color:#087d7c;cursor:pointer;height:24px}.vent-controls input:focus-visible{outline:3px solid #c39135;outline-offset:5px}.vent-scale{display:flex;justify-content:space-between;font-size:10px;color:#627477;margin:8px 0 28px}.vent-rule{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px}.vent-rule span{padding:9px 12px;border-radius:20px;background:#eef2ef;color:#6b7873;border:1px solid transparent}.vent-rule span.active{background:#daeee3;color:#086b58;border-color:#78ad91}.vent-rule b{font-size:10px;color:#7b8d81}.vent-response{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px 0}.vent-fan{width:110px;color:#087d7c}.vent-fan svg{display:block;width:100%}.vent-rotor{transform-origin:50px 50px;animation:fan-turn var(--fan-period,3s) linear infinite}.vent-speed-label{display:block;font-size:9px;letter-spacing:.12em}.vent-response strong{display:block;font-size:56px;font-weight:550;letter-spacing:-2px;line-height:1.2}.vent-response strong span{font-size:25px}.vent-response #vent-state{font-size:12px;color:#627477}.vent-meter{height:7px;background:#edf1eb;border-radius:8px;overflow:hidden}.vent-meter span{display:block;width:20%;height:100%;background:#087d7c;transition:width .2s}.vent-panel #vent-explanation{font-size:13px;line-height:1.65;min-height:65px;margin:20px 0 0}.vent-demo .vent-note{font-size:11px!important;line-height:1.6!important;color:#6b7e75;margin:22px 0 0!important}@keyframes fan-turn{to{transform:rotate(360deg)}}@media(max-width:700px){.vent-demo{grid-template-columns:1fr;gap:30px;padding:60px 7%}.vent-panel{padding:23px}.vent-copy>p:not(.eyebrow){font-size:14px}.vent-rule{gap:7px;font-size:10px}.vent-rule span{padding:8px}.vent-fan{width:90px}.vent-response{gap:18px}.vent-response strong{font-size:48px}}@media(prefers-reduced-motion:reduce){.vent-rotor{animation:none}.vent-meter span{transition:none}}

.vent-script{margin-top:30px;border:1px solid #cbdcd1;border-radius:14px;overflow:hidden;background:#f7faf6}.vent-script-title{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #dce7df;font-size:9px;letter-spacing:.08em;color:#597569}.vent-script pre{margin:0;padding:20px 18px;overflow-x:auto;font:11px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace;color:#245b4c;tab-size:2}.vent-script>p,.vent-script details{padding:0 18px 16px;margin:0;font-size:11px;line-height:1.6;color:#65796d}.vent-script details summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.vent-script details p{font-size:11px;line-height:1.7;margin:12px 0 0}.vent-demo{align-items:start}.vent-panel{position:sticky;top:100px}.vent-copy{min-width:0}.vent-panel{min-width:0}@media(max-width:700px){.vent-panel{position:static;grid-row:1}.vent-copy{grid-row:2}.vent-script pre{font-size:10px}.vent-script-title{font-size:8px}}

.vent-panel{align-self:start}.vent-script pre{white-space:pre-wrap;overflow-wrap:normal}.vent-script-title{flex-wrap:wrap}

.vent-panel .vent-formula{font-size:11px;line-height:1.5;color:#557466;margin:-18px 0 25px}.vent-panel .vent-baseline{font-size:11px;line-height:1.6;text-align:center;color:#557466;margin:0 0 16px}