:root{--blue:#1557a5;--navy:#142a41;--ink:#1b2b37;--muted:#687781;--line:#dce3e7;--paper:#f3f5f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #60a7f1;outline-offset:4px}[hidden]{display:none!important}header{height:94px;padding:12px 5%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:10}header>a:first-child{margin-right:auto}.logo{width:170px;display:block}nav{display:flex;gap:30px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:0;padding:18px 24px;border-radius:4px;font-size:14px;font-weight:bold;line-height:1.4}.btn:hover{background:#104888}.small{padding:13px 18px}section{padding:75px 5%;scroll-margin-top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--paper);padding-top:60px;padding-bottom:60px}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:1.8px;font-weight:bold}h1{font-size:clamp(46px,5.5vw,82px);line-height:1.03;letter-spacing:-3px;margin:28px 0 24px}h1 span{color:var(--blue)}p{line-height:1.7}.hero p{max-width:490px;font-size:17px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:30px;font-size:14px;font-weight:bold}.note{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;font-size:12px;color:var(--muted)}.heroimage{position:relative;min-height:420px;overflow:hidden;border-radius:4px}.heroimage>img{width:100%;height:100%;object-fit:cover;object-position:60%}.badge{position:absolute;top:20px;left:20px;background:#fff;padding:12px;font-size:10px;letter-spacing:1.5px}.heroimage small{position:absolute;bottom:15px;right:15px;background:#ffffffe8;padding:7px;font-size:10px}.heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-1.5px;margin:15px 0}h3{letter-spacing:-.4px}.heading p{color:var(--muted);font-size:14px}.services{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.services button{padding:30px 24px;text-align:left;border:0;border-right:1px solid var(--line);background:white;color:var(--ink)}.services button:last-child{border-right:0}.services button:hover{background:var(--paper)}.services span{display:block;color:var(--blue);font-size:13px;margin-bottom:30px}.services h3{font-size:19px}.services p{font-size:13px;color:var(--muted)}.light{background:var(--paper)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:transparent;font-size:12px}.filters .active{background:var(--navy);color:white;border-color:var(--navy)}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:22px}.project{padding:0;border:0;text-align:left;background:white;border-radius:4px;overflow:hidden;color:var(--ink)}.project img{width:100%;height:240px;object-fit:cover}.project>div{padding:22px}.project span{font-size:10px;letter-spacing:1px;color:var(--blue);font-weight:bold}.project h3{font-size:18px;margin:12px 0 3px}.muted{font-size:12px;color:var(--muted);line-height:1.65}.request{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;padding-top:100px;padding-bottom:100px}.request aside>p{max-width:350px;color:var(--muted);font-size:15px}.request h2{font-size:55px}.request ol{list-style:none;padding:0;counter-reset:s;margin:32px 0}.request li{counter-increment:s;position:relative;padding:4px 0 25px 45px}.request li:before{content:counter(s);position:absolute;left:0;border:1px solid var(--line);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--blue)}.request li b{font-size:14px}.request li span{display:block;font-size:12px;margin-top:7px;color:var(--muted)}.phone{display:block;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.phone strong{display:block;font-size:22px;color:var(--blue);margin-top:10px}.panel{border:1px solid var(--line);border-radius:8px;padding:32px;box-shadow:0 15px 50px #11284109}.progress{display:flex;justify-content:space-between;color:var(--blue);font-size:10px;letter-spacing:1px}.bar{height:3px;background:#e6ebef;margin:15px 0 30px}.bar i{display:block;width:33.33%;height:3px;background:var(--blue);transition:width .3s}fieldset{border:0;margin:0;padding:0}legend{font-size:22px;font-weight:bold;letter-spacing:-.5px;margin-bottom:15px}label{display:block;font-size:12px;font-weight:bold;margin:18px 0 8px}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:13px;border:1px solid #cdd7de;border-radius:4px;background:#fbfcfd;margin-top:9px;color:var(--ink);font-size:14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #c1d8f5;border-color:var(--blue)}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upload{padding:24px 15px;border:1px dashed #aabed2;background:#f3f8fc;text-align:center;color:var(--blue);border-radius:4px}.upload small{display:block;font-weight:normal;font-size:11px;color:var(--muted);margin:12px 0}.upload input{font-size:12px}#previews{display:flex;gap:8px;flex-wrap:wrap}.thumb{position:relative}.thumb img{width:75px;height:75px;object-fit:cover;border-radius:4px}.thumb button{position:absolute;right:0;top:0;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}#summary{white-space:pre-wrap;overflow-wrap:anywhere;padding:17px;background:var(--paper);font-size:12px;line-height:1.7;margin:20px 0}.check{display:flex;gap:10px;align-items:flex-start;font-weight:normal;line-height:1.6}.check input{flex-shrink:0;margin-top:4px}.formactions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.secondary{background:white;border:1px solid #b5c6d4;color:var(--navy);padding:13px 16px;border-radius:4px;font-size:13px}.full{width:100%;margin-top:20px}.error{color:#b72121;font-size:13px}#status{font-size:12px;color:var(--blue)}.contact{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{color:#a8cef6}.contact h2{font-size:38px}.contact p{font-size:14px;color:#becbd7}.contactphone{display:block;text-align:center;font-size:23px;margin-top:20px}footer{padding:28px 5%;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}footer>div{display:flex;gap:22px;flex-wrap:wrap}footer button{padding:0;border:0;background:none;font-size:inherit;color:inherit}.mobilebar{display:none}dialog{border:0;border-radius:8px;padding:35px;max-width:600px;width:calc(100% - 32px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#11283bd1}.close{position:absolute;right:9px;top:8px;border:0;background:white;font-size:25px;width:30px;height:30px}dialog img{width:100%}dialog h2{font-size:30px}dialog p{font-size:14px}dialog .btn{margin-top:15px}@media(max-width:1000px){nav{gap:20px}.hero{gap:25px}.actions{flex-wrap:wrap}.services{grid-template-columns:repeat(2,1fr)}.services button{border-bottom:1px solid var(--line)}.gallery{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.request{gap:35px}.panel{padding:25px}}@media(max-width:650px){html{scroll-padding-top:80px}header{height:77px;padding:10px 5%;gap:15px}.logo{width:132px}nav{display:none}.small{font-size:11px;padding:12px}section{padding:48px 6%}.hero{grid-template-columns:1fr;padding-top:35px;gap:28px}h1{font-size:54px;letter-spacing:-2.3px;margin:24px 0 18px}.hero p{font-size:15px}.actions{gap:18px;font-size:12px}.actions .btn{padding:15px;font-size:12px}.note{margin-top:28px;padding-top:18px}.heroimage{height:250px;min-height:250px}.badge{font-size:8px;top:14px;left:14px}.heroimage small{font-size:8px}.heading{display:block}.heading p{margin-top:0}.filters{margin-top:22px}h2{font-size:32px}.services button{padding:23px 15px}.services h3{font-size:16px}.services p{font-size:12px}.services span{margin-bottom:22px}.gallery{gap:14px}.project>div{padding:15px}.project img{height:175px}.wide img{height:220px}.project h3{font-size:15px}.project span{font-size:8px}.request{grid-template-columns:1fr;gap:30px}.request h2{font-size:40px}.request h2 br{display:none}.request ol{display:none}.phone{margin-top:20px;padding-top:15px}.panel{padding:23px 18px}.two{grid-template-columns:1fr;gap:0}.dimensions{gap:8px}.dimensions input{padding:10px 7px}.dimensions label{font-size:11px}.contact{display:block}.contact h2{font-size:31px}.contact>div+div{margin-top:25px}.contactphone{text-align:left}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:12;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobilebar a{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:21px;color:var(--blue);min-width:65px}.mobilebar span{font-size:10px;font-weight:bold;color:var(--ink)}footer{display:block;padding-bottom:105px;line-height:1.8}footer>div{margin-top:16px;gap:14px}.eyebrow{font-size:9px;letter-spacing:1.5px}}

.formactions{flex-wrap:wrap}.contactemail{display:block;margin-top:20px;font-size:15px;overflow-wrap:anywhere}@media(max-width:650px){#email,#send{flex:1 1 100%}}

.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery .wide{grid-column:auto}.realproject img{height:320px;object-position:center}.realproject small{display:block;color:var(--muted);font-size:11px;margin-top:12px}@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.gallery{grid-template-columns:1fr}.realproject img{height:360px}.project img{object-position:center}}

.install-offer{margin-top:24px}.install-offer .btn{background:#fff;color:#1557a5;border:1px solid #1557a5}.install-offer p{font-size:14px;margin:10px 0;line-height:1.5}#modalContent ol{padding-left:24px;line-height:1.7}#modalContent li{margin-bottom:8px}
