/* V2: visual refresh only. Original content and contact logic retained. */
:root{--ink:#182d26;--graphite:#102a21;--silver:#c2ed73;--paper:#fff;--muted:#52635a;--line:#d9e2dc}
body{background:#fff;font-family:Arial,Helvetica,sans-serif}
::selection{background:#c2ed73;color:#102a21}
.contact-bar{background:#102a21;color:#edf4e9;border-bottom:1px solid #395243}
.contact-bar a{color:#d0eea3}
.nav{min-height:112px}
.nav nav a:not(.btn):hover{color:#426b23;text-decoration-thickness:2px;text-underline-offset:7px}
.btn{background:#c2ed73;color:#102a21;border-radius:5px;padding:16px 25px}
.btn.dark{background:#15392b;color:#fff}
.btn:hover{filter:brightness(1.06);box-shadow:0 4px 16px #102a2120}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #63892b;outline-offset:4px}
.hero-commercial{padding:86px 0 28px;background:#0b2019}
.hero-background{object-position:center 58%}
.hero-shade{background:linear-gradient(90deg,rgba(6,24,18,.95) 0%,rgba(6,24,18,.85) 35%,rgba(6,24,18,.24) 70%,rgba(6,24,18,.06) 100%)}
.hero-content .eyebrow{color:#c2ed73;letter-spacing:3px;font-size:12px}
.hero-content h1{font-size:clamp(44px,5.8vw,80px);font-weight:600;letter-spacing:-3.5px;max-width:720px;line-height:1.04;text-wrap:balance}
.hero-location{font-size:20px;color:#eff3e8}
.hero-content .intro{color:#e1e8df;line-height:1.65;max-width:490px}
.hero-secondary{color:#edf6df}
.hero-commercial .hero-bottom{border-color:#adc28b60;color:#e3ecdd;margin-top:62px;gap:34px}
.hero-bottom span:before{content:'';display:inline-block;width:5px;height:5px;background:#c2ed73;margin-right:10px;vertical-align:middle}
.eyebrow{color:#426831;font-size:12px;letter-spacing:2.6px}
h2{font-weight:600;letter-spacing:-1.7px}h3{font-weight:600}
.section{padding:82px 0}
.audiences{background:#f7f9f4}
.audience-grid{gap:30px}
.audience-card{border-color:#dbe4d8;border-radius:8px;overflow:hidden;box-shadow:0 12px 35px #18322306}
.audience-photo figcaption{background:#eef3e9;color:#586551}
.num{color:#526c3d;letter-spacing:1px;font-size:12px}
.item{border-top:2px solid #6c963f}
.flat-interest{background:#f5f8f0;border:1px solid #d9e4cd;border-left:4px solid #85ab49;border-radius:5px}
.materials{background:#eef3e9}
.glass-catalog{gap:20px}
.glass-card{border-color:#d4dfcc;border-radius:7px;overflow:hidden}
.glass-card:hover{border-color:#6d923f;box-shadow:0 10px 25px #15392b10}
.glass-card-label{padding:22px}.glass-card-label h3{min-height:0;color:#173a29}
.glass-card-label span{color:#45682b}
.step:before{color:#4e782b}
.benefits{background:#102a21}
.benefits .eyebrow{color:#c2ed73}.benefits .item{border-color:#779649}
.benefits .item p{color:#d9e4d5}
.coverage-box{background:#edf3e7;border-top:3px solid #7eaa46;border-radius:5px}
.contact{background:#f0f4ec}
input,select,textarea{border-color:#96aa91;border-radius:5px}
input:focus,select:focus,textarea:focus{border-color:#426b23}
.output{border-color:#96aa91;border-radius:5px}
.faq-list details{border-color:#d9e2d3}
footer{border-top:4px solid #15392b}
footer a:hover{color:#416625}
.mobile-menu{display:none}
.hero-actions>a,.email-option,.send-actions>a{min-height:44px;align-content:center}
.split>*,.coverage>*,.grid3>*,.audience-grid>*,form>*{min-width:0}
h1,h2,h3,.output{overflow-wrap:anywhere}
input,select,textarea{font-size:17px;max-width:100%;min-height:48px}
.contact form{grid-template-columns:minmax(0,1fr)}
.contact form .full{grid-column:1/-1}
.glass-card-label h3{min-height:2.5em}
.skip:focus{z-index:20}
@media(min-width:1400px){.hero-commercial{padding-top:108px}.hero-commercial .hero-bottom{margin-top:80px}}
@media(max-width:850px){.hero-commercial{padding-top:64px}.hero-shade{background:linear-gradient(90deg,rgba(6,24,18,.94),rgba(6,24,18,.78) 55%,rgba(6,24,18,.4))}.hero-content h1{font-size:clamp(44px,7.5vw,66px)}.hero-background{object-position:62% center}.section{padding:60px 0}.hero-commercial .hero-bottom{gap:14px 24px}}
@media(max-width:480px){.hero-commercial{padding-top:44px}.hero-content h1{font-size:44px;letter-spacing:-1.9px}.hero-content .intro{font-size:17px}.hero-location{font-size:18px}.hero-background{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(6,24,18,.93),rgba(6,24,18,.74))}.hero-commercial .hero-bottom{margin-top:36px;gap:10px}.section{padding:50px 0}.glass-catalog{gap:12px}.glass-card-label{padding:16px 12px}.glass-card-label h3{min-height:42px}.nav .btn{padding:10px 12px}.mobile-contact{background:#c2ed73!important;color:#102a21!important}.audience-card{border-radius:6px}}
/* Keep every navigation destination available on narrow screens. Native details
   works with touch, keyboard and without JavaScript. */
@media(max-width:1000px){
 .nav{flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:96px;gap:12px;padding:10px 0}
 .nav .desktop-nav{display:none}
 .mobile-menu{display:block;margin-left:auto;max-width:100%}
 .mobile-menu summary{cursor:pointer;min-height:48px;padding:12px 18px;border:1px solid #96aa91;border-radius:5px;font-size:16px;font-weight:700}
 .mobile-menu[open]{flex-basis:100%;margin-left:0}
 .mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
 .nav .mobile-menu nav a{display:flex;align-items:center;min-height:48px;font-size:15px;padding:12px;text-decoration:none;border-radius:4px}
 .mobile-menu nav a:hover{background:#eef3e9}
 .mobile-menu nav a.btn{background:#15392b;color:#fff;justify-content:center}
}
@media(max-width:850px){
 .contact form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-logo{width:94px}
 .hero-commercial{padding-top:40px}
}
@media(max-width:700px){
 body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
 .mobile-contact{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:#c2ed73!important;color:#102a21!important}
 body:has(#lead-form:focus-within) .mobile-contact{display:none}
 .wrap{padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
 .contact form{grid-template-columns:minmax(0,1fr)}
 .hero-commercial{padding-top:32px}
 .hero-content h1{font-size:clamp(36px,9.6vw,52px);letter-spacing:-1.7px;margin-bottom:20px}
 .hero-content .eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:16px}
 .hero-content .intro{font-size:17px;line-height:1.5}
 .hero-location{font-size:18px}
 .hero-actions{gap:10px}
 footer nav a{display:flex;align-items:center;min-height:44px}
 html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
 .glass-catalog{grid-template-columns:minmax(0,1fr)}
 .glass-photo,.flat-photo{height:210px}
 .glass-card-label h3{min-height:0}
 .mobile-menu nav{grid-template-columns:minmax(0,1fr)}
 .coverage-box{padding:24px}
}
@media(max-height:500px) and (orientation:landscape){.mobile-contact{display:none}body{padding-bottom:0}}