.mp-section{background:radial-gradient(ellipse at 80% 40%,#e6e0ff 0,transparent 47%),#f4faff!important}.mp-layout{grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}.mp-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.12}.mp-copy p{font-size:17px;line-height:1.75}.mp-copy p strong{color:#302545}.mp-flow{list-style:none;padding:0;margin:28px 0;display:grid;gap:16px}.mp-flow li{display:flex;gap:14px;align-items:center}.mp-flow li>span{background:#e9e1ff;color:#7040d6;font-size:12px;font-weight:800;padding:12px;border-radius:12px}.mp-flow strong,.mp-flow small{display:block}.mp-flow strong{color:#2b2640;font-size:16px}.mp-flow small{font-size:14px;color:#66738a;margin-top:4px}.mp-online{padding:18px 20px;border-left:3px solid #009ee3;background:#e9f6ff;border-radius:0 14px 14px 0;margin:22px 0}.mp-online strong{color:#0076a8}.mp-online p{font-size:15px;margin:5px 0 0}.mp-copy .cta{margin-top:8px;max-width:100%;text-align:center}.mp-scene{min-width:0;position:relative;isolation:isolate;aspect-ratio:1/1.13;display:flex;align-items:center;justify-content:center}.mp-orbit{position:absolute;inset:13% 0 10%;border-radius:50%;background:radial-gradient(ellipse,#cdc0ff99,transparent 68%);border:1px solid #c7bbef55;transform:rotate(-20deg)}.mp-orbit:after{content:'';position:absolute;inset:12%;border:1px dashed #b5a3e880;border-radius:50%}.mp-device{width:100%;position:relative;filter:drop-shadow(0 24px 18px #47386026);animation:pointFloat 6s ease-in-out infinite}.mp-device>img{width:100%;height:auto;display:block;mix-blend-mode:normal}.gs-payment-screen{position:absolute;left:30.1%;top:22%;width:25%;height:60%;background:linear-gradient(#f0faff,#fff);border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px 3px;transform:skewY(-1deg);color:#253449;overflow:hidden}.gs-payment-screen-brand{font-size:clamp(7px,1vw,11px);color:#009ee3;font-weight:800}.gs-payment-screen>strong{font-size:clamp(17px,2vw,25px)}.mp-qr-wrap{position:relative;width:86%;aspect-ratio:1;background:white;border-radius:4px;padding:5px}.mp-qr{width:100%;height:100%;fill:#252c46;transition:opacity .5s}.mp-scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:#009ee3;box-shadow:0 0 12px #009ee3;animation:qrScan 2s ease-in-out infinite}.mp-check{position:absolute;inset:0;display:grid;place-items:center;background:#e3faed;color:#0b9f5b;font-size:44px;opacity:0;transform:scale(.5);transition:.5s;border-radius:12px}.gs-payment-screen-status{font-weight:700;font-size:clamp(8px,1vw,12px);text-align:center}.gs-payment-screen>small{font-size:8px;color:#7d8798}.mp-gs-card{position:absolute;left:1%;right:2%;bottom:10%;display:flex;align-items:center;gap:12px;padding:18px;background:#ffffffed;border:1px solid #e4dafa;border-radius:18px;box-shadow:0 14px 35px #4939781f;backdrop-filter:blur(12px)}.mp-gs-logo{background:#7544df;color:white;border-radius:12px;padding:13px 10px;font-weight:900}.mp-gs-card small{display:block;font-size:10px;letter-spacing:.08em;color:#7e7197}.mp-gs-status{display:block;color:#524366;font-size:17px;margin-top:5px}.mp-state-dot{width:10px;height:10px;border-radius:50%;background:#e8ad30;margin-left:auto;box-shadow:0 0 0 5px #fff1d1;transition:.5s}.mp-payment-note{position:absolute;right:-1%;top:14%;max-width:49%;padding:13px 16px;background:#e4f6ffeb;border:1px solid #b8e5f7;box-shadow:0 8px 20px #30709a10;border-radius:15px;display:flex;gap:10px;align-items:center;color:#127dab;font-size:13px;font-weight:700}.mp-payment-icon{font-size:22px}.mp-demo-controls{position:absolute;bottom:1%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:15px;color:#7b7390;font-size:12px}.mp-replay{border:1px solid #d8cdef;border-radius:99px;padding:8px 14px;background:transparent;color:#6843b0;cursor:pointer;min-height:40px}.mp-scene[data-phase=paid] .mp-check{opacity:1;transform:scale(1)}.mp-scene[data-phase=paid] .mp-qr,.mp-scene[data-phase=paid] .mp-scan-line{opacity:0}.mp-scene[data-phase=paid] .mp-state-dot{background:#10a969;box-shadow:0 0 0 5px #daf8e9}.mp-scene[data-phase=paid] .mp-gs-status{color:#078552}.mp-scene[data-phase=paid] .mp-payment-note{color:#078552;background:#e2f9ed;border-color:#a4e9c8}.mp-scene[data-phase=pending] .mp-scan-line{animation:none;top:50%;opacity:.3}@keyframes pointFloat{50%{transform:translateY(-8px)}}@keyframes qrScan{50%{top:97%}}@media(max-width:900px){.mp-layout{grid-template-columns:1fr}.mp-scene{width:min(100%,520px);margin:auto}.mp-copy h2{max-width:650px}}@media(max-width:420px){.mp-payment-note{font-size:10px;padding:9px;right:0}.mp-gs-card{padding:12px;bottom:7%}.mp-gs-status{font-size:14px}.mp-demo-controls{bottom:-5%;font-size:10px}.gs-payment-screen{gap:6px}.gs-payment-screen>small{font-size:6px}.mp-section{padding-bottom:75px!important}}@media(prefers-reduced-motion:reduce){.mp-device,.mp-scan-line{animation:none}.mp-check,.mp-qr{transition:none}}

.mp-scene .gs-payment-screen>.gs-payment-screen-brand{color:#009ee3!important;font-size:clamp(7px,1vw,11px)!important;line-height:1.2}.mp-scene .gs-payment-screen>.gs-payment-screen-status{color:#253449!important;font-size:clamp(8px,1vw,12px)!important;line-height:1.3}.mp-scene .gs-payment-screen>small{color:#7d8798!important}.mp-scene .gs-payment-screen>strong{color:#253449!important}
.mp-orbit{inset:15% 10% 12%}.mp-scene .gs-payment-screen .mp-check{color:#0b9f5b!important;font-size:44px!important;line-height:1!important;background:#e3faed!important}.mp-scene[data-phase=paid] .mp-qr{visibility:hidden}