:root{--orange:#ff6b00;--ink:#252525;--muted:#888;--bg:#f5f6f8;--green:#27ae78}*{box-sizing:border-box}body{margin:0;background:#ecebe7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;text-align:inherit}button:focus-visible,a:focus-visible{outline:2px solid #bf4c00;outline-offset:3px}button:hover{filter:brightness(.97)}aside{position:fixed;left:max(6%,calc(50% - 540px));top:14%;width:310px}.wordmark{color:var(--orange);font-size:34px;font-weight:750;letter-spacing:-1.5px}.wordmark span{display:block;letter-spacing:3px;font-size:10px;margin-top:12px;color:#79746f}aside h1{font-size:34px;line-height:1.18;letter-spacing:-1px;margin:60px 0 22px}aside p{color:#777;line-height:1.7}.side-links{display:grid;margin:28px 0 60px;gap:15px}.side-links button{padding:0;font-size:13px}aside small{line-height:1.8;color:#888}.reset{display:block;margin-top:18px;color:#a44d18;font-size:12px;padding:0}#phone{position:relative;margin:30px max(6%,calc(50% - 520px)) 30px auto;width:402px;min-height:850px;background:var(--bg);border-radius:30px;box-shadow:0 12px 65px #493a201f;overflow:hidden;border:6px solid #fff}.demo{background:#fff4e8;color:#a55320;font-size:8px;letter-spacing:1.2px;text-align:center;padding:7px;position:relative;z-index:5}#app{min-height:780px;padding-bottom:90px}.status{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;font-size:12px;font-weight:650;position:relative}.header{background:var(--orange);color:white;padding-bottom:14px}.header.light{background:var(--bg);color:#222;padding-bottom:2px}.title{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 16px;font-size:18px}.title .back{font-size:30px;width:27px;padding:0;font-weight:300}.title .center{flex:1;text-align:center;font-size:16px}.bell{position:relative}.bell:after{content:'1';position:absolute;right:-5px;top:-6px;font-size:8px;background:#ff4f6b;color:white;padding:2px;border-radius:10px}.content{padding:12px}.card{background:white;border-radius:9px;padding:16px;margin-bottom:12px}.card.flush{padding:0;overflow:hidden}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row+.row{margin-top:14px}.muted{color:var(--muted);font-size:12px;line-height:1.5}.small{font-size:11px}.green{color:var(--green)}.orange{color:var(--orange)}.money{font-size:26px;font-weight:600;letter-spacing:-.5px;margin:10px 0}.money small{font-size:15px;font-weight:500;letter-spacing:0}.balance{background:linear-gradient(115deg,#f57221,#ff6900);color:white;position:relative;overflow:hidden}.balance:after{content:'Ⓜ';position:absolute;right:-15px;top:-35px;font-size:165px;color:#ffffff0c;pointer-events:none}.balance .muted{color:#ffd5b7}.balance .money{font-size:30px}.balance .money small{font-size:17px}.balance .row button{padding:0}.balance .asset{background:#b7461955;border-radius:22px;padding:6px 10px;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance .split{border-top:1px solid #ffffff30;padding-top:15px;margin-top:17px}.split button{text-align:left;padding:0}.submoney{font-size:20px;margin:8px 0 3px}.notice{background:#fff9e7;font-size:13px;line-height:1.45}.notice b{color:#d79b39}.notice p{margin:5px 0 0}.notice button{float:right;color:#888;font-size:21px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.tile{padding:16px;background:white;border-radius:9px;display:flex;flex-direction:column;gap:10px;align-items:start}.tile.tall{grid-row:span 2}.tile .label{font-size:16px;white-space:nowrap;letter-spacing:-.4px}.tile strong{font-size:19px}.tile .foot{margin-top:auto;padding-top:35px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;text-align:center}.actions.three{grid-template-columns:repeat(3,1fr);row-gap:28px}.action{padding:4px 0;text-align:center;line-height:1.25;font-size:12px}.action .ico{margin:0 auto 10px;color:var(--orange);display:flex;align-items:center;justify-content:center;width:34px;height:34px}.ico svg,svg.icon{height:24px;width:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.actions.three .ico{border-radius:50%;background:var(--orange);color:white;width:35px;height:35px}.banner{width:100%;display:block;border-radius:10px}.linkrow{display:flex;width:100%;padding:16px;align-items:center;gap:10px;border-bottom:1px solid #f5f5f5;text-align:left}.linkrow:last-child{border:0}.linkrow .end{margin-left:auto;color:#aaa}.linkrow .icon{color:var(--orange);width:19px;height:19px}.section-title{font-size:14px;font-weight:500;margin:0 0 16px}.tabs{display:flex;border-bottom:1px solid #eee;background:#fff}.tabs button{flex:1;text-align:center;padding:14px 3px;color:#888;font-size:12px}.tabs button.active{color:var(--orange);border-bottom:2px solid var(--orange)}.chips{display:flex;gap:8px;overflow:auto;padding:13px 12px}.chip{background:#f5f5f5;border-radius:20px;font-size:10px;padding:7px 12px;white-space:nowrap}.chip.active{background:#fff2e9;color:var(--orange)}.empty{text-align:center;padding:28px 5px;color:#999;font-size:12px}.primary,.secondary{display:block;width:100%;padding:13px;text-align:center;background:var(--orange);color:white;border-radius:5px;font-weight:550;font-size:13px;margin-top:16px}.secondary{background:white;border:1px solid #ffd8be;color:var(--orange)}.primary:disabled{opacity:.4;cursor:default}.rate{font-size:26px;color:var(--orange);margin:10px 0}.rate small{font-size:12px}.hero{background:linear-gradient(120deg,#ff6a00,#ffab4e);color:white;padding:22px 18px}.hero h2{font-size:22px;max-width:240px;margin:0 0 10px}.hero p{font-size:12px;max-width:230px;line-height:1.5}.feature{background:#e0f5f1;color:#117d75;padding:20px;border-radius:8px;position:relative;overflow:hidden}.feature h3{max-width:220px;font-size:18px;margin:0 0 10px}.feature .bubble{position:absolute;right:-5px;bottom:-18px;font-size:80px;opacity:.16}.fund{display:block;width:100%;text-align:left;border-radius:8px;margin-bottom:12px;padding:17px;background:linear-gradient(145deg,#edf7ff,white 65%)}.fund:nth-of-type(2n){background:linear-gradient(145deg,#ffeaf0,white 65%)}.fund.gold{background:linear-gradient(145deg,#fff6cc,white 65%)}.fund h3{font-size:14px;font-weight:550;margin:0 0 8px}.fund .return{font-size:23px;color:var(--green);margin:15px 0 5px}.fund.gold .return{color:#555}.fundtop{padding:22px 16px;background:linear-gradient(120deg,#ffe8dc,#fff6ed)}.fundtop h2{font-size:23px;color:#d97826;margin:0}.bullets{padding:0 16px;font-size:12px;line-height:2}.article h3{text-align:center;font-size:16px;font-weight:500;margin:20px 0}.article p{font-size:12px;line-height:1.8;color:#777}.chart{width:100%;height:160px}.chart text{font-size:8px;fill:#999}.fixedcta{padding-top:10px}.gauge{margin:10px auto 20px;width:215px;height:112px;border-radius:120px 120px 0 0;border:8px solid #0aa58f;border-bottom:0;position:relative;text-align:center;padding-top:39px}.gauge:before{content:'';position:absolute;left:-8px;bottom:0;height:34px;border-left:8px solid var(--orange)}.gauge .money{margin:5px;font-size:24px}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.legend>div{background:#f8f8f8;border-radius:8px;padding:10px 3px;font-size:10px}.legend strong{display:block;font-size:15px;margin-top:8px;font-weight:500}.physical-card{display:block;width:88%;margin:13px auto 20px;border-radius:18px;box-shadow:0 3px 10px #0002}.locked{filter:grayscale(1)}#nav{position:absolute;bottom:0;left:0;right:0;height:78px;background:white;display:flex;padding:9px 5px 17px;box-shadow:0 -2px 10px #00000004;z-index:4}#nav button{flex:1;text-align:center;padding:0;color:#777;font-size:10px}#nav button .ico{display:block;margin:auto auto 4px}#nav button.active{color:var(--orange)}#nav .scan .ico{background:var(--orange);color:white;border-radius:50%;width:47px;height:47px;padding:10px;margin-top:-25px;border:3px solid white}#nav .scan .ico svg{width:23px;height:23px}#modal{position:fixed;inset:0;background:#0006;z-index:20;display:flex;align-items:center;justify-content:center;padding:22px}#modal[hidden]{display:none}.sheet{background:white;border-radius:18px;padding:24px;width:360px;max-height:88vh;overflow:auto;box-shadow:0 20px 60px #0002}.sheet h2{font-size:19px;margin:0 0 15px}.sheet p{font-size:13px;color:#777;line-height:1.6}.close{float:right;font-size:24px;line-height:20px;padding:0;color:#888}.field{display:block;margin-top:18px;font-size:12px;color:#777}.field input,.field select{display:block;width:100%;padding:13px 10px;border:1px solid #ddd;border-radius:5px;background:white;margin-top:7px;color:#222}.field input:focus{outline:1px solid var(--orange)}.error{color:#c83928;font-size:12px;min-height:16px;margin-top:10px}.success{text-align:center}.check{background:#e9f8f1;color:#20a673;font-size:32px;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:12px auto 22px}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);border-radius:20px;background:#333;color:white;padding:12px 22px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}.tx{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #eee;align-items:center}.tx strong{font-size:12px;font-weight:500}.tx .amount{margin-left:auto;white-space:nowrap}.tx .avatar{border-radius:50%;background:#fff0e4;color:var(--orange);width:32px;height:32px;display:grid;place-items:center}.tx small{display:block;font-size:10px;color:#999;margin-top:5px}.toggle{width:39px;height:23px;background:#ccc;border-radius:20px;position:relative}.toggle.on{background:var(--orange)}.toggle:after{content:'';height:19px;width:19px;border-radius:50%;background:white;position:absolute;left:2px;top:2px}.toggle.on:after{left:18px}.qr{height:190px;width:190px;border:4px solid var(--orange);border-radius:20px;margin:30px auto;display:grid;place-items:center;background:#f9f9f9}.qr svg{width:90px;height:90px;color:#bbb}details{border-top:1px solid #eee;padding:14px 0;font-size:12px}summary{cursor:pointer}details p{color:#888;line-height:1.6}.badge{display:inline-block;background:#fff1dd;color:#b17622;padding:3px 6px;border-radius:4px;font-size:10px}.plan{padding:16px 0;border-bottom:1px solid #eee}.info{font-size:10px;color:#999;line-height:1.5;margin:14px 0}.promo{background:linear-gradient(120deg,#ff5e27,#ff9b43);color:white;text-align:center;padding:28px 16px}.promo h2{font-size:30px;margin:4px}.promo .club{background:#fff8df;color:#fa6221;border-radius:10px;padding:20px;margin-top:22px;font-weight:700;font-size:19px}@media(max-width:850px){aside{display:none}#phone{margin:0 auto;border:0;border-radius:0;min-height:100dvh;box-shadow:none;width:100%;max-width:440px}body{background:var(--bg)}#app{min-height:calc(100dvh - 24px)}#nav{position:fixed;max-width:440px;left:50%;transform:translateX(-50%);height:calc(70px + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media(min-width:851px){#phone{height:850px;overflow-y:auto;scrollbar-width:none}#nav{position:sticky;margin-top:-78px}#app{padding-bottom:100px}}

/* Responsive application shell: the browser page never extends below the viewport. */
:root{--orange:#f56600;--ink:#414448;--muted:#878b8e;--bg:#f6f7f8}
html,body{height:100%;width:100%;overflow:hidden}
body{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(240px,360px) minmax(0,400px);justify-content:center;align-items:center;gap:clamp(36px,8vw,130px);padding:18px 28px;background:#fafafa;font-size:13px;font-weight:400;-webkit-font-smoothing:antialiased}
aside{position:static;width:auto;max-height:100%;overflow:auto;scrollbar-width:thin}
.wordmark{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:31px;font-weight:600;letter-spacing:-1px}
.wordmark>span:not(.brand-symbol){flex-basis:100%;font-weight:400;margin-top:6px}
.wordmark .brand-symbol{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--orange);border-radius:50%;font-size:21px;letter-spacing:0;color:var(--orange);margin:0;position:relative}
.brand-symbol:after{content:'';position:absolute;bottom:-6px;left:2px;width:25px;height:5px;border-bottom:2px solid #488cdb;border-radius:50%}
aside h1{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:clamp(22px,5vh,52px) 0 18px}
aside p{font-size:14px;color:#8c9093;line-height:1.7;max-width:300px}
.side-links{margin:24px 0 32px;gap:15px}.side-links button{font-weight:400;color:#555b60}
#phone{margin:0;width:100%;max-width:400px;height:calc(100vh - 36px);height:calc(100dvh - 36px);max-height:900px;min-height:0;border:6px solid white;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 55px #25354612}
.demo{flex-shrink:0;font-size:8px;font-weight:400;line-height:1.3;letter-spacing:1px;padding:6px 3px;background:#fff5eb;color:#b46b38}
#app{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7dadd transparent}
#nav{position:relative;inset:auto;transform:none;margin:0;flex:0 0 64px;height:64px;width:100%;max-width:none;padding:8px 4px 10px;box-shadow:0 -1px 8px #00000005}
#nav button{font-size:10px;font-weight:400}#nav .scan .ico{margin-top:-19px}
.header{padding-bottom:9px}.header.light{padding-bottom:0}.status{height:26px;font-size:10px;font-weight:400;padding:0 20px}.title{height:40px;font-size:17px;font-weight:400}.title .center{font-size:16px;font-weight:400}
.bell{padding:5px}.bell:after{font-size:9px;min-width:14px;height:14px;padding:1px 3px;right:0;top:0;text-align:center;line-height:12px;background:#f4546f;font-weight:400}
.bell .icon{height:22px;width:22px}
.content{padding:10px}.card{padding:14px;margin-bottom:10px;border-radius:9px}.card.flush{padding:0}
h1,h2,h3,h4,b,strong{font-weight:500}.section-title{font-size:13px;font-weight:400;margin-bottom:13px}
.balance{background:linear-gradient(115deg,#ec702a,#f56600)}.balance .muted{color:#ffe0c9}.balance>.row{gap:4px}.balance-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;font-weight:400;line-height:18px}
.balance-label button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px!important;margin:-3px 0;flex-shrink:0}
.balance-label .icon{width:15px;height:15px;stroke-width:1.7;display:block}.balance .asset{font-size:11px;padding:6px 9px;white-space:nowrap;font-weight:400}
.money,.balance .money{font-weight:400}.balance .money{font-size:28px;margin:9px 0}.balance .money small{font-size:16px}.balance .split{padding-top:12px;margin-top:12px}.submoney{font-size:18px;font-weight:400}
.tiles{gap:9px;margin-bottom:10px}.tile{padding:13px;gap:8px}.tile .label{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:400;letter-spacing:-.3px}.tile .label .icon{width:18px;height:18px;color:#e59432;stroke-width:2}.tile[data-go="invest"] .label .icon{color:#54a18f}.tile strong{font-size:18px;font-weight:400}.tile .foot{padding-top:20px}.tile .badge{font-size:9px;padding:2px 4px}.tile .muted{font-size:11px;line-height:1.4}
.notice{font-size:12px;line-height:1.45;background:#fff9e6}.notice b{font-weight:500}.notice button{font-size:19px}
.action{font-size:11px;font-weight:400}.action .ico{width:30px;height:30px;margin-bottom:7px}.actions.three{row-gap:18px}.actions.three .ico{width:31px;height:31px}.actions.three .icon{height:21px;width:21px}
.linkrow{padding:13px;font-weight:400}.fund h3{font-weight:400;font-size:14px}.fundtop h2{font-weight:400;font-size:22px}.primary,.secondary{font-weight:400;border-radius:7px}.feature h3,.hero h2{font-weight:500}.fund .return{font-weight:400}.hero{background:linear-gradient(120deg,#f56600,#ffae5e)}
#phone[data-screen="me"] .card{padding:12px;margin-bottom:8px}#phone[data-screen="me"] .section-title{margin-bottom:9px}#phone[data-screen="me"] .actions.three{row-gap:12px}#phone[data-screen="me"] .action{font-size:10px}#phone[data-screen="me"] .linkrow{padding:10px 0}#phone[data-screen="me"] .secondary{margin-top:9px;padding:10px}
@media(min-width:851px) and (max-height:760px){body{padding:12px 24px;gap:7vw}#phone{height:calc(100dvh - 24px);max-width:370px}.status{display:none}aside h1{margin-top:24px}.side-links{margin-bottom:24px}#phone[data-screen="me"] .action .ico{margin-bottom:4px}#phone[data-screen="me"] .content{padding:8px}#phone[data-screen="me"] .card{padding:10px}#phone[data-screen="me"] .actions.three{row-gap:8px}}
@media(max-width:850px){body{display:block;padding:0;background:var(--bg)}aside{display:none}#phone{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:none;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}#app{min-height:0;padding-bottom:12px}#nav{position:relative;left:auto;transform:none;flex:0 0 calc(64px + env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom));max-width:none}.demo{padding-top:calc(6px + env(safe-area-inset-top))}.status{display:none}.title{height:48px}.content{max-width:560px;margin-inline:auto;width:100%}.header .title{max-width:560px;margin-inline:auto}.tile .label{font-size:16px}.tile strong{font-size:19px}.action{font-size:12px}.actions.three{row-gap:22px}.sheet{max-width:100%;max-height:calc(100dvh - 44px)}.field input,.field select{font-size:16px}}
@media(max-width:360px){.balance-label{font-size:11px;gap:2px}.balance .asset{font-size:10px;padding:6px}.tile .label{font-size:14px}.tile strong{font-size:17px}.card{padding:12px}.tile{padding:11px}.balance .muted{font-size:11px}}
@media(max-height:500px) and (min-width:851px){body{grid-template-columns:1fr;padding:8px}aside{display:none}#phone{max-width:560px;height:calc(100dvh - 16px);justify-self:center}}

/* App-like scrolling surfaces and reference card sections. */
#app{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0003 transparent;isolation:isolate}
#app::-webkit-scrollbar{width:3px}#app::-webkit-scrollbar-thumb{background:#0003;border-radius:8px}
#nav{z-index:10;box-shadow:0 -4px 18px #18202808;overflow:visible}
#phone[data-screen="me"] #app{background:linear-gradient(to bottom,#f56600 0,#f56600 230px,#f6f7f8 320px);background-attachment:local}
.profile-header{position:sticky;top:0;z-index:5;background:#f56600;color:#fff;padding:10px 14px 13px}
.profile-heading{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:400;min-height:45px}.profile-heading>.bell{margin-left:auto}.profile-avatar{display:grid;place-items:center;width:43px;height:43px;background:white;color:#f56600;border-radius:50%;flex-shrink:0}.profile-avatar .icon{width:32px;height:32px;stroke-width:2.2}
.profile-cover{height:145px;pointer-events:none}.profile-content{position:relative;padding-top:0}
#phone[data-screen="me"] .profile-section{padding:0;margin-bottom:12px;border-radius:10px;box-shadow:0 4px 16px #24334403;overflow:hidden}
#phone[data-screen="me"] .profile-section .section-title{font-size:16px;font-weight:400;margin:0;padding:16px;border-bottom:1px solid #ededee;color:#202124}
#phone[data-screen="me"] .profile-section .actions{padding:20px 10px;row-gap:28px}
#phone[data-screen="me"] .profile-section .action{font-size:12px;color:#202124;line-height:1.35;padding:0 2px}
#phone[data-screen="me"] .profile-section .action .ico{background:none;color:#242525;border-radius:0;width:29px;height:29px;margin-bottom:10px}
#phone[data-screen="me"] .profile-section .action .icon{width:24px;height:24px;stroke-width:1.8}
#phone[data-screen="me"] .account-section .action .ico{color:#f56600}
.profile-assets{border-top:1px solid #ededee;padding:14px 16px;display:flex;align-items:center;gap:9px;font-size:15px;color:#202124}.assets-eye{color:#b0b2b4;padding:0;display:inline-flex}.assets-eye .icon{width:18px;height:18px}.assets-value{display:flex;align-items:center;gap:16px;margin-left:auto;padding:0;font-size:15px;white-space:nowrap}.chevron{font-size:24px;line-height:1;color:#85888a;font-weight:300}
.card-tools{margin-bottom:18px}.card-tools .ico{background:white;border-radius:50%;color:#272a2b;width:35px;height:35px}.travel-promo{padding:0;width:100%;margin-bottom:12px}
.card-summary{display:grid;grid-template-columns:1fr 1.04fr;grid-template-rows:auto auto;gap:9px;margin-bottom:12px}.card-summary>div,.card-summary>button{background:white;border-radius:10px;padding:15px;text-align:left;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:9px}.card-summary .spend-panel{grid-row:span 2}.summary-label{display:flex;align-items:center;gap:5px;font-size:14px;color:#222;line-height:1.35;white-space:nowrap}.summary-label .icon{width:18px;height:18px;color:#f39400;stroke-width:2.2}.summary-label .chevron{margin-left:auto;font-size:22px}.summary-amount{font-size:16px;color:#202124;font-weight:400}.card-summary .muted{font-size:12px;line-height:1.4;color:#858585}.statement-box{display:flex;flex-direction:column;gap:9px;background:#f7f7f7;border-radius:5px;padding:9px;text-align:left;color:#7b7b7b;font-size:12px;line-height:1.3;margin-top:auto;min-height:65px}.spend-panel>.summary-amount{margin-bottom:32px}
.exchange-card{padding:0;overflow:hidden;background:linear-gradient(#fff5ec,#fff 85%);border:1px solid white;box-shadow:0 3px 14px #24334404}.exchange-heading{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:5px}.exchange-heading h3{font-size:15px;font-weight:400;letter-spacing:-.3px;margin:0;color:#222}.exchange-heading button{font-size:12px;color:#888;padding:0;white-space:nowrap}.exchange-heading button span{font-size:20px;margin-left:4px}.fx-window{overflow:hidden;padding:5px 0 16px}.fx-track{display:flex;width:max-content;animation:currency-conveyor 32s linear infinite;will-change:transform}.fx-group{display:flex;gap:8px;padding-right:8px;flex-shrink:0}.fx-tile{display:grid;grid-template-columns:24px 1fr;gap:4px 7px;width:86px;padding:10px 8px;border:1px solid #e1e1e1;border-radius:5px;background:white;line-height:1.2}.fx-flag{grid-row:span 2;font-size:19px;align-self:start}.fx-code{font-size:12px;color:#606264;text-align:right}.fx-rate{font-size:13px;color:#242424;text-align:right;letter-spacing:-.3px}
@keyframes currency-conveyor{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fx-window:hover .fx-track,.fx-window:focus .fx-track{animation-play-state:paused}.fx-window:focus-visible{outline:2px solid #e58a4b;outline-offset:-3px}
.card-feature{display:flex;align-items:center;gap:11px;width:100%;padding:15px;border-radius:10px;background:white;margin-bottom:12px;text-align:left;box-shadow:0 3px 14px #24334403}.feature-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#fff8e6;color:#f39400}.feature-icon .icon{width:23px;height:23px}.instalment-feature .feature-icon{background:#fff3eb;color:#f56600}.feature-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.feature-title{font-size:14px;color:#202124;line-height:1.3}.feature-title .badge{margin-left:3px;font-size:11px;background:linear-gradient(100deg,#ffe9c1,#ffd082);color:#7f3422;border-radius:9px;padding:3px 7px}.feature-detail{font-size:11px;line-height:1.5;color:#888}.feature-detail.orange{color:var(--orange)}.try-now{color:var(--orange);font-size:11px;white-space:nowrap}.card-feature>.chevron{font-size:25px}.card-transactions{padding:0;overflow:hidden}.section-link{display:flex;align-items:center;justify-content:space-between;padding:16px;width:100%;font-size:16px;color:#252525;border-bottom:1px solid #eee}.transaction-preview{padding:0 16px}.transaction-preview .empty{padding:24px 0}
@media(max-width:360px){.summary-label{font-size:12px;gap:4px}.summary-label .icon{width:15px;height:15px}.card-summary>div,.card-summary>button{padding:12px}.summary-amount{font-size:15px}.exchange-heading{padding:14px 12px}.exchange-heading h3{font-size:14px}.card-feature{padding:12px;gap:8px}.feature-icon{flex-basis:34px;height:34px}.try-now{font-size:10px}.profile-assets{padding:14px 12px;font-size:14px}.assets-value{font-size:14px;gap:8px}}
@media(prefers-reduced-motion:reduce){#app{scroll-behavior:auto}.fx-track{animation:none;transform:none}.fx-window{overflow-x:auto}.fx-group[aria-hidden="true"]{display:none}}

/* Compact profile; suppress rubber-band gaps without adding a spacer. */
html,body,#phone,#app{overscroll-behavior:none}
#phone[data-screen="me"] #app{padding-top:0;background:linear-gradient(to bottom,#f56600 0,#f56600 115px,#f6f7f8 190px);background-attachment:local}
.profile-header{position:relative;top:auto;padding:12px 14px 14px}
.profile-heading{gap:10px;min-height:32px;font-size:16px}
.profile-avatar{width:30px;height:30px}
.profile-avatar .icon{width:23px;height:23px;stroke-width:1.9}
.profile-content{padding-top:0}
.profile-cover{display:none}
/* Reserve enough room for four-digit rates, with consistent right alignment. */
.fx-tile{flex:0 0 100px;width:100px;grid-template-columns:22px minmax(0,1fr);column-gap:5px;padding:10px 8px}
.fx-flag{font-size:18px;line-height:22px;min-width:0}
.fx-code,.fx-rate{min-width:0;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.fx-code{font-size:12px}.fx-rate{font-size:12px;letter-spacing:-.2px}

/* A bright desktop canvas inspired by the supplied MariBank welcome page. */
@media(min-width:851px){body{background:#fff8f1;position:relative;isolation:isolate}body:before{content:'';position:fixed;z-index:-2;inset:-25% -15% 17% -25%;background:linear-gradient(115deg,#f26000,#ff790d);border-radius:0 0 70% 10%;pointer-events:none}body:after{content:'';position:fixed;z-index:-1;width:350px;height:350px;right:-220px;bottom:-100px;border:60px solid #ffe8d2;border-radius:50%;pointer-events:none}aside{color:white;overflow:visible}.wordmark,.wordmark .brand-symbol{color:white}.wordmark .brand-symbol{border-color:white}.wordmark>span:not(.brand-symbol){color:#ffe5ce}.brand-symbol:after{border-color:#ffd4a8}aside h1{font-weight:600;font-size:clamp(30px,3.2vw,43px);color:white;letter-spacing:-1.2px;margin-top:15px}aside p{color:#ffeadb;font-size:15px}.side-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.side-links button{background:#fffaf3;color:#b95213;border-radius:22px;padding:11px 13px;font-size:12px;box-shadow:0 3px 10px #a5481110}.side-links button:hover{background:white}.reset{color:#af4b17;background:#fff3e5;border-radius:20px;padding:8px 14px;display:inline-block;margin-top:0}#phone{box-shadow:0 18px 65px #74351224}.hello-smile{position:relative;width:63px;height:48px;margin:25px 0 0 65%;transform:rotate(-14deg)}.hello-smile i{position:absolute;top:1px;left:14px;width:6px;height:15px;background:#ffd18b;border-radius:80%}.hello-smile i:nth-child(2){left:36px;top:0}.hello-smile span{position:absolute;left:5px;top:10px;width:47px;height:32px;border:4px solid #ffd18b;border-top:0;border-radius:0 0 50% 50%}}
@media(max-width:850px){.hello-smile{display:none}}
@media(min-width:851px) and (max-height:640px){.hello-smile{display:none}aside h1{margin-top:22px}.side-links{margin-top:15px}aside p{font-size:13px}}
.invest-header{position:sticky;top:0;z-index:5;background:#fff!important;padding:8px 0!important}.invest-header .title{gap:9px;font-size:17px;color:#252525}.invest-header-tools{display:flex;align-items:center;gap:15px;margin-left:auto}.invest-header-tools button{padding:3px;display:flex}.invest-header-tools .icon{height:21px;width:21px}.invest-total{text-align:center}.invest-page .card{border-radius:10px}.holding-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:3px 0 14px;font-size:14px}.section-rule{display:flex;align-items:center;gap:12px;margin:12px 0;color:#999;font-size:12px;white-space:nowrap}.section-rule:before,.section-rule:after{content:'';height:1px;background:#e3e4e5;flex:1}
.gold-promo{border-radius:14px;background:white;overflow:hidden;margin-bottom:12px;padding-bottom:17px}.gold-promo-heading{display:flex;align-items:center;width:100%;gap:10px;padding:14px 16px;background:linear-gradient(100deg,#fff5ef,#f9dbc6);font-size:14px;font-weight:500;color:#363636}.gold-ticket{margin-left:auto;font-size:26px;line-height:20px}.gold-progress{display:grid;grid-template-columns:1fr 1.3fr 1fr;padding:20px 12px 14px;position:relative}.gold-progress:before{content:'';position:absolute;left:15%;right:15%;height:5px;top:29px;background:#fbe9d9;border-radius:9px}.gold-progress>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;color:#a0a0a0;font-size:10px;text-align:center;line-height:1.4}.gold-progress>div:first-child{color:#777}.progress-dot{box-sizing:content-box;width:9px;height:9px;background:white;border:3px solid #fbe9d9;border-radius:50%;box-shadow:0 0 0 7px white;margin:3px 0}.progress-dot.active{background:#ed7531}.progress-gift{font-size:24px;background:white;line-height:23px}.gold-offer{margin:0 14px;background:#fff6ee;padding:10px;border-radius:8px;position:relative}.gold-offer:before{content:'';position:absolute;top:-7px;left:10px;border-bottom:8px solid #fff6ee;border-left:7px solid transparent;border-right:7px solid transparent}.gold-offer>strong{display:block;font-size:12px;font-weight:500;line-height:1.4}.gold-offer>div{display:flex;gap:8px;align-items:center;justify-content:space-between}.gold-offer p{font-size:10px;line-height:1.45;color:#999;margin:7px 0 0}.gold-offer b{color:#ed803a;font-weight:500}.gold-offer button{background:#e5772f;color:white;border-radius:4px;padding:4px 12px;font-size:12px}
.invest-update{display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;background:linear-gradient(115deg,#6dd3c6,#4db1bf);color:white;width:100%;height:116px;padding:12px 16px;border-radius:9px;text-align:left}.invest-update:after{content:'';width:240px;height:160px;position:absolute;bottom:-110px;right:-50px;border:30px solid #ffffff12;border-radius:50%;pointer-events:none}.invest-update>span:nth-child(2){flex:1;z-index:1}.invest-update small{display:block;font-size:9px;margin-bottom:8px}.invest-update strong{display:block;font-size:14px;line-height:1.3;font-weight:500}.update-illustration{width:85px;height:100%;flex-shrink:0;position:relative}.mini-phone{position:absolute;top:24px;left:14px;width:55px;height:100px;border:2px solid #5b6265;border-radius:9px;background:#fff;transform:rotate(12deg);box-shadow:3px 2px 0 #45575d45;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-phone b{color:var(--orange);font-size:25px;font-weight:400}.mini-phone small{color:var(--orange);font-size:8px;margin:3px 0}.update-arrow{font-size:23px}
.product-fund{padding:16px;border:2px solid white;border-radius:10px;background:linear-gradient(#e5f0ff,white 48%);margin-bottom:13px}.product-fund.equity{background:linear-gradient(#faedf6,white 48%)}.product-fund.gold{background:linear-gradient(#fff8cb,white 48%)}.product-fund h3{font-size:15px;font-weight:500;display:flex;align-items:center;gap:4px;margin-bottom:7px;color:#303030}.product-fund h3>b{color:#477ed7;font-weight:600}.product-fund.equity h3>b{color:#cd588a}.product-fund.gold h3>b{color:#e19a36}.product-fund h3>.chevron{margin-left:auto;font-size:22px}.fund-description{font-size:12px;line-height:1.4;color:#838383;min-height:34px}.product-fund.gold .fund-description{min-height:0}.fund-metrics{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;border-top:1px solid #eee;margin-top:15px;padding-top:12px}.product-fund .return{font-size:22px;line-height:1.2;margin:0 0 5px;color:#62ae5b;font-weight:600}.product-fund .return>span{font-size:12px;font-weight:500}.product-fund.gold .return{color:#333}.fund-metrics small{font-size:10px;color:#999}.fund-metrics p{font-size:12px;line-height:1.35;margin:0;color:#373737}.fund-risk{display:flex;align-items:center;gap:7px;margin-top:16px;color:#999;font-size:10px}.fund-risk>span:first-child{border:1px solid #ccc;padding:2px 4px;border-radius:3px}.fund-risk>span.high:first-child{border-color:#ffd4b8;color:#e78b53}
#phone[data-screen="assets"] #app{background:linear-gradient(#f56600 0,#f56600 80px,#f6f7f8 200px)}.assets-page .card{border-radius:10px}.assets-overview{padding:17px 9px 12px}.asset-gauge{position:relative;width:232px;max-width:90%;margin:0 auto 20px}.asset-gauge>svg{display:block;width:100%;height:auto}.gauge-caption{position:absolute;left:0;right:0;bottom:6px;text-align:center}.gauge-caption>div{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#777}.gauge-caption button{display:flex;padding:2px;color:#999}.gauge-caption .icon{height:17px;width:17px}.gauge-caption strong{display:block;font-size:27px;font-weight:400;color:#222;margin-top:8px}.asset-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.asset-legend>button{background:#f7f7f7;border-radius:9px;padding:10px 3px;text-align:center}.asset-legend>button>span{display:flex;justify-content:center;align-items:center;gap:4px;font-size:10px;white-space:nowrap;color:#666}.allocation-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff6500}.allocation-1{background:#ff9500}.allocation-2{background:#00a68f}.asset-legend strong{display:block;font-size:15px;color:#222;font-weight:400;margin-top:8px}.assets-page .asset-section{padding:0;overflow:hidden;margin-bottom:12px}.asset-section>.linkrow{font-size:16px;padding:15px;border-bottom:1px solid #f0f0f0;color:#202124}.asset-section>.linkrow .icon{width:20px;height:20px}.asset-section>.linkrow[data-go="invest"] .icon{color:#00a68f}.asset-section .end{font-size:12px;color:#999}.asset-rows{padding:16px}.asset-rows .row{font-size:13px;color:#777}.asset-rows .row>span:last-child:not(.green){color:#333;white-space:nowrap}.asset-rows .row+.row{margin-top:16px}.usd-row{display:flex;align-items:center;gap:10px;padding:16px;width:100%;border-top:1px solid #f0f0f0;font-size:11px;color:#777}.usd-symbol{font-size:23px}.usd-row>.orange{margin-left:auto;font-size:12px;white-space:nowrap}.deposit-small{background:var(--orange);color:white;border-radius:5px;padding:9px;font-size:12px;white-space:nowrap}.asset-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.asset-tags span{border:1px solid #ffd2ad;background:#fff6ef;color:var(--orange);border-radius:4px;padding:2px 4px;font-size:10px}.asset-rows .holding-link{color:#222;margin-bottom:4px;font-size:15px}