:root{--ink:#18211e;--sage:#819184;--pale:#e8ebe5;--stone:#f3f0e9;--cream:#faf8f3;--line:rgba(24,33,30,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.announcement{height:34px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#dfe7df;font-size:10px;letter-spacing:.16em;text-transform:uppercase}header{height:88px;padding:0 4vw;display:flex;align-items:center;gap:34px;background:#fbfaf6;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-width:205px}.mark{width:42px;height:42px;border-radius:50%;background:var(--sage);display:grid;place-content:center;gap:5px}.mark i{width:20px;height:2px;background:#fff;transform:skew(-25deg)}.brand>span:last-child{display:grid;line-height:.8}.brand b,.brand strong{font:700 16px/15px Manrope;letter-spacing:.18em}.brand strong{color:var(--sage)}.brand small{font-size:7px;letter-spacing:.2em;margin-top:7px}nav{margin-left:auto;display:flex;gap:26px;font-size:13px}.header-cta{display:flex;gap:20px;align-items:center;font-weight:700;font-size:13px}.button{display:inline-flex;padding:15px 21px;background:var(--sage);color:#fff;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.13em;border:0;cursor:pointer}.button.light{background:#f7f4ed;color:var(--ink)}.button.dark{background:var(--ink)}.menu{display:none}.eyebrow{font:700 10px Manrope;letter-spacing:.22em;color:var(--sage)}h1,h2{font-family:Manrope;margin:18px 0;line-height:1}em{font-style:normal;color:#aebcaf}.hero{height:755px;position:relative;background:var(--ink);overflow:hidden}.hero>img{height:100%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,17,.95),rgba(12,20,17,.6) 43%,transparent 75%)}.hero-copy{position:absolute;z-index:2;top:50%;left:6vw;transform:translateY(-50%);width:610px;max-width:47vw;color:#fff}.hero h1,.page-hero h1{font-size:clamp(50px,6vw,86px)}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.6;color:#e2e8e3;max-width:530px}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero ul{display:flex;gap:22px;list-style:none;padding:0;margin-top:38px;font-size:12px}.hero li:before{content:"✓";color:#b8c7ba;margin-right:7px}.intro{text-align:center;padding:105px 6vw}.intro h2,.journey h2,.feature h2,.spaces h2,.image-story h2,.installer h2,.final h2{font-size:clamp(38px,4.2vw,64px)}.intro>p:last-child{max-width:620px;margin:24px auto;line-height:1.7;font-size:18px;color:#59615d}.journey{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--pale);padding:100px 7vw}.journey article{display:grid;grid-template-columns:60px 1fr;padding:25px 0;border-top:1px solid var(--line)}.journey article>span,.cards b{font-size:11px;color:var(--sage);font-weight:700}h3{font:700 21px Manrope;margin:0 0 9px}.journey p,.feature p,.installer p{line-height:1.7;color:#59615d}.arrow{display:inline-block;margin-top:25px;border-bottom:1px solid}.feature,.installer{display:grid;grid-template-columns:1.1fr .9fr;min-height:630px;background:var(--stone)}.feature img,.installer img{height:100%;min-height:630px}.feature>div,.installer>div{padding:8vw 7vw;align-self:center}.feature .button,.installer .button{margin-top:22px}.spaces{text-align:center;padding:105px 6vw}.cards{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);text-align:left}.cards article{padding:38px 28px;min-height:235px;border-right:1px solid var(--line)}.cards article:last-child{border:0}.cards h3{margin-top:35px}.cards p{color:#59615d;line-height:1.6}.image-story{height:680px;position:relative}.image-story img{height:100%;filter:brightness(.55)}.image-story>div{position:absolute;left:6vw;bottom:60px;color:#fff}.installer{grid-template-columns:.85fr 1.15fr;background:var(--cream)}.installer ul{list-style:none;padding:0;margin:28px 0}.installer li{padding:12px 0;border-bottom:1px solid var(--line)}.installer li:before{content:"✓";color:var(--sage);margin-right:12px}.final{text-align:center;padding:105px 5vw;background:var(--ink);color:#fff}.final .button{margin-top:24px}.page-hero{padding:120px 8vw;background:var(--ink);color:#fff}.page-hero>p:last-child{max-width:700px;line-height:1.7;font-size:18px;color:#d7ddd9}.faq{max-width:1000px;margin:75px auto;padding:0 25px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq summary{display:grid;grid-template-columns:55px 1fr 20px;cursor:pointer;list-style:none;font:700 20px Manrope}.faq summary span{color:var(--sage);font-size:11px}.faq p{padding-left:55px;max-width:760px;line-height:1.7}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:95px 7vw;background:var(--stone)}.contact h1{font-size:clamp(48px,5vw,72px)}.contact>div>p:not(.eyebrow){line-height:1.7}.phone{display:grid;margin-top:35px;font:700 23px Manrope}.phone small{font-size:9px;letter-spacing:.2em;color:var(--sage);margin-bottom:8px}form{background:#fff;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:grid;gap:8px;font-size:12px;font-weight:700}.full{grid-column:1/-1}input,select,textarea{padding:14px;border:0;border-bottom:1px solid #aeb6b0;background:#f6f5f1;font:inherit}footer{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:55px;padding:70px 5vw 25px;background:#121a17;color:#dbe1dc}footer>div{display:flex;flex-direction:column;gap:10px;font-size:13px}footer>div>b{font-size:9px;letter-spacing:.18em;color:#99a99b}footer>small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:22px;color:#8d9891}@media(max-width:900px){.announcement span:last-child{display:none}header{height:72px;padding:0 17px}.brand{min-width:0}.mark{width:35px;height:35px}.brand b,.brand strong{font-size:13px}.header-cta{margin-left:auto}.header-cta>a:first-child{display:none}.header-cta .button{padding:10px;font-size:8px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:24px;flex-direction:column}nav.open{display:flex}.menu{display:block;background:none;border:0}.hero{height:760px}.hero>img{object-position:64% center}.hero:after{background:linear-gradient(0deg,#0c1411f7,#0c141133)}.hero-copy{inset:auto 23px 60px;transform:none;width:auto;max-width:none}.hero h1{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero ul{flex-wrap:wrap;gap:8px 16px}.journey,.feature,.installer,.contact{grid-template-columns:1fr}.journey{padding:70px 24px}.feature img,.installer img{height:390px;min-height:390px}.feature>div,.installer>div{padding:65px 24px}.installer>div{order:2}.spaces{padding:75px 22px}.cards{grid-template-columns:1fr 1fr}.cards article:nth-child(2){border-right:0}.image-story{height:560px}.image-story>div{left:23px;bottom:35px}.image-story h2{font-size:40px}.contact{padding:65px 20px}form{grid-template-columns:1fr;padding:27px 20px}.full{grid-column:auto}footer{grid-template-columns:1fr;gap:30px}}@media(max-width:520px){.brand small{display:none}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid var(--line)}}header{height:102px}.brand{min-width:265px;gap:14px}.mark{width:50px;height:50px;flex:0 0 50px}.brand-words{display:flex!important;flex-direction:column;line-height:1!important}.brand-words>span{display:flex;gap:8px}.brand-words b,.brand-words strong{font:800 20px/20px Manrope;letter-spacing:.15em}.brand-words small{font:700 10px/1.1 Manrope;letter-spacing:.3em;margin-top:7px;color:var(--ink)}.brand-words em{font:500 8px/1.1 DM Sans;letter-spacing:.08em;margin-top:6px;color:var(--sage)}footer .brand-words small{color:#dbe1dc}footer .brand-words em{color:#99a99b}.mark{position:relative;display:block;background:transparent;border:0;border-radius:0;overflow:visible}.mark svg{display:block;width:100%;height:100%;overflow:visible}.mark path{fill:var(--sage)}@media(max-width:900px){header{height:82px}.brand{min-width:180px;gap:9px}.mark{width:40px;height:40px;flex-basis:40px}.brand-words b,.brand-words strong{font-size:15px;line-height:15px}.brand-words small{display:block!important;font-size:7px;letter-spacing:.22em;margin-top:5px}.brand-words em{display:none}nav{top:82px}.header-cta .button{display:none}}@media(max-width:520px){.brand-words small{display:block!important}}:root{--ink:#08263d;--sage:#16b5c8;--pale:#e8f3f4;--stone:#f3f6f4;--cream:#fbfcfa;--line:rgba(8,38,61,.15)}.mark path{fill:#16b5c8}.brand-words strong{color:#16b5c8}.hero em,.intro em,.journey em,.feature em,.spaces em,.image-story em,.installer em,.final em,.page-hero em{color:#55c9d6}.announcement{background:#061f34}.hero:after{background:linear-gradient(90deg,rgba(4,24,39,.96),rgba(4,24,39,.64) 43%,transparent 76%)}footer,.final{background:#061f34}.button{background:#13afc4}.button.dark{background:#08263d}.eyebrow{color:#119fb2}.button{transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.button:hover:not(:disabled),.button:focus-visible{background:#08263d;color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px #061f342e}.button.dark:hover:not(:disabled),.button.dark:focus-visible,.button.light:hover:not(:disabled),.button.light:focus-visible{background:#087f8c;color:#fff}.button:focus-visible{outline:3px solid rgba(19,175,196,.38);outline-offset:3px}.image-story img{filter:brightness(.72)}.cl-brand{display:flex;align-items:center;gap:9px;width:280px;min-width:280px;height:70px;padding:3px 14px 3px 3px;background:#061f34;border-radius:4px;flex-shrink:0}.cl-brand .cl-brand-mark{width:64px;height:64px;flex:0 0 64px;object-fit:contain}.cl-brand .cl-brand-name{display:flex;flex-direction:column;gap:9px;white-space:nowrap;color:#f3f6fa;line-height:1}.cl-brand-name>span{font:400 19px/1 Manrope,sans-serif;letter-spacing:.13em}.cl-brand .cl-brand-name b{font:800 19px/1 Manrope,sans-serif;letter-spacing:.13em}.cl-brand .cl-brand-name small{display:flex;align-items:center;gap:7px;font:500 8px/1.2 DM Sans,sans-serif;letter-spacing:.2em;margin:0;color:#f3f6fa}.cl-brand-name small:before,.cl-brand-name small:after{content:"";display:block;flex:1;height:1px;background:#00c7ee}.cl-brand:focus-visible{outline:3px solid #13afc4;outline-offset:4px}@media(max-width:900px){header .cl-brand{width:222px;min-width:222px;height:58px;padding:3px 10px 3px 3px;gap:7px}header .cl-brand .cl-brand-mark{width:52px;height:52px;flex-basis:52px}header .cl-brand-name>span,header .cl-brand .cl-brand-name b{font-size:15px}header .cl-brand .cl-brand-name small{font-size:6px;gap:5px}header .cl-brand .cl-brand-name{gap:8px}header{gap:12px}}
