.QrisTopUpShowcase_showcase__gb79R{--blue:#1552e7;--ink:#171c29;--muted:#535d70;--border:rgba(24,41,76,.13);width:100%;min-width:0;margin:16px 0 48px;padding:clamp(22px,3.8vw,48px);color:var(--ink);background:#f5f7fc;border:1px solid #e2e8f4;border-radius:16px;overflow:hidden}.QrisTopUpShowcase_showcase__gb79R *{box-sizing:border-box}.QrisTopUpShowcase_header___aMqp{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:28px}.QrisTopUpShowcase_lead__KZioY{max-width:690px;min-width:0}.QrisTopUpShowcase_cardEyebrow__DYtaH,.QrisTopUpShowcase_eyebrow__mQtby{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#3363bc;line-height:1.3}.QrisTopUpShowcase_lead__KZioY h2{margin:12px 0 14px;color:var(--ink);font-size:clamp(28px,3.9vw,52px);line-height:1.06;letter-spacing:-.045em}.QrisTopUpShowcase_explainer__9ms2g p,.QrisTopUpShowcase_lead__KZioY p{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.QrisTopUpShowcase_metrics__IOrit{display:flex;flex:0 0 auto;gap:24px;align-items:flex-end}.QrisTopUpShowcase_metrics__IOrit>div{display:flex;flex-direction:column;gap:6px;max-width:118px}.QrisTopUpShowcase_metrics__IOrit strong{font-size:clamp(26px,3vw,40px);line-height:1;letter-spacing:-.04em;color:var(--ink)}.QrisTopUpShowcase_metrics__IOrit span{color:var(--muted);font-size:11px;line-height:1.4}.QrisTopUpShowcase_triptych__OIXEF{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(12px,2vw,22px);gap:clamp(12px,2vw,22px)}.QrisTopUpShowcase_card__EgrFs{min-width:0;display:flex;flex-direction:column;padding:clamp(14px,1.8vw,21px);border:1px solid var(--border);border-radius:13px;background:#fff}.QrisTopUpShowcase_cardEyebrow__DYtaH{color:#52698e;min-height:16px}.QrisTopUpShowcase_cardImage__ghhCd{position:relative;max-width:min(100%,232px);width:100%;margin:15px auto 18px;padding:0;border:1px solid #e4e8ee;border-radius:10px;background:#fff;box-shadow:0 16px 32px rgba(20,35,70,.1);overflow:hidden;cursor:zoom-in}.QrisTopUpShowcase_cardImage__ghhCd img{display:block;width:100%;height:auto;aspect-ratio:360/805}.QrisTopUpShowcase_cardImage__ghhCd span{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#fff;background:rgba(20,26,45,.9);font-size:17px}.QrisTopUpShowcase_card__EgrFs h3{margin:0 0 9px;color:var(--ink);font-size:clamp(17px,1.7vw,21px);line-height:1.17;letter-spacing:-.025em}.QrisTopUpShowcase_card__EgrFs p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.QrisTopUpShowcase_walkthrough__DKOnQ{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(320px,1.05fr);grid-gap:clamp(20px,3vw,40px);gap:clamp(20px,3vw,40px);margin-top:28px;padding:clamp(21px,3vw,34px);border-radius:13px;background:#131824;color:#f4f7fd;scroll-margin-top:82px}.QrisTopUpShowcase_explainer__9ms2g{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.QrisTopUpShowcase_explainer__9ms2g .QrisTopUpShowcase_eyebrow__mQtby{color:#98b8ff}.QrisTopUpShowcase_explainer__9ms2g h3{margin:12px 0;color:#f4f7fd;font-size:clamp(24px,2.8vw,36px);line-height:1.12;letter-spacing:-.035em}.QrisTopUpShowcase_explainer__9ms2g p{color:#bdc5d5;font-size:13px}.QrisTopUpShowcase_restart__ZWals{margin:24px 0 13px;padding:12px 16px;border:1px solid #5f85d5;border-radius:8px;background:transparent;color:#e6eeff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.QrisTopUpShowcase_restart__ZWals:hover{background:rgba(105,148,255,.14)}.QrisTopUpShowcase_flowNav__ZVqnK{width:100%;display:flex;flex-direction:column;border-top:1px solid hsla(0,0%,100%,.17)}.QrisTopUpShowcase_flowNav__ZVqnK button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 5px;color:#bdc5d5;background:transparent;border:0;border-bottom:1px solid hsla(0,0%,100%,.15);text-align:left;font:inherit;font-size:12px;cursor:pointer}.QrisTopUpShowcase_flowNav__ZVqnK button span{font-size:10px;letter-spacing:.05em;color:#8392ac;min-width:24px}.QrisTopUpShowcase_flowNav__ZVqnK button.QrisTopUpShowcase_current__1hHnz{color:#fff;background:rgba(81,129,236,.16);font-weight:700;padding-left:10px}.QrisTopUpShowcase_flowNav__ZVqnK button:hover{color:#fff}.QrisTopUpShowcase_interaction__9U9pR{min-width:0;display:flex;flex-direction:column}.QrisTopUpShowcase_interactionHeader__bJJUH{display:flex;align-items:center;justify-content:space-between;padding:0 0 13px;border-bottom:1px solid hsla(0,0%,100%,.14);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:#b8c7e0}.QrisTopUpShowcase_deviceArea__EnJyZ{display:grid;place-items:center;min-height:500px;padding:22px 12px;background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.12);border-top:0}.QrisTopUpShowcase_phone__1DvMu{position:relative;width:min(286px,86%);aspect-ratio:360/805;overflow:hidden;border:6px solid #06080b;border-radius:21px;background:#fff;box-shadow:0 20px 58px rgba(0,0,0,.4)}.QrisTopUpShowcase_phone__1DvMu img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}.QrisTopUpShowcase_hotspot__wQDmo{position:absolute;z-index:2;display:block;padding:0;border:1px solid rgba(15,86,232,.6);border-radius:9px;background:rgba(41,111,255,.06);cursor:pointer;touch-action:manipulation}.QrisTopUpShowcase_hotspot__wQDmo:focus-visible{outline:3px solid #81a5ff;outline-offset:2px}.QrisTopUpShowcase_hotspot__wQDmo:hover{background:rgba(41,111,255,.15);border-color:#0f56e8}.QrisTopUpShowcase_hotspot__wQDmo span{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;white-space:nowrap;padding:6px 8px;border-radius:5px;background:#101726;color:#fff;opacity:0;pointer-events:none}.QrisTopUpShowcase_hotspot__wQDmo:focus-visible span,.QrisTopUpShowcase_hotspot__wQDmo:hover span{opacity:1}.QrisTopUpShowcase_viewerFoot__5FZul{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:65px;padding:13px 0;border-bottom:1px solid hsla(0,0%,100%,.17)}.QrisTopUpShowcase_viewerFoot__5FZul p{margin:0;color:#bdc5d5;font-size:12px;line-height:1.55;max-width:430px}.QrisTopUpShowcase_viewerControls__SynZB{flex:0 0 auto;display:flex;gap:7px}.QrisTopUpShowcase_viewerControls__SynZB button{width:38px;height:38px;cursor:pointer;color:#fff;border:1px solid hsla(0,0%,100%,.3);background:transparent;font-size:17px}.QrisTopUpShowcase_viewerControls__SynZB button:disabled{opacity:.28;cursor:default}.QrisTopUpShowcase_resultControl__qi8CP{display:flex;flex-direction:column;gap:8px;margin-top:17px}.QrisTopUpShowcase_resultControl__qi8CP button{width:100%;padding:12px 13px;border:0;border-radius:7px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;background:#dbe6ff;color:#0b2b73}.QrisTopUpShowcase_resultControl__qi8CP button:hover{background:#fff}.QrisTopUpShowcase_resultControl__qi8CP small{font-size:11px;line-height:1.4;color:#adbddc}.QrisTopUpShowcase_source__nESq3{max-width:750px;margin:18px 0 0;color:#68748c;font-size:11px;line-height:1.5}.QrisTopUpShowcase_lightbox__gAjSA{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(7,10,18,.94);cursor:zoom-out}.QrisTopUpShowcase_lightbox__gAjSA img{display:block;max-height:calc(100vh - 60px);width:auto;max-width:100%;height:auto;object-fit:contain;cursor:default;box-shadow:0 20px 65px rgba(0,0,0,.45)}.QrisTopUpShowcase_close__pyQf1{position:fixed;right:22px;top:22px;z-index:10000;width:42px;height:42px;border:1px solid hsla(0,0%,100%,.35);background:#202735;color:#fff;border-radius:50%;font-size:18px;cursor:pointer}.QrisTopUpShowcase_showcase__gb79R button:focus-visible{outline:3px solid #538cff;outline-offset:2px}@media(max-width:970px){.QrisTopUpShowcase_header___aMqp{align-items:flex-start;flex-direction:column}.QrisTopUpShowcase_metrics__IOrit{gap:34px}.QrisTopUpShowcase_walkthrough__DKOnQ{grid-template-columns:1fr}.QrisTopUpShowcase_flowNav__ZVqnK{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.QrisTopUpShowcase_flowNav__ZVqnK button{font-size:11px}.QrisTopUpShowcase_deviceArea__EnJyZ{min-height:0}}@media(max-width:640px){.QrisTopUpShowcase_showcase__gb79R{padding:18px 14px;border-radius:12px;margin:14px 0 30px}.QrisTopUpShowcase_lead__KZioY h2{font-size:clamp(27px,8vw,39px)}.QrisTopUpShowcase_triptych__OIXEF{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.QrisTopUpShowcase_card__EgrFs{flex:0 0 min(82vw,280px);scroll-snap-align:start}.QrisTopUpShowcase_cardImage__ghhCd{width:min(100%,225px)}.QrisTopUpShowcase_walkthrough__DKOnQ{padding:17px 13px}.QrisTopUpShowcase_flowNav__ZVqnK{grid-template-columns:repeat(2,minmax(0,1fr))}.QrisTopUpShowcase_flowNav__ZVqnK button{padding:11px 5px}.QrisTopUpShowcase_phone__1DvMu{width:min(265px,90%);border-width:5px}.QrisTopUpShowcase_deviceArea__EnJyZ{padding:20px 3px}.QrisTopUpShowcase_metrics__IOrit{gap:23px}}@media(hover:none),(pointer:coarse){.QrisTopUpShowcase_hotspot__wQDmo{background:rgba(41,111,255,.09);border-color:rgba(15,86,232,.75)}}@media(prefers-reduced-motion:reduce){.QrisTopUpShowcase_triptych__OIXEF{scroll-behavior:auto}}.tocbox.Toc_desktopBox__Qd2xh{display:flex;flex-direction:column;padding:0;overflow:hidden}.Toc_desktopBox__Qd2xh>.toc-title{position:relative;top:auto;z-index:3;flex:0 0 auto;margin:0;padding:16px 16px 12px;background:var(--bg);border-bottom:1px solid var(--hair2)}.Toc_desktopScroll__Rz0LF{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 16px;scrollbar-gutter:stable}