.howto-hero{padding:160px 0 88px;background:var(--brand-bg-alt)}.howto-hero .container{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,0.9fr);grid-gap:36px;gap:36px;align-items:center}.howto-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.howto-before-after figure{margin:0;border-radius:var(--brand-radius);overflow:hidden;background:var(--brand-bg);border:1px solid var(--brand-border)}.howto-before-after img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.howto-before-after figcaption{padding:12px 14px;font-weight:800;color:var(--brand-text)}.calculator-layout{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1fr);grid-gap:26px;gap:26px}.calc-panel,.calc-result{padding:28px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);box-shadow:0 12px 28px rgba(28,38,34,.08)}.calc-panel label{display:block;margin:18px 0 8px;font-weight:800}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.segmented-control span{display:grid;align-items:center;justify-items:center;place-items:center;min-height:44px;padding:8px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text);background:var(--brand-neutral-light);font-weight:700;text-align:center}.calc-result ul{padding-left:20px}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.case-grid article{padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}@media (max-width:991px){.calculator-layout,.case-grid,.howto-hero .container{grid-template-columns:1fr}}@media (max-width:575px){.howto-before-after,.segmented-control{grid-template-columns:1fr}}