.sustainability-hero{padding:150px 0 86px;background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-secondary))}.sustainability-hero h1,.sustainability-hero p{color:#fff}.before-after-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:34px}.before-after-panel>div{padding:24px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08)}.before-after-panel p,.before-after-panel span{color:#fff}.before-after-panel span{display:block;margin-bottom:8px;font-weight:800;text-transform:uppercase}.savings-demo{background:#fff}.demo-layout{display:grid;grid-template-columns:minmax(280px,0.8fr) minmax(0,1.2fr);grid-gap:36px;gap:36px;align-items:start}.demo-card{padding:28px;border:1px solid var(--brand-border);background:var(--brand-bg-alt)}.demo-card label{display:block;font-weight:800;color:var(--brand-text);margin-bottom:18px}.demo-card input{width:100%;accent-color:var(--brand-primary)}.demo-result{margin-top:24px}.demo-result strong{display:block;color:var(--brand-primary-dark);font-size:3rem;line-height:1}.demo-result span{color:var(--brand-text);font-weight:700}.sustainability-cases{background:var(--brand-bg-alt)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.case-grid article{position:relative;background:#fff;border:1px solid var(--brand-border)}.case-grid img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;background:var(--brand-neutral-light)}.case-grid h3,.case-grid p{padding-left:22px;padding-right:22px}.case-grid h3{margin-top:22px}.case-grid p{padding-bottom:24px}@media (max-width:991px){.case-grid,.demo-layout{grid-template-columns:1fr}}@media (max-width:575px){.before-after-panel{grid-template-columns:1fr}}