.play-sus-before-after{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--brand-primary-dark);color:var(--brand-text-inverse)}.play-sus-before-after figure{position:relative;margin:0;min-height:430px}.play-sus-before-after img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.72}.play-sus-before-after figcaption{position:absolute;left:20px;bottom:20px;background:rgba(0,0,0,.55);color:var(--brand-text-inverse);padding:8px 12px}.play-sus-before-after .container{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);z-index:2}.play-sus-before-after p{max-width:720px;color:rgba(255,255,255,.9)}.calc-panel{display:grid;grid-template-columns:1fr 320px;grid-gap:28px;gap:28px;align-items:stretch}.savings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.savings-form label{display:grid;grid-gap:8px;gap:8px;font-weight:800}.savings-form input{padding:12px}#savingsResult{background:var(--brand-primary);color:var(--brand-text-inverse);display:flex;align-items:center;justify-content:center;padding:24px;font-size:1.2rem;font-weight:900;border-radius:var(--radius)}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:20px;gap:20px}.case-grid article{background:var(--brand-bg);border:1px solid var(--brand-border);padding:24px}.cta-kpis{display:grid;grid-gap:14px;gap:14px}.cta-kpis span{color:var(--brand-primary-dark);background:var(--brand-secondary);padding:16px;font-weight:900}@media (max-width:991px){.calc-panel{grid-template-columns:1fr}}@media (max-width:767px){.play-sus-before-after{grid-template-columns:1fr}.play-sus-before-after .container{position:relative;left:auto;bottom:auto;transform:none;padding:36px 16px}}