.before-after{--ba-chip-bg:var(--saas-bg,#fff);--ba-line:var(--saas-border,#e4e1d9)}.before-after.surface-alt{--ba-chip-bg:var(--saas-bg-alt,#f5f3ee)}.before-after.surface-dark{--ba-chip-bg:var(--saas-ink-raised,#16242f);--ba-line:var(--saas-dark-border,hsla(0,0%,100%,.14))}.before-after__panels{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) clamp(56px,6vw,96px) minmax(0,1fr)}.before-after__panels.is-solo{gap:clamp(56px,6vw,96px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.before-after__panels.is-reversed .ba-panel--after{order:1}.before-after__panels.is-reversed .ba-divider{order:2}.before-after__panels.is-reversed .ba-panel--before{order:3}.ba-panel{border-radius:var(--saas-radius,12px);display:flex;flex-direction:column}.ba-panel--before{background:var(--saas-bg-alt,#f5f3ee);border:1px dashed var(--ba-line)}.ba-panel--after{background:var(--saas-card-bg,#fff);border:var(--saas-card-border-width,1px) solid var(--ba-line);box-shadow:var(--saas-shadow-md,0 1px 2px rgba(16,26,22,.04),0 8px 20px rgba(16,26,22,.06));overflow:hidden}.ba-panel__head{padding:clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px) clamp(18px,2vw,22px)}.ba-panel--before .ba-panel__head{border-bottom:1px dashed var(--ba-line)}.ba-panel--after .ba-panel__head{background:var(--saas-primary-tint,rgba(15,107,84,.07));border-bottom:1px solid rgba(var(--saas-primary-rgb,15,107,84),.16)}.ba-panel__label{font-family:var(--saas-font-eyebrow,"IBM Plex Mono",ui-monospace,Menlo,monospace);font-size:var(--saas-eyebrow-size,12px);font-weight:500;letter-spacing:var(--saas-eyebrow-tracking,.12em);line-height:1.2;margin:0 0 10px;text-transform:var(--saas-eyebrow-transform,uppercase)}.ba-panel--before .ba-panel__label{color:var(--saas-muted,#6b7772)}.ba-panel--after .ba-panel__label{color:var(--saas-primary,#0f6b54)}.ba-panel__title{font-size:min(var(--saas-h4,21px),calc(1.06rem + .4vw));margin:0}.ba-panel--before .ba-panel__title{color:var(--saas-body,#4a5652)}.ba-list{flex:1;gap:16px;list-style:none;padding:clamp(20px,2.2vw,26px) clamp(22px,2.4vw,30px) clamp(24px,2.6vw,32px)}.ba-item,.ba-list{display:grid;margin:0}.ba-item{gap:14px;grid-template-columns:22px minmax(0,1fr)}.ba-glyph{align-items:center;border-radius:50%;display:inline-flex;flex:none;height:22px;justify-content:center;margin-top:1px;width:22px}.ba-glyph svg{height:13px;width:13px}.ba-panel--before .ba-glyph{background:var(--saas-ink-tint,rgba(14,26,36,.06));color:var(--saas-muted,#6b7772)}.ba-panel--after .ba-glyph{background:var(--saas-primary-tint,rgba(15,107,84,.07));color:var(--saas-primary,#0f6b54)}.ba-item__body{display:block;min-width:0}.ba-item__text{display:block;font-size:.97rem;line-height:1.55}.ba-panel--before .ba-item__text{color:var(--saas-body,#4a5652)}.ba-panel--after .ba-item__text{color:var(--saas-heading,#101a16);font-weight:500}.ba-item__note{color:var(--saas-muted,#6b7772);display:block;font-size:.83rem;line-height:1.5;margin-top:5px}.ba-divider{align-items:center;display:flex;flex-direction:column;gap:16px;padding-block:10px}.ba-divider__line{background:var(--ba-line);flex:1;min-height:20px;width:1px}.ba-divider__label{color:var(--saas-muted,#6b7772);font-family:var(--saas-font-eyebrow,"IBM Plex Mono",ui-monospace,Menlo,monospace);font-size:var(--saas-eyebrow-size,12px);font-weight:500;letter-spacing:var(--saas-eyebrow-tracking,.12em);text-transform:var(--saas-eyebrow-transform,uppercase);transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.ba-outcomes{border-top:1px solid var(--ba-line);display:grid;gap:clamp(24px,3vw,40px);grid-template-columns:repeat(var(--ba-stats,3),minmax(0,1fr));margin-top:clamp(36px,4vw,54px);padding-top:clamp(26px,3vw,34px)}.ba-stat__value{color:var(--saas-heading,#101a16);display:block;font-family:var(--saas-font-heading,"Instrument Sans","Helvetica Neue",Arial,sans-serif);font-size:min(var(--saas-h2,42px),calc(1.55rem + 1.1vw));font-weight:var(--saas-heading-weight,600);letter-spacing:var(--saas-heading-tracking,-.025em);line-height:1.05}.ba-stat__label{color:var(--saas-muted,#6b7772);display:block;font-size:.9rem;line-height:1.5;margin-top:10px;max-width:32ch}.before-after__footer{display:flex;justify-content:center;margin-top:clamp(30px,3.5vw,44px)}.before-after.surface-dark .ba-panel--before{background:var(--saas-dark-surface,hsla(0,0%,100%,.05));border-color:var(--saas-dark-border,hsla(0,0%,100%,.14))}.before-after.surface-dark .ba-panel--after{background:var(--saas-ink-raised,#16242f);border-color:var(--saas-dark-border,hsla(0,0%,100%,.14));box-shadow:none}.before-after.surface-dark .ba-panel--after .ba-panel__head{background:rgba(var(--saas-primary-rgb,15,107,84),.18);border-bottom-color:var(--saas-dark-border,hsla(0,0%,100%,.14))}.before-after.surface-dark .ba-panel--after .ba-panel__label{color:var(--saas-accent,#ff6b4a)}.before-after.surface-dark .ba-panel--after .ba-glyph{background:rgba(var(--saas-accent-rgb,255,107,74),.16);color:var(--saas-accent,#ff6b4a)}.before-after.surface-dark .ba-panel--before .ba-glyph{background:var(--saas-dark-border,hsla(0,0%,100%,.14));color:var(--saas-on-dark-faint,hsla(0,0%,100%,.52))}.before-after.surface-dark .ba-panel--before .ba-item__text,.before-after.surface-dark .ba-panel--before .ba-panel__title{color:var(--saas-on-dark-muted,hsla(0,0%,100%,.72))}.before-after.surface-dark .ba-panel--after .ba-item__text{color:var(--saas-on-dark,#fff)}.before-after.surface-dark .ba-divider__label,.before-after.surface-dark .ba-item__note,.before-after.surface-dark .ba-panel--before .ba-panel__label,.before-after.surface-dark .ba-stat__label{color:var(--saas-on-dark-faint,hsla(0,0%,100%,.52))}.before-after.surface-dark .ba-stat__value{color:var(--saas-on-dark,#fff)}@media (max-width:991px){.before-after__panels{grid-template-columns:minmax(0,1fr) clamp(44px,5vw,64px) minmax(0,1fr)}.before-after__panels.is-solo{gap:clamp(44px,5vw,64px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ba-outcomes{gap:24px}}@media (max-width:767px){.before-after__panels,.before-after__panels.is-solo{gap:20px;grid-template-columns:minmax(0,1fr)}.before-after__panels .ba-panel--before,.before-after__panels.is-reversed .ba-panel--before{order:1}.before-after__panels .ba-divider,.before-after__panels.is-reversed .ba-divider{order:2}.before-after__panels .ba-panel--after,.before-after__panels.is-reversed .ba-panel--after{order:3}.ba-divider{flex-direction:row;justify-content:center;padding-block:0}.ba-divider__line{display:none}.ba-divider__label{background:var(--ba-chip-bg);border:1px solid var(--ba-line);border-radius:999px;padding:7px 15px;transform:none;writing-mode:horizontal-tb}.ba-outcomes{gap:22px;grid-template-columns:minmax(0,1fr)}.ba-stat__label{max-width:none}.before-after__footer .btn{width:100%}}