*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:#124f3d;background:#fff;font-size:14px}.promo{height:35px;background:#fff;color:#17624e;text-align:center;padding:9px 8px;font-size:11px;border-bottom:1px solid #17624e;overflow:hidden}header{background:#086247;color:#fff}.brand-row{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid rgba(255,255,255,.12)}.logo-wrap{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-wrap img{width:100%;height:100%;object-fit:cover}.company-name{font-weight:600;font-size:13px}.socials{display:flex;gap:20px;color:#c9f5a9;font-weight:700;font-size:18px;align-items:center}.socials span:nth-child(3){font-size:14px}.nav-row{height:44px;display:flex;align-items:center;justify-content:space-between;padding-left:3.5%;border-bottom:3px solid #fff}.nav-row nav{display:flex;gap:28px}.nav-row a{color:#fff;text-decoration:none;font-size:12px}.nav-row a.active{color:#c9f5a9}.phone-box{background:#fff!important;color:#333!important;padding:10px 45px;margin-right:2%;min-width:145px;text-align:center}.page-hero{height:128px;background:linear-gradient(rgba(0,105,78,.78),rgba(0,105,78,.78)),url('assets/project-hero.jpg') center/cover;display:flex;align-items:center;justify-content:center;color:#fff}.page-hero h1{font-size:40px;margin:0;font-weight:700}.projects{padding:43px 2.2% 30px;background:#fff}.eyebrow{text-align:center;font-size:23px;margin-bottom:20px}.projects h2{text-align:center;color:#222;font-size:30px;margin:0 0 48px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 15px}.gallery img{width:100%;height:300px;object-fit:cover;display:block}.quote{background:#086247;color:#fff;padding:38px 5% 52px}.quote-inner{max-width:900px;margin:auto}.quote h2{font-size:30px;margin:0 0 17px}.quote p{font-size:12px;margin-bottom:23px}.quote form{display:flex;flex-direction:column}.quote input[type=text],.quote input[type=email],.quote input[type=tel],.quote input:not([type]){width:100%}.quote form>input{border:0;padding:11px 12px;margin:0 0 14px;font-family:inherit}.quote b{font-size:11px;margin:2px 0 7px}.quote em{color:#e34b4b}.checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 50px;margin-bottom:20px}.checks label,.hear label{font-size:11px}.hear{display:flex;flex-direction:column;gap:5px;margin-bottom:19px}.quote textarea{border:0;min-height:85px;padding:12px;font-family:inherit;margin-bottom:16px;resize:vertical}.quote button{width:147px;background:#075b45;color:#fff;border:0;padding:13px 18px;font-size:11px}.faq{background:#000;color:#fff;padding:34px 5% 55px}.learn{color:#08775a;font-size:16px;margin-bottom:15px}.faq h2{color:#08775a;font-size:28px;margin:0 0 28px}.faq-list{border:1px solid #777}.faq-item button{width:100%;background:#000;color:#08775a;border:0;border-bottom:1px solid #555;text-align:left;padding:14px;font-family:inherit;font-size:11px;display:flex;justify-content:space-between}.faq-item p{display:none;margin:0;padding:15px;color:#666;font-size:11px;border-bottom:1px solid #555}.faq-item.open p{display:block}.faq-item button span{font-size:17px}.faq-item:last-child button{border-bottom:0}footer{background:#086247;color:#fff;padding:60px 0 75px;display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:30px;font-size:11px}footer>div{padding:0 2%}footer h3{font-size:15px;margin-top:0}footer p{line-height:1.9}.mobile-bar{position:fixed;left:0;right:0;bottom:0;height:48px;background:#086247;display:grid;grid-template-columns:1fr 1fr;z-index:20;padding:0 20%;gap:14px}.mobile-bar a{background:#fff;color:#17624e;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.top-btn{position:fixed;right:12px;bottom:60px;background:#086247;color:#fff;border:0;width:24px;height:24px;border-radius:2px;z-index:21}@media(max-width:700px){body{font-size:12px;padding-bottom:48px}.promo{font-size:9px;height:35px}.brand-row{height:87px;padding:0 6%}.logo-wrap{width:55px;height:55px}.company-name{font-size:10px}.socials{gap:12px;font-size:15px}.nav-row{height:44px;padding-left:25px;overflow:hidden}.nav-row nav{gap:23px;white-space:nowrap}.nav-row a{font-size:10px}.phone-box{min-width:145px;margin-left:20px;padding:9px 25px}.page-hero{height:128px}.page-hero h1{font-size:39px}.projects{padding:43px 15px 30px}.eyebrow{font-size:21px}.projects h2{font-size:29px;line-height:1.35;margin-bottom:48px}.gallery{gap:12px 14px}.gallery img{height:310px}.quote{padding:38px 35px 52px}.quote h2{font-size:29px}.checks{gap:5px 30px}.faq{padding:34px 35px 55px}.faq h2{font-size:27px}.faq-item button{font-size:10px;padding:13px}.faq-item p{font-size:10px}.learn{font-size:15px}footer{grid-template-columns:1.4fr 1fr 1fr .8fr;gap:10px;padding:60px 0 80px;font-size:10px;overflow:hidden}footer h3{font-size:14px}footer p{line-height:1.9}.mobile-bar{padding:0 20%;gap:14px}}

/* Final responsive safety */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}



/* FINAL HEADER FIX ONLY: keep the top promo + complete header fixed during scroll. */
.promo{position:fixed;top:0;left:0;right:0;z-index:5000}
header{position:fixed;top:35px;left:0;right:0;z-index:4999}
body{padding-top:166px}