.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}}.before-after-matrix--split{align-items:stretch;border-radius:0;box-shadow:none;display:grid;gap:24px;grid-template-columns:minmax(0,1fr);max-width:none;overflow:visible}.ba-split__card{border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.ba-split__card--before{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1)}.ba-split__card--after{background:#fff;box-shadow:0 0 0 1px rgba(47,139,170,.35),0 22px 50px rgba(0,0,0,.5)}.ba-split__head{align-items:center;display:flex;gap:12px;padding:18px 20px}.ba-split__card--before .ba-split__head{background:hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.09)}.ba-split__card--after .ba-split__head{background:var(--color-brand-ice);border-bottom:1px solid var(--color-brand-stone)}.ba-split__icon{border-radius:9px;display:grid;flex:none;height:32px;place-items:center;width:32px}.ba-split__card--before .ba-split__icon{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.09)}.ba-split__card--before .ba-split__icon i{color:hsla(0,0%,100%,.55);font-size:16px}.ba-split__card--after .ba-split__icon{background:var(--color-brand-black)}.ba-split__icon img{display:block;filter:brightness(0) invert(1);height:12px;width:auto}.ba-split__title{font-size:17px;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0}.ba-split__card--before .ba-split__title{color:var(--color-brand-ice)}.ba-split__card--after .ba-split__title{color:var(--color-brand-black)}.ba-split__pill{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.14em;margin-left:auto;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.ba-split__card--before .ba-split__pill{border:1px solid hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.55)}.ba-split__card--after .ba-split__pill{border:1px solid rgba(47,139,170,.35);color:var(--color-brand-blue)}.ba-split__pill-letters span{display:inline-block;white-space:pre}.ba-split__card--before .ba-split__pill-letters span:nth-child(odd){animation:ba-jit-a 2.4s ease-in-out infinite}.ba-split__card--before .ba-split__pill-letters span:nth-child(2n){animation:ba-jit-b 2.4s ease-in-out infinite}.ba-split__card--before .ba-split__pill-letters span:nth-child(3n){animation-duration:2.9s}.ba-split__card--before .ba-split__pill-letters span:nth-child(4n){animation-duration:2.1s}@keyframes ba-jit-a{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.1px) rotate(-2.5deg)}}@keyframes ba-jit-b{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(1.1px) rotate(2.5deg)}}.ba-split__card--after .ba-split__pill-letters span{animation:ba-fill 2.8s cubic-bezier(.33,1,.68,1) infinite;color:rgba(47,139,170,.28)}@keyframes ba-fill{0%,10%{color:rgba(47,139,170,.28)}26%,to{color:var(--color-brand-blue)}}.ba-split__list{display:flex;flex:1;flex-direction:column;list-style:none;margin:0;padding:4px 20px 20px}.ba-split__row{align-items:start;display:grid;gap:12px;grid-template-columns:22px minmax(0,1fr);margin:0;padding:16px 0}.ba-split__card--before .ba-split__row+.ba-split__row{border-top:1px solid hsla(0,0%,100%,.08)}.ba-split__card--after .ba-split__row+.ba-split__row{border-top:1px solid var(--color-brand-mist)}.ba-split__mark{border-radius:50%;display:grid;height:22px;margin-top:1px;place-items:center;position:relative;width:22px}.ba-split__mark i{font-size:12px;position:relative}.ba-split__card--before .ba-split__mark{background:hsla(0,0%,100%,.1)}.ba-split__card--before .ba-split__mark i{color:hsla(0,0%,100%,.55)}.ba-split__text{font-size:15px;line-height:1.55;text-wrap:pretty}.ba-split__card--before .ba-split__text{color:hsla(0,0%,100%,.72)}.ba-split__card--after .ba-split__text{color:var(--color-brand-black)}.ba-split__card--after .ba-split__mark{box-shadow:inset 0 0 0 1.5px var(--color-brand-stone)}.ba-split__card--after .ba-split__mark:before{background:var(--color-brand-blue);border-radius:50%;content:"";inset:0;position:absolute;transform:scale(0)}.ba-split__card--after .ba-split__mark i{color:#fff;opacity:0;transform:scale(0)}.before-after-matrix--split.is-in .ba-split__card--after .ba-split__mark:before{animation:ba-grow .62s cubic-bezier(.33,1,.68,1) var(--ba-delay,0s) both}.before-after-matrix--split.is-in .ba-split__card--after .ba-split__mark i{animation:ba-pop .46s cubic-bezier(.33,1,.68,1) calc(var(--ba-delay, 0s) + .21s) both}@keyframes ba-grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ba-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ba-split__pill-letters span,.before-after-matrix--split.is-in .ba-split__card--after .ba-split__mark i,.before-after-matrix--split.is-in .ba-split__card--after .ba-split__mark:before{animation:none!important}.ba-split__card--after .ba-split__pill-letters span{color:inherit}.ba-split__card--after .ba-split__mark i,.ba-split__card--after .ba-split__mark:before{opacity:1;transform:none}}@media (min-width:768px){.ba-split__head{padding:18px 28px}.ba-split__list{padding:4px 28px 24px}}@media (min-width:981px){.before-after-matrix--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.before-after-matrix__cell-icon i{font-size:12px;font-weight:700}.before-after-matrix__sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}