.zm-dark-section{background:var(--zm-navy);color:var(--zm-on-navy)}.zm-ba-section{position:relative;isolation:isolate;overflow:hidden;padding:0;background:transparent}.zm-ba-section:before{content:none}.zm-ba-section>.zm-wrap,.zm-ba-band>.zm-wrap{position:relative;z-index:1}.template-index .zm-ba-section.zm-section{padding:0}.zm-ba-band--story{padding:clamp(48px,6vw,72px) 0 clamp(36px,4vw,48px);background:radial-gradient(ellipse 65% 50% at 82% 22%,rgba(25,73,201,.2) 0%,transparent 58%),linear-gradient(180deg,#0e1a2c,#0b1524);color:var(--zm-on-navy)}.zm-ba-band--stats{padding:clamp(18px,2.5vw,28px) 0;background:radial-gradient(ellipse 55% 45% at 50% 0%,rgba(25,73,201,.08) 0%,transparent 58%),linear-gradient(180deg,var(--zm-blue-tint, #e9f0ff) 0%,#eef3fb 100%);border-top:none;border-bottom:none;color:var(--zm-ink, #10151d)}.zm-ba-band--metrics{padding:clamp(48px,6vw,72px) 0;background:radial-gradient(ellipse 55% 60% at 78% 40%,rgba(25,73,201,.28) 0%,transparent 58%),radial-gradient(ellipse 40% 50% at 12% 80%,rgba(18,148,107,.08) 0%,transparent 50%),linear-gradient(180deg,#0c1626,#09111c);color:var(--zm-on-navy)}.zm-ba-split{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(22px,3.2vw,40px);align-items:center;max-width:var(--zm-max);margin:0 auto}.zm-ba-copy-col h2{font-family:var(--zm-font-display);font-weight:440;font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.14;letter-spacing:-.01em;margin:10px 0;max-width:16ch;color:var(--zm-on-navy)}.zm-ba-copy-col__desc{color:var(--zm-on-navy-soft);font-size:1rem;line-height:1.6;max-width:38ch;margin-bottom:16px}.zm-ba-copy-col .zm-eyebrow{color:var(--zm-on-navy-soft)}.zm-ba-copy-col .zm-dot--teal{background:var(--zm-teal)}.zm-ba-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}.zm-ba-points li{padding-left:16px;border-left:2px solid var(--zm-teal)}.zm-ba-points strong{display:block;font-size:.9375rem;font-weight:650;color:var(--zm-on-navy);margin-bottom:3px}.zm-ba-points span{display:block;font-size:.875rem;line-height:1.5;color:var(--zm-on-navy-soft)}.zm-ba-compare-col{min-width:0}.zm-ba-compare__stage{position:relative;border-radius:var(--zm-radius-md);overflow:hidden;border:1px solid rgba(234,238,245,.14);aspect-ratio:4 / 3;max-width:min(640px,100%);max-height:none;margin:0 auto;background:#121a28;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 18px 40px #00000047}.zm-ba-compare__tags{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;max-width:min(640px,100%);margin-inline:auto}.zm-ba-compare__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;pointer-events:none;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden}.zm-ba-compare__before{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;overflow:hidden;border-right:2px solid rgba(255,255,255,.85);will-change:width}.zm-ba-compare__img--before{position:absolute;left:0;top:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 42%}.zm-ba-compare__handle{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:#fff;box-shadow:0 0 12px #00000059;pointer-events:none;z-index:3}.zm-ba-compare__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 8px 24px #00000040}.zm-ba-compare__handle span:before,.zm-ba-compare__handle span:after{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid}.zm-ba-compare__handle span:before{left:10px;transform:translateY(-50%);border-width:5px 7px 5px 0;border-color:transparent var(--zm-navy) transparent transparent}.zm-ba-compare__handle span:after{right:10px;transform:translateY(-50%);border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--zm-navy)}.zm-ba-compare__lbl{position:static;z-index:1;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px}.zm-ba-compare__lbl--before{background:#e14b3feb;color:#fff}.zm-ba-compare__lbl--after{background:#12946beb;color:#fff}.zm-ba-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}.zm-ba-compare__hint{text-align:center;margin-top:10px;font-size:.8125rem;color:var(--zm-on-navy-soft)}.zm-ba-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:0;margin:0 auto;max-width:var(--zm-max);border-top:1px solid rgba(25,73,201,.14);border-bottom:1px solid rgba(25,73,201,.14)}.zm-ba-benefits li{background:transparent;border:none;border-radius:0;border-right:1px solid rgba(25,73,201,.14);padding:clamp(12px,1.6vw,16px) clamp(10px,1.5vw,16px);text-align:center}.zm-ba-benefits li:last-child{border-right:none}.zm-ba-benefits strong{display:block;font-family:var(--zm-font-display);font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:440;color:var(--zm-blue, #1949c9);line-height:1;margin-bottom:6px;letter-spacing:-.02em}.zm-ba-benefits span{font-size:.78rem;color:var(--zm-ink-soft, #59626d);line-height:1.35;display:block;max-width:16ch;margin-inline:auto}.zm-ba-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3.5vw,40px);align-items:center;max-width:960px;margin:0 auto;padding:0;border-top:none}.zm-ba-metrics-copy{text-align:left}.zm-ba-metrics-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--zm-on-navy-soft)}.zm-ba-metrics-kicker .zm-dot--teal{background:var(--zm-teal)}.zm-ba-metrics-copy h3{font-family:var(--zm-font-display);font-size:clamp(1.55rem,2.8vw,2.15rem);font-weight:500;margin:0 0 8px;color:#fff;letter-spacing:-.015em;line-height:1.2}.zm-ba-metrics-copy p{color:var(--zm-on-navy-soft);font-size:.95rem;line-height:1.55;max-width:34ch;margin:0}.zm-ba-slider{position:relative;background:#0e182af2;border:1px solid rgba(110,160,255,.28);border-radius:calc(var(--zm-radius-md) + 4px);padding:24px 24px 20px;box-shadow:0 0 0 1px #1949c91f,0 24px 56px #0006,0 0 80px #1949c92e}.zm-ba-slider:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(25,73,201,.22) 0%,transparent 65%);z-index:0}.zm-ba-slider>*{position:relative;z-index:1}.zm-ba-labels{display:flex;justify-content:space-between;margin-bottom:16px}.zm-ba-labels span{font-size:.78rem;font-weight:600}.zm-ba-labels .zm-b-lbl{color:var(--zm-coral)}.zm-ba-labels .zm-a-lbl{color:var(--zm-teal)}.zm-ba-metric{margin-bottom:14px}.zm-ba-metric .zm-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--zm-on-navy-soft);margin-bottom:6px}.zm-ba-metric .zm-track{position:relative;height:7px;border-radius:999px;background:#eaeef51a;overflow:hidden}.zm-ba-metric .zm-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;transform-origin:left;background:linear-gradient(90deg,var(--zm-coral),var(--zm-teal));transition:clip-path .7s cubic-bezier(.16,.8,.24,1)}.zm-ba-range{margin-top:18px}.zm-ba-range input[type=range]{width:100%;accent-color:var(--zm-blue)}.zm-ba-range .zm-tick-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--zm-on-navy-soft);margin-top:4px}@media(max-width:960px){.zm-ba-split{grid-template-columns:1fr;gap:24px}.zm-ba-copy-col h2{max-width:none}.zm-ba-benefits{grid-template-columns:repeat(2,1fr)}.zm-ba-benefits li:nth-child(2n){border-right:none}.zm-ba-benefits li:nth-child(-n+2){border-bottom:1px solid rgba(25,73,201,.14)}.zm-ba-wrap{grid-template-columns:1fr;gap:20px;max-width:560px}.zm-ba-metrics-copy{text-align:center}.zm-ba-metrics-copy p{margin-inline:auto}}@media(max-width:640px){.zm-ba-benefits{grid-template-columns:1fr}.zm-ba-benefits li{border-right:none;border-bottom:1px solid rgba(25,73,201,.14)}.zm-ba-benefits li:last-child{border-bottom:none}.zm-ba-benefits span{max-width:none}.zm-ba-band--story{padding:40px 0 28px}.zm-ba-band--stats{padding:14px 0}.zm-ba-band--metrics{padding:36px 0 44px}.zm-ba-slider{padding:16px 16px 14px}.zm-ba-compare__stage{max-width:100%;aspect-ratio:4 / 3}.zm-ba-compare__img,.zm-ba-compare__img--before{object-fit:cover;object-position:center 42%}.template-index .zm-ba-section.zm-section,.zm-ba-section{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-zora-mock-before-after.css.map */