.ba2-col-label{font-size:1.25rem;font-weight:800;text-align:center;margin-bottom:1rem;letter-spacing:.02em}.ba2-col-label--before{color:#b0bec5}.ba2-col-label--after{color:#5bb8d4}.ba2-section{background:#f8fbff;padding:70px 20px 60px;font-family:inherit}.ba2-container{max-width:1100px;margin:0 auto}.ba2-header{text-align:center;margin-bottom:48px}.ba2-eyebrow{display:inline-block;background:#ffaa4d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:100px;margin-bottom:14px}.ba2-title{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#1a2a3a;margin:0 0 12px;line-height:1.25}.ba2-subtitle{font-size:1.05rem;color:#5a7a8a;margin:0}.ba2-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0 24px;align-items:start}.ba2-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:120px;gap:12px}.ba2-vs__line{width:2px;height:60px;background:#d8e8ef}.ba2-vs__circle{width:44px;height:44px;border-radius:50%;background:#1a2a3a;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ba2-card{border-radius:20px;overflow:hidden;box-shadow:0 4px 28px #00000017;position:relative;transition:transform .25s ease,box-shadow .25s ease}.ba2-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000021}.ba2-card__badge{position:absolute;top:16px;left:16px;z-index:10;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:100px}.ba2-card__badge--before{background:#1e0a0abf;color:#ffb3b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ba2-card__badge--after{background:#051e14bf;color:#a8f0c8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ba2-card__img-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#e0e0e0;overflow:hidden}.ba2-img{width:100%;height:100%;object-fit:cover;display:block}.ba2-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:600}.ba2-img-placeholder--before{background:#eee0e0;color:#8a5a5a}.ba2-img-placeholder--before span{font-size:2.5rem}.ba2-img-placeholder--after{background:#d8eef0;color:#2a6a7a}.ba2-img-placeholder--after span{font-size:2.5rem}.ba2-card__overlay{position:absolute;bottom:0;left:0;right:0;height:40%;pointer-events:none}.ba2-card__overlay--before{background:linear-gradient(to top,rgba(60,10,10,.45),transparent)}.ba2-card__overlay--after{background:linear-gradient(to top,rgba(10,50,40,.35),transparent)}.ba2-card--before .ba2-card__body{background:#1e0a0a;padding:24px 24px 28px}.ba2-card--after .ba2-card__body{background:#062820;padding:24px 24px 28px}.ba2-card__headline{font-size:1.05rem;font-weight:700;margin:0 0 16px;line-height:1.35}.ba2-card--before .ba2-card__headline{color:#ffb3b3}.ba2-card--after .ba2-card__headline{color:#a8f0c8}.ba2-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ba2-list li{font-size:.93rem;line-height:1.45;padding-left:28px;position:relative}.ba2-list--before li{color:#f0d0d0}.ba2-list--after li{color:#c8f0e0}.ba2-list--before li:before{content:"\2717";position:absolute;left:0;top:0;color:#ff6b6b;font-weight:800;font-size:1rem}.ba2-list--after li:before{content:"\2713";position:absolute;left:0;top:0;color:#4ade80;font-weight:800;font-size:1rem}.ba2-bottom{margin-top:52px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.ba2-proof{font-size:.92rem;color:#5a7a8a;margin:0;letter-spacing:.01em}.ba2-cta-line{font-size:1.25rem;font-weight:700;color:#1a2a3a;margin:0;line-height:1.4}.ba2-cta-btn{display:inline-block;background:#5bb8d4;color:#fff;font-size:1rem;font-weight:700;padding:16px 40px;border-radius:100px;text-decoration:none;letter-spacing:.02em;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 18px #5bb8d466}.ba2-cta-btn:hover{background:#3d9ab8;transform:translateY(-2px);box-shadow:0 8px 28px #5bb8d480}@media(max-width:700px){.ba2-section{padding:50px 16px 44px}.ba2-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0}.ba2-card--before{order:1}.ba2-vs{order:2;flex-direction:row;padding-top:0;margin:20px 0;gap:12px}.ba2-vs__line{width:60px;height:2px;flex:1}.ba2-card--after{order:3}.ba2-cta-line{font-size:1.1rem}.ba2-cta-btn{width:100%;text-align:center;padding:16px 24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-before-after.css.map */