.beforeafter-module__Xup9ga__section{background:var(--color-bg);padding:5rem 1.5rem 4.5rem;position:relative;overflow:hidden}[data-theme=dark] .beforeafter-module__Xup9ga__section{background:linear-gradient(#0b0b10 0%,#0f1118 50%,#0b0b10 100%)}.beforeafter-module__Xup9ga__section:before,.beforeafter-module__Xup9ga__section:after{content:"";pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;position:absolute}.beforeafter-module__Xup9ga__section:before{background:radial-gradient(circle,#ef444412,#0000 70%);width:480px;height:480px;top:-10%;left:-5%}.beforeafter-module__Xup9ga__section:after{background:radial-gradient(circle,#4f46e512,#0000 70%);width:480px;height:480px;bottom:-10%;right:-5%}.beforeafter-module__Xup9ga__container{z-index:1;width:min(76rem,100% - clamp(1rem,4vw,2rem));margin-inline:auto;position:relative}.beforeafter-module__Xup9ga__header{text-align:center;margin-bottom:2.5rem}.beforeafter-module__Xup9ga__badge{letter-spacing:.01em;color:var(--color-brand);background:color-mix(in srgb,var(--color-brand)8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-brand)12%,transparent);border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}[data-theme=dark] .beforeafter-module__Xup9ga__badge{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf626}.beforeafter-module__Xup9ga__title{letter-spacing:-.02em;color:var(--color-text);margin:0 0 .75rem;font-size:clamp(1.9rem,3.6vw,2.4rem);font-weight:900;line-height:1.15}.beforeafter-module__Xup9ga__subtitle{max-width:44rem;color:var(--color-text-muted);margin-inline:auto;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.7}.beforeafter-module__Xup9ga__tabs{background:color-mix(in srgb,var(--color-text)5%,transparent);margin-bottom:2.25rem;border:1px solid color-mix(in srgb,var(--color-text)8%,transparent);border-radius:9999px;justify-content:center;gap:.35rem;width:fit-content;margin-inline:auto;padding:.3rem;display:flex}[data-theme=dark] .beforeafter-module__Xup9ga__tabs{background:#ffffff0a;border-color:#ffffff14}.beforeafter-module__Xup9ga__tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .22s;display:inline-flex}.beforeafter-module__Xup9ga__tab:hover:not(.beforeafter-module__Xup9ga__tabActive){color:var(--color-text);background:color-mix(in srgb,var(--color-text)5%,transparent)}.beforeafter-module__Xup9ga__tabActive{background:var(--tab-color,var(--color-brand));color:#fff;box-shadow:0 4px 14px #0000002e}.beforeafter-module__Xup9ga__cardsRow{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}.beforeafter-module__Xup9ga__arrowWrapper{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.beforeafter-module__Xup9ga__arrowIcon{background:var(--arrow-color,var(--color-brand));color:#fff;width:44px;height:44px;box-shadow:0 4px 16px #0000002e,0 0 0 6px color-mix(in srgb,var(--arrow-color,var(--color-brand))12%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex;transform:rotate(90deg)}.beforeafter-module__Xup9ga__beforeCard{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffff2 0%,#fff1f180 100%);border:1px solid #ef44441f;border-radius:1.25rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #ef44440f,0 1px 3px #0000000a}.beforeafter-module__Xup9ga__beforeCard:before{content:"";background:linear-gradient(90deg,#ef4444,#f87171,#fca5a5);border-radius:1.25rem 1.25rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .beforeafter-module__Xup9ga__beforeCard{background:linear-gradient(145deg,#281414b3 0%,#1e0f0f80 100%);border-color:#ef444426;box-shadow:0 4px 24px #00000040}.beforeafter-module__Xup9ga__afterCard{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffffa 0%,#ecfdf380 100%);border:1px solid #22c55e26;border-radius:1.25rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #22c55e0f,0 1px 3px #0000000a}.beforeafter-module__Xup9ga__afterCard:before{content:"";background:linear-gradient(90deg,var(--color-brand),#22c55e,#4ade80);border-radius:1.25rem 1.25rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .beforeafter-module__Xup9ga__afterCard{background:linear-gradient(145deg,#0f1e14b3 0%,#0a191280 100%);border-color:#22c55e26;box-shadow:0 4px 24px #00000040}.beforeafter-module__Xup9ga__cardHeader{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.beforeafter-module__Xup9ga__cardBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.beforeafter-module__Xup9ga__beforeBadge{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca)}[data-theme=dark] .beforeafter-module__Xup9ga__beforeBadge{color:#f87171;background:#ef444426}.beforeafter-module__Xup9ga__afterBadge{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}[data-theme=dark] .beforeafter-module__Xup9ga__afterBadge{color:#4ade80;background:#22c55e26}.beforeafter-module__Xup9ga__cardTitle{color:var(--color-text);font-size:.95rem;font-weight:800;line-height:1.3}.beforeafter-module__Xup9ga__mockupWrap{justify-content:center;padding:1rem 0 1.25rem;display:flex}.beforeafter-module__Xup9ga__phoneMini{background:#f8f8fc;border:2px solid #0000001a;border-radius:18px;flex-shrink:0;width:118px;height:200px;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000001a,0 2px 8px #0000000f,inset 0 1px #fffc}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMini{background:#1a1a28;border-color:#ffffff1a;box-shadow:0 12px 32px #00000059,0 2px 8px #0003}.beforeafter-module__Xup9ga__phoneMiniNotch{z-index:2;background:#0000001f;border-radius:999px;width:28px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniNotch{background:#ffffff1f}.beforeafter-module__Xup9ga__phoneMiniScreen{flex-direction:column;padding:18px 8px 8px;display:flex;position:absolute;inset:0;overflow:hidden}.beforeafter-module__Xup9ga__phoneMiniScreenAfter{background:linear-gradient(#f0f5ff99 0%,#0000 100%)}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniScreenAfter{background:linear-gradient(#1e1e3299 0%,#0000 100%)}.beforeafter-module__Xup9ga__phoneMiniContent{flex-direction:column;gap:0;width:100%;height:100%;display:flex}.beforeafter-module__Xup9ga__phoneMiniOverlay{color:#ef444440;pointer-events:none;background:#ef44440a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniOverlay{color:#ef444433;background:#ef44440f}.beforeafter-module__Xup9ga__phoneMiniBarGroup{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.beforeafter-module__Xup9ga__phoneMiniBar{background:#00000014;border-radius:3px;height:6px}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniBar{background:#ffffff1a}.beforeafter-module__Xup9ga__phoneMiniTagRow{gap:4px;margin-bottom:6px;display:flex}.beforeafter-module__Xup9ga__phoneMiniTag{background:#00000012;border-radius:999px;width:28px;height:12px}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniTag{background:#ffffff14}.beforeafter-module__Xup9ga__phoneMiniEnvelope{background:#00000012;border-radius:4px;width:28px;height:20px;margin:6px 0}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniEnvelope{background:#ffffff14}.beforeafter-module__Xup9ga__phoneMiniHero{background:linear-gradient(135deg,#0000000f,#0000000a);border-radius:6px;height:32px;margin-bottom:6px}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniHero{background:linear-gradient(135deg,#ffffff12,#ffffff08)}.beforeafter-module__Xup9ga__phoneMiniAvatar{border-radius:50%;flex-shrink:0;width:30px;height:30px;margin:0 auto 5px;box-shadow:0 3px 10px #00000026}.beforeafter-module__Xup9ga__phoneMiniNameBar{background:#0000001a;border-radius:999px;width:48px;height:5px;margin:0 auto 8px}[data-theme=dark] .beforeafter-module__Xup9ga__phoneMiniNameBar{background:#ffffff1f}.beforeafter-module__Xup9ga__phoneMiniLinks{flex-direction:column;gap:4px;display:flex}.beforeafter-module__Xup9ga__phoneMiniBtn{border-radius:5px;width:100%;height:18px}.beforeafter-module__Xup9ga__phoneMiniSocials{justify-content:center;gap:5px;margin-top:8px;display:flex}.beforeafter-module__Xup9ga__phoneMiniDot{opacity:.7;border-radius:50%;width:10px;height:10px}.beforeafter-module__Xup9ga__phoneMiniNav{border-bottom:1px solid;justify-content:space-between;align-items:center;margin-bottom:5px;padding:0 0 5px;display:flex}.beforeafter-module__Xup9ga__phoneMiniNavLogo{border-radius:4px;width:14px;height:14px}.beforeafter-module__Xup9ga__phoneMiniGrid{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:5px;display:grid}.beforeafter-module__Xup9ga__phoneMiniGridBox{border-radius:4px;height:26px}.beforeafter-module__Xup9ga__phoneMiniProduct{border-radius:4px;height:14px}.beforeafter-module__Xup9ga__phoneMiniProductRow{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.beforeafter-module__Xup9ga__bullets{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.beforeafter-module__Xup9ga__bullet{color:var(--color-text-muted);align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.5;display:flex}.beforeafter-module__Xup9ga__bulletIcon{flex-shrink:0;margin-top:2px}.beforeafter-module__Xup9ga__bulletIconBefore{color:#ef4444}.beforeafter-module__Xup9ga__bulletIconAfter{color:#22c55e}@media (min-width:640px){.beforeafter-module__Xup9ga__cardsRow{grid-template-columns:1fr auto 1fr;align-items:center;gap:0}.beforeafter-module__Xup9ga__arrowWrapper{padding:0 .75rem}.beforeafter-module__Xup9ga__arrowIcon{transform:rotate(0)}}@media (min-width:900px){.beforeafter-module__Xup9ga__section{padding:6rem 1.5rem 5rem}.beforeafter-module__Xup9ga__arrowWrapper{padding:0 1.5rem}.beforeafter-module__Xup9ga__beforeCard,.beforeafter-module__Xup9ga__afterCard{padding:1.75rem}.beforeafter-module__Xup9ga__phoneMini{width:130px;height:220px}}@media (max-width:480px){.beforeafter-module__Xup9ga__section{padding:3rem 1rem 2.5rem}.beforeafter-module__Xup9ga__tabs{gap:.2rem;padding:.25rem}.beforeafter-module__Xup9ga__tab{padding:.45rem .85rem;font-size:.82rem}.beforeafter-module__Xup9ga__beforeCard,.beforeafter-module__Xup9ga__afterCard{padding:1.25rem}.beforeafter-module__Xup9ga__phoneMini{width:108px;height:185px}}@media (prefers-reduced-motion:reduce){.beforeafter-module__Xup9ga__arrowIcon{animation:none!important}}