.before-after-toggle{--bat-indigo:#030046;--bat-violet:#6c63ff;--bat-lavender:#cfcdff;--bat-radius:24px}.before-after-toggle-tabs{display:flex;justify-content:center;margin-bottom:40px}.before-after-toggle-tabs-track{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:9999px;background:rgba(3,0,70,.06)}.before-after-toggle.is-before .before-after-toggle-tabs-track{background:rgba(255,255,255,.12)}.before-after-toggle-tabs-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:9999px;background:var(--bat-indigo);transform:translateX(0);transition:transform .3s ease;pointer-events:none}.before-after-toggle.is-after .before-after-toggle-tabs-indicator{transform:translateX(100%);background:var(--bat-violet)}html[dir=rtl] .before-after-toggle.is-before .before-after-toggle-tabs-indicator{transform:translateX(100%)}html[dir=rtl] .before-after-toggle.is-after .before-after-toggle-tabs-indicator{transform:translateX(0)}.before-after-toggle-tab{position:relative;z-index:1;min-height:48px;padding:12px 24px;border:none;border-radius:9999px;background:transparent;font-family:inherit;font-size:14px;font-weight:600;color:rgba(3,0,70,.56);cursor:pointer;transition:color .2s ease;white-space:nowrap}.before-after-toggle.is-before .before-after-toggle-tab{color:rgba(255,255,255,.64)}.before-after-toggle-tab.is-active{color:#fff}.before-after-toggle-grid{display:grid;gap:16px}@media (min-width:768px){.before-after-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.before-after-quote-card,.before-after-stat-card{border-radius:var(--bat-radius);overflow:hidden}.before-after-stat-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;padding:28px}.before-after-toggle.is-before .before-after-stat-card{background:rgba(255,255,255,.08);color:#fff}.before-after-toggle.is-after .before-after-stat-card{background:rgba(207,205,255,.72);color:var(--bat-indigo)}.before-after-stat-value{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.05;font-weight:600;letter-spacing:-.03em}.before-after-stat-description{margin:0;font-size:15px;line-height:1.55;font-weight:500}.before-after-toggle.is-before .before-after-stat-description{color:rgba(255,255,255,.82)}.before-after-toggle.is-after .before-after-stat-description{color:rgba(3,0,70,.78)}.before-after-stat-source{margin:12px 0 0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.56}.before-after-quote-card{position:relative;min-height:280px}@media (min-width:768px){.before-after-quote-card{min-height:320px}}.before-after-quote-image{object-fit:cover}.before-after-quote-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,0,70,.08),rgba(3,0,70,.72))}.before-after-toggle.is-before .before-after-quote-overlay{background:linear-gradient(180deg,rgba(3,0,70,.24),rgba(3,0,70,.88))}.before-after-quote-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;margin:0;padding:28px;color:#fff}.before-after-quote-content p{margin:0 0 16px;font-size:17px;line-height:1.55;font-weight:500}.before-after-quote-content footer{font-size:13px;font-weight:600;color:rgba(255,255,255,.82)}@media (max-width:991px){.before-after-toggle-tabs{margin-bottom:24px}.before-after-toggle-tab{min-height:44px;padding:10px 14px;font-size:13px}.before-after-stat-card{min-height:180px;padding:22px;border-radius:20px}.before-after-stat-value{font-size:clamp(32px,10vw,40px)}.before-after-stat-description{font-size:14px;line-height:1.5}.before-after-quote-card{min-height:240px;border-radius:20px}.before-after-quote-content{padding:22px}.before-after-quote-content p{font-size:15px;line-height:1.5}}