@scope (.sp-home) {


:root{--ink:#263c35;--paper:#f7f6f0;--lime:#d8e9a2;--muted:#66736b}*{box-sizing:border-box}:scope{scroll-behavior:smooth;scroll-padding-top:90px}:scope{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #dddeda;background:var(--paper)}.logo{font:800 29px Manrope,sans-serif;letter-spacing:1px}.logo span{color:#91a27c}nav{display:flex;gap:32px;font-size:13px}.btn{border:0;background:var(--ink);color:white;padding:17px 25px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:600}.btn.light{background:var(--lime);color:var(--ink)}.arrow{font-size:20px}.hero{display:grid;grid-template-columns:46% 54%;min-height:670px}.hero-copy{padding:76px 10% 52px 11%}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#8b9d6c}h1{font:500 clamp(46px,5.2vw,76px)/1.08 Manrope,sans-serif;letter-spacing:-4px;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#788b60}p{font-size:15px;line-height:1.8;color:var(--muted)}.hero-copy>p{max-width:350px}.hero-actions{display:flex;align-items:center;gap:24px;margin:30px 0 44px}.text-link{font-size:12px;border-bottom:1px solid #9ba69d;padding-bottom:4px}.micro{font-size:10px;letter-spacing:.4px;color:#7c857b}.hero-visual{position:relative;overflow:hidden;background:#d6c8b4}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.8)}.visual-shade{position:absolute;inset:0;background:linear-gradient(0deg,#16251c88,transparent 65%)}.floating{position:absolute;top:26px;right:26px;border:1px solid #ffffff70;border-radius:30px;padding:10px 15px;color:white;font-size:10px;backdrop-filter:blur(10px)}.visual-caption{position:absolute;bottom:38px;left:38px;right:38px;color:white;display:flex;justify-content:space-between;align-items:end}.visual-caption h3{font:400 29px/1.3 Manrope;margin:8px 0}.visual-caption small{font-size:10px;letter-spacing:1px}.circle{border:1px solid #ffffff88;border-radius:50%;padding:14px;font-size:24px}.strip{padding:27px 5%;border-bottom:1px solid #dedfd7;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.5px}.strip span:before{content:'✳';margin-right:12px;color:#7b8b67}section{padding:90px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}h2{font:500 clamp(30px,3.5vw,46px)/1.18 Manrope;letter-spacing:-1.8px;margin:18px 0 0}.section-top p{max-width:330px;margin:0;font-size:13px}.spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.space{position:relative;height:360px;overflow:hidden;border-radius:7px}.space img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.space:hover img{transform:scale(1.04)}.space:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#16271dd9)}.space-content{position:absolute;z-index:1;bottom:25px;left:25px;right:25px;color:white}.space-content h3{font:500 25px Manrope;margin:8px 0}.space-content p{color:#ffffffb8;font-size:12px;line-height:1.5;max-width:230px;margin:0}.space-content small{font-size:9px;letter-spacing:2px}.space-content b{position:absolute;right:0;top:22px;font-weight:400;font-size:24px}.product{background:#e9ece2;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.product-scene{height:420px;position:relative;background:#d9ddd1;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.panel{height:135px;width:75%;background:linear-gradient(140deg,#fcfcf8,#e3e5dc);box-shadow:12px 25px 35px #65705a40,0 0 0 2px #ffffff;transform:perspective(700px) rotateX(14deg) rotateY(-22deg) rotateZ(-18deg);border:7px solid #f4f5ee;border-radius:3px}.product-scene small{position:absolute;bottom:20px;left:22px;font-size:10px;color:#64705e}.product p{max-width:420px}.spec-list{border-top:1px solid #bdc5b6;margin:25px 0}.spec-list div{display:flex;justify-content:space-between;border-bottom:1px solid #bdc5b6;padding:13px 0;font-size:12px}.spec-list span:last-child{color:#71806b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.step{border-top:1px solid #bec5b6;padding-top:22px}.step small{color:#839569}.step h3{font:500 20px Manrope}.step p{font-size:13px}.quote{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;border-radius:12px;margin:0 4% 70px;padding:60px 5%}.quote p{color:#bbc7bd}.quote .eyebrow{color:#c6d997}.quote h2{font-size:44px}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:11px;color:#dbe1d8}input,select,textarea{width:100%;background:#ffffff0b;border:1px solid #ffffff30;border-radius:4px;padding:12px;color:white;font-size:12px}select option{color:#263c35}input::placeholder,textarea::placeholder{color:#a8b8ad}textarea{resize:vertical;min-height:70px}.form-note{font-size:10px!important;margin:0;line-height:1.6!important}.status{font-size:12px;color:var(--lime);grid-column:1/-1}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}details{border-bottom:1px solid #d1d7cb;padding:20px 0}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{font-size:12px}footer{padding:35px 6%;border-top:1px solid #dddeda;display:flex;align-items:center;justify-content:space-between}footer p{font-size:10px}.demo{background:#e7eadf;padding:9px 5%;font-size:10px;text-align:center;color:#68725e}.menu{display:none}@media(max-width:800px){header{height:74px}nav{display:none}.header-cta{padding:12px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 32px}h1{letter-spacing:-2px;max-width:500px}.hero-actions{margin-bottom:25px}.hero-visual{height:460px}.strip{gap:20px;flex-wrap:wrap;justify-content:center;font-size:9px}section{padding:60px 7%}.section-top{display:block}.section-top p{margin-top:20px}.spaces{grid-template-columns:1fr}.space{height:350px}.product{grid-template-columns:1fr;gap:35px}.product-scene{height:300px}.steps{grid-template-columns:1fr;gap:15px}.quote{grid-template-columns:1fr;gap:25px;padding:40px 7%}.quote h2{font-size:35px}.faq{grid-template-columns:1fr;gap:25px}footer{align-items:start;gap:20px}.logo{font-size:25px}.visual-caption h3{font-size:25px}}@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}.space img{transition:none}}
.product-scene>img{width:100%;height:100%;object-fit:cover}.product-scene small{background:#f7f6f0df;padding:6px 9px;left:12px;bottom:12px;font-size:9px}.photo-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.photo-details figure{margin:0}.photo-details img{width:100%;height:145px;object-fit:cover;border-radius:5px}.photo-details figcaption{font-size:10px;color:#64705e;margin-top:7px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th{background:#e9ece2;font-weight:600}th,td{padding:18px 20px;border-bottom:1px solid #d1d7cb}.spec-note{font-size:11px;max-width:900px;margin-top:20px}@media(max-width:800px){.product-scene{height:340px}.photo-details img{height:130px}th,td{padding:14px;font-size:11px}}.installation-scene{padding-top:0}.installation-scene figure{margin:0}.installation-scene img{display:block;width:100%;height:auto;border-radius:8px}.installation-scene figcaption{font-size:10px;line-height:1.7;color:#66736b;margin-top:14px;max-width:900px}.control-choice{margin-top:30px;padding:25px;background:#e9ece2;border-radius:7px}.control-choice h3{font:500 23px Manrope;margin:0}.control-choice p{font-size:13px;max-width:780px}.control-choice .btn{margin-top:8px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.config-grid label{color:var(--ink)}.config-grid input,.config-grid select{background:#f7f6f0;color:var(--ink);border-color:#aab59f;padding:14px}.config-note{margin:0 0 12px;font-size:12px!important}#add-status{font-size:12px;margin-top:12px}dialog{width:min(760px,94vw);max-height:88vh;overflow:auto;border:0;border-radius:12px;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#15271eb3}.cart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.cart-heading h2{font-size:30px;margin:0}.cart-close{background:transparent;border:0;font-size:24px;color:var(--ink)}.cart-help{font-size:12px}.cart-item{border-top:1px solid #cbd2c3;padding:20px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.cart-item h3{font-size:16px;margin:0 0 8px}.cart-item p{font-size:12px;margin:0}.cart-item input{color:var(--ink);background:white;border:1px solid #aab59f;width:76px;margin:8px 0;padding:10px}.cart-item label{color:var(--ink);font-size:11px;display:block}.text-button{border:0;background:transparent;color:var(--ink);text-decoration:underline;padding:10px;font-size:12px}.cart-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}#cart-total{font-size:13px;font-weight:600;border-top:1px solid #cbd2c3;padding-top:20px}@media(max-width:600px){.config-grid{grid-template-columns:1fr}.cart-heading h2{font-size:25px}dialog{padding:22px}.cart-item{grid-template-columns:1fr}}.size-visuals{margin:30px 0}.size-visuals>h3{font:500 26px Manrope;margin-bottom:8px}.size-visuals>p{font-size:12px;max-width:750px}.dimension-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dimension-card{background:#e9ece2;padding:18px 8px 14px;border-radius:7px;text-align:center}.dimension-card svg{width:100%;display:block}.dimension-card h3{font-size:14px;margin:12px 0 0}.dimension-card p{font-size:10px;margin:6px 0}.dimension-card button{font-size:11px}.guide-link{font-size:10px;text-decoration:underline;margin-left:8px}.thermostat-guide{background:#eef0e7}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px}.guide-grid article{border-top:1px solid #bec5b6;padding-top:20px}.guide-grid span{font-size:10px;letter-spacing:1px}.guide-grid h3,.load-example h3{font:500 21px Manrope}.guide-grid p,.load-example p{font-size:13px}.load-example{background:#dfe6d1;padding:24px 30px;border-radius:8px;margin:30px 0}.thermostat-guide>.btn{margin-top:20px}@media(max-width:800px){.dimension-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.dimension-card svg{height:220px}.load-example{padding:20px}}@media(max-width:400px){.dimension-card svg{height:180px}}.addons{border:1px solid #aab59f;border-radius:7px;margin:0;padding:18px}.addons legend{font-size:13px;font-weight:600;padding:0 8px}.addons label{display:flex;align-items:start;gap:10px;padding:12px 0;cursor:pointer}.addons input{width:18px;height:18px;margin:1px 0;accent-color:#263c35}.addons strong{font-size:13px}.addons small{display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:5px}.addons p{font-size:11px;margin:8px 0 0}.addons label{display:grid;grid-template-columns:105px 18px 1fr;align-items:center;gap:14px;border-top:1px solid #cbd2c3}.accessory-picture{display:block;width:105px;height:110px;overflow:hidden;border-radius:6px;background:#f3eee6;position:relative}.accessory-picture img{position:absolute;height:100%;width:300%;max-width:none;object-fit:cover;left:0;top:0}.accessory-picture.transformer img{left:-100%}.accessory-picture.relay img{left:-200%}.accessory-disclosure{margin-bottom:15px!important}.addons input{align-self:center}@media(max-width:500px){.addons label{grid-template-columns:75px 18px 1fr;gap:9px}.accessory-picture{width:75px;height:90px}.addons strong{font-size:12px}}.accessory-picture.thermostat img{width:100%;height:100%;left:0;object-fit:contain}.system-overview{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center;background:#e9ece2}.system-copy p,.system-copy li{font-size:13px;line-height:1.8}.system-copy ul{padding-left:18px}.system-diagram{margin:0;background:#f7f6f0;padding:18px;border-radius:10px}.system-diagram svg{display:block;width:100%;height:auto}.system-diagram figcaption{font-size:10px;line-height:1.7;color:#66736b}.power-key{color:#b57745}.control-key{color:#64875b}@media(max-width:900px){.system-overview{grid-template-columns:1fr}.system-diagram{padding:12px}}.quantity-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px}.quantity-help{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.current-note{border-top:1px solid #bac5af;margin-top:25px;padding-top:15px}.current-note h3{font:500 21px Manrope}.current-note p{font-size:12px}.thermostat-reference{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #cbd2c3}.thermostat-reference strong{font-size:13px}.thermostat-reference small{display:block;font-size:11px;line-height:1.7;margin:7px 0}.thermostat-reference .text-link{display:inline-block;margin:5px 0}.operation-explainer{border-top:1px solid #bac5af;margin-top:25px;padding-top:15px}.operation-explainer h3{font:500 21px Manrope}.operation-explainer p,.operation-explainer li{font-size:12px;line-height:1.8}.operation-explainer ol{padding-left:20px}@media(max-width:500px){.thermostat-reference{grid-template-columns:75px 1fr;gap:12px}} .sp-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:17px} .sp-contact-form .field.full{grid-column:1/-1}.sp-home .btn{width:auto}.sp-home section{max-width:none}.sp-home img{max-width:100%}.sp-home .accessory-picture img{max-width:none}.sp-home .hero-copy{box-sizing:border-box} @media(max-width:600px){.sp-contact-form{grid-template-columns:1fr}}
}
.sp-home .product-scene>img{object-fit:contain;background:#e9ece2}.sp-home .hero-copy{padding-top:65px}.sp-home .hero-visual{min-height:540px}.sp-home .dimension-card strong{font-size:16px}.sp-home .system-overview{align-items:start}@media(max-width:800px){.sp-home .hero-visual{min-height:400px}.sp-home .hero-copy{padding-top:45px}}