.compare-before-after-hero{position:relative;min-height:520px;background:var(--brand-primary-dark);display:flex;align-items:end;overflow:hidden}.compare-before-after-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.34}.compare-before-after-hero .container{position:relative;padding-top:160px;padding-bottom:80px;max-width:980px}.compare-before-after-hero h1,.compare-before-after-hero p{color:var(--brand-text-inverse)}.calculator-layout{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--brand-border)}.calculator-layout aside,.calculator-layout>div{padding:32px}.calculator-layout label{display:block;font-weight:700;margin:0 0 8px}.calculator-layout input{width:100%;padding:12px;border:1px solid var(--brand-border);margin-bottom:24px}.calculator-layout aside{background:var(--brand-bg-alt)}.compare-case-grid article{border-top:4px solid var(--brand-primary);padding-top:24px}@media (max-width:768px){.calculator-layout{grid-template-columns:1fr}.compare-before-after-hero .container{padding-top:120px}}