:root{--yellow:#ffd633;--ink:#11130f;--paper:#f3f1e9;--line:#d0d0c8;--muted:#767a71}
.button{position:relative;overflow:hidden;isolation:isolate;min-height:52px;box-shadow:0 12px 34px #00000016}.button:before{content:"";position:absolute;z-index:-1;inset:0;background:#fff;transform:translateX(-105%) skewX(-18deg);transition:transform .45s cubic-bezier(.22,1,.36,1)}.button:hover:before{transform:translateX(0) skewX(0)}.button:focus-visible,.segments button:focus-visible,.system-grid label:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}.button-small{min-height:42px}.header>.button{border-radius:2px}.hero-content{max-width:min(760px,57vw)}.hero h1{max-width:760px}.hero-text{max-width:590px}.air-system{right:-1vw;top:14%;width:55vw;height:72%;opacity:1;perspective:1200px}.system-halo{position:absolute;inset:8% 3% 0 10%;background:radial-gradient(circle,#ffd63313,transparent 58%);filter:blur(20px)}.unit-3d{position:absolute;z-index:3;right:9%;top:37%;width:300px;height:178px;transform:rotateY(-10deg) rotateX(2deg);filter:drop-shadow(0 34px 24px #000b)}.unit-face{position:absolute;inset:0;background:linear-gradient(135deg,#444b44,#1b1f1b 55%,#111411);border:1px solid #8c958c;clip-path:polygon(0 15%,100% 0,100% 82%,0 100%)}.unit-face:after{content:"";position:absolute;inset:18px;background:linear-gradient(125deg,#ffffff08,transparent);border:1px solid #ffffff16;clip-path:inherit}.unit-face>span,.unit-face>small{position:absolute;z-index:2;left:31px;bottom:43px;font-size:28px;font-weight:900;letter-spacing:-.06em}.unit-face>small{bottom:28px;color:var(--yellow);font-size:8px;letter-spacing:.24em}.unit-face>i{position:absolute;z-index:2;right:33px;top:51px;width:52px;height:52px;border:2px solid var(--yellow);border-radius:50%;box-shadow:inset 0 0 0 6px #1b1f1b,inset 0 0 0 8px #ffd633aa}.unit-top{position:absolute;z-index:2;left:0;right:0;top:-22px;height:50px;background:linear-gradient(90deg,#6e776e,#262b26);clip-path:polygon(7% 44%,100% 0,100% 48%,0 88%)}.unit-side{position:absolute;z-index:2;right:-30px;top:0;width:31px;height:146px;background:#151815;clip-path:polygon(0 0,100% 18%,100% 93%,0 100%)}.unit-status{position:absolute;z-index:4;right:20px;bottom:-28px;display:flex;gap:8px;align-items:center;background:#0d0f0d;border:1px solid #ffffff28;padding:8px 11px}.unit-status b{font-size:7px;color:#86c88c;letter-spacing:.15em}.unit-status em{font-size:11px;font-style:normal}.duct-network{position:absolute;z-index:2;inset:-4% 0 0 -4%;width:100%;height:100%;overflow:visible}.duct-metal path{fill:none;stroke:url(#metal);stroke-width:30;stroke-linecap:square;filter:drop-shadow(0 15px 13px #000b)}.air-pulse path{fill:none;stroke:var(--yellow);stroke-width:4;stroke-linecap:round;stroke-dasharray:66 340;animation:networkFlow 4s linear infinite}.air-pulse path:nth-child(2){animation-delay:-1s}.air-pulse path:nth-child(3){animation-delay:-2s}.air-pulse path:nth-child(4){animation-delay:-3s}.vent rect,.vent path{fill:#1c201c;stroke:#778077;stroke-width:2}.vent path{fill:none;stroke-width:1}@keyframes networkFlow{to{stroke-dashoffset:-406}}.air-legend{position:absolute;z-index:4;right:4%;bottom:12%;display:flex;gap:15px;font-size:7px;letter-spacing:.18em;color:#9fa49d}.air-legend i{display:inline-block;width:14px;height:2px;background:var(--yellow);margin:0 5px 2px 0}.metric{z-index:4;display:flex;flex-direction:column;min-width:78px;padding:10px 12px;font-size:15px;background:#0e110ed9;backdrop-filter:blur(8px)}.metric small{font-size:6px;letter-spacing:.2em;color:#969c94;margin-bottom:3px}.metric-a{left:2%;top:13%}.metric-b{left:7%;bottom:4%}.metric-c{right:1%;top:11%}
.calculator{background:var(--ink);color:#f7f5ed}.calculator .section-label{color:#7e837a}.calc-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:9vw;align-items:end;margin-bottom:70px}.calc-heading h2{font-size:clamp(44px,6vw,82px);line-height:.93;letter-spacing:-.055em;margin:0}.calc-heading h2 em{font-style:normal;color:var(--yellow);font-weight:400}.calc-heading p{color:#aeb2aa;max-width:430px}.calc-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);min-height:0;background:#1b1e1a;border:1px solid #ffffff20}.calc-form{padding:14px 42px 26px;display:block}.calc-form fieldset{border:0;border-bottom:1px solid #ffffff1b;padding:27px 0;margin:0}.calc-form legend{font-size:15px;font-weight:600;margin-bottom:18px}.calc-form legend span{color:var(--yellow);font-size:9px;margin-right:15px}.segments{display:grid;grid-template-columns:repeat(3,1fr)}.segments button{min-height:52px;background:transparent;border:1px solid #ffffff28;color:#b7bbb4;cursor:pointer;margin-right:-1px;transition:.25s}.segments button:hover{color:#fff;border-color:#ffffff70}.segments button.active{position:relative;z-index:1;background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:700}.area-control{position:relative}.area-control output{font-size:48px;font-weight:700;letter-spacing:-.04em}.area-control output small{font-size:16px;font-weight:400;color:#999e96}.area-control input{display:block;width:100%;height:22px;margin:16px 0 3px;accent-color:var(--yellow)}.area-control>div{display:flex;justify-content:space-between;color:#747970;font-size:9px}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.system-grid label{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid #ffffff1d;color:#b7bbb4;padding:10px 12px;cursor:pointer;transition:.25s}.system-grid input{position:absolute;opacity:0}.system-grid i{flex:0 0 17px;height:17px;border:1px solid #747a72;margin-right:10px}.system-grid input:checked+i{border-color:var(--yellow);background:var(--yellow);box-shadow:inset 0 0 0 4px #1b1e1a}.system-grid label:has(input:checked){color:#fff;border-color:#ffd63366;background:#ffd63308}.calc-result{position:sticky;top:90px;min-height:620px;background:var(--yellow);color:var(--ink);padding:39px 34px;display:flex;flex-direction:column}.result-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.14em}.result-top span{color:#61610c}.calc-result>strong{display:block;font-size:clamp(40px,4vw,66px);line-height:.92;letter-spacing:-.065em;margin:90px 0 20px}.calc-result>p{font-size:13px;max-width:300px}.calc-result dl{margin:45px 0}.calc-result dl div{display:flex;justify-content:space-between;border-top:1px solid #11130f2e;padding:11px 0}.calc-result dt{font-size:9px;color:#55560f}.calc-result dd{margin:0;font-size:10px;text-align:right}.result-button{margin-top:auto;background:var(--ink);color:#fff;box-shadow:0 16px 30px #827d001f}.result-button:hover{color:var(--ink)}.result-legal{text-align:center;margin-top:14px;color:#64650d;font-size:8px}.calc-result.updated strong{animation:pricePop .35s}@keyframes pricePop{50%{transform:translateY(-3px);opacity:.65}}
.modal{width:min(1040px,calc(100% - 40px));max-height:min(850px,calc(100svh - 40px));padding:0;background:var(--paper);overflow:auto;color:var(--ink);box-shadow:0 50px 120px #0009}.modal[open]{display:grid;grid-template-columns:.72fr 1.28fr;animation:modalIn .35s cubic-bezier(.22,1,.36,1)}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.985)}}.modal::backdrop{background:#080a08d9;backdrop-filter:blur(10px)}.modal-aside{background:#191c18;color:#fff;padding:58px 45px;display:flex;flex-direction:column}.modal-aside h2{font-size:clamp(44px,5vw,72px);line-height:.91;letter-spacing:-.06em;margin:34px 0 25px}.modal-aside>p:not(.eyebrow){font-size:13px;color:#aeb2aa;max-width:320px;margin-bottom:65px}.modal-promise{display:grid;grid-template-columns:35px 1fr;border-top:1px solid #ffffff1c;padding:16px 0}.modal-promise>span{color:var(--yellow);font-size:9px}.modal-promise p{margin:0}.modal-promise b,.modal-promise small{display:block;font-size:11px}.modal-promise small{color:#838880;margin-top:5px}.modal-main{position:relative;padding:72px 55px 42px}.modal-close{right:24px;top:19px;display:flex;gap:10px;align-items:center;font-size:27px;color:#5f635c}.modal-close span{font-size:8px;text-transform:uppercase;letter-spacing:.15em}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px}.field-wide{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid #bbbdb5;background:transparent;padding:12px 0;color:var(--ink);outline:0;border-radius:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink);box-shadow:0 1px var(--ink)}.field span{font-size:10px;letter-spacing:.05em}.upload{grid-column:1/-1;display:block;border:1px dashed #b5b7b0;padding:18px;cursor:pointer;transition:.2s}.upload:hover{border-color:var(--ink);background:#fff}.upload input{position:absolute;opacity:0}.upload b,.upload small{display:block}.upload b{font-size:12px}.upload small{color:#7b7f77;margin-top:4px;font-size:9px}.modal .consent{margin-top:22px}.modal .consent a{text-decoration:underline}.modal-submit{width:100%;margin-top:20px;justify-content:space-between;padding-inline:22px}.form-status{min-height:20px;margin-bottom:0}
@media(max-width:1100px){.air-system{right:-12vw;width:59vw}.unit-3d{transform:scale(.85) rotateY(-10deg);transform-origin:right center}.hero-content{max-width:64vw}}
@media(max-width:900px){.hero-content{max-width:none}.air-system{right:-26%;top:27%;width:90vw;height:58%;opacity:.55}.unit-3d{right:4%;transform:scale(.68)}.duct-network{inset:0 0 0 -5%}.metric{display:none}.calc-heading{grid-template-columns:1fr}.calc-shell{grid-template-columns:1fr}.calc-result{position:relative;top:auto;min-height:430px}.calc-result>strong{margin-top:55px}.modal[open]{grid-template-columns:1fr}.modal-aside{padding:38px 30px}.modal-aside h2{font-size:48px}.modal-aside>p:not(.eyebrow){margin-bottom:30px}.modal-main{padding:55px 30px 30px}}
@media(max-width:560px){.air-system{right:-43%;top:34%;width:125vw;height:48%}.unit-3d{right:5%;transform:scale(.52)}.air-legend{display:none}.calc-heading h2{font-size:43px}.calc-form{padding:8px 17px 20px}.segments{grid-template-columns:1fr}.segments button{margin:0 0 -1px}.system-grid{grid-template-columns:1fr}.calc-result{padding:30px 22px}.modal{width:calc(100% - 16px);max-height:calc(100svh - 16px)}.modal-aside{padding:32px 22px}.modal-promise{display:none}.modal-main{padding:55px 22px 25px}.modal-fields{grid-template-columns:1fr;gap:9px}.field-wide{grid-column:auto}.modal-close span{display:none}}