@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#082b3c;--green:#087b53;--cream:#f5f4ee;--muted:#617078}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--navy);font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button,.button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dba535;outline-offset:4px}.announcement{background:var(--navy);color:white;text-align:center;padding:11px;font-size:10px;letter-spacing:1.7px}.announcement span{margin-left:35px;opacity:.7;letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 6%;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #e8eeeb}.logo{width:270px;display:block}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.textlink{color:var(--green)}button{border:0}.outline{border:1px solid #ccd6d3;background:white;border-radius:4px;padding:12px 19px;color:var(--navy)}#count{background:var(--green);color:white;border-radius:50%;padding:3px 7px;margin-left:8px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--cream)}.herocopy{padding:75px 9% 55px 12%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 22px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(48px,5.5vw,82px);letter-spacing:-4px;line-height:1.07;margin:0 0 26px;font-weight:600}.lede{color:var(--muted);font-size:16px;line-height:1.8;max-width:430px}.button{display:inline-flex;background:var(--green);color:white;padding:17px 25px;border-radius:3px;align-items:center;justify-content:space-between;gap:35px;font-weight:600;font-size:14px;margin-top:16px}.button:hover{background:#075c40}.small{font-size:12px;color:var(--muted);margin-top:22px}.heroart{position:relative;background:#dfdcd0;overflow:hidden;display:flex;align-items:center;justify-content:center}.sun{position:absolute;width:620px;height:620px;border-radius:50%;background:#eae8de;top:10px;left:70px}.architect{width:62%;height:76%;background:#e9e4d7;padding:20px;position:relative;box-shadow:20px 30px 50px #737b7240;transform:perspective(1000px) rotateY(-9deg)}.bigwindow{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;border:18px solid #f8f8f2;background:#fafaf4;box-shadow:0 0 0 2px #c7c7ba}.bigwindow i{background:linear-gradient(135deg,#aac5c8 0%,#d4e3df 45%,#6d947d 100%);position:relative}.bigwindow i:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff55 26%,#ffffff22 45%,transparent 46%)}.sill{position:absolute;bottom:10px;left:-15px;right:-15px;height:24px;background:#fffdf6;box-shadow:0 10px 12px #7772}.plant{position:absolute;right:-90px;bottom:-25px;color:#365943;font-size:190px;transform:rotate(20deg)}.artlabel{position:absolute;bottom:35px;left:35px;padding:22px 28px;background:white;box-shadow:0 8px 35px #092b3b12}.artlabel span{font-size:9px;letter-spacing:1.8px}.artlabel strong{display:block;font-size:22px;margin-top:9px;font-weight:500}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6%;border-bottom:1px solid #e3e7e3;gap:25px;font-size:13px}.benefits b{color:var(--green);font-size:11px;margin-right:12px}.section{padding:85px 6%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px}h2{font-size:clamp(30px,3.1vw,45px);font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:0 0 20px}.sectionhead>p{max-width:340px;color:var(--muted);line-height:1.8;font-size:14px}.filters{display:flex;gap:10px;margin:30px 0;flex-wrap:wrap}.filters button{border-radius:30px;padding:11px 21px;background:#f1f4f1;color:var(--muted);font-size:13px}.filters .active{background:var(--navy);color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product{border:1px solid #e2e7e2;border-radius:4px;overflow:hidden}.productart{height:235px;background:#f1f2ed;display:flex;align-items:center;justify-content:center;position:relative}.productart small{position:absolute;top:16px;left:18px;font-size:9px;letter-spacing:1.2px;color:#718078}.window{width:110px;height:165px;border:9px solid #fff;background:linear-gradient(145deg,#dbe9e7,#a5c2c5);box-shadow:3px 8px 10px #1232,inset 0 0 0 2px #bccbc8;position:relative}.window:before,.window:after{content:'';position:absolute;background:#fff}.window:before{top:49%;left:0;right:0;height:7px}.window.sliding{width:185px;height:125px}.window.sliding:before,.window.door:before{left:49%;top:0;bottom:0;width:7px;height:auto}.window.picture:before{display:none}.window.casement:before{height:100%;width:3px;left:12px;top:0;transform:skewY(-15deg)}.window.awning{width:170px;height:90px}.window.door{width:160px;height:185px;border-width:7px}.productbody{padding:23px}.product h3{font-size:21px;margin:0 0 8px;letter-spacing:-.6px}.product p{color:var(--muted);line-height:1.6;font-size:13px;min-height:42px}.productbottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.productbottom span{font-size:11px;color:var(--muted)}.productbottom strong{display:block;color:var(--navy);font-size:21px;font-weight:600}.productbottom button{color:var(--green);background:white;border-bottom:1px solid #b4d0bf;padding:8px 0;font-weight:600}.note{font-size:11px;color:#69766f;line-height:1.7;margin-top:22px}.process{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:90px}.process>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:360px}.textlink{display:inline-block;font-size:14px;font-weight:600;margin-top:20px}.steps article{display:flex;gap:25px;border-bottom:1px solid #d6ded6;padding:23px 0}.steps article:first-child{padding-top:0}.steps span{font-size:13px;color:var(--green);padding-top:3px}.steps h3{margin:0 0 10px;font-size:20px;letter-spacing:-.5px}.steps p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.trade{background:var(--navy);text-align:center;color:white;margin:55px 6% 0;padding:65px 25px}.trade .eyebrow{color:#9fc9b3}.trade p:not(.eyebrow){max-width:530px;margin:0 auto;line-height:1.8;color:#c2d1d1;font-size:14px}.light{background:#fff;color:var(--navy);margin-top:30px}.light:hover{background:#dceade}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}details{border-bottom:1px solid #dce2db;padding:22px 0}details:first-child{padding-top:0}summary{font-weight:600;font-size:15px}details p{color:var(--muted);line-height:1.8;font-size:14px}footer{padding:45px 6%;background:var(--cream);display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:25px;font-size:13px;color:var(--muted)}footer img{width:260px}footer p{line-height:1.8;margin:0}footer a{display:block;margin-bottom:12px}footer small{grid-column:1/-1;border-top:1px solid #dbe0d8;padding-top:25px;font-size:10px;line-height:1.8}dialog{border:0;border-radius:8px;width:min(620px,94vw);padding:32px;color:var(--navy);max-height:90vh}dialog::backdrop{background:#06263299;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead .eyebrow{margin:0}.close{font-size:29px;background:none;color:var(--navy)}dialog h2{font-size:30px;margin-top:17px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}label{font-size:12px;font-weight:600}input,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #ccd5cf;border-radius:3px;background:white;color:var(--navy)}.full{width:100%;grid-column:1/-1}.pricebar{display:flex;justify-content:space-between;border-top:1px solid #dce3dd;padding-top:20px;margin-top:20px;font-size:12px}.pricebar strong{display:block;font-size:26px;margin-top:5px}.cartitem{padding:20px 0;border-bottom:1px solid #dce3dd}.cartitem h3{margin:0;font-size:16px}.cartitem p{margin:8px 0}.cartitem button{background:none;color:var(--green);padding:5px 0}.cartitem input{width:85px;display:inline-block;margin-left:10px}.cartitem .itemhead{display:flex;justify-content:space-between;gap:20px}#cart>.outline{margin-top:10px}#checkoutStatus{background:#f0f5ee;padding:12px}#checkoutStatus:empty{display:none}@media(max-width:850px){header{padding:20px 5%;gap:12px}.logo{width:215px}nav{gap:16px;font-size:12px}.hero{min-height:550px}.herocopy{padding:55px 8%}h1{font-size:54px;letter-spacing:-2.8px}.heroart .architect{width:75%;height:70%}.artlabel{left:15px;bottom:20px;padding:17px}.benefits{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.section{padding:65px 5%}.process{gap:35px}.faq{gap:30px}footer img{width:210px}}@media(max-width:600px){.announcement{font-size:8px;letter-spacing:1px}.announcement span{display:block;margin:6px 0 0}header{flex-wrap:wrap}.logo{width:210px}header .outline{padding:10px 12px;font-size:12px}nav{order:3;width:100%;justify-content:center;padding-top:7px;gap:35px}.hero{grid-template-columns:1fr}.herocopy{padding:45px 7%}h1{font-size:57px}.heroart{height:390px}.architect{max-width:280px}.artlabel{left:25px;bottom:20px}.benefits{padding:25px 6%;gap:22px;font-size:11px}.benefits b{margin-right:5px}.sectionhead{display:block}.sectionhead>p{max-width:none}.products{gap:15px}.productart{height:180px}.productbody{padding:16px}.product h3{font-size:18px}.product p{font-size:12px;min-height:65px}.productbottom{align-items:start;flex-direction:column;gap:12px}.window{width:85px;height:130px}.window.sliding{width:125px;height:90px}.window.door{width:110px;height:140px}.window.awning{width:125px;height:75px}.filters{gap:7px}.filters button{padding:10px 13px;font-size:11px}.process,.faq{grid-template-columns:1fr}.trade{margin:0 5%;padding:45px 20px}.trade h2{font-size:29px}footer{grid-template-columns:1fr 1fr}footer img{grid-column:1/-1;width:235px}dialog{padding:23px}.formgrid{gap:14px}}

button:disabled{opacity:.55;cursor:not-allowed}#unitedInches{margin-top:24px;margin-bottom:8px}

/* Explicit light surfaces keep text readable across device appearance settings. */
:root{color-scheme:light;--navy:#082b3c;--green:#066743;--muted:#46575f}
body{background:#fff;color:#082b3c}
header,dialog,.product,.productbody{background:#fff;color:#082b3c}
.announcement{background:#082b3c;color:#fff;font-size:11px;line-height:1.6}
.announcement span{opacity:1;color:#e2ecef}
.hero,.process,footer{background:#f5f4ee;color:#082b3c}
.trade{background:#082b3c;color:#fff}
.trade h2{color:#fff}
.trade .eyebrow{color:#bce6cf}
.trade p:not(.eyebrow){color:#e2ecef}
.artlabel{background:#fff;color:#082b3c}
.hero .eyebrow,.section .eyebrow,.textlink{color:#066743}
.trade .eyebrow{color:#bce6cf}
.lede,.small,.sectionhead>p,.product p,.process>div>p:not(.eyebrow),.steps p,details p,dialog p,footer{color:#46575f}
.note,dialog .note{color:#46575f;font-size:13px;line-height:1.75}
.small{font-size:13px}.productart small{color:#46575f;font-size:10px}
.productbottom span{color:#46575f;font-size:12px}
.productbottom strong,.pricebar,.cartitem h3,.cartitem strong,summary{color:#082b3c}
.filters button{background:#eaf0eb;color:#344b42}
.filters .active{background:#082b3c;color:#fff}
.button{background:#066743;color:#fff}
.button:hover{background:#044c32;color:#fff}
.button.light{background:#fff;color:#082b3c}
.button.light:hover{background:#e4f0e8;color:#082b3c}
.outline{background:#fff;color:#082b3c;border-color:#7f938b}
.productbottom button,.cartitem button{background:#fff;color:#066743}
input,select,option{background:#fff;color:#082b3c;border-color:#84968e}
input::placeholder{color:#5b6d63;opacity:1}
label{color:#082b3c}.close{background:#fff;color:#082b3c}
button:disabled{opacity:1;background:#e3e9e5;color:#40534b;border:1px solid #9aac9f}
#checkoutStatus{background:#edf4ee;color:#183d2c}
footer small{color:#46575f;font-size:12px}
.productbottom strong{font-size:17px}.radiochoice{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.6;margin:12px 0}.radiochoice input{width:auto;margin:0;flex-shrink:0}fieldset{border:1px solid #bac9bf;border-radius:4px;padding:16px}legend{font-weight:600;font-size:13px}#pricingStatus{padding:12px;background:#edf4ee;color:#183d2c}.window.special{border-radius:60px 60px 0 0}.formgrid>label{min-width:0}.formgrid select{max-width:100%}@media(max-width:600px){#referenceFields{grid-template-columns:1fr}}

.customcolor{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#edf4ee;margin:0 6% 55px;padding:38px}.customcolor h2{font-size:32px}.customcolor p:not(.eyebrow){color:#46575f;line-height:1.7;max-width:570px}.customcolor .button{flex-shrink:0}textarea{font:inherit;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #84968e;background:white;color:#082b3c;border-radius:3px;resize:vertical}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#colorRequestStatus{color:#183d2c;background:#edf4ee;padding:12px}#colorRequestStatus:empty{display:none}.requestcard{padding:25px;border:1px solid #bac9bf;margin:20px 0;border-radius:5px}.requestcard h2{font-size:25px}.requestcard p{line-height:1.7}.requestcard small{color:#46575f;overflow-wrap:anywhere}@media(max-width:650px){.customcolor{display:block;margin:0 5% 40px;padding:25px}.customcolor .button{width:100%;gap:15px}}

.accountpage{max-width:850px;margin:auto}.accountpage h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2px}.accountpage form{border-top:1px solid #bac9bf;margin-top:35px;padding-top:30px}.admincolumns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.admincolumns h2{font-size:30px}.promobox{display:flex;align-items:end;gap:12px;margin-top:25px;flex-wrap:wrap}.promobox label{flex:1;min-width:180px}.promobox .textlink{margin:0;padding:12px;background:white;color:#066743}.promobox .outline{height:45px}#discountStatus{font-size:13px;line-height:1.7;color:#183d2c}@media(max-width:700px){.admincolumns{grid-template-columns:1fr}header nav{flex-wrap:wrap;gap:18px}}

[hidden]{display:none!important}

.deliverypromise{margin-top:30px;padding:20px;border-left:3px solid #066743;background:white}.deliverypromise strong{font-size:18px}.deliverypromise p{font-size:14px;line-height:1.7;color:#46575f}.deliverypromise small{font-size:11px;color:#46575f}#deliveryStatus{font-size:14px;color:#183d2c;line-height:1.7;padding:12px;background:#edf4ee}#deliveryStatus:empty{display:none}#checkoutReview>.outline{margin-top:12px}#checkoutReview .radiochoice{align-items:flex-start;margin-top:25px}#checkoutReview .radiochoice input{margin-top:5px}

.windowfeatures{background:#f5f4ee;margin-bottom:55px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.featuregrid article{padding:26px;background:#fff;border-top:3px solid #c5d9c9}.featuregrid span{font-size:11px;color:#066743;letter-spacing:2px}.featuregrid h3{font-size:20px;letter-spacing:-.5px}.featuregrid p{font-size:14px;line-height:1.8;color:#46575f}.featuregrid .sashpromise{background:#082b3c;border-color:#087b53;color:white}.featuregrid .sashpromise span{color:#bce6cf}.featuregrid .sashpromise p{color:#e2ecef}@media(max-width:850px){.featuregrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.featuregrid{grid-template-columns:1fr;gap:18px}}

.installationtab{color:#066743;font-weight:700}.installationcallout{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#edf4ee;margin:55px 6% 0;padding:38px}.installationcallout h2{font-size:34px}.installationcallout p:not(.eyebrow){color:#46575f;line-height:1.7}.installationcallout .button{flex-shrink:0}.installationcart{display:block;text-align:center;margin-top:15px}#installationStatus,#installationContext{line-height:1.7;color:#183d2c}#installationStatus:empty,#installationContext:empty{display:none}@media(max-width:650px){.installationcallout{display:block;margin:35px 5% 0;padding:25px}.installationcallout .button{width:100%;gap:15px}header nav{gap:14px}}

.contactbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 28px;padding:12px 6%;background:#edf4ee;color:#082b3c;font-size:14px;line-height:1.5}.contactbar a{font-weight:600}.contactbar span,.contactdetails span,.contactsupport span{font-size:12px;font-weight:400;margin-left:8px}.contactdetails{display:flex;flex-direction:column;gap:12px;min-width:0}.contactdetails a,.contactsupport a{overflow-wrap:anywhere}.contactsupport{border-top:1px solid #bac9bf;margin-top:45px;padding-top:25px;display:flex;flex-direction:column;gap:14px;font-size:15px}.contactbar a:hover,.contactdetails a:hover,.contactsupport a:hover{text-decoration:underline}@media(max-width:600px){.contactbar{justify-content:center;text-align:center;font-size:13px;padding:12px 5%;gap:6px 15px}.contactbar a{max-width:100%;overflow-wrap:anywhere}.contactbar span{display:block;margin:0}.contactdetails{grid-column:1/-1}}

.offerstrip{background:#082b3c;text-align:center;padding:8px}.offerstrip button{background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700;padding:4px 14px;text-decoration:underline;text-underline-offset:4px}#discountOffer{max-width:520px}#discountOffer h2{font-size:clamp(34px,7vw,52px)}.offercode{display:block;background:#edf4ee;color:#082b3c;border:2px dashed #087b53;padding:20px;font-size:30px;text-align:center;letter-spacing:2px;overflow-wrap:anywhere}#offerStatus{line-height:1.7;color:#183d2c}

.appintro{display:flex;align-items:center;gap:24px}.appintro>img{border:1px solid #d6ded6;border-radius:24px;flex-shrink:0}.appintro h1{margin-bottom:0}.appintro .eyebrow{margin-bottom:12px}.appfeatures{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.appfeatures span{background:#edf4ee;padding:16px;border-radius:5px;font-size:14px;font-weight:600}.installsteps ol{padding-left:24px;line-height:1.8}.installsteps li{padding-bottom:12px}.installsteps strong{overflow-wrap:anywhere}#appInstallStatus{color:#183d2c;line-height:1.7}.appcallout{display:flex;align-items:center;gap:28px;margin:45px 6% 0;padding:38px;border:1px solid #d6ded6;background:#fff}.appcallout>img{border:1px solid #d6ded6;border-radius:20px;flex-shrink:0}.appcallout>div{flex:1}.appcallout h2{font-size:30px;margin-bottom:12px}.appcallout p:not(.eyebrow){color:#46575f;line-height:1.7}.appcallout .eyebrow{margin-bottom:12px}.appcallout .button{flex-shrink:0}body:has(.appintro){padding-bottom:env(safe-area-inset-bottom)}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:max(20px,env(safe-area-inset-top))}}@media(max-width:650px){.appintro{align-items:flex-start;gap:18px}.appintro>img{width:80px;height:80px;border-radius:18px}.appintro h1{font-size:40px}.appintro .eyebrow{font-size:9px;letter-spacing:1px}.appfeatures{grid-template-columns:1fr}.appcallout{flex-wrap:wrap;margin:35px 5% 0;padding:25px}.appcallout>div{flex-basis:100%}.appcallout .button{width:100%}}