:root{--ink:#10261d;--green:#0f5a3c;--green2:#0a3f2b;--mint:#eaf7f0;--lime:#c8f36a;--gold:#f2a33a;--muted:#5f7068;--line:#dce7e1;--white:#fff;--bg:#f7faf8;--shadow:0 18px 55px rgba(13,52,35,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,92vw);margin:auto}.topbar{background:#0a2f21;color:#dff3e9;font-size:12px}.topbar .inner{display:flex;justify-content:space-between;padding:7px 0;gap:15px}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{min-height:76px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand .logo{width:42px;height:42px;object-fit:contain}.brand .word{width:185px;max-height:34px;object-fit:contain}.links{display:flex;align-items:center;gap:17px;margin-left:auto;font-size:14px;font-weight:650}.links a:hover{color:var(--green)}.actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:12px;border:1px solid transparent;font-weight:750;transition:.2s}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:var(--green2);transform:translateY(-1px)}.btn.light{background:white;border-color:var(--line)}.btn.outline{border-color:var(--green);color:var(--green);background:white}.btn.lime{background:var(--lime);color:#18301f}.mobileMenu{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:9px 11px;font-size:20px}.hero{background:radial-gradient(circle at 85% 15%,#d7f4e5,transparent 34%),linear-gradient(135deg,#0b3b29,#0f5a3c);color:white;padding:72px 0 56px}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#b5dfca}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.03;margin:15px 0 20px;letter-spacing:-.04em}.hero p{font-size:19px;color:#d8eee3;max-width:700px}.heroBtns{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.heroMedia{position:relative}.heroMedia img{width:100%;height:430px;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.floating{position:absolute;right:18px;top:18px;left:auto;bottom:auto;background:rgba(255,255,255,.94);color:var(--ink);padding:15px 18px;border-radius:16px;display:flex;justify-content:space-between;gap:28px;min-width:250px}.floating strong{font-size:14px}.floating small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-20px;position:relative;z-index:2;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.stat{padding:24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font-size:30px;color:var(--green)}.stat span{font-size:13px;color:var(--muted)}.section{padding:76px 0}.section.soft{background:var(--bg)}.sectionHead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.sectionHead h2,.pageHero h1{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.03em;margin:8px 0}.lead{color:var(--muted);max-width:760px}.cards,.journeys,.products,.dataGrid,.quoteGrid,.resourceGrid,.brandGrid,.instGrid,.cityGrid,.processGrid{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,1fr)}.journeys{grid-template-columns:repeat(3,1fr)}.journey{min-height:310px;padding:24px;border-radius:20px;color:white;display:flex;flex-direction:column;justify-content:end;background-size:cover;background-position:center;position:relative;overflow:hidden}.journey:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.78))}.journey>*{position:relative}.journey h3{font-size:25px;margin:8px 0}.tag{display:inline-flex;width:max-content;border-radius:99px;padding:5px 10px;background:#e9f4ee;color:var(--green);font-size:11px;font-weight:850;letter-spacing:.08em}.hero .tag{background:rgba(255,255,255,.16);color:white}.card,.product,.resourceCard,.quoteCard,.projectCard,.formCard,.metric,.cityCard{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(16,38,29,.05)}.card h3,.product h3,.resourceCard h3,.cityCard h3{margin:8px 0}.icon{width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:850}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo img{border-radius:22px;width:100%;max-height:520px;object-fit:cover}.check{display:grid;gap:14px;margin:25px 0}.check>div{display:flex;gap:12px}.check i{font-style:normal;width:26px;height:26px;background:var(--mint);border-radius:50%;display:grid;place-items:center;color:var(--green);flex-shrink:0}.products{grid-template-columns:repeat(4,1fr)}.product{padding:0;overflow:hidden}.product img{width:100%;height:190px;object-fit:cover}.product .body{padding:18px}.caseGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.case{min-height:440px;position:relative;border-radius:20px;overflow:hidden;color:white}.case.small{min-height:211px}.case img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:auto 0 0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.8))}.caseStack{display:grid;gap:18px}.quoteGrid{grid-template-columns:repeat(3,1fr)}.quoteCard p{font-size:17px}.quoteCard small{color:var(--muted)}.faqGrid{display:grid;gap:10px}.faqGrid details{border:1px solid var(--line);border-radius:14px;background:white;padding:16px 18px}.faqGrid summary{font-weight:750;cursor:pointer}.pageHero{padding:62px 0 46px;background:linear-gradient(135deg,#f0faf5,#fff)}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:18px}.formCard{padding:26px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #cfded6;border-radius:11px;padding:11px 12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #e8f4ee}.notice{padding:12px;border-radius:12px;background:var(--mint);margin-top:12px;color:var(--green);font-size:14px}.formActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.hidden{display:none!important}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tab{padding:8px 12px;border:1px solid var(--line);background:white;border-radius:99px;font-weight:700}.tab.active{background:var(--green);color:white;border-color:var(--green)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters input,.filters select{padding:11px 13px;border:1px solid var(--line);border-radius:10px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric b{display:block;font-size:25px;color:var(--green)}.method{border-left:4px solid var(--green);padding:12px 16px;background:var(--mint);border-radius:0 12px 12px 0}.brandGrid{grid-template-columns:repeat(6,1fr);align-items:center}.brandLogo{height:70px;display:grid;place-items:center;padding:10px;background:white;border:1px solid var(--line);border-radius:12px}.brandLogo img{max-height:48px;max-width:150px;object-fit:contain}.instGrid{grid-template-columns:repeat(4,1fr);align-items:center}.instGrid .brandLogo{height:110px}.cityGrid{grid-template-columns:repeat(4,1fr)}.cityCard{min-height:130px}.floatWA{position:fixed;right:18px;bottom:18px;z-index:40;background:#1f9d55;color:white;padding:12px 16px;border-radius:99px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.18)}.footer{background:#0a2f21;color:#d9ebe2;padding:55px 0 20px}.footerGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footer h4{color:white;margin-top:0}.footer a{display:block;margin:7px 0;color:#d9ebe2}.footer .brand .word{filter:brightness(0) invert(1)}.footerBottom{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:12px}.logoStrip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logoStrip img{width:100%;height:74px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:12px;padding:8px}.search{padding:13px 15px;border:1px solid var(--line);border-radius:12px;width:100%}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline .card{position:relative}.timeline .num{font-size:13px;color:var(--green);font-weight:900}.mapBox{min-height:340px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.mapBox iframe{width:100%;height:100%;min-height:340px;border:0}.consent{font-size:12px;color:var(--muted)}.lang{border:1px solid var(--line);border-radius:9px;padding:7px;background:white}.mobileLogin{display:none}.article{max-width:820px;margin:auto}.article h2{margin-top:38px}.article ul{padding-left:20px}.pill{display:inline-block;padding:5px 9px;background:var(--mint);color:var(--green);border-radius:99px;font-size:12px;font-weight:800;margin:3px}.note{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:16px 4vw;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start}.links.mobileOpen{display:flex}.mobileMenu{display:block;margin-left:auto}.actions .btn.light:not(.loginBtn){display:none}.mobileLogin{display:block}.heroGrid,.split,.caseGrid{grid-template-columns:1fr}.cards,.products{grid-template-columns:repeat(2,1fr)}.brandGrid,.logoStrip{grid-template-columns:repeat(4,1fr)}.instGrid{grid-template-columns:repeat(2,1fr)}.cityGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar .inner{display:block}.topbar .inner span{display:block}.hero{padding:48px 0 40px}.heroMedia img{height:300px}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.section{padding:55px 0}.sectionHead{display:block}.journeys,.quoteGrid,.cards,.products,.formGrid,.metricGrid,.timeline{grid-template-columns:1fr}.brandGrid,.logoStrip{grid-template-columns:repeat(2,1fr)}.instGrid,.cityGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr 1fr}.footerBottom{display:block}.footerBottom span{display:block;margin-top:7px}.brand .word{width:150px}.hero h1{font-size:42px}.hero p{font-size:17px}}

/* QA corrections — responsive typography, motion, offer/cookie UI */
.brand .logo{width:54px;height:54px}.brand .word{width:220px;max-height:40px}
.sectionHead h2,.pageHero h1{font-weight:820}
.sectionHead h2{font-size:clamp(34px,3.8vw,52px)}
.card h3,.product h3,.resourceCard h3,.cityCard h3,.quoteCard h3{font-size:19px;line-height:1.3}
.kicker,.eyebrow{font-size:13px;line-height:1.35}
.heroOffer{position:absolute;left:7%;bottom:7%;z-index:4;width:min(390px,52%);padding:17px 20px;background:rgba(10,47,33,.96);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.22);display:grid;gap:9px}.heroOffer strong{font-size:15px;line-height:1.4}.heroOffer .tag{background:rgba(255,255,255,.15);color:#fff}
.videoCard{border-radius:22px;overflow:hidden;background:#0a2f21;box-shadow:var(--shadow)}.videoCard video{display:block;width:100%;max-height:620px;object-fit:cover;background:#0a2f21}
.offerPopup{position:fixed;right:22px;bottom:88px;z-index:80;width:min(380px,calc(100vw - 32px));background:#0a2f21;color:#fff;padding:24px;border-radius:20px;box-shadow:0 22px 70px rgba(0,0,0,.25);transform:translateY(25px);opacity:0;pointer-events:none;transition:.28s ease}.offerPopup.show{transform:none;opacity:1;pointer-events:auto}.offerPopup h3{font-size:22px;margin:6px 0}.offerPopup p{color:#d9ebe2;margin:0 0 14px}.offerClose{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#fff;font-size:26px;line-height:1}
.cookieBanner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 18px 60px rgba(0,0,0,.18);display:flex;justify-content:space-between;align-items:center;gap:20px}.cookieBanner p{margin:4px 0 0;color:var(--muted);font-size:12px;max-width:760px}.cookieActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookieBanner[aria-hidden="true"]{display:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
.mapBox iframe{display:block}
@media(max-width:700px){.container{width:min(94vw,680px)}.navin{min-height:68px;gap:10px}.brand .logo{width:42px;height:42px}.brand .word{width:155px;max-height:32px}.hero{padding:42px 0 34px}.hero h1{font-size:clamp(34px,10vw,46px);line-height:1.05}.hero p{font-size:16px}.heroGrid{gap:28px}.heroMedia img{height:280px;border-radius:20px}.floating{left:12px;right:12px;top:12px;bottom:auto;min-width:0}.heroOffer{position:relative;right:auto;bottom:auto;margin-top:12px;max-width:none}.section{padding:46px 0}.sectionHead h2,.pageHero h1{font-size:clamp(28px,8vw,36px)}.sectionHead{margin-bottom:22px}.card h3,.product h3,.resourceCard h3,.cityCard h3,.quoteCard h3{font-size:18px}.lead{font-size:15px}.formCard{padding:18px}.formActions .btn{width:100%}.quoteCard p{font-size:15px}.brandGrid,.logoStrip{grid-template-columns:repeat(2,1fr)}.brandLogo{height:82px}.brandLogo img{max-height:56px;max-width:165px}.instGrid .brandLogo{height:105px}.footerGrid{grid-template-columns:1fr}.footerBottom{font-size:11px}.offerPopup{right:12px;bottom:78px}.cookieBanner{left:10px;right:10px;bottom:10px;display:block}.cookieActions{margin-top:12px;justify-content:stretch}.cookieActions .btn{flex:1}.videoCard video{max-height:420px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
.hero .btn.light{color:var(--ink)}

@media(max-width:700px){.actions .loginBtn,.actions>.btn.primary{display:none}.actions{margin-left:auto}.mobileMenu{flex-shrink:0}.navin{overflow:visible}}

/* write test */

/* Final QA pass — hero placement, typography and product showcase */
.timeline .num{font-size:15px;letter-spacing:.06em}
.product img.productVisual{background:#f7faf8;object-fit:contain;padding:14px}
.product .productMeta{font-size:11px;color:var(--muted);margin:8px 0 14px}
.productBrandLogo{height:38px;max-width:130px;object-fit:contain;margin-bottom:8px}
@media(max-width:700px){.brand .logo{width:46px;height:46px}.brand .word{width:175px;max-height:34px}.heroOffer{left:5%;bottom:6%;width:min(88%,360px);padding:14px 16px}.heroOffer strong{font-size:14px}.sectionHead h2,.pageHero h1{font-size:clamp(29px,8.5vw,38px)}.kicker,.eyebrow{font-size:12px}}

/* Product image alignment correction */
.product img.productVisual{object-position:center center!important;}

/* Defect-resolution additions */
.products .productVisual{display:block;width:100%;height:220px;object-fit:contain;object-position:center;background:#fff;margin:0 auto}.products .productBrandLogo{display:block;max-width:165px;max-height:64px;width:auto;height:auto;object-fit:contain;object-position:center;margin:0 auto 12px}.legalPage .floatWA{bottom:78px}