.before-after-matrix{border-radius:16px;box-shadow:0 8px 20px -8px rgba(38,38,38,.12);margin:0 auto;max-width:1040px;overflow:hidden}.before-after-matrix,.before-after-matrix__header{display:flex;flex-direction:column}.before-after-matrix__header-col{align-items:center;display:flex;gap:14px;justify-content:center;overflow:hidden;padding:28px 24px;position:relative}.before-after-matrix__header-col--before{background:linear-gradient(135deg,#161616,#303030);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.09)}.before-after-matrix__header-col--after{background:linear-gradient(135deg,#3897b8,#1f6580);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18)}.before-after-matrix__header-icon{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.before-after-matrix__header-col--before .before-after-matrix__header-icon{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.16)}.before-after-matrix__header-col--after .before-after-matrix__header-icon{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.34)}.before-after-matrix__header-icon i{color:#fff;font-size:18px}.before-after-matrix__header-label{color:hsla(0,0%,100%,.72);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.before-after-matrix__header-col--after .before-after-matrix__header-label{color:hsla(0,0%,100%,.92)}.before-after-matrix__header-title{color:#fff;font-size:18px;font-weight:600}.before-after-matrix__row{display:flex;flex-direction:column}.before-after-matrix__cell{align-items:flex-start;display:flex;font-size:15px;gap:12px;line-height:1.5;opacity:0;padding:20px 24px;transform:translateY(18px);transition:opacity 1.1s ease,transform 1.1s ease}.before-after-matrix__row.is-visible .before-after-matrix__cell{opacity:1;transform:translateY(0)}.before-after-matrix__cell--before{background:#fff;color:var(--color-brand-grey)}.before-after-matrix__row--alt .before-after-matrix__cell--before{background:var(--color-brand-mist)}.before-after-matrix__cell--after{background:rgba(47,139,170,.06);color:var(--color-brand-black);font-weight:500}.before-after-matrix__row--alt .before-after-matrix__cell--after{background:rgba(47,139,170,.1)}.before-after-matrix__cell-icon{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;height:20px;justify-content:center;margin-top:1px;opacity:0;transform:scale(.2);transition:transform .5s cubic-bezier(.34,1.7,.64,1),opacity .3s ease;width:20px}.before-after-matrix__row.is-visible .before-after-matrix__cell-icon{opacity:1;transform:scale(1)}.before-after-matrix__cell-icon--x{background:rgba(214,69,69,.5);color:#fff}.before-after-matrix__cell-icon--check{background:var(--color-brand-blue);color:#fff}@media (prefers-reduced-motion:reduce){.before-after-matrix__cell,.before-after-matrix__cell-icon{transition:none}}.before-after-matrix__header,.before-after-matrix__row{display:grid;grid-template-columns:1fr 1fr}@media (max-width:575px){.before-after-matrix__cell{flex-direction:column}.before-after-matrix__cell .before-after-matrix__cell-icon{margin:0 auto}.before-after-matrix__header-icon{display:none}}