.brand-hero{padding:190px 0 110px;background:radial-gradient(circle at 80% 20%,rgba(79,169,155,.13),transparent 32%),linear-gradient(135deg,#152326,#1B292B)}
.brand-hero h1{font-size:clamp(55px,7vw,115px);line-height:.9;letter-spacing:-5px;text-transform:uppercase;font-weight:900}.brand-hero h1 strong{color:var(--green)}.brand-hero p{max-width:720px;margin-top:28px;color:#93A09F;font-size:18px;line-height:1.7}
.brand-grid-section{padding:30px 0 110px;background:#152326}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brand-panel{position:relative;min-height:500px;padding:55px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#161616,#090909)}.brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(79,169,155,.13),transparent 35%);pointer-events:none}.brand-panel>span{position:relative;color:var(--green);font-size:10px;font-weight:800;letter-spacing:2px}.brand-panel h2{position:relative;margin-top:10px;font-size:clamp(42px,5vw,78px);line-height:.9;letter-spacing:-4px}.brand-panel p{position:relative;max-width:580px;margin:20px 0;color:#93A09F;line-height:1.75}.brand-tags{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.brand-tags b{padding:7px 9px;border:1px solid rgba(255,255,255,.14);font-size:8px;letter-spacing:1px}.brand-panel .btn{position:relative;align-self:flex-start}.brand-cta{padding:110px 0;text-align:center;background:radial-gradient(circle at 50% 110%,rgba(79,169,155,.16),transparent 38%),#0a0a0a}.brand-cta h2{font-size:clamp(40px,5vw,75px);line-height:1;letter-spacing:-3px}.brand-cta h2 strong{color:var(--green)}.brand-cta p{max-width:700px;margin:22px auto 30px;color:#93A09F;line-height:1.8}.brand-cta .btn{margin:5px}
@media(max-width:820px){.brand-hero{padding:140px 0 80px}.brand-hero h1{letter-spacing:-3px}.brand-grid{grid-template-columns:1fr}.brand-panel{min-height:430px;padding:35px}.brand-panel h2{letter-spacing:-2px}} .brand-panel h2 a:hover{color:var(--green)} /* V7.1 teal */
:root{--green:#4FA99B;--green-dark:#347F79;--green-light:#9BD7CC;--accent:#4FA99B}.btn-green,.filter-btn.active,.chatbot-toggle,.chatbot-send{background:#4FA99B!important;color:#10383B!important}a:hover,.eyebrow,.section-tag,.green-text{color:#4FA99B!important}::selection{background:#4FA99B;color:#10383B}
