.mab-page{font-family:var(--font-body);background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}.mab-page>:not(.hero-wrap):not(.trust):not(.cta-bar){content-visibility:auto;contain-intrinsic-size:auto 760px}.mab-page img{max-width:100%;display:block}.mab-page a:focus-visible,.mab-page button:focus-visible,.mab-page [tabindex]:focus-visible{outline:3px solid var(--green-bright);outline-offset:2px;border-radius:4px}.mab-page .eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--green-dark);background:var(--green-light);border-radius:99px;align-items:center;gap:7px;margin-bottom:20px;padding:5px 13px 5px 9px;font-size:12px;font-weight:700;display:inline-flex}.mab-page .eyebrow-dot{background:var(--green-bright);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mab-page .section-heading{letter-spacing:-.02em;color:var(--black);margin-bottom:14px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.12}.mab-page .section-heading em{color:var(--green);font-style:normal}.mab-page .section-sub{color:var(--gray-600);max-width:560px;margin-bottom:var(--sec-head-mb);font-size:clamp(15px,1.4vw,16.5px);line-height:1.7}.mab-page .section-sub.center{text-align:center;margin-left:auto;margin-right:auto}.mab-page .section-head.center{text-align:center}.mab-page .section-head.center .section-heading{max-width:780px;margin-left:auto;margin-right:auto}.mab-page .reveal{opacity:1;transform:none}.js .mab-page .reveal{opacity:0;transform:translateY(24px)}.js .mab-page .reveal.is-visible{opacity:1;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:none}.mab-page .btn-dark{background:var(--black);color:var(--white);border-radius:var(--r-sm);font-family:var(--font-body);cursor:pointer;transition:transform .15s var(--ease), background .15s;border:none;justify-content:center;align-items:center;padding:14px 26px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.mab-page .btn-dark:hover{background:var(--gray-700);transform:translateY(-1px)}.mab-page .btn-ghost{color:var(--gray-500);border-radius:var(--r-sm);font-family:var(--font-body);cursor:pointer;border:1.5px solid var(--gray-200);background:0 0;justify-content:center;align-items:center;padding:14px 26px;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.mab-page .btn-ghost:hover{border-color:var(--gray-300);color:var(--black)}.mab-page .check-icon{background:var(--green-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.mab-page .feature-list{flex-direction:column;gap:13px;margin-bottom:0;list-style:none;display:flex}.mab-page .feature-list li{color:var(--gray-700);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;display:flex}.mab-page .cta-bar{z-index:95;padding:12px 18px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--gray-200);transition:transform .32s var(--ease);background:#fffffff0;align-items:center;gap:14px;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}.mab-page .cta-bar.is-visible{transform:none}.mab-page .cta-bar-text{min-width:0;color:var(--gray-600);flex:1;font-size:12.5px;line-height:1.35}.mab-page .cta-bar-text strong{color:var(--black);font-size:13.5px;font-weight:700;display:block}.mab-page .cta-bar .btn-dark{flex-shrink:0;padding:11px 18px;font-size:13.5px}@media (max-width:900px){.mab-page .cta-bar{display:flex}}@media (max-width:480px){.mab-page .cta-bar{gap:10px;padding-left:50px;padding-right:14px}}@media (min-width:1240px){.mab-page .hero-visual{padding-right:64px}}.mab-page .hero-visual{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.mab-page .phone-stage{flex-direction:column;align-items:center;display:flex;position:relative}.mab-page .phone{aspect-ratio:9/19.5;background:linear-gradient(155deg,#182234,#05070d);border:1px solid #ffffff38;border-radius:52px;width:300px;padding:14px;position:relative}.mab-page .phone:before,.mab-page .phone:after{content:"";background:#05070d;position:absolute}.mab-page .phone:before{border-radius:0 2px 2px 0;width:2.5px;height:68px;top:136px;right:-2.5px}.mab-page .phone:after{border-radius:2px 0 0 2px;width:2.5px;height:38px;top:106px;left:-2.5px;box-shadow:0 58px #05070d,0 100px #05070d}.mab-page .phone-screen{background:#f8f9fc;border-radius:40px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mab-page .phone-statusbar{z-index:11;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 20px 5px;display:flex;position:relative}.mab-page .phone-statusbar .sb-time{color:#0a0e1a;letter-spacing:-.2px;font-size:13px;font-weight:700}.mab-page .phone-statusbar .sb-icons{align-items:center;gap:5px;display:flex}.mab-page .phone-statusbar .sb-icons svg{display:block}.mab-page .phone-content{flex:auto;position:relative;overflow:hidden}.mab-page .phone-scene{opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.mab-page .phone-scene.is-active{opacity:1;z-index:2}.mab-page .phone-scene img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.mab-page .phone-order{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.mab-page .phone-order-check{background:linear-gradient(135deg, var(--green-bright), var(--green-dark));border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:6px;display:flex}.mab-page .phone-order-check svg{stroke:#fff;fill:none;stroke-width:2.5px;width:26px;height:26px}.mab-page .phone-order h3{color:#0a0e1a;font-size:16px;font-weight:700}.mab-page .phone-order p{color:#6b7280;max-width:160px;font-size:11px}.mab-page .phone-order .tag{background:var(--green-light);color:var(--green-dark);border-radius:6px;margin-top:4px;padding:5px 12px;font-size:11px;font-weight:700}.mab-page .step-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gray-700);z-index:10;background:#ffffffeb;border:1px solid #0d0d0d14;border-radius:99px;align-items:center;gap:9px;padding:8px 16px;font-size:11px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 18px -4px #0d0d0d21}.mab-page .step-pill .dots{gap:5px;display:flex}.mab-page .step-pill .dot{cursor:pointer;background:#d1d5db;border-radius:50%;width:6px;height:6px;transition:all .3s}.mab-page .step-pill .dot.on{background:var(--green-dark);border-radius:4px;width:16px}.mab-page .float-card{z-index:6;white-space:nowrap;background:#fff;border:1px solid #0d0d0d12;border-radius:14px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 10px 28px -6px #0d0d0d26}.mab-page .float-card .icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mab-page .float-card .icon svg{stroke:#fff;fill:none;stroke-width:2.5px;width:14px;height:14px}.mab-page .float-card .val{color:#0a0e1a;font-size:16px;font-weight:700;line-height:1.1}.mab-page .float-card .lbl{color:#6b7280;letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:600}.mab-page .float-conversion{z-index:10;margin-top:0;position:absolute;inset:auto auto -22px 50%;transform:translate(-50%)}.mab-page .float-conversion .icon{background:linear-gradient(135deg, var(--green), var(--green-dark))}@media (max-width:900px){.mab-page .hero{text-align:left}}@media (max-width:600px){.mab-page .hero h1 br{display:none}.mab-page .float-conversion{margin-top:14px;margin-bottom:20px;position:relative;bottom:auto;left:auto;transform:none}}.mab-page .work{padding:var(--space-sec) 0;background:var(--white);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-100)}.mab-page .work-head{max-width:720px;margin-bottom:clamp(30px,4vw,42px)}.mab-page .work-head h2{letter-spacing:-.02em;color:var(--black);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.12}.mab-page .work-head h2 em{color:var(--green);font-style:normal}.mab-page .work-head p{color:#6b6b65;max-width:600px;font-size:clamp(15px,1.4vw,16.5px);line-height:1.7}.mab-page .work-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.mab-page .work-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);transition:background .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);align-items:stretch;gap:26px;padding:28px 28px 0;display:flex;position:relative;overflow:hidden}.mab-page .work-card:hover{background:var(--white);border-color:var(--gray-300);box-shadow:0 24px 54px -30px #0d0d0d3d}.mab-page .work-device{width:196px;transition:transform .45s var(--ease);background:linear-gradient(155deg,#2c2c2e,#0a0a0c);border-radius:30px;flex-shrink:0;align-self:flex-start;margin-bottom:-72px;padding:5px;box-shadow:0 28px 52px -24px #0d0d0d73,inset 0 1px #ffffff1a}.mab-page .work-card:hover .work-device{transform:translateY(-6px)scale(1.015)}.mab-page .work-device-screen{background:#fff;border-radius:25px;width:100%;overflow:hidden}.mab-page .work-device-screen img{width:100%;height:auto;display:block}.mab-page .work-meta{flex-direction:column;flex:1;min-width:0;padding-bottom:30px;display:flex}.mab-page .work-brand{letter-spacing:-.5px;color:var(--black);margin-bottom:4px;font-size:25px;font-weight:700;line-height:1.1}.mab-page .work-tagline{color:#6b6b65;margin-bottom:20px;font-size:12.5px;line-height:1.55;display:block}.mab-page .work-specs{border-top:1px solid var(--gray-200);margin-bottom:18px}.mab-page .work-spec{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;display:flex}.mab-page .work-spec dt{color:#8a8a82;white-space:nowrap;font-size:12px;font-weight:500}.mab-page .work-spec dd{font-family:var(--font-body);color:var(--black);letter-spacing:-.1px;text-align:right;font-size:12px;font-weight:600;line-height:1.5}.mab-page .work-links{flex-direction:column;gap:7px;margin-top:auto;display:flex}.mab-page .work-links-label{letter-spacing:.8px;text-transform:uppercase;color:var(--gray-300);margin-bottom:1px;font-size:10px;font-weight:700}.mab-page .work-links a{color:var(--gray-700);border-bottom:1px solid var(--gray-300);align-self:flex-start;align-items:center;gap:5px;padding-bottom:1px;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.mab-page .work-links a:hover{color:var(--black);border-color:var(--black)}.mab-page .work-links a svg{stroke:currentColor;stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:11px;height:11px}.mab-page .work-footer-bar{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px;margin-top:28px;padding:22px 30px;display:grid}.mab-page .work-footer-col{align-items:flex-start;min-width:0;display:flex}.mab-page .work-footer-divider{background:var(--gray-200);align-self:stretch;width:1px}.mab-page .work-footer-text{flex:1;min-width:0}.mab-page .work-footer-text strong{color:var(--black);letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.35;display:block}.mab-page .work-footer-text p{color:var(--gray-600);margin:0;font-size:13.5px;line-height:1.55}.mab-page .work-demo-dot{background:var(--green-bright);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2.4s ease-out infinite workPulse;display:inline-block;transform:translateY(-1px)}@keyframes workPulse{0%{box-shadow:0 0 #00b67a8c}70%{box-shadow:0 0 0 8px #00b67a00}to{box-shadow:0 0 #00b67a00}}@media (max-width:1000px){.mab-page .work-grid{grid-template-columns:1fr}.mab-page .work-device{width:180px}}@media (max-width:560px){.mab-page .work-card{flex-direction:column;align-items:center;gap:0;padding:28px 20px 24px;overflow:visible}.mab-page .work-device{width:150px;transition:transform .45s var(--ease);border-radius:26px;align-self:center;margin-bottom:20px;padding:5px;transform:translateY(0)}.mab-page .work-card:hover .work-device{transform:translateY(-8px)}.mab-page .work-device-screen{border-radius:22px}.mab-page .work-meta{border-top:1px solid var(--gray-200);width:100%;padding-top:20px;padding-bottom:0}.mab-page .work-brand{font-size:21px}.mab-page .work-specs{border-top:none}.mab-page .work-spec{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 0}.mab-page .work-spec dd{text-align:left}.mab-page .work-footer-bar{grid-template-columns:1fr;gap:18px;padding:20px 22px}.mab-page .work-footer-divider{align-self:auto;width:100%;height:1px}}.mab-page .why-section{background:var(--gray-50);padding:var(--space-sec) 0}.mab-page .why-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(24px,4.5vw,48px);display:grid}.mab-page .why-copy .section-sub{margin-bottom:0}.mab-page .stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mab-page .stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:22px 20px}.mab-page .stat-number{letter-spacing:-1.4px;color:var(--green);margin-bottom:8px;font-size:34px;font-weight:700;line-height:1}.mab-page .stat-number .unit{margin-left:1px;font-size:20px}.mab-page .stat-card h3{letter-spacing:-.1px;margin-bottom:5px;font-size:14px;font-weight:700}.mab-page .stat-card p{color:var(--gray-600);font-size:12.5px;line-height:1.55}.mab-page .why-compare{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.mab-page .why-col{padding:20px}.mab-page .why-col.is-app{border-color:var(--green-bright);box-shadow:0 14px 30px -18px #00b67a73}.mab-page .why-col-label{letter-spacing:.6px;text-transform:uppercase;color:var(--gray-500);font-size:12px;font-weight:700}.mab-page .why-col.is-app .why-col-label{color:var(--green-dark)}.mab-page .why-col-sub{color:var(--gray-500);margin:3px 0 14px;font-size:12px}.mab-page .why-points{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.mab-page .why-points li{color:var(--gray-700);align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;display:flex}.mab-page .why-dot{background:var(--gray-300);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.mab-page .why-col.is-app .why-dot{background:var(--green-bright)}.mab-page .why-kicker{color:var(--black);grid-column:1/-1;margin-top:4px;font-size:13.5px;font-weight:600}.mab-page .why-kicker em{color:var(--green);font-style:normal}@media (max-width:900px){.mab-page .why-grid{grid-template-columns:1fr;gap:28px}.mab-page .stat-grid,.mab-page .why-compare{grid-template-columns:1fr}}.mab-page .revenue-section{background:var(--white);padding:var(--space-sec) 0;border-top:1px solid var(--gray-200)}.mab-page .revenue-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4.5vw,56px);display:grid}.mab-page .revenue-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mab-page .revenue-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);transition:box-shadow .3s var(--ease), transform .3s var(--ease), border-color .3s;flex-direction:column;gap:10px;padding:22px 22px 24px;display:flex}.mab-page .revenue-card:hover{border-color:var(--gray-300);transform:translateY(-5px);box-shadow:0 20px 44px -20px #0d0d0d29}.mab-page .revenue-card-top{justify-content:flex-start;align-items:center;gap:10px;display:flex}.mab-page .revenue-card-icon{background:var(--green-light);width:34px;height:34px;transition:transform .35s var(--ease), background .25s;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mab-page .revenue-card-icon svg{width:16px;height:16px;stroke:var(--green-dark);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.mab-page .revenue-card:hover .revenue-card-icon{background:var(--green-mid);transform:scale(1.12)rotate(-6deg)}.mab-page .revenue-card-value{color:var(--gray-900);font-size:17px;font-weight:700;font-family:var(--font-body);letter-spacing:-.3px;line-height:1.3}.mab-page .revenue-card-sub{color:var(--gray-600);margin-top:2px;font-size:13.5px;line-height:1.55}.mab-page .revenue-bar-track{background:var(--gray-200);border-radius:99px;height:6px;margin-top:auto;overflow:hidden}.mab-page .revenue-bar-fill{background:linear-gradient(90deg, var(--green-bright), var(--green-dark));height:100%;transition:width 1.1s var(--ease);border-radius:99px}@media (max-width:480px){.mab-page .revenue-cards{grid-template-columns:1fr}}.mab-page .revenue-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);color:var(--black);padding:44px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #0d0d0d1f}.mab-page .revenue-panel:before{content:"";background:radial-gradient(120% 140% at 100% 0,#00b67a14,#0000 60%);position:absolute;inset:0}.mab-page .revenue-panel-inner{position:relative}.mab-page .revenue-panel .eyebrow{background:var(--green-light);color:var(--green-dark)}.mab-page .revenue-panel h3{letter-spacing:-.6px;color:var(--black);margin-bottom:14px;font-size:26px;font-weight:700;line-height:1.25}.mab-page .revenue-panel p{color:var(--gray-500);margin-bottom:24px;font-size:14.5px;line-height:1.7}.mab-page .revenue-quote{border-left:3px solid var(--green-bright);margin-top:24px;padding-left:18px}.mab-page .revenue-quote-text{color:var(--gray-700);margin:0;font-size:14px;font-style:italic;line-height:1.65}.mab-page .revenue-attrib{align-items:center;gap:13px;margin-top:16px;font-style:normal;display:flex}.mab-page .revenue-avatar-img{object-fit:cover;border:2px solid var(--gray-200);border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 8px #0000000f}.mab-page .revenue-attrib-meta{flex-direction:column;gap:2px;display:flex}.mab-page .revenue-attrib-name{color:var(--black);font-size:14px;font-weight:700;line-height:1.3;display:block}.mab-page .revenue-attrib-role{color:var(--gray-600);font-size:12.5px;line-height:1.35;display:block}.mab-page .revenue-attrib-role a{color:var(--gray-700);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.mab-page .revenue-attrib-role a:hover{color:var(--black)}@media (max-width:900px){.mab-page .revenue-grid{grid-template-columns:1fr}}.mab-page .how-section{background:var(--gray-50);padding:var(--space-sec) 0}.mab-page .how-scroll{grid-template-columns:.78fr 1.22fr;align-items:start;gap:clamp(24px,4.5vw,56px);margin-top:44px;display:grid}.mab-page .how-steps{padding-left:34px;position:relative}.mab-page .how-rail{background:var(--gray-200);z-index:1;border-radius:2px;width:2px;position:absolute;top:13px;bottom:40px;left:9px}.mab-page .how-rail-fill{background:var(--green-bright);border-radius:2px;width:100%;height:0;transition:height .25s linear;display:block}.mab-page .how-step{padding:0 0 clamp(48px,9vh,96px);position:relative}.mab-page .how-step:not(.is-active)>.how-step-head,.mab-page .how-step:not(.is-active)>h3,.mab-page .how-step:not(.is-active)>p,.mab-page .how-step:not(.is-active)>.feature-list{opacity:.38;transition:opacity .4s var(--ease)}.mab-page .how-step:before{content:"";background:var(--white);border:2px solid var(--gray-300);z-index:2;width:12px;height:12px;transition:border-color .3s, background .3s, transform .3s var(--ease);border-radius:50%;position:absolute;top:7px;left:-30px}.mab-page .how-step.is-active:before,.mab-page .how-step.is-complete:before{border-color:var(--green-bright);background:var(--green-bright)}.mab-page .how-step.is-active:before{transform:scale(1.18)}.mab-page .how-step-head{align-items:center;gap:10px;margin-bottom:9px;display:flex}.mab-page .how-step-num{font-family:var(--font-body);color:var(--gray-500);font-size:12px;font-weight:600}.mab-page .how-step-day{letter-spacing:.7px;text-transform:uppercase;color:var(--green-dark);background:var(--green-light);border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:700}.mab-page .how-step h3{letter-spacing:-.4px;margin-bottom:8px;font-size:clamp(19px,2vw,23px);font-weight:700}.mab-page .how-step p{color:var(--gray-600);max-width:420px;margin-bottom:14px;font-size:14.5px;line-height:1.65}.mab-page .how-step.is-final{padding-bottom:0}.mab-page .how-step.is-final:has(.how-visual){padding-bottom:clamp(48px,9vh,96px)}.mab-page .how-step[role=tab]{cursor:pointer}.mab-page .how-step[role=tab]:focus{outline:none}.mab-page .how-step[role=tab]:focus-visible{outline:2px solid var(--green-bright);outline-offset:6px;border-radius:4px}@media (hover:hover){.mab-page .how-step[role=tab]:hover>.how-step-head,.mab-page .how-step[role=tab]:hover>h3,.mab-page .how-step[role=tab]:hover>p,.mab-page .how-step[role=tab]:hover>.feature-list{opacity:.75}.mab-page .how-step[role=tab].is-active:hover>.how-step-head,.mab-page .how-step[role=tab].is-active:hover>h3,.mab-page .how-step[role=tab].is-active:hover>p,.mab-page .how-step[role=tab].is-active:hover>.feature-list{opacity:1}.mab-page .how-step[role=tab]:hover:before{border-color:var(--green-bright)}}.mab-page .how-step[role=tab]:focus-visible{outline:3px solid var(--green-bright);outline-offset:8px;border-radius:var(--r-sm);opacity:1}.mab-page .feature-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mab-page .check-icon svg{width:10px;height:10px;stroke:var(--green-dark)}.mab-page .how-sticky{height:min(660px,74vh);position:sticky;top:104px}.mab-page .how-visual{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);opacity:0;visibility:hidden;transition:opacity .45s var(--ease), transform .45s var(--ease), visibility .45s;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(10px)}.mab-page .how-visual.is-active{opacity:1;visibility:visible;transform:none}.mab-page .how-visual[data-step="0"]{background:0 0;border:none;padding:0;overflow:visible}@media (max-width:1000px){.mab-page .how-scroll{grid-template-columns:1fr;gap:0}.mab-page .how-sticky{height:auto;position:static}.mab-page .how-visual{opacity:1;visibility:visible;margin:0 0 40px;position:relative;inset:auto;transform:none}.mab-page .how-visual[data-step="0"],.mab-page .how-visual[data-step="2"],.mab-page .how-visual[data-step="3"]{height:auto}.mab-page .how-step{opacity:1;padding-bottom:22px}.mab-page .how-steps{padding-left:30px}.mab-page .how-rail{left:7px}.mab-page .how-step:before{left:-27px}}.mab-page .demo-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-xl);grid-template-columns:1.05fr auto .95fr;align-items:center;gap:40px;margin-top:40px;padding:40px;display:grid}.mab-page .demo-node-num{background:var(--black);width:27px;height:27px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.mab-page .demo-qr{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);flex-shrink:0;width:132px;height:132px;padding:11px}@media (max-width:900px){.mab-page .demo-card{grid-template-columns:1fr;gap:26px;padding:30px 24px}.mab-page .demo-card-divider{width:100%;height:1px}}.mab-page .features-section{background:var(--white);padding:var(--space-sec) 0}.mab-page .features-showcase{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.mab-page .features-list{flex-direction:column;gap:10px;display:flex}.mab-page .features-list-item{text-align:left;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--r-md);cursor:pointer;width:100%;font-family:var(--font-body);transition:border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);align-items:center;gap:14px;padding:14px 16px;display:flex}.mab-page .features-list-item:hover{border-color:var(--gray-300);transform:translateY(-1px)}.mab-page .features-list-item.is-active{border-color:var(--green-bright);box-shadow:0 14px 30px -18px #00b67a73}.mab-page .features-list-icon{background:var(--gray-50);border:1px solid var(--gray-200);width:38px;height:38px;transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mab-page .features-list-icon svg{width:17px;height:17px;stroke:var(--green-dark);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s var(--ease)}.mab-page .features-list-item.is-active .features-list-icon{background:linear-gradient(135deg, var(--green-bright), var(--green-dark));border-color:#0000;transform:scale(1.06)rotate(-4deg)}.mab-page .features-list-item.is-active .features-list-icon svg{stroke:var(--white)}.mab-page .features-list-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mab-page .features-list-title{color:var(--black);letter-spacing:-.1px;font-size:14px;font-weight:700}.mab-page .features-list-sub{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.mab-page .features-stage{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-xl);grid-template-columns:1fr 1.12fr;align-items:center;gap:40px;min-height:380px;padding:48px;display:grid;position:relative;overflow:hidden}.mab-page .features-panel{grid-column:1;display:none}.mab-page .features-panel.is-active{animation:how-panel-in .5s var(--ease);display:block}.mab-page .features-panel-icon{background:linear-gradient(135deg, var(--green-bright), var(--green-dark));border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:22px;display:flex;box-shadow:0 12px 26px -10px #00b67a8c}.mab-page .features-panel-icon svg{width:22px;height:22px;stroke:var(--white);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.mab-page .features-panel h3{letter-spacing:-.5px;margin-bottom:14px;font-size:clamp(23px,2.2vw,28px);font-weight:700;line-height:1.28}.mab-page .features-panel h3 em{color:var(--green);font-style:normal;display:block}.mab-page .features-panel>p{color:var(--gray-500);max-width:420px;margin-bottom:24px;font-size:14.5px;line-height:1.7}.mab-page .feature-list{flex-direction:column;gap:10px;list-style:none;display:flex}.mab-page .feature-list li{color:var(--gray-700);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.mab-page .check-icon{background:var(--green-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.mab-page .check-icon svg{width:12px;height:12px;stroke:var(--green-bright);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.mab-page .features-stage-visual{grid-column:2;justify-content:center;align-items:center;width:100%;height:100%;min-height:480px;display:flex;position:relative}.mab-page .features-phone{background:var(--white);border:1px solid var(--gray-200);border-radius:22px;flex-direction:column;gap:10px;width:100%;max-width:190px;padding:20px 16px;display:flex;box-shadow:0 24px 60px -24px #0d0d0d29}.mab-page .features-phone-bar{background:var(--gray-200);border-radius:99px;width:34px;height:4px;margin:0 auto 6px}.mab-page .features-phone-block{background:var(--gray-100);border-radius:8px;height:30px}.mab-page .features-phone-block.dashed{border:1.5px dashed var(--green);background:var(--green-light)}.mab-page .features-phone-row{gap:8px;display:flex}.mab-page .features-phone-row .features-phone-block{flex:1;height:44px}.mab-page .features-phone-chip{background:var(--black);color:var(--white);white-space:nowrap;z-index:10;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:11.5px;font-weight:700;animation:2.6s ease-in-out infinite chip-float;display:flex;position:absolute;top:8%;right:-6px;box-shadow:0 10px 24px -8px #0d0d0d66}.mab-page .features-phone-chip svg{width:12px;height:12px;stroke:var(--white);stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mab-page .features-real-frame,.mab-page .features-real2-frame,.mab-page .features-real3-frame,.mab-page .features-real4-frame,.mab-page .features-real5-frame,.mab-page .features-real6-frame{border-radius:var(--r-lg);background:0 0;width:100%;margin:0 auto;display:none;position:relative;overflow:hidden}.mab-page .features-real-iframe,.mab-page .features-real2-iframe,.mab-page .features-real3-iframe,.mab-page .features-real4-iframe,.mab-page .features-real5-iframe,.mab-page .features-real6-iframe{transform-origin:50%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;image-rendering:-webkit-optimize-contrast;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.mab-page .features-real-iframe{width:352px;height:646px}.mab-page .features-real2-iframe{width:370px;height:740px}.mab-page .features-real3-iframe{width:660px;height:700px}.mab-page .features-real4-iframe{width:700px;height:640px}.mab-page .features-real5-iframe{width:300px;height:620px}.mab-page .features-real6-iframe{width:380px;height:380px}.mab-page .features-real-frame{max-width:305px;height:560px}.mab-page .features-real2-frame{max-width:256px;height:560px}.mab-page .features-real3-frame{max-width:528px;height:560px}.mab-page .features-real4-frame{max-width:404px;height:560px}.mab-page .features-real5-frame{max-width:271px;height:560px}.mab-page .features-real6-frame{max-width:404px;height:560px}.mab-page .features-real-iframe{transform:translate(-50%,-50%)scale(.8669)}.mab-page .features-real2-iframe{transform:translate(-50%,-50%)scale(.6914)}.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.8)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.5771)}.mab-page .features-real5-iframe{transform:translate(-50%,-50%)scale(.9032)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(1.0632)}@media (max-width:1299px) and (min-width:1100px){.mab-page .features-real-frame{max-width:267px;height:490px}.mab-page .features-real2-frame{max-width:224px;height:490px}.mab-page .features-real3-frame{max-width:462px;height:490px}.mab-page .features-real4-frame{max-width:300px;height:490px}.mab-page .features-real5-frame{max-width:237px;height:490px}.mab-page .features-real6-frame{max-width:300px;height:490px}.mab-page .features-real-iframe{transform:translate(-50%,-50%)scale(.7585)}.mab-page .features-real2-iframe{transform:translate(-50%,-50%)scale(.6049)}.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.7)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.4286)}.mab-page .features-real5-iframe{transform:translate(-50%,-50%)scale(.7903)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(.7895)}}@media (max-width:1099px) and (min-width:1000px){.mab-page .features-real-frame{max-width:218px;height:400px}.mab-page .features-real2-frame{max-width:183px;height:400px}.mab-page .features-real3-frame{max-width:377px;height:400px}.mab-page .features-real4-frame{max-width:246px;height:400px}.mab-page .features-real5-frame{max-width:194px;height:400px}.mab-page .features-real6-frame{max-width:246px;height:400px}.mab-page .features-real-iframe{transform:translate(-50%,-50%)scale(.6192)}.mab-page .features-real2-iframe{transform:translate(-50%,-50%)scale(.4938)}.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.5714)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.3514)}.mab-page .features-real5-iframe{transform:translate(-50%,-50%)scale(.6452)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(.6474)}}@media (max-width:999px) and (min-width:901px){.mab-page .features-real-frame{max-width:174px;height:320px}.mab-page .features-real2-frame{max-width:146px;height:320px}.mab-page .features-real3-frame{max-width:302px;height:320px}.mab-page .features-real4-frame{max-width:194px;height:320px}.mab-page .features-real5-frame{max-width:155px;height:320px}.mab-page .features-real6-frame{max-width:194px;height:320px}.mab-page .features-real-iframe{transform:translate(-50%,-50%)scale(.4954)}.mab-page .features-real2-iframe{transform:translate(-50%,-50%)scale(.3951)}.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.4571)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.2771)}.mab-page .features-real5-iframe{transform:translate(-50%,-50%)scale(.5161)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(.5105)}}.mab-page .features-stage-visual.show-real .features-phone,.mab-page .features-stage-visual.show-real .features-phone-chip,.mab-page .features-stage-visual.show-real2 .features-phone,.mab-page .features-stage-visual.show-real2 .features-phone-chip,.mab-page .features-stage-visual.show-real3 .features-phone,.mab-page .features-stage-visual.show-real3 .features-phone-chip,.mab-page .features-stage-visual.show-real4 .features-phone,.mab-page .features-stage-visual.show-real4 .features-phone-chip,.mab-page .features-stage-visual.show-real5 .features-phone,.mab-page .features-stage-visual.show-real5 .features-phone-chip,.mab-page .features-stage-visual.show-real6 .features-phone,.mab-page .features-stage-visual.show-real6 .features-phone-chip{display:none}.mab-page .features-stage-visual.show-real .features-real-frame,.mab-page .features-stage-visual.show-real2 .features-real2-frame,.mab-page .features-stage-visual.show-real3 .features-real3-frame,.mab-page .features-stage-visual.show-real4 .features-real4-frame,.mab-page .features-stage-visual.show-real5 .features-real5-frame,.mab-page .features-stage-visual.show-real6 .features-real6-frame{display:block}@media (max-width:900px){.mab-page .features-real-frame{max-width:261px;height:480px}.mab-page .features-real2-frame{max-width:219px;height:480px}.mab-page .features-real3-frame{max-width:453px;height:480px}.mab-page .features-real4-frame{max-width:420px;height:480px}.mab-page .features-real5-frame{max-width:232px;height:480px}.mab-page .features-real6-frame{max-width:440px;height:480px}.mab-page .features-real-iframe{transform:translate(-50%,-50%)scale(.743)}.mab-page .features-real2-iframe{transform:translate(-50%,-50%)scale(.5926)}.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.6857)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.6)}.mab-page .features-real5-iframe{transform:translate(-50%,-50%)scale(.7742)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(1.1579)}}@media (max-width:600px){.mab-page .features-stage-visual{min-height:380px}.mab-page .features-real-frame{max-width:230px;height:420px}.mab-page .features-real2-frame{max-width:200px;height:420px}.mab-page .features-real3-frame{max-width:320px;height:380px}.mab-page .features-real4-frame{max-width:310px;height:360px}.mab-page .features-real5-frame{max-width:210px;height:420px}.mab-page .features-real6-frame{max-width:320px;height:360px}.mab-page .features-real-iframe{transform:translate(-50%,-50%)scale(.65)}.mab-page .features-real2-iframe,.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.52)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.45)}.mab-page .features-real5-iframe{transform:translate(-50%,-50%)scale(.68)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(.8)}}@media (max-width:400px){.mab-page .features-stage-visual{min-height:320px}.mab-page .features-real3-frame{max-width:280px;height:340px}.mab-page .features-real4-frame,.mab-page .features-real6-frame{max-width:280px;height:330px}.mab-page .features-real3-iframe{transform:translate(-50%,-50%)scale(.44)}.mab-page .features-real4-iframe{transform:translate(-50%,-50%)scale(.39)}.mab-page .features-real6-iframe{transform:translate(-50%,-50%)scale(.7)}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes how-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.mab-page .features-showcase{grid-template-columns:1fr}.mab-page .features-list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent;flex-direction:row;gap:12px;margin-bottom:8px;padding:6px 4px 12px;overflow:auto hidden}.mab-page .features-list::-webkit-scrollbar{height:5px}.mab-page .features-list::-webkit-scrollbar-track{background:0 0}.mab-page .features-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}.mab-page .features-list-item{scroll-snap-align:start;flex:none;width:240px}.mab-page .features-stage{grid-template-columns:1fr;padding:36px 28px}.mab-page .features-stage-visual{grid-column:1;margin-top:24px}}@media (max-width:560px){.mab-page .features-list-item{padding:12px 14px}.mab-page .features-stage{padding:24px 18px}}.mab-page .integrations-section{background:var(--gray-50);padding:var(--space-sec) 0}.mab-page .integrations-note{color:var(--gray-500);align-items:flex-start;gap:8px;max-width:760px;margin-top:20px;font-size:12px;line-height:1.6;display:flex}.mab-page .integrations-note svg{width:14px;height:14px;stroke:var(--gray-500);stroke-width:2px;fill:none;flex-shrink:0;margin-top:1px}.mab-page .integrations-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mab-page .integrations-group{letter-spacing:.6px;text-transform:uppercase;color:var(--gray-500);grid-column:1/-1;margin:10px 0 -4px;font-size:12px;font-weight:700}.mab-page .integrations-group:first-child{margin-top:0}.mab-page .integration-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);transition:box-shadow .25s var(--ease), transform .25s var(--ease), border-color .25s var(--ease);flex-direction:column;gap:12px;padding:22px 20px;display:flex}.mab-page .integration-card:hover{border-color:var(--gray-300);transform:translateY(-4px);box-shadow:0 16px 40px -16px #0d0d0d1f}.mab-page .integration-icon{background:var(--green-light);width:36px;height:36px;transition:transform .35s var(--ease), background .25s var(--ease);border-radius:9px;justify-content:center;align-items:center;display:flex}.mab-page .integration-icon svg{width:17px;height:17px;stroke:var(--green-dark);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.mab-page .integration-card:hover .integration-icon{background:var(--green-mid);transform:scale(1.1)rotate(-6deg)}.mab-page .integration-card h4{font-size:14.5px;font-weight:700;transition:color .2s}.mab-page .integration-card p{color:var(--gray-500);font-size:12.5px;line-height:1.55}@media (max-width:900px){.mab-page .integrations-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.mab-page .integrations-grid{grid-template-columns:1fr}}.mab-page .migration-section{background:var(--white);padding:var(--space-sec) 0;border-bottom:1px solid var(--gray-100)}.mab-page .mig-from{flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 34px;display:flex}.mab-page .mig-from span{color:var(--gray-600);font-size:13px}.mab-page .mig-from b{color:var(--gray-700);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}.mab-page .mig-reassure{border:1px solid var(--gray-200);border-radius:var(--r-xl);background:#f9f9f7;margin-bottom:48px;padding:clamp(28px,3.6vw,44px)}.mab-page .mig-reassure-headline{letter-spacing:-.4px;color:var(--black);max-width:620px;margin-bottom:8px;font-size:clamp(21px,2.3vw,27px);font-weight:700;line-height:1.3}.mab-page .mig-reassure-sub{color:var(--green-dark);margin-bottom:26px;font-size:14.5px;font-weight:700}.mab-page .mig-reassure-list{grid-template-columns:repeat(2,1fr);gap:13px 32px;list-style:none;display:grid}.mab-page .mig-reassure-list li{color:var(--gray-700);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.mab-page .mig-reassure-list .check-icon{background:var(--white);border:1px solid var(--gray-200)}.mab-page .mig-steps-head{margin-bottom:26px}.mab-page .mig-steps-head h3{letter-spacing:-.3px;margin-bottom:6px;font-size:19px;font-weight:700}.mab-page .mig-steps-head p{color:var(--gray-600);font-size:13.5px}.mab-page .mig-steps{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:22px;display:grid}.mab-page .mig-step-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);transition:box-shadow .25s var(--ease), transform .25s var(--ease), border-color .25s var(--ease);padding:22px 18px;position:relative}.mab-page .mig-step-card:hover{border-color:var(--gray-300);transform:translateY(-4px);box-shadow:0 16px 40px -16px #0d0d0d1f}.mab-page .mig-step-card:not(:last-child):after{content:"";border-top:2px solid var(--gray-300);border-right:2px solid var(--gray-300);width:12px;height:12px;position:absolute;top:29px;right:-20px;transform:rotate(45deg)}.mab-page .mig-step-num{background:var(--gray-900);width:30px;height:30px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:12.5px;font-weight:700;display:flex}.mab-page .mig-step-card h4{letter-spacing:-.1px;margin-bottom:5px;font-size:14.5px;font-weight:700}.mab-page .mig-step-card p{color:var(--gray-500);font-size:12.5px;line-height:1.55}.mab-page .mig-note{color:var(--gray-500);align-items:flex-start;gap:8px;max-width:720px;margin-bottom:30px;font-size:12px;line-height:1.6;display:flex}.mab-page .mig-note svg{width:14px;height:14px;stroke:var(--gray-500);stroke-width:2px;fill:none;flex-shrink:0;margin-top:1px}.mab-page .mig-cta-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.mab-page .mig-cta-row .btn-dark{flex-shrink:0}.mab-page .mig-cta-note{color:var(--gray-600);font-size:13px}.mab-page .mig-cta-note strong{color:var(--green-dark);font-weight:700}@media (max-width:900px){.mab-page .mig-reassure-list{grid-template-columns:1fr}.mab-page .mig-steps{grid-template-columns:1fr;gap:14px}.mab-page .mig-step-card:not(:last-child):after{display:none}}.mab-page .roi-section{background:var(--white);padding:var(--space-sec) 0;font-family:var(--font-body)}.mab-page .roi-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);color:var(--black);grid-template-columns:1fr 1fr;gap:clamp(24px,4.5vw,48px);padding:50px;display:grid;box-shadow:0 24px 60px -30px #0d0d0d29}.mab-page .roi-inputs h3{letter-spacing:-.3px;color:var(--black);margin-bottom:26px;font-size:22px;font-weight:700}.mab-page .roi-field{margin-bottom:22px}.mab-page .roi-field label{color:var(--gray-500);justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.mab-page .roi-field label strong{color:var(--black);font-family:var(--font-body);font-variant-numeric:tabular-nums}.mab-page .roi-field input[type=range]{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:24px;margin:0;display:block}.mab-page .roi-field input[type=range]::-webkit-slider-runnable-track{background:var(--gray-200);border:none;border-radius:99px;width:100%;height:4px}.mab-page .roi-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green-bright);border:3px solid var(--white);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 2px 8px #0d0d0d47}.mab-page .roi-field input[type=range]::-moz-range-track{background:var(--gray-200);border:none;border-radius:99px;width:100%;height:4px}.mab-page .roi-field input[type=range]::-moz-range-thumb{background:var(--green-bright);border:3px solid var(--white);cursor:pointer;box-sizing:border-box;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0d0d0d47}.mab-page .roi-results{border:1px solid var(--gray-200);border-radius:var(--r-lg);background:#f9f9f7;flex-direction:column;justify-content:center;gap:22px;padding:30px;display:flex}.mab-page .roi-result-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mab-page .roi-result-row span{color:var(--gray-700);flex:1;min-width:0;font-size:13px}.mab-page .roi-result-row strong{color:var(--black);font-size:22px;font-weight:700;font-family:var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.mab-page .roi-result-row.total{border-top:1px solid var(--gray-200);padding-top:20px}.mab-page .roi-result-row.total strong{color:var(--black);font-size:30px}.mab-page .roi-cta{width:100%;margin-top:20px}.mab-page .roi-payback{color:var(--gray-600);text-align:center;margin-top:12px;font-size:13px}.mab-page .roi-payback strong{color:var(--green-dark);font-weight:700}.mab-page .roi-note{color:var(--gray-500);font-size:11.5px;line-height:1.6}@media (max-width:900px){.mab-page .roi-panel{grid-template-columns:1fr;gap:32px;padding:30px 20px}.mab-page .roi-inputs h3{margin-bottom:20px;font-size:20px}}@media (max-width:560px){.mab-page .roi-panel{gap:24px;padding:24px 16px}.mab-page .roi-results{gap:18px;padding:20px 16px}.mab-page .roi-inputs h3{margin-bottom:16px;font-size:18px}.mab-page .roi-result-row.total strong{font-size:25px}}.mab-page .pricing-section{background:var(--gray-50);padding:var(--space-sec) 0;font-family:var(--font-body)}.mab-page .pricing-section .section-sub{margin-bottom:24px}.mab-page .pricing-toggle{background:var(--white);border:1px solid var(--gray-200);border-radius:99px;justify-content:center;align-items:center;gap:4px;width:fit-content;margin:0 auto clamp(24px,3.5vw,36px);padding:4px;display:flex}.mab-page .pricing-toggle button{font-family:var(--font-body);color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:9px 20px;font-size:13.5px;font-weight:700;display:flex}.mab-page .pricing-toggle button.active{background:var(--black);color:var(--white)}.mab-page .pricing-toggle .save{color:var(--green-bright);background:var(--green-light);border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700}.mab-page .pricing-toggle button.active .save{color:var(--green-mid);background:#00b67a33}.mab-page .price-foot{color:var(--gray-600);text-align:center;max-width:620px;margin:30px auto 0;font-size:13px;line-height:1.65}.mab-page .pricing-grid{grid-template-columns:repeat(2,1fr);gap:28px;max-width:860px;margin:0 auto;display:grid}.mab-page .price-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);flex-direction:column;padding:40px;display:flex;position:relative}.mab-page .price-card.popular{border:1.5px solid var(--green-bright)}.mab-page .price-badge{background:var(--black);color:var(--white);letter-spacing:.4px;text-transform:uppercase;border-radius:99px;padding:5px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;right:32px}.mab-page .price-card h3{margin-bottom:6px;font-size:20px;font-weight:700}.mab-page .price-for{color:var(--gray-600);min-height:39px;margin:0 0 18px;font-size:13px;line-height:1.5}.mab-page .price-amount{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.mab-page .price-amount .num{letter-spacing:-1.2px;font-size:42px;font-weight:700;font-family:var(--font-body);font-variant-numeric:tabular-nums}.mab-page .price-amount .per{color:var(--gray-500);font-size:14px;font-weight:600}.mab-page .price-sub{color:var(--gray-500);margin-bottom:26px;font-size:13px}.mab-page .price-list{flex-direction:column;gap:13px;margin-bottom:30px;list-style:none;display:flex}.mab-page .price-list li{color:var(--gray-700);align-items:flex-start;gap:10px;font-size:14px;display:flex}.mab-page .price-card .btn-dark,.mab-page .price-card .btn-ghost{flex:none;width:100%;height:46px;margin-top:auto;margin-bottom:14px}.mab-page .price-trust{color:var(--gray-500);flex-wrap:wrap;flex:none;align-content:flex-start;align-items:flex-start;gap:14px;min-height:34px;font-size:12px;font-weight:600;display:flex}@media (max-width:1100px){.mab-page .pricing-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.mab-page .faq-section{background:var(--white);padding:var(--space-sec) 0;padding-bottom:0}.mab-page .faq-foot{text-align:center;color:var(--gray-600);margin-top:30px;font-size:14.5px}.mab-page .faq-foot a{color:var(--black);font-weight:700}.mab-page .faq-list{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.mab-page .faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);overflow:hidden}.mab-page .faq-trigger{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--black);text-align:left;letter-spacing:-.2px;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:15.5px;font-weight:700;display:flex}.mab-page .faq-trigger:hover{color:var(--green-dark)}.mab-page .faq-icon{width:20px;height:20px;stroke:var(--green-dark);stroke-width:2.5px;fill:none;stroke-linecap:round;transition:transform .3s var(--ease);flex-shrink:0}.mab-page .faq-trigger[aria-expanded=true] .faq-icon{transform:rotate(45deg)}.mab-page .faq-panel{max-height:0;transition:max-height .3s var(--ease);overflow:hidden}.mab-page .faq-panel-inner{color:var(--gray-500);max-width:640px;padding:0 24px 22px;font-size:14.5px;line-height:1.7}.mab-page .demo-section{background:var(--white);padding:var(--space-sec) 0}.mab-page .demo-card{border:1px solid var(--gray-200);border-radius:var(--r-xl);margin-top:var(--sec-head-mb);background:#f9f9f7;grid-template-columns:1.05fr auto .95fr;align-items:center;gap:40px;padding:50px;display:grid}.mab-page .demo-card-divider{background:var(--gray-200);align-self:stretch;width:1px}.mab-page .demo-node{gap:16px;margin-bottom:26px;display:flex}.mab-page .demo-node:last-child{margin-bottom:0}.mab-page .demo-node-num{background:var(--black);width:27px;height:27px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;font-weight:700;display:flex}.mab-page .demo-node-body h3{letter-spacing:-.2px;margin-bottom:4px;font-size:16px;font-weight:700}.mab-page .demo-node-body p{color:var(--gray-600);font-size:13.5px;line-height:1.6}.mab-page .demo-qr-row{flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px;display:flex}.mab-page .demo-qr{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);width:132px;height:132px;padding:11px}.mab-page .demo-qr img{width:100%;height:100%}.mab-page .demo-qr-side{min-width:150px}.mab-page .demo-qr-label{letter-spacing:.7px;text-transform:uppercase;color:var(--gray-500);margin-bottom:8px;font-size:10.5px;font-weight:700;display:block}.mab-page .demo-code{background:var(--white);border:1px solid var(--gray-200);border-radius:9px;align-items:center;gap:10px;padding:5px 12px;display:inline-flex}.mab-page .demo-code-text{font-family:var(--font-body);letter-spacing:1.2px;font-size:16px;font-weight:600}.mab-page .demo-code-copy{background:var(--gray-100);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mab-page .demo-code-copy:hover{background:var(--gray-200)}.mab-page .demo-code-copy svg{width:14px;height:14px;stroke:var(--gray-700);stroke-width:2.2px;fill:none}.mab-page .demo-code-copy .icon-check{stroke:var(--green-bright);display:none}.mab-page .demo-code-copy.copied .icon-copy{display:none}.mab-page .demo-code-copy.copied .icon-check{display:block}.mab-page .demo-live{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);align-items:center;gap:8px;margin-top:14px;font-size:11.5px;font-weight:700;display:flex}.mab-page .demo-live-dot{background:var(--green-bright);border-radius:50%;width:6px;height:6px;animation:2.4s ease-out infinite pulse}.mab-page .demo-stores{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.mab-page .demo-store-badge{color:var(--gray-700);border:1px solid var(--gray-200);background:var(--white);cursor:pointer;transition:all .2s var(--ease);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.mab-page .demo-store-badge:hover{border-color:var(--gray-300);color:var(--black);transform:translateY(-1px)}.mab-page .demo-store-badge svg{flex-shrink:0;width:15px;height:15px}.mab-page .demo-visual-card{background:0 0;border-radius:46px;justify-content:center;align-items:center;width:100%;max-width:340px;height:550px;margin:0 auto;display:flex;position:relative;overflow:hidden}.mab-page .demo-visual-card .blob{filter:blur(2px);opacity:.55;z-index:0;border-radius:50%;position:absolute}.mab-page .demo-visual-card .b1{background:#e8f8f2;width:230px;height:230px;top:10%;left:-20%}.mab-page .demo-visual-card .b2{background:#e8f8f2;width:300px;height:300px;bottom:0%;right:-30%}.mab-page .iphone-stage{transform-origin:50%;z-index:2;position:relative;transform:scale(.663)}.mab-page .iphone{background:linear-gradient(155deg,#3a3d44,#101216 60%);border-radius:54px;width:370px;height:780px;padding:8px;position:relative;box-shadow:inset 0 1px #ffffff14,0 20px 40px #00000014,0 40px 80px #0000001f}.mab-page .iphone:before,.mab-page .iphone:after{content:"";background:#23262c;border-radius:3px;width:3px;position:absolute;left:-3px}.mab-page .iphone:before{height:58px;top:150px;box-shadow:0 0 0 1px #000}.mab-page .iphone:after{height:58px;top:230px;box-shadow:0 0 0 1px #000}.mab-page .iphone-btn.power{background:#23262c;border-radius:3px;width:3px;height:90px;position:absolute;top:190px;right:-3px;box-shadow:0 0 0 1px #000}.mab-page .iphone-btn.mute,.mab-page .iphone-btn.vol-up,.mab-page .iphone-btn.vol-down{display:none}.mab-page .iphone-screen{background:#fff;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.mab-page .status-bar{z-index:20;justify-content:space-between;align-items:center;height:36px;padding:0 22px 0 26px;display:flex;position:relative}.mab-page .status-bar .clock{letter-spacing:-.2px;margin-top:2px;font-size:12.5px;font-weight:700}.mab-page .status-bar .dynamic-island{background:#000;border-radius:14px;width:94px;height:24px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.mab-page .status-bar .status-icons{align-items:center;gap:5px;margin-top:3px;display:flex}.mab-page .screen-stack{z-index:10;border-radius:42px;position:absolute;inset:0;overflow:hidden}.mab-page .screen-frame{opacity:0;transition:opacity .8s var(--ease);position:absolute;inset:0}.mab-page .screen-frame img{width:100%;height:100%;display:block;position:relative}.mab-page .home-indicator{opacity:.45;z-index:4;background:#111;border-radius:3px;width:100px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.mab-page .screen-frame.f1{animation:9s infinite show-f1}.mab-page .screen-frame.f2{animation:9s infinite show-f2}.mab-page .screen-frame.f3{animation:9s infinite show-f3}@keyframes show-f1{0%{opacity:1}25%{opacity:1}33%{opacity:0}91%{opacity:0}to{opacity:1}}@keyframes show-f2{0%{opacity:0}25%{opacity:0}33%{opacity:1}58%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes show-f3{0%{opacity:0}58%{opacity:0}66%{opacity:1}91%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mab-page .screen-frame{animation:none!important}.mab-page .screen-frame.f1{opacity:1}.mab-page .screen-frame.f2,.mab-page .screen-frame.f3{opacity:0}}@media (max-width:1200px){.mab-page .demo-visual-card{max-width:300px;height:585px}.mab-page .iphone-stage{transform:scale(.585)}}@media (max-width:1000px){.mab-page .demo-visual-card{max-width:260px;height:505px}.mab-page .iphone-stage{transform:scale(.507)}}@media (max-width:900px){.mab-page .demo-visual-card{max-width:300px;height:500px}.mab-page .iphone-stage{transform:scale(.585)}.mab-page .demo-card{grid-template-columns:1fr;gap:26px;padding:30px 24px}.mab-page .demo-card-divider{width:100%;height:1px}.mab-page .revenue-panel{padding:22px!important}.mab-page .section-sub{margin-bottom:20px!important}.mab-page .how-visual{margin-top:20px}.mab-page .how-step.is-final{padding-bottom:0!important}.mab-page .step-dragdrop{min-height:auto!important}.mab-page .step-preview{height:auto!important;min-height:auto!important}.mab-page .features-stage-visual{margin-top:0!important}}
.step-listing{aspect-ratio:1626/719;transform-origin:50%;width:100%;max-width:100%;margin:0 auto;position:relative;transform:scale(1.05)}.step-listing__img{object-fit:contain;width:100%;height:100%;display:block}.step-listing__install{color:#fff;width:24.05%;height:9.62%;font-family:var(--font-family);cursor:default;z-index:2;background:#111;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:clamp(11px,1.1vw,18px);font-weight:600;animation:1.8s ease-in-out infinite s1-pulse-scale;display:flex;position:absolute;top:81.28%;left:6.75%}.step-listing__install:after{content:"";z-index:-1;background:#111;border-radius:999px;animation:1.8s ease-out infinite s1-pulse-ring;position:absolute;inset:0}@keyframes s1-pulse-scale{0%{transform:scale(1);box-shadow:0 0 #11111173}50%{transform:scale(1.04);box-shadow:0 0 0 16px #1110}to{transform:scale(1);box-shadow:0 0 #1110}}@keyframes s1-pulse-ring{0%{opacity:.5;transform:scale(1)}80%{opacity:0;transform:scale(1.22)}to{opacity:0;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.step-listing__install,.step-listing__install:after{animation:none}}
.step-dragdrop{justify-content:center;align-items:center;width:100%;height:100%;min-height:506px;display:flex;position:relative;overflow:visible}.dnd-mock{--dnd-scale:1;width:calc(572px * var(--dnd-scale));height:calc(506px * var(--dnd-scale));position:relative}.dnd-scale-wrap{width:572px;transform:scale(var(--dnd-scale));transform-origin:0 0;position:absolute;top:0;left:0}@media (max-width:1280px){.dnd-mock{--dnd-scale:.88}}@media (max-width:1120px){.dnd-mock{--dnd-scale:.78}}@media (max-width:1060px){.dnd-mock{--dnd-scale:.7}}@media (max-width:1000px){.dnd-mock{--dnd-scale:.7}}@media (max-width:560px){.dnd-mock{--dnd-scale:.54}}@media (max-width:400px){.dnd-mock{--dnd-scale:.44}}@media (max-width:360px){.dnd-mock{--dnd-scale:.4}}.dnd-scene{justify-content:center;align-items:flex-start;gap:24px;display:flex}.dnd-feat-list{flex-direction:column;gap:8px;width:300px;display:flex}.dnd-feat-card{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s,opacity .2s,transform .2s,border-color .2s,background-color .2s;display:flex}.dnd-feat-card.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 14px #3b82f638}.dnd-drag-handle{opacity:.3;flex-shrink:0;grid-template-columns:1fr 1fr;gap:3px;padding:2px;display:grid}.dnd-drag-handle span{background:#555;border-radius:50%;width:4px;height:4px;display:block}.dnd-fc-info{flex:1;min-width:0}.dnd-fc-title{color:#111;font-size:15px;font-weight:600}.dnd-fc-desc{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.dnd-add-section{text-align:center;color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-top:4px;padding:13px;font-size:13px}.dnd-phone{background:#1c1c1e;border-radius:42px;flex-shrink:0;width:248px;height:506px;padding:5px;position:relative;box-shadow:0 0 0 2px #2a2a2c,0 0 0 3px #444,0 35px 70px -10px #00000073,0 15px 35px -10px #0000004d}.dnd-phone:before{content:"";background:#2a2a2c;border-radius:2px 0 0 2px;width:3px;height:32px;position:absolute;top:96px;left:-3px;box-shadow:0 46px #2a2a2c,0 96px #2a2a2c}.dnd-phone:after{content:"";background:#2a2a2c;border-radius:0 2px 2px 0;width:3px;height:60px;position:absolute;top:130px;right:-3px}.dnd-dynamic-island{z-index:20;background:#000;border-radius:14px;width:84px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dnd-phone-screen{background:#f2f2f5;border-radius:37px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.dnd-statusbar{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 18px;display:flex}.dnd-sb-time{color:#111;font-size:11px;font-weight:600}.dnd-sb-icons{align-items:center;gap:4px;display:flex}.dnd-topnav{background:#fff;border-bottom:.5px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 18px 12px;display:flex}.dnd-phone-sections{scrollbar-width:none;background:#f2f2f5;flex-direction:column;flex:1;gap:8px;padding:8px 0;display:flex;overflow:hidden auto}.dnd-phone-sections::-webkit-scrollbar{display:none}.dnd-psec{background:#fff;border-radius:10px;flex-shrink:0;margin:0 6px;overflow:hidden}.dnd-psec:first-child{margin-top:0}.dnd-psec.active{box-shadow:0 0 0 2px #3b82f6}.dnd-auto-slider{background:#000;border-radius:10px;width:100%;height:135px;position:relative;overflow:hidden}.dnd-slider-track{width:400%;height:100%;animation:9s cubic-bezier(.45,0,.55,1) infinite dndAutoSlide;display:flex}.dnd-slider-track img{object-fit:cover;flex-shrink:0;width:25%;height:100%;display:block}@keyframes dndAutoSlide{0%,22%{transform:translate(0%)}25%,47%{transform:translate(-25%)}50%,72%{transform:translate(-50%)}75%,97%{transform:translate(-75%)}to{transform:translate(-100%)}}.dnd-slider-dots{z-index:5;gap:4px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.dnd-slider-dots span{background:#fff6;border-radius:2px;width:14px;height:3px}.dnd-slider-dots span:first-child{animation:9s infinite dndDot1}.dnd-slider-dots span:nth-child(2){animation:9s infinite dndDot2}.dnd-slider-dots span:nth-child(3){animation:9s infinite dndDot3}@keyframes dndDot1{0%,22%,to{background:#fff;width:18px}25%,97%{background:#fff6;width:14px}}@keyframes dndDot2{0%,22%,50%,to{background:#fff6;width:14px}25%,47%{background:#fff;width:18px}}@keyframes dndDot3{0%,47%,75%,to{background:#fff6;width:14px}50%,72%{background:#fff;width:18px}}.dnd-coll-img-block{background:#fff;border-radius:10px;flex-shrink:0;overflow:hidden}.dnd-coll-img-block img{width:100%;height:auto;display:block}.dnd-banner-img-block{background:#fff;border-radius:10px;flex-shrink:0;overflow:hidden}.dnd-banner-img-block img{width:100%;height:auto;display:block}.dnd-prod-img-block{background:#fff;border-radius:10px;flex-shrink:0;overflow:hidden}.dnd-prod-img-block img{width:100%;height:auto;display:block}.dnd-video-block{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:58px;display:flex;position:relative;overflow:hidden}.dnd-video-block:before{content:"";background:radial-gradient(circle at 30% 40%,#3b82f633,#0000 50%);position:absolute;inset:0}.dnd-play-pulse{z-index:2;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:2s ease-out infinite dndPulseRing;display:flex;position:relative}.dnd-play-pulse:after{content:"";border:2px solid #fff9;border-radius:50%;animation:2s ease-out infinite dndPulseExpand;position:absolute;inset:0}@keyframes dndPulseRing{0%,to{box-shadow:0 0 #fff9}50%{box-shadow:0 0 0 6px #fff0}}@keyframes dndPulseExpand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.dnd-video-label{color:#fffffff2;z-index:2;font-size:9px;font-weight:600}.dnd-bottomnav{background:#fff;border-top:.5px solid #eee;flex-shrink:0;justify-content:space-around;align-items:center;padding:6px 0 8px;display:flex}.dnd-bnav-item{color:#999;flex-direction:column;align-items:center;gap:2px;font-size:8px;display:flex}.dnd-bnav-item.active{color:#111}.dnd-bnav-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}@keyframes dndSlideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.step-preview{--ink:#1f2430;--muted:#6b7280;--line:#ececef;--card:#fff;--accent:#0a84ff;font-family:var(--font-family);border-radius:var(--r-md);border:1px solid var(--gray-200);background:#fff;justify-content:center;align-items:center;width:100%;max-width:640px;height:min(560px,60vh);min-height:520px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -16px #0d0d0d24}.s3-mock{--s3-scale:.92;width:calc(660px * var(--s3-scale));height:calc(520px * var(--s3-scale));position:relative}.s3-scale-wrap{width:660px;transform:scale(var(--s3-scale));transform-origin:0 0;position:absolute;top:0;left:0;padding:20px 10px!important}@media (max-width:1280px){.s3-mock{--s3-scale:.82}}@media (max-width:1120px){.s3-mock{--s3-scale:.72}}@media (max-width:1000px){.s3-mock{--s3-scale:.62}}@media (max-width:560px){.s3-mock{--s3-scale:.48}}@media (max-width:400px){.s3-mock{--s3-scale:.4}}.step-preview .stage{width:660px;max-width:100%;position:relative}.step-preview .card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -30px #141e3c47,0 6px 18px -8px #141e3c1f}.step-preview .card-head{border-bottom:1px solid var(--line);padding:22px 26px}.step-preview .card-head .card-title{color:var(--ink);letter-spacing:-.2px;font-size:18px;font-weight:700}.step-preview .card-head p{color:var(--muted);margin-top:6px;font-size:14px}.step-preview .step{border-bottom:1px solid var(--line);padding:24px 26px}.step-preview .step.row{grid-template-columns:1fr auto 1fr;align-items:center;gap:0;display:grid}.step-preview .step h2{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.step-preview .step .lead,.step-preview .step.note{color:var(--ink);font-size:14px;font-weight:600}.step-preview .step.note .code{font-family:var(--font-family);text-underline-offset:3px;margin-left:6px;font-weight:700;text-decoration:underline}.step-preview .gplay{background:#fff;border:1px solid #e3e5ea;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:14px 22px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.step-preview .gplay svg{width:26px;height:28px}.step-preview .gplay span{color:#3c4043;font-size:21px;font-weight:600}.step-preview .col-left{padding-right:30px}.step-preview .divider{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:0 18px;display:flex}.step-preview .divider .l{background:var(--line);flex:1;width:1px}.step-preview .divider .or{color:var(--muted);font-size:13px;font-weight:600}.step-preview .col-right{flex-direction:column;align-items:center;gap:12px;padding-left:8px;display:flex}.step-preview .col-right .qr-label{color:var(--muted);font-size:13px;font-weight:600}.step-preview .qr-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;position:relative}.step-preview .qr-wrap svg{width:118px;height:118px;display:block}.step-preview .qr-wrap svg path{fill:#0f1115}.step-preview .qr-wrap .aim{opacity:0;border:3px solid #2dd4bf;border-radius:12px;animation:11s infinite aimPulse;position:absolute;inset:-3px}.step-preview .phone,.mab-page .step-preview .phone{transform-origin:50%;z-index:30;filter:drop-shadow(0 40px 50px #0f193759);width:240px;height:496px;animation:11s cubic-bezier(.5,.1,.2,1) infinite phoneRise;position:absolute;top:560px;left:392px}.step-preview .phone .titanium{background:linear-gradient(150deg,#3a3d44 0%,#23252b 28%,#4a4d55 55%,#1c1e23 100%);border-radius:46px;padding:3px;position:absolute;inset:0}.step-preview .phone .bezel{background:#050608;border-radius:44px;padding:4px;position:absolute;inset:3px}.step-preview .screen{background:#000;border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.step-preview .vf{background:linear-gradient(#101418 0%,#191d22 100%);flex-direction:column;display:flex;position:absolute;inset:0}.step-preview .vf-top{color:#fff;opacity:.85;letter-spacing:.2px;justify-content:center;align-items:flex-end;height:96px;padding-bottom:10px;font-size:12px;display:flex}.step-preview .vf-body{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.step-preview .cam-qr{opacity:0;background:#fff;border-radius:8px;width:150px;height:150px;padding:10px;animation:11s infinite camQrShow;position:relative;transform:scale(.6)}.step-preview .cam-qr svg{width:100%;height:100%;display:block}.step-preview .cam-qr svg path{fill:#0f1115}.step-preview .brackets{opacity:0;width:178px;height:178px;animation:11s infinite bracketsShow;position:absolute}.step-preview .brackets span{border:3px solid #2dd4bf;width:34px;height:34px;position:absolute}.step-preview .brackets .tl{border-bottom:0;border-right:0;border-radius:6px 0 0;top:0;left:0}.step-preview .brackets .tr{border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:0;right:0}.step-preview .brackets .bl{border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:0;left:0}.step-preview .brackets .br{border-top:0;border-left:0;border-radius:0 0 6px;bottom:0;right:0}.step-preview .scanline{opacity:0;border:3px solid #2dd4bf;border-radius:50%;width:54px;height:54px;animation:11s infinite radarPing;position:absolute;box-shadow:0 0 18px 2px #2dd4bf8c}.step-preview .scanline:after{content:"";border:3px solid #2dd4bf80;border-radius:50%;animation:11s infinite radarPing2;position:absolute;inset:-3px}.step-preview .success{opacity:0;background:linear-gradient(#2a7c5f,#1d5c45);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:11s infinite successShow;display:flex;position:absolute;inset:0}.step-preview .success .ring{background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.step-preview .success svg{width:46px;height:46px}.step-preview .success svg path{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:11s infinite drawCheck}.step-preview .success p{color:#fff;letter-spacing:.2px;font-size:16px;font-weight:600}.step-preview .app-shot{object-fit:cover;object-position:top center;opacity:0;background:#fff;border-top:44px solid #fff;border-radius:34px;width:100%;height:100%;animation:11s infinite appShotShow;position:absolute;inset:0;transform:scale(1.04)}.step-preview .island{z-index:5;background:#000;border-radius:14px;width:64px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.step-preview .statusbar{z-index:4;color:#0b0d12;opacity:0;justify-content:space-between;align-items:center;height:44px;padding:9px 16px 0;animation:11s infinite appShotShow;display:flex;position:absolute;top:0;left:0;right:0}.step-preview .sb-time{letter-spacing:.3px;padding-left:2px;font-size:12px;font-weight:700;line-height:1}.step-preview .sb-icons{align-items:center;gap:4px;display:flex}.step-preview .sb-icons svg{fill:#0b0d12;display:block}.step-preview .sb-signal{width:15px;height:11px}.step-preview .sb-wifi{width:14px;height:11px}.step-preview .sb-batt{border:1px solid #0b0d1280;border-radius:3px;width:21px;height:11px;display:inline-block;position:relative}.step-preview .sb-batt:after{content:"";background:#0b0d1280;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:3px;right:-2.5px}.step-preview .sb-batt-fill{background:#0b0d12;border-radius:1.5px;width:13px;position:absolute;top:1.5px;bottom:1.5px;left:1.5px}@keyframes phoneRise{0%{opacity:0;top:560px;left:392px;transform:rotate(0)scale(.92)}5%{opacity:0;top:560px;left:392px;transform:rotate(0)scale(.92)}10%{opacity:1}22%{opacity:1;top:32px;left:392px;transform:rotate(-1deg)scale(1)}26%{opacity:1;top:30px;left:392px;transform:rotate(0)scale(1.02)}47%{opacity:1;top:30px;left:392px;transform:rotate(0)scale(1.02)}52%{opacity:1;top:26px;left:392px;transform:rotate(0)scale(1.05)}90%{opacity:1;top:26px;left:392px;transform:rotate(0)scale(1.05)}96%{opacity:0;top:560px;left:392px;transform:rotate(0)scale(.92)}to{opacity:0;top:560px;left:392px;transform:rotate(0)scale(.92)}}@keyframes camQrShow{0%,20%{opacity:0;transform:scale(.5)}26%{opacity:1;transform:scale(1)}36%{opacity:1;transform:scale(1)}39%{opacity:0;transform:scale(1)}to{opacity:0}}@keyframes bracketsShow{0%,22%{opacity:0;transform:scale(1.25)}27%{opacity:1;transform:scale(1)}36%{opacity:1;transform:scale(1)}39%,to{opacity:0;transform:scale(1)}}@keyframes radarPing{0%,26%{opacity:0;transform:scale(.4)}28%{opacity:1;transform:scale(.4)}37%{opacity:0;transform:scale(2.9)}to{opacity:0;transform:scale(.4)}}@keyframes radarPing2{0%,29%{opacity:0;transform:scale(.6)}31%{opacity:.9;transform:scale(.6)}39%{opacity:0;transform:scale(3.1)}to{opacity:0;transform:scale(.6)}}@keyframes successShow{0%,36%{opacity:0}39%{opacity:1}47%{opacity:1}51%,to{opacity:0}}@keyframes drawCheck{0%,37%{stroke-dashoffset:60px}44%{stroke-dashoffset:0}47%{stroke-dashoffset:0}51%,to{stroke-dashoffset:60px}}@keyframes aimPulse{0%,20%{opacity:0;transform:scale(1.04)}26%{opacity:1;transform:scale(1)}34%{opacity:.5;transform:scale(1)}38%,to{opacity:0}}@keyframes appShotShow{0%,46%{opacity:0;transform:scale(1.04)}50%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}94%{opacity:0;transform:scale(1.02)}to{opacity:0}}
.step-publish{--grad-a:#3a50bf;--grad-b:#29adb2;--ink:#16203a;--bg:#fff;--line:#e7ebf3;aspect-ratio:1200/630;zoom:.45;contain:layout paint;box-shadow:0 30px 90px #3a50bf1f, inset 0 0 0 1px var(--line);font-family:var(--font-family);color:var(--ink);background:radial-gradient(120% 120% at 85% 15%,#f7f9ff 0%,#fff 55%,#f3f6fc 100%);border-radius:24px;flex-shrink:0;display:flex;position:relative;overflow:hidden}.step-publish *{box-sizing:border-box;margin:0;padding:0}.step-publish .tri{z-index:3;width:0;height:0;position:absolute}.step-publish .tri-1{border-left:13px solid #0000;border-right:13px solid #0000;border-bottom:22px solid var(--grad-a);opacity:.85;animation:6s ease-in-out infinite s4-float;top:14%;right:6%;transform:rotate(15deg)}.step-publish .tri-2{border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:17px solid var(--grad-b);opacity:.85;animation:7s ease-in-out .8s infinite s4-float;bottom:17%;right:33%;transform:rotate(-20deg)}.step-publish .ring{z-index:3;border:2px solid var(--grad-b);opacity:.5;border-radius:50%;position:absolute}.step-publish .ring-1{width:12px;height:12px;top:18%;right:3%}.step-publish .ring-2{border-color:var(--grad-a);width:15px;height:15px;top:64%;left:49%}@keyframes s4-float{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-12px)rotate(15deg)}}.step-publish .copy{z-index:4;flex-direction:column;flex:1;justify-content:center;padding:6% 0 6% 6%;display:flex;position:relative}.step-publish .logo{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:7%;display:flex;overflow:hidden;box-shadow:0 10px 26px #3a50bf2e}.step-publish .logo img{object-fit:contain;width:80%;height:80%}.step-publish .step-publish-title{letter-spacing:-1.5px;text-transform:uppercase;color:var(--ink);font-size:clamp(34px,5.4vw,68px);font-weight:700;line-height:.94}.step-publish .sub{background:linear-gradient(90deg, var(--grad-a), var(--grad-b));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1.05em;font-size:clamp(15px,1.9vw,26px);font-weight:700;line-height:1.3}.step-publish .badges{gap:14px;margin-top:8%;display:flex}.step-publish .badge{border:1px solid var(--line);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 6px 18px #3a50bf14}.step-publish .badge svg{width:26px;height:26px}.step-publish .badge.b1 svg{fill:var(--grad-b)}.step-publish .badge.b2 svg{fill:var(--grad-a)}.step-publish .device-area{z-index:4;flex:1.05;justify-content:center;align-items:center;display:flex;position:relative}.step-publish .phone{background:#11151f;border-radius:34px;flex:none;position:relative;overflow:hidden;box-shadow:0 26px 60px #14203a47,inset 0 0 0 2px #ffffff0f}.step-publish .screen{background:#fff;border-radius:28px;position:absolute;inset:7px;overflow:hidden}.step-publish .shotfull{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.step-publish .island{z-index:8;background:#000;border-radius:14px;width:31%;height:8.5%;max-height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0006}.step-publish .island:after{content:"";background:#1f2a44;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:9px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #2e3a5c}.step-publish .punch{z-index:8;background:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #0000002e,inset 0 0 0 1px #243049}.step-publish .storeic{border-radius:5px;flex:none;width:18px;height:18px}.step-publish .publish-wrap{z-index:9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-publish .pulse-ring{opacity:0;background:linear-gradient(135deg,#2a7c5f,#49b18d);border-radius:44px;position:absolute;inset:0}.step-publish .publish-wrap.pulsing .pulse-ring{animation:2s ease-out infinite s4-pulse}.step-publish .publish-wrap.pulsing .pulse-ring.r2{animation-delay:1s}@keyframes s4-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.step-publish .publish-btn{font-family:var(--font-family);color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#2a7c5f,#49b18d);border:none;border-radius:44px;padding:18px 48px;font-size:21px;font-weight:700;position:relative;box-shadow:0 14px 34px #2a7c5f5c}.step-publish .publish-wrap.press .publish-btn{animation:.4s s4-press}@keyframes s4-press{0%,to{transform:scale(1)}45%{transform:scale(.93)}}.step-publish .cursor{z-index:10;filter:drop-shadow(0 3px 4px #14203a4d);width:30px;height:30px;position:absolute;bottom:-12px;right:-4px}.step-publish .publish-wrap.pulsing .cursor{animation:2.2s ease-in-out infinite s4-tap}.step-publish .publish-wrap.press .cursor{animation:.4s s4-taponce}@keyframes s4-tap{0%,to{transform:translate(0)}45%,55%{transform:translate(-8px,-8px)}}@keyframes s4-taponce{0%{transform:translate(0)}45%{transform:translate(-8px,-8px)}to{transform:translate(0)}}.step-publish .publish-reveal{z-index:8;opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:5%;transition:opacity .5s;display:flex;position:absolute;inset:0}.step-publish .publish-reveal.show{opacity:1}.step-publish .dev{flex:none;position:relative}.step-publish .dev .tag{white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:6px 16px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.step-publish .tag.ios{color:var(--grad-a);background:#3a50bf1a;border:1px solid #3a50bf47}.step-publish .tag.and{color:var(--grad-b);background:#29adb21a;border:1px solid #29adb247}.step-publish .tag svg{width:16px;height:16px}.step-publish .tag .storeic{width:18px;height:18px}.step-publish .dev-ios{opacity:0;width:228px;height:466px;transform:translateY(40px)scale(.82)rotate(-5deg)}.step-publish .dev-and{opacity:0;width:228px;height:466px;transform:translateY(40px)scale(.82)rotate(5deg)}.step-publish .publish-reveal.show .dev-ios{opacity:1;transition:all .6s cubic-bezier(.2,.8,.2,1) 50ms;transform:translateY(0)scale(1)rotate(-5deg)}.step-publish .publish-reveal.show .dev-and{opacity:1;transition:all .6s cubic-bezier(.2,.8,.2,1) .18s;transform:translateY(0)scale(1)rotate(5deg)}.step-publish .fade-out{transition:opacity .35s;opacity:0!important}.step-publish .loop-bar{z-index:12;width:100%;height:3px;position:absolute;bottom:0;left:0}.step-publish .loop-bar i{background:linear-gradient(90deg, var(--grad-a), var(--grad-b));width:0;height:100%;display:block}@media (max-width:980px){.step-publish{zoom:.38}}@media (max-width:600px){.step-publish{zoom:.3}}@media (max-width:460px){.step-publish{zoom:.24}}@media (max-width:380px){.step-publish{zoom:.2}}.mab-page .publish-mock-frame{border-radius:var(--r-md);border:1px solid var(--gray-200);width:100%;max-width:640px;height:min(360px,40vh);box-shadow:0 30px 90px #3a50bf1f, inset 0 0 0 1px var(--line);background:radial-gradient(120% 120% at 85% 15%,#f7f9ff 0%,#fff 55%,#f3f6fc 100%);margin:0 auto;padding:15px;position:relative;overflow:hidden}@media (max-width:1000px){.mab-page .publish-mock-frame{max-width:540px;height:auto}}@media (max-width:380px){.mab-page .publish-mock-frame{max-width:100%;height:auto}}
.mab-page .live-mock-frame{border-radius:var(--r-md);border:1px solid var(--gray-200);background:#fff;width:100%;max-width:460px;height:460px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 40px -16px #0d0d0d24}.mab-page .live-mock-iframe{transform-origin:50%;pointer-events:none;border:0;width:620px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.742)}@media (max-width:380px){.mab-page .live-mock-iframe{transform:translate(-50%,-50%)scale(.365)}.mab-page .live-mock-frame{max-width:100%;height:225px}}@media (max-width:560px) and (min-width:461px){.mab-page .live-mock-iframe{transform:translate(-50%,-50%)scale(.55)}}@media (max-width:460px) and (min-width:381px){.mab-page .live-mock-frame{max-width:100%;height:300px}.mab-page .live-mock-iframe{transform:translate(-50%,-50%)scale(.43)}}.step-live{--ink:#16203a;--muted:#6b7280;--line:#e7ebf3;--card:#fff;--live-green:#00b67a;--live-open:#2a7c5f;--live-teal:#2dd4bf;font-family:var(--font-family);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sl-stage{width:620px;height:560px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:26px;display:flex;position:relative}.sl-banner{border:1px solid var(--line);opacity:0;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:11px 22px;animation:12s cubic-bezier(.2,.8,.2,1) infinite sl-bannerIn;display:inline-flex;transform:translateY(-10px);box-shadow:0 10px 30px -18px #141e3c59}.sl-dot{background:var(--live-green);border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.sl-dot:after{content:"";border:2px solid var(--live-green);opacity:0;border-radius:50%;animation:2.2s ease-out infinite sl-ping;position:absolute;inset:-5px}.sl-banner b{letter-spacing:-.2px;white-space:nowrap;font-size:19px;font-weight:700}.sl-banner span{color:var(--muted);white-space:nowrap;font-size:17px;font-weight:500}.sl-card{background:var(--card);border:1px solid var(--line);opacity:0;border-radius:18px;width:100%;padding:20px 24px 22px;transform:translateY(22px);box-shadow:0 30px 70px -38px #141e3c57,0 6px 18px -12px #141e3c1f}.sl-card.ios{animation:12s cubic-bezier(.2,.8,.2,1) infinite sl-cardIn}.sl-card.and{animation:12s cubic-bezier(.2,.8,.2,1) .16s infinite sl-cardIn}.sl-store{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:15px;display:flex}.sl-store svg{flex-shrink:0;width:20px;height:20px;display:block}.sl-store span{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;font-size:15px;font-weight:700}.sl-app{align-items:center;gap:18px;padding-top:18px;display:flex}.sl-icon{background:linear-gradient(150deg,#0f766e 0%,#0b3f3a 100%);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:inset 0 1px #ffffff38}.sl-icon svg{width:36px;height:36px}.sl-meta{flex:1;min-width:0}.sl-meta h3{letter-spacing:-.3px;margin-bottom:3px;font-size:22px;font-weight:700}.sl-meta p{color:var(--muted);margin-bottom:8px;font-size:16px;font-weight:500}.sl-rate{align-items:center;gap:9px;display:flex}.sl-stars{width:100px;height:17px;position:relative}.sl-stars .sl-row{gap:3.5px;display:flex;position:absolute;inset:0}.sl-stars .sl-row svg{width:17px;height:17px;display:block}.sl-stars .sl-fill{width:0;animation:12s cubic-bezier(.3,.9,.3,1) infinite sl-starFill;overflow:hidden}.sl-stars .sl-fill .sl-row{width:100px}.sl-stars .sl-base svg path{fill:#dfe3ea}.sl-stars .sl-fill svg path{fill:#f5a623}.sl-rate b{color:var(--muted);font-size:15px;font-weight:700}.sl-cta{flex-shrink:0;width:140px;height:44px;position:relative}.sl-btn{letter-spacing:.4px;border-radius:11px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.sl-btn.get{color:#2c3a58;background:#eef1f6;animation:12s infinite sl-getOut}.sl-btn.load{color:var(--muted);opacity:0;background:#eef1f6;animation:12s infinite sl-loadShow;overflow:hidden}.sl-btn.load i{background:#2dd4bf4d;width:0;animation:12s cubic-bezier(.4,.1,.3,1) infinite sl-loadBar;position:absolute;top:0;bottom:0;left:0}.sl-btn.load em{font-size:15px;font-style:normal;font-weight:600;position:relative}.sl-btn.open{background:var(--live-open);color:#fff;opacity:0;animation:12s cubic-bezier(.2,.8,.2,1) infinite sl-openShow;transform:scale(.96);box-shadow:0 8px 20px -8px #2a7c5f99}.sl-slot{flex-shrink:0;width:100%;height:80px;position:relative}.sl-stats{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.sl-pill{border:1px solid var(--line);opacity:0;background:#fff;border-radius:14px;flex:1;align-items:center;gap:13px;padding:14px 18px;display:flex;transform:translateY(12px);box-shadow:0 10px 26px -20px #141e3c66}.sl-pill:first-child{animation:12s cubic-bezier(.2,.8,.2,1) infinite sl-pillIn}.sl-pill:nth-child(2){animation:12s cubic-bezier(.2,.8,.2,1) .12s infinite sl-pillIn}.sl-pill svg.sl-ico{flex-shrink:0;width:22px;height:22px}.sl-pill .sl-txt{min-width:0;line-height:1.3}.sl-pill .sl-k{letter-spacing:-.2px;white-space:nowrap;font-size:17px;font-weight:700;display:block}.sl-pill .sl-l{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:500;display:block}.sl-spark{flex-shrink:0;align-items:flex-end;gap:3.5px;height:24px;display:flex}.sl-spark i{background:var(--live-teal);transform-origin:bottom;border-radius:2px;width:5.5px;height:20%}.sl-spark i:first-child{animation:12s ease-in-out infinite sl-bar}.sl-spark i:nth-child(2){animation:12s ease-in-out 90ms infinite sl-bar}.sl-spark i:nth-child(3){animation:12s ease-in-out .18s infinite sl-bar}.sl-spark i:nth-child(4){animation:12s ease-in-out .27s infinite sl-bar}.sl-spark i:nth-child(5){animation:12s ease-in-out .36s infinite sl-bar}.sl-toast{border:1px solid var(--line);opacity:0;background:#fff;border-radius:16px;align-items:center;gap:14px;width:100%;padding:15px 20px;animation:12s cubic-bezier(.2,.8,.2,1) infinite sl-toastIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(16px)scale(.97);box-shadow:0 26px 60px -26px #141e3c73}.sl-toast .sl-tico{background:linear-gradient(150deg,#0f766e,#0b3f3a);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sl-toast .sl-tico svg{width:20px;height:20px}.sl-toast .sl-tb{flex:1;min-width:0}.sl-toast .sl-tt{margin-bottom:2px;font-size:16px;font-weight:700;display:block}.sl-toast .sl-td{color:var(--muted);font-size:15px;font-weight:500;line-height:1.35;display:block}.sl-toast .sl-tm{color:#a3aab8;flex-shrink:0;align-self:flex-start;font-size:13px;font-weight:600}@keyframes sl-bannerIn{0%{opacity:0;transform:translateY(-10px)}6%,93%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes sl-ping{0%{opacity:.85;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.7)}}@keyframes sl-cardIn{0%{opacity:0;transform:translateY(22px)}8%,93%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(22px)}}@keyframes sl-starFill{0%,14%{width:0}26%,93%{width:100px}to{width:0}}@keyframes sl-getOut{0%,30%{opacity:1}34%,to{opacity:0}}@keyframes sl-loadShow{0%,30%{opacity:0}34%,48%{opacity:1}52%,to{opacity:0}}@keyframes sl-loadBar{0%,32%{width:0}50%,to{width:100%}}@keyframes sl-openShow{0%,50%{opacity:0;transform:scale(.96)}56%,93%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes sl-pillIn{0%,54%{opacity:0;transform:translateY(12px)}61%,70%{opacity:1;transform:translateY(0)}76%,to{opacity:0;transform:translateY(-10px)}}@keyframes sl-bar{0%,58%{height:18%}64%{height:100%}68%{height:58%}72%{height:86%}76%,to{height:70%}}@keyframes sl-toastIn{0%,76%{opacity:0;transform:translate(-50%,-50%)translateY(16px)scale(.97)}83%,93%{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}99%,to{opacity:0;transform:translate(-50%,-50%)translateY(16px)scale(.97)}}@media (prefers-reduced-motion:reduce){.sl-banner,.sl-dot:after,.sl-card,.sl-stars .sl-fill,.sl-btn.get,.sl-btn.load,.sl-btn.load i,.sl-btn.open,.sl-pill,.sl-spark i,.sl-toast{animation:none}}
.feat-drag-drop .phone{z-index:2;background:#15171c;border-radius:38px;width:272px;height:566px;padding:9px;animation:7s ease-in-out infinite dd-phoneIn;position:relative;box-shadow:inset 0 0 0 2px #34373d,inset 0 0 0 5px #0c0d11}@keyframes dd-phoneIn{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feat-drag-drop .syncbadge{z-index:60;color:#0c8a4e;opacity:0;font-size:11px;font-weight:700;font-family:var(--font-family);background:#e4f7ec;border:1px solid #c4ecd5;border-radius:30px;align-items:center;gap:8px;padding:7px 14px 7px 11px;animation:.6s 1.2s forwards dd-rise;display:flex;position:absolute;top:-14px;right:14px;box-shadow:0 12px 26px -12px #10784666}.feat-drag-drop .syncbadge .live{background:#16a34a;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite dd-dotPulse;position:relative}.feat-drag-drop .syncbadge .live:after{content:"";background:#16a34a;border-radius:50%;animation:1.6s ease-out infinite dd-ping;position:absolute;inset:0}@keyframes dd-ping{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.8)}}@keyframes dd-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes dd-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feat-drag-drop .screen{background:#fff;border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.feat-drag-drop .punch{z-index:50;background:#05060a;border-radius:50%;width:11px;height:11px;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1.5px #23252b}.feat-drag-drop .gesture{opacity:.85;z-index:50;background:#11141a;border-radius:5px;width:108px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.feat-drag-drop .topbar{z-index:40;background:#fff;height:78px;position:absolute;top:0;left:0;right:0}.feat-drag-drop .statusbar{color:#1b1e24;justify-content:space-between;align-items:center;padding:13px 18px 8px;font-size:11px;font-weight:600;display:flex}.feat-drag-drop .statusbar .right{align-items:center;gap:6px;display:flex}.feat-drag-drop .appbar{justify-content:space-between;align-items:center;padding:4px 16px 12px;display:flex}.feat-drag-drop .logo{place-items:center;width:30px;height:30px;display:grid}.feat-drag-drop .logo img{object-fit:contain;width:30px;height:30px;display:block}.feat-drag-drop .icobtn{color:#2b2f36;width:22px;height:22px}.feat-drag-drop .canvas{z-index:5;background:#fbfcfd;position:absolute;inset:78px 0 55px;overflow:hidden}.feat-drag-drop .scard{will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#fff;border-radius:14px;position:absolute;left:14px;right:14px;overflow:hidden;transform:translateZ(0);box-shadow:0 6px 18px -10px #14284659}.feat-drag-drop .scard img{width:100%;display:block}.feat-drag-drop .scard .grip{z-index:3;background:#ffffffd9;border-radius:6px;grid-template-columns:repeat(2,3px);gap:3px;padding:5px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px -2px #0000004d}.feat-drag-drop .scard .grip i{background:#9aa3ad;border-radius:50%;width:3px;height:3px}.feat-drag-drop .scard-hero{z-index:6;height:182px;animation:12s cubic-bezier(.5,0,.2,1) 1.3s infinite dd-mHero;top:12px}.feat-drag-drop .scard-hero img{object-fit:cover;object-position:center;height:260px}.feat-drag-drop .scard-coll{z-index:6;height:129px;animation:12s cubic-bezier(.5,0,.2,1) 1.3s infinite dd-mColl;top:204px}.feat-drag-drop .scard-trend{z-index:20;height:95px;animation:12s cubic-bezier(.5,0,.2,1) 1.3s infinite dd-mTrend;top:328px}@keyframes dd-mHero{0%,16%{transform:translateY(0)}42%,66%{transform:translateY(90px)}90%,to{transform:translateY(0)}}@keyframes dd-mColl{0%,16%{transform:translateY(0)}42%,66%{transform:translateY(90px)}90%,to{transform:translateY(0)}}@keyframes dd-mTrend{0%,16%{transform:translateY(0);box-shadow:0 6px 18px -10px #14284659}22%{transform:translateY(-6px);box-shadow:0 22px 44px -14px #14506e73}42%{transform:translateY(-316px);box-shadow:0 24px 46px -14px #14506e73}48%,66%{transform:translateY(-316px);box-shadow:0 6px 18px -10px #14284659}72%{transform:translateY(-316px);box-shadow:0 22px 44px -14px #14506e73}90%{transform:translateY(0);box-shadow:0 22px 44px -14px #14506e73}96%,to{transform:translateY(0);box-shadow:0 6px 18px -10px #14284659}}.feat-drag-drop .cursor{z-index:55;filter:drop-shadow(0 3px 5px #0000004d);width:20px;height:20px;animation:12s cubic-bezier(.5,0,.2,1) 1.3s infinite dd-mCur;position:absolute}@keyframes dd-mCur{0%,12%{opacity:0;transform:translate(96px,368px)}16%{opacity:1;transform:translate(96px,368px)}22%{transform:translate(96px,362px)}42%{transform:translate(96px,52px)}48%{opacity:1;transform:translate(112px,66px)}54%{opacity:0;transform:translate(112px,66px)}66%{opacity:0;transform:translate(96px,52px)}72%{opacity:1;transform:translate(96px,52px)}90%{transform:translate(96px,362px)}95%{opacity:1;transform:translate(112px,374px)}to{opacity:0;transform:translate(112px,374px)}}.feat-drag-drop .navstrip{z-index:40;background:#fff;position:absolute;bottom:14px;left:0;right:0}.feat-drag-drop .navstrip img{width:100%;display:block}.feat-drag-drop .navstrip:before{content:"";background:#f0f2f5;height:1px;position:absolute;top:0;left:0;right:0}
.feat-notification .phone{background:#0b0b0d;border-radius:54px;width:336px;height:700px;padding:13px;position:relative;box-shadow:0 0 0 2px #2c2c30,inset 0 0 2px 1px #ffffff0f}.feat-notification .screen{background:#000;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.feat-notification .wall{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.feat-notification .dim{pointer-events:none;background:linear-gradient(#0000002e 0%,#0000 22% 70%,#0000006b 100%);position:absolute;inset:0}.feat-notification .island{z-index:9;background:#000;border-radius:16px;width:96px;height:27px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.feat-notification .status{z-index:8;color:#4e4e4e;letter-spacing:.2px;justify-content:space-between;align-items:center;height:24px;padding:15px 24px 0;font-size:14.5px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.feat-notification .status .carrier{font-weight:600}.feat-notification .status .right{align-items:center;gap:5px;display:flex}.feat-notification .status svg{display:block}.feat-notification .status .fiveg{margin-right:1px;font-size:14px;font-weight:600}.feat-notification .batt{align-items:center;gap:3px;display:flex}.feat-notification .batt .pct{font-size:13px;font-weight:600}.feat-notification .date{text-align:center;z-index:7;color:#619174;letter-spacing:.2px;text-shadow:0 1px 6px #00000059;font-size:15px;font-weight:600;position:absolute;top:70px;left:0;right:0}.feat-notification .time{text-align:center;z-index:7;color:#619174;letter-spacing:.5px;filter:drop-shadow(0 3px 10px #00000047);font-size:80px;font-weight:600;line-height:1;position:absolute;top:86px;left:0;right:0}.feat-notification .notif-stack{z-index:10;flex-direction:column;gap:14px;display:flex;position:absolute;top:255px;left:11px;right:11px}.feat-notification .notif-wrap{opacity:0;animation-name:notif-notifIn;animation-duration:7s;animation-timing-function:cubic-bezier(.22,.9,.28,1);animation-iteration-count:infinite;position:relative;transform:translateY(38px)scale(.94)}.feat-notification .notif-wrap.n1{animation-delay:0s}.feat-notification .notif-wrap.n2{animation-delay:1.1s}.feat-notification .notif{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);color:#0d0d0d;background:#ffffffb3;border:.5px solid #2a7c5f;border-radius:24px;align-items:flex-start;gap:11px;padding:13px 14px;display:flex;position:relative}.feat-notification .appicon{background:#fff 50%/cover no-repeat;border-radius:9px;flex:none;width:40px;height:40px;overflow:hidden;box-shadow:0 1px 3px #0000004d}.feat-notification .body{flex:1;min-width:0}.feat-notification .head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.feat-notification .app{letter-spacing:.2px;font-size:15px;font-weight:600}.feat-notification .when{color:#0d0d0d99;white-space:nowrap;font-size:12.5px;font-weight:400}.feat-notification .deal{margin-top:2px;font-size:14.5px;font-weight:600}.feat-notification .desc{color:#0d0d0dd1;margin-top:3px;font-size:13.5px;font-weight:400;line-height:1.32}.feat-notification .ctl{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000052;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:34px}.feat-notification .ctl.left{left:34px}.feat-notification .ctl.right{right:34px}.feat-notification .homebar{z-index:7;background:#ffffffd9;border-radius:3px;width:128px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}@keyframes notif-notifIn{0%{opacity:0;transform:translateY(38px)scale(.94)}7%{opacity:1;transform:translateY(-5px)scale(1.012)}12%{transform:translateY(0)scale(1)}86%{opacity:1;transform:translateY(0)scale(1)}94%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:0;transform:translateY(38px)scale(.94)}}
.feat-language .phone-stage{transform-origin:50%;position:relative;transform:scale(.78)}.feat-language .phone{background:linear-gradient(155deg,#3a3d44,#101216 60%);border-radius:54px;width:340px;height:710px;padding:13px;position:relative;box-shadow:0 0 0 2px #050608}.feat-language .phone:before,.feat-language .phone:after{content:"";background:#23262c;border-radius:3px;width:3px;position:absolute;left:-3px}.feat-language .phone:before{height:58px;top:150px;box-shadow:0 0 0 1px #000}.feat-language .phone:after{height:58px;top:230px;box-shadow:0 0 0 1px #000}.feat-language .pwr{background:#23262c;border-radius:3px;width:3px;height:90px;position:absolute;top:190px;right:-3px;box-shadow:0 0 0 1px #000}.feat-language .screen{width:100%;height:100%;font-family:var(--font-family);background:#fff;border-radius:42px;position:relative;overflow:hidden}.feat-language .island{z-index:60;background:#000;border-radius:18px;width:108px;height:30px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.feat-language .status{z-index:50;color:#16181d;justify-content:space-between;align-items:center;height:52px;padding:18px 26px 0;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.feat-language .pages{position:absolute;inset:0}.feat-language .page{background:#fff;position:absolute;inset:0}.feat-language .lang-head{border-bottom:1px solid #ececf0;justify-content:space-between;align-items:center;padding:62px 22px 16px;display:flex}.feat-language .lang-head .back{align-items:center;gap:9px;display:flex}.feat-language .lang-head .chev{color:#9aa0aa;margin-top:-2px;font-size:22px;line-height:1}.feat-language .lang-head .title{color:#16181d;font-size:18px;font-weight:600}.feat-language .logo{width:34px;height:34px}.feat-language .lang-list{flex-direction:column;gap:3px;padding:14px 22px;display:flex}.feat-language .opt{cursor:pointer;align-items:center;gap:14px;padding:9px 4px;display:flex}.feat-language .radio{border:1.6px solid #c4c8d0;border-radius:50%;flex:none;width:21px;height:21px;transition:border-color .25s;position:relative}.feat-language .radio:after{content:"";background:linear-gradient(135deg,#00b67a,#1a5c44);border-radius:50%;transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:3px;transform:scale(0)}.feat-language .opt.sel .radio{border-color:#1a5c44}.feat-language .opt.sel .radio:after{transform:scale(1)}.feat-language .opt .label{color:#16181d;font-size:15px;font-weight:400}.feat-language .apply{color:#fff;height:62px;font-family:var(--font-family);letter-spacing:.3px;cursor:pointer;background:#1c1c1c;border:none;border-radius:34px;font-size:18px;font-weight:600;transition:transform .12s,background .2s;position:absolute;bottom:30px;left:22px;right:22px}.feat-language .apply.press{background:#000;transform:scale(.96)}.feat-language .page.success{text-align:center;background:radial-gradient(700px 500px at 50% 12%,#3fb6c929,#0000 60%),linear-gradient(170deg,#fbfdff 0%,#f3f7fb 100%);flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:30px;display:flex;transform:translateY(100%)}.feat-language .ring{width:128px;height:128px;position:relative}.feat-language .ring .pulse{opacity:0;background:radial-gradient(circle,#3fb6c959,#0000 70%);border-radius:50%;position:absolute;inset:0;transform:scale(.4)}.feat-language .ring svg{width:128px;height:128px;display:block;position:relative}.feat-language .ring .disc{fill:none;stroke:url(#f3-grad);stroke-width:5px;stroke-dasharray:384.5;stroke-dashoffset:384.5px;stroke-linecap:butt;transform-origin:50%;transform:rotate(-90deg)}.feat-language .ring .tick{fill:none;stroke:url(#f3-grad);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;opacity:0;visibility:hidden}.feat-language .s-done{color:#16181d;opacity:0;font-size:30px;font-weight:700;transform:translateY(14px)}.feat-language .s-sub{color:#8a8f99;opacity:0;max-width:230px;font-size:15.5px;font-weight:400;line-height:1.5;transform:translateY(14px)}@keyframes lang-slideUp{to{transform:translateY(0)}}.feat-language .page.success.show{animation:.55s cubic-bezier(.7,0,.2,1) forwards lang-slideUp}@keyframes lang-drawDisc{0%{stroke-dashoffset:384.5px}to{stroke-dashoffset:0}}@keyframes lang-drawTick{0%{stroke-dashoffset:60px;opacity:0;visibility:hidden}1%{visibility:visible}to{stroke-dashoffset:0;opacity:1;visibility:visible}}@keyframes lang-pulseOut{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}@keyframes lang-riseIn{to{opacity:1;transform:translateY(0)}}.feat-language .success.show .disc{animation:.7s ease-out .15s forwards lang-drawDisc}.feat-language .success.show .tick{animation:.45s ease-out .75s forwards lang-drawTick}.feat-language .success.show .pulse{animation:.8s ease-out .7s forwards lang-pulseOut}.feat-language .success.show .s-done{animation:.5s ease-out .95s forwards lang-riseIn}.feat-language .success.show .s-sub{animation:.5s ease-out 1.12s forwards lang-riseIn}
.feat-integrations .stage{width:640px;height:640px;position:relative}.feat-integrations .ring{border:1.5px dashed #17824c29;border-radius:50%;animation:60s linear infinite intg-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feat-integrations .ring.r1{width:56%;height:56%;animation-duration:40s}.feat-integrations .ring.r2{width:78%;height:78%;animation-duration:70s;animation-direction:reverse}.feat-integrations .ring.r3{width:98%;height:98%;animation-duration:90s}@keyframes intg-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.feat-integrations svg.links{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.feat-integrations svg.links path{fill:none;stroke:#17824c59;stroke-width:1.6px;stroke-dasharray:5 6;stroke-dashoffset:400px;animation:1s forwards intg-draw,3.4s linear infinite intg-dash-flow;animation-delay:var(--d,0s), calc(var(--d,0s) + 1s)}@keyframes intg-draw{to{stroke-dashoffset:0}}@keyframes intg-dash-flow{to{stroke-dashoffset:-220px}}.feat-integrations .center-node{z-index:4;background:#fff;border-radius:28px;justify-content:center;align-items:center;width:116px;height:116px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards intg-pop-in,5s ease-in-out 1.1s infinite intg-float-center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(0);box-shadow:0 18px 36px #0f5c374d}.feat-integrations .center-node img{object-fit:contain;width:78%;height:78%;display:block}.feat-integrations .center-glow{z-index:3;background:radial-gradient(circle,#17824c47,#17824c00 70%);border-radius:50%;width:150px;height:150px;animation:3.2s ease-in-out infinite intg-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes intg-pop-in{to{transform:translate(-50%,-50%)scale(1)}}@keyframes intg-float-center{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-8px)}}@keyframes intg-pulse{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.12)}}.feat-integrations .node{opacity:0;width:74px;height:74px;animation:intg-node-in .55s cubic-bezier(.34,1.56,.64,1) forwards var(--d,0s), intg-node-float var(--fd,4.5s) ease-in-out infinite var(--d,0s);z-index:5;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes intg-node-in{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes intg-node-float{0%,to{margin-top:0}50%{margin-top:-7px}}.feat-integrations .node .node-icon{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #14140f24}.feat-integrations .node .node-icon img{object-fit:cover;width:100%;height:100%;display:block}.feat-integrations .node .node-info{text-align:center;white-space:nowrap;margin-top:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.feat-integrations .node .node-name{color:#6b6a63;white-space:nowrap;font-size:18px;font-weight:600}.feat-integrations .badge-floating{color:#fff;opacity:0;z-index:6;white-space:nowrap;background:#14140f;border-radius:999px;align-items:center;gap:9px;padding:12px 22px 12px 17px;font-size:18px;font-weight:600;animation:.5s 1.4s forwards intg-badge-in,4s ease-in-out 2s infinite intg-badge-bob;display:flex;position:absolute;top:6%;right:-2%;box-shadow:0 10px 24px #00000038}@keyframes intg-badge-in{to{opacity:1}}@keyframes intg-badge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.feat-integrations .badge-floating svg{width:20px;height:20px}.feat-integrations .node.n1{--d:.85s;--fd:4.2s;top:70px;left:320px}.feat-integrations .node.n2{--d:.95s;--fd:5s;top:164.1px;left:515.5px}.feat-integrations .node.n3{--d:1.05s;--fd:4.6s;top:375.6px;left:563.7px}.feat-integrations .node.n4{--d:1.15s;--fd:4.9s;top:545.2px;left:428.5px}.feat-integrations .node.n5{--d:1.25s;--fd:4.4s;top:545.2px;left:211.5px}.feat-integrations .node.n6{--d:1.35s;--fd:5.2s;top:375.6px;left:76.3px}.feat-integrations .node.n7{--d:1.45s;--fd:4.7s;top:164.1px;left:124.5px}@media (prefers-reduced-motion:reduce){.feat-integrations *{animation:none!important}.feat-integrations .node,.feat-integrations .center-node{opacity:1;transform:translate(-50%,-50%)scale(1)}.feat-integrations .badge-floating{opacity:1;transform:none}}
.feat-checkout .phone{z-index:2;background:#15171c;border-radius:38px;width:272px;height:566px;padding:9px;animation:7s ease-in-out infinite chk-floaty;position:relative;box-shadow:inset 0 0 0 2px #34373d,inset 0 0 0 5px #0c0d11}@keyframes chk-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feat-checkout .screen{background:#fff;border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.feat-checkout .punch{z-index:50;background:#05060a;border-radius:50%;width:11px;height:11px;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1.5px #23252b}.feat-checkout .gesture{opacity:.85;z-index:50;background:#11141a;border-radius:5px;width:108px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.feat-checkout .paybadge{z-index:60;color:#fff;letter-spacing:.2px;opacity:0;background:#15171c;border:1px solid #2a2d34;border-radius:30px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:11px;font-weight:700;animation:.6s 1.2s forwards chk-rise;display:flex;position:absolute;top:-14px;right:8px;box-shadow:0 16px 32px -16px #0000008c}.feat-checkout .paybadge .ic{color:#c9cdd4;flex:none;width:16px;height:16px}.feat-checkout .paybadge.ok .ic{color:#34d17d}.feat-checkout .paybadge .txt{transition:opacity .25s}@keyframes chk-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feat-checkout .topbar{z-index:40;background:#fff;position:absolute;top:0;left:0;right:0}.feat-checkout .statusbar{color:#1b1e24;justify-content:space-between;align-items:center;padding:13px 18px 0;font-size:11px;font-weight:700;display:flex}.feat-checkout .statusbar .right{align-items:center;gap:6px;display:flex}.feat-checkout .apphead{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:10px 18px 12px;display:flex}.feat-checkout .apphead .t{color:#12161c;letter-spacing:-.2px;font-size:15px;font-weight:700}.feat-checkout .apphead .secure{color:#0a8f52;background:#e7f7ee;border:1px solid #cbecd8;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:9.5px;font-weight:700;display:flex}.feat-checkout .apphead .secure svg{width:10px;height:10px}.feat-checkout .body{z-index:5;padding:14px 16px 0;position:absolute;inset:78px 0 0}.feat-checkout .item{background:#fafbfc;border:1px solid #eef1f4;border-radius:15px;align-items:center;gap:11px;margin-bottom:12px;padding:10px;display:flex}.feat-checkout .item .thumb{background:linear-gradient(135deg,#e9edf2,#d7dee6);border-radius:11px;flex:none;width:46px;height:46px}.feat-checkout .item .info{flex:1;min-width:0}.feat-checkout .item .nm{color:#181c22;font-size:12.5px;font-weight:700}.feat-checkout .item .vr{color:#98a0ab;margin-top:2px;font-size:10px;font-weight:600}.feat-checkout .item .pr{color:#181c22;font-size:12.5px;font-weight:700}.feat-checkout .summary{border:1px solid #eef1f4;border-radius:15px;margin-bottom:14px;padding:12px 13px}.feat-checkout .sline{color:#6b7480;justify-content:space-between;margin-bottom:7px;font-size:11.5px;font-weight:600;display:flex}.feat-checkout .sline b{color:#0a8f52;font-weight:700}.feat-checkout .stotal{border-top:1px dashed #e5e9ee;justify-content:space-between;align-items:center;padding-top:9px;display:flex}.feat-checkout .stotal .l{color:#3a424c;font-size:12px;font-weight:700}.feat-checkout .stotal .v{color:#12161c;letter-spacing:-.3px;font-size:16px;font-weight:700}.feat-checkout .paylabel{text-align:center;color:#aab1bb;letter-spacing:.5px;text-transform:uppercase;margin:2px 0 11px;font-size:9.5px;font-weight:700}.feat-checkout .pay{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-bottom:10px;font-family:inherit;font-size:13.5px;font-weight:700;display:flex;position:relative;overflow:hidden}.feat-checkout .btn-line{color:#141414;background:#fff;border:1.5px solid #141414}.feat-checkout .btn-solid{color:#fff;background:#141414}@keyframes chk-spin{to{transform:rotate(360deg)}}.feat-checkout .spin{align-items:center;gap:8px;display:flex}.feat-checkout .spin svg{width:16px;height:16px;animation:.8s linear infinite chk-spin}.feat-checkout .done{z-index:45;opacity:0;pointer-events:none;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .45s,transform .55s;display:flex;position:absolute;inset:0;transform:translateY(16px)}.feat-checkout .done.show{opacity:1;pointer-events:auto;transform:translateY(0)}.feat-checkout .done .circle{background:#00b67a;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:8px;display:grid}