*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#eee7de;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;line-height:1.2}h2{letter-spacing:-.3px;font-size:18px}h3{font-size:14px;line-height:1.45}small{color:var(--muted);font-size:11px}.app{max-width:1120px;min-height:100dvh;margin:auto;display:flex}.desktop-aside{background:var(--plum);height:100dvh;color:var(--paper);flex:1;padding:68px 64px;position:sticky;top:0;overflow:hidden}.desktop-aside>.eyebrow{color:var(--gold);margin:72px 0 25px}.desktop-aside h1{font-size:46px;line-height:1.14}.desktop-aside>p:not(.eyebrow){color:#d9cbd6;max-width:300px;margin-top:24px;line-height:1.7}.desktop-aside>small{color:#bfa9bb;position:absolute;bottom:36px}.aside-decoration{color:#745366;margin:54px 0 0 25px;font-size:260px;font-weight:700;line-height:1;transform:rotate(-10deg)}.aside-decoration span{letter-spacing:12px;color:var(--gold);margin-left:28px;font-size:12px;display:block}.mobile-shell{background:var(--paper);width:480px;min-width:0;min-height:100dvh;padding-bottom:90px;position:relative}.mobile-shell header{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.7px;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:700;display:flex}.logo{background:var(--plum);width:35px;height:35px;color:var(--paper);border-radius:10px;place-items:center;font-size:25px;display:grid;position:relative}.logo:after{content:"";background:var(--gold);width:10px;height:3px;position:absolute;bottom:7px;right:5px}.desktop-aside .logo{background:var(--paper);color:var(--plum)}.pill{letter-spacing:1.2px;color:var(--gold);border:1px solid #dacaaf;border-radius:6px;width:fit-content;padding:7px 10px;font-size:9px;font-weight:700}main{padding:25px 24px}.greeting{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.greeting .muted{margin-bottom:6px}.gold{color:var(--gold)}.avatar{width:46px;height:46px;color:var(--plum);background:#eee3d5;border:1px solid #d9c5aa;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:23px;display:grid}.muted{color:var(--muted);font-size:12px;line-height:1.7}.balance{background:var(--plum);color:var(--paper);border-radius:22px;padding:23px;box-shadow:0 14px 25px #39223913}.balance-top{color:#ccb6c6;justify-content:space-between;font-size:12px;display:flex}.balance-top>span:last-child{color:var(--gold);font-size:22px}.balance>strong{letter-spacing:-1px;margin:11px 0 22px;font-size:29px;display:block}.balance-footer{color:#c3afbe;border-top:1px solid #6c5065;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;font-size:10px;display:flex}.balance-footer button{color:var(--paper);padding:8px 0;font-size:11px}.balance-footer button span{color:var(--gold);margin-left:8px}.quick-actions{grid-template-columns:repeat(4,1fr);margin:22px 0 31px;display:grid}.quick-actions button{color:var(--muted);justify-items:center;gap:9px;padding:6px;font-size:10px;display:grid}.quick-actions span{color:var(--plum);font-size:22px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin:24px 0 20px;display:flex}.section-heading>span{color:var(--muted);font-size:9px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 8px;display:grid}.service-grid>button{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:0;font-size:10px;line-height:1.4;display:flex}.service-icon{width:53px;height:53px;color:var(--plum);letter-spacing:-1px;background:#ece4eb;border:1px solid #e1d6df;border-radius:17px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.tone-1{background:#f0e7d8;border-color:#e5d9c5}.tone-2{background:#e5ebe4;border-color:#d6dfd5}.tone-3{background:#ece6dd;border-color:#e1d7c9;font-size:25px}.editorial{background:#f1e9dc;border:1px solid #d9c7aa;border-radius:19px;margin-top:35px;padding:23px;position:relative;overflow:hidden}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:9px;font-weight:700}.editorial h2{margin:14px 0 12px;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.1}.editorial p{color:var(--muted);max-width:210px;font-size:11px;line-height:1.6}.text-button{color:var(--plum);text-align:left;padding:10px 0;font-size:12px;line-height:1.5}.editorial .text-button{margin-top:12px}.editorial-art{color:#c8ad81;opacity:.55;pointer-events:none;font-size:138px;position:absolute;top:40px;right:-8px;transform:rotate(15deg)}.launch-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:10px;line-height:1.7;display:flex}.status-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}nav{width:480px;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);z-index:6;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0}nav button{color:#9b9094;justify-items:center;gap:5px;padding:5px;font-size:10px;display:grid}nav button span{font-size:23px;line-height:1}nav .active{color:var(--plum);font-weight:700}.back{margin-bottom:14px}.small-heading{margin:28px 0 19px;font-size:15px}.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wallet{background:#edf4f3;border:1px solid #accbcd;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:8px;min-height:94px;padding:18px;display:flex}.wallet span{background:#fff;border-radius:10px;align-self:center;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.wallet-1{color:#624578;background:#f0eaf3;border-color:#c5afd2}.wallet-2{color:#b66547;background:#fbefe8;border-color:#e3b5a0}.wallet-3{color:#4184b1;background:#e8f2f8;border-color:#a8c8e0}.menu-list{margin-top:20px}.menu-list>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:16px;width:100%;min-height:74px;padding:16px 0;font-size:15px;font-weight:600;display:flex}.menu-list .service-icon{width:42px;height:42px;font-size:16px}.chevron{color:var(--muted);margin-left:auto;font-size:25px}.segment{background:#eee7de;border-radius:12px;gap:5px;margin:22px 0;padding:5px;display:flex}.segment button{color:var(--muted);border-radius:9px;flex:1;padding:12px 5px;font-size:12px}.segment .active{color:var(--paper);background:var(--plum)}input,textarea,select{background:var(--white);color:var(--ink);border:1px solid #ddcfc5;border-radius:12px;width:100%;min-width:0;min-height:46px;padding:15px;font-size:16px}textarea{resize:vertical}.search{background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin:22px 0 15px;padding-left:15px;display:flex}.search input{background:0 0;border:0;font-size:14px}.search>span{color:var(--muted);font-size:24px}.product-list{gap:12px;display:grid}.product{border:1px solid var(--line);background:var(--white);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.product h3{overflow-wrap:anywhere;margin:6px 0 10px}.product strong{color:var(--plum);font-size:16px}.product-actions{flex-shrink:0;justify-items:end;gap:10px;display:grid}.choose{color:var(--plum);border:1px solid #d6c4ac;border-radius:8px;padding:9px 13px;font-size:11px}.icon-button{min-width:42px;min-height:42px;padding:7px;font-size:24px;line-height:1}.empty{text-align:center;color:var(--muted);justify-items:center;gap:14px;padding:48px 10px;font-size:13px;line-height:1.7;display:grid}.empty h2{color:var(--ink)}.empty.compact{padding:24px 10px}.spinner{border:2px solid var(--line);border-top-color:var(--plum);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.primary{background:var(--plum);width:100%;color:var(--paper);border-radius:12px;min-height:49px;padding:14px 16px;font-size:13px;font-weight:600}.target-label{color:var(--muted);gap:10px;margin-top:22px;font-size:12px;display:grid}.form-stack{gap:18px;margin-top:20px;display:grid}.form-stack>label{color:var(--muted);gap:8px;font-size:12px;display:grid}.form-stack .consent{align-items:flex-start;gap:12px;line-height:1.6;display:flex}.consent input{width:20px;min-height:20px;margin-top:4px}.consent button{padding:3px 0;font-size:11px;display:block}.summary{background:#eee5da;border-radius:16px;gap:8px;margin-top:23px;padding:20px;display:grid}.summary strong{color:var(--plum);font-size:24px}.transaction{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:20px 0;display:flex}.transaction h3{font-size:13px}.transaction p{margin:8px 0;font-size:12px}.right{text-align:right;flex-shrink:0;align-content:start;justify-items:end;gap:8px;max-width:45%;display:grid}.right strong{font-size:13px}.status{color:#806847;background:#e9e1d6;border-radius:5px;padding:5px 7px;font-size:10px}.status.failed,.status.refunded{color:#9e6156;background:#f4e3df}.favorite{border:1px solid var(--line);background:var(--white);border-radius:12px;justify-content:space-between;gap:10px;margin:10px 0;display:flex}.favorite>button:first-child{text-align:left;flex:1;gap:6px;padding:16px;font-size:13px;display:grid}.account-card{text-align:center;border:1px solid var(--line);border-radius:18px;justify-items:center;gap:12px;margin-top:24px;padding:28px 16px;display:grid}.account-card p{color:var(--muted);overflow-wrap:anywhere;max-width:100%;font-size:12px}.menu-list .logout{color:#a65c57}.sheet{border:1px solid var(--line);background:var(--paper);width:min(100% - 24px,456px);max-height:88dvh;color:var(--ink);overscroll-behavior:contain;border-radius:23px;padding:25px;overflow:auto}.sheet::backdrop{background:#241621a6}.sheet-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.sheet-head h2{font-size:18px}.legal-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;font-size:13px;line-height:1.8}.simulation-result{text-align:center;color:var(--gold);padding:24px 0;font-size:32px}.simulation-result p{color:var(--ink);margin:15px 0;font-size:13px;line-height:1.7}.simulation-result small{overflow-wrap:anywhere;display:block}.toast{z-index:30;background:var(--plum);width:max-content;max-width:calc(100vw - 36px);color:var(--paper);border-radius:14px;padding:15px 20px;font-size:13px;line-height:1.5;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.connection{color:#6f5634;background:#f0dec3;padding:10px 20px;font-size:11px}.install-button{border:1px solid #d7c6af;border-radius:12px;width:100%;margin-top:20px;padding:15px;font-size:12px}section>h1+.muted{margin-top:12px}@media (max-width:850px){.desktop-aside{display:none}.app{max-width:480px}.mobile-shell,nav{width:100%}nav{max-width:480px}.toast{width:calc(100vw - 36px);max-width:440px}}@media (max-width:360px){main{padding:20px 17px}.mobile-shell header{padding:17px}.balance{padding:19px}.balance>strong{font-size:25px}.service-grid{gap:21px 6px}.service-icon{width:47px;height:47px}.section-heading>span{display:none}.wallet{padding:13px}.product{gap:8px;padding:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}:root{--plum:#0875f9;--gold:#168bff;--paper:#f5f9ff;--ink:#132448;--muted:#637795;--line:#e3edfa;--white:#fff}body{background:#eaf3ff}h1{letter-spacing:-.8px;font-size:28px}h2{font-weight:700}.desktop-aside{color:#fff;background:linear-gradient(145deg,#0063ee,#168bff 60%,#30c5ec)}.desktop-aside>.eyebrow,.desktop-aside>small{color:#e0f3ff}.desktop-aside>p:not(.eyebrow){color:#e0eeff}.aside-decoration{color:#ffffff28}.aside-decoration span{color:#e3f5ff}.mobile-shell{background:linear-gradient(#fff,#f4f9ff)}.mobile-shell header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-color:#eaf1fc}.wordmark{color:#0867df}.logo{color:#fff;background:linear-gradient(145deg,#0060ef,#36c8ff);box-shadow:0 4px 12px #0077ee26}.logo:after{background:#c3f2ff}.desktop-aside .logo{color:#0576f8;background:#fff}.pill{color:#0875e8;letter-spacing:.7px;background:#eaf5ff;border-color:#d5eaff;border-radius:20px}.avatar{color:#0875f9;background:#e4f2ff;border-color:#c8e4ff;font-family:inherit;font-weight:700}.balance{background:linear-gradient(120deg,#0067f5,#168dff 65%,#31c6f2);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 26px #137eff26}.balance:after{content:"";pointer-events:none;border:25px solid #ffffff16;border-radius:50%;width:150px;height:150px;position:absolute;top:20px;right:-40px}.balance-top{color:#eaf6ff;z-index:1;position:relative}.balance-top>.mode-badge{color:#0566cf;background:#d7f4ff;border-radius:18px;padding:6px 10px;font-size:10px;font-weight:700}.balance>strong{color:#fff;z-index:1;font-size:32px;position:relative}.balance-footer{color:#e7f5ff;z-index:1;border-color:#ffffff40;position:relative}.balance-footer button{color:#fff;font-weight:700}.balance-footer button span{color:#ddf4ff}.quick-actions{background:#fff;border-radius:20px;margin:16px 0 28px;padding:12px 6px;box-shadow:0 6px 20px #1875d910}.quick-actions span{color:#fff;background:linear-gradient(#39a4ff,#0775fa);border-radius:50%;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.quick-actions button:nth-child(2) span{background:linear-gradient(#be75ff,#8738ea)}.quick-actions button:nth-child(3) span{background:linear-gradient(#ffa763,#ff7334)}.quick-actions button:nth-child(4) span{background:linear-gradient(#43ddc6,#0aa78e)}.quick-actions button{color:#243959;font-weight:600}.service-grid{gap:23px 8px}.service-grid>button{color:#1c3154;font-size:11px;font-weight:600}.service-icon{color:#fff;letter-spacing:-.7px;background:linear-gradient(135deg,#41b1ff,#0771f9);border:0;border-radius:16px;font-size:17px;box-shadow:inset 0 1px 2px #ffffff70,0 5px 10px #2382d31c}.tone-0{background:linear-gradient(135deg,#ff91a7,#f34e74)}.tone-1{background:linear-gradient(135deg,#50beff,#117fff)}.tone-2{background:linear-gradient(135deg,#65e782,#12b348)}.tone-3{color:#785900;background:linear-gradient(135deg,#ffe66a,#ffc20b)}.tone-4{background:linear-gradient(135deg,#c87cff,#7925e5);font-size:12px}.tone-5{color:#4b3b02;background:linear-gradient(135deg,#ffe85d,#ffc712)}.tone-6{background:linear-gradient(135deg,#ff8499,#f13c60)}.tone-7{background:linear-gradient(135deg,#ff666c,#e6263e)}.tone-8{background:linear-gradient(135deg,#bf7eff,#8f3bed)}.tone-9{background:linear-gradient(135deg,#3b9dff,#0059dc)}.tone-10{background:linear-gradient(135deg,#51d1fa,#009cda)}.tone-11{background:linear-gradient(135deg,#3ee0cb,#00b6a6)}.editorial{color:#fff;background:linear-gradient(120deg,#0069f1,#149fff);border:0;border-radius:21px;box-shadow:0 8px 20px #0575ed22}.editorial .eyebrow,.editorial p,.editorial .text-button{color:#e4f5ff}.editorial h2{font-family:inherit;font-size:25px;font-weight:700}.editorial-art{color:#b3eeff;opacity:.5}.section-heading>span{color:#0875e8}.wallet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wallet{color:#fff;background:linear-gradient(150deg,#4ce4eb,#02aed8);border:0;border-radius:17px;flex-direction:column-reverse;justify-content:center;align-items:center;gap:15px;min-height:130px;padding:15px 6px;box-shadow:0 5px 13px #198ee623}.wallet span{color:#0bb5d0;border-radius:13px;width:38px;height:38px;font-size:23px;font-weight:700}.wallet-1{background:linear-gradient(150deg,#bd71ff,#7935e7)}.wallet-1 span{color:#8739e5}.wallet-2{background:linear-gradient(150deg,#ff9479,#fa542e)}.wallet-2 span{color:#ed5e3e}.wallet-3{background:linear-gradient(150deg,#5cbaff,#0084ff)}.wallet-3 span{color:#0c8cfa}.menu-list>button{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:75px;margin-bottom:11px;padding:16px;box-shadow:0 3px 10px #1270d506}.menu-list .service-icon{color:#0875ee;box-shadow:none;background:#e4f2ff}.segment{background:#eaf2fc}.segment .active{color:#fff;background:linear-gradient(120deg,#006aef,#219bff);box-shadow:0 3px 8px #067cff25}input,textarea,select{background:#fff;border-color:#dbe8fa}.search{box-shadow:0 4px 12px #1e6ecc06}.product{background:#fff;border-color:#e1ebfa;padding:19px;box-shadow:0 3px 12px #1675d408}.product strong{color:#0572ed}.choose{color:#0875f9;background:#eaf4ff;border-color:#d2e9ff;font-weight:700}.primary{color:#fff;background:linear-gradient(100deg,#0069f5,#168bff);border-radius:15px;min-height:52px;box-shadow:0 5px 14px #0875f925}.summary{background:linear-gradient(130deg,#e0efff,#e5f9ff)}nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-color:#e6effc;border-radius:22px 22px 0 0;box-shadow:0 -5px 20px #2268bb08}nav .active{color:#0076ff}nav button{color:#7e94b2}.status.success{color:#078658;background:#d9f8eb}.sheet{background:#fff;border-radius:25px;box-shadow:0 12px 50px #16364b20}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11274770}.simulation-result{color:#079e6b;font-size:30px}.success-check{color:#04a977;background:#dcf9ed;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 19px;font-size:46px;display:grid}.simulation-result h2{color:#089965;font-size:21px}.simulation-result small{font-size:10px}.toast{color:#fff;background:#193d6d}.install-button{color:#0875e8;background:#eef7ff;border-color:#c8e3ff}.connection{color:#815e12;background:#fff3d7}.status-dot{background:#1ba67d}.account-card{background:#fff;box-shadow:0 6px 18px #1471d008}@media (max-width:850px){.sheet{width:min(100%,480px);max-height:90dvh;padding:25px 24px calc(25px + env(safe-area-inset-bottom));border-bottom:0;border-radius:26px 26px 0 0;margin:0 auto;position:fixed;top:auto;bottom:0}.sheet:before{content:"";background:#d4e0ef;border-radius:8px;width:42px;height:4px;margin:-12px auto 20px;display:block}}@media (max-width:360px){.wallet-grid{gap:6px}.wallet{min-height:115px;padding:12px 3px}.wallet strong{font-size:10px}.balance>strong{font-size:27px}}.service-icon.branded{background:#fff;border:1px solid #e2eaf8;padding:6px;box-shadow:0 4px 12px #2469b514}.brand-mark{border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.brand-ovo{background:#6335a4;padding:4px}.brand-dana{background:#0788e9;padding:4px}.brand-tri,.brand-telkomsel,.brand-indrive{padding:2px}.wallet .brand-mark{background:#fff;border-radius:12px;align-self:center;width:100%;height:47px;padding:6px}.wallet .brand-ovo{background:#6b35b3}.wallet .brand-dana{background:#0788e9}.wallet strong{font-size:11px}.menu-list .service-icon.branded{background:#fff}.menu-list .brand-mark{width:100%;height:100%}.wallet-grid{gap:10px}.service-grid .brand-smartfren,.service-grid .brand-gopaydriver,.service-grid .brand-grabdriver,.service-grid .brand-shopeedriver{padding:0}.service-icon .brand-byu{background:#05a9dc;padding:4px}