body>header{gap:26px}.unified-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin:0 auto;height:100%}.unified-nav a{display:flex;align-items:center;white-space:nowrap;font-size:14px;color:#999eae;transition:color .2s}.unified-nav a:hover,.unified-nav a[aria-current=page]{color:#69b4ff}.unified-nav svg{display:none}.menu-toggle{display:none}#navigation-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,85vw);max-width:85vw;height:100dvh;max-height:100dvh;padding:30px 22px;border:0!important;border-radius:0 26px 26px 0;color:#eaecf1;background:linear-gradient(160deg,#18193af5,#0c0c1cfb);backdrop-filter:blur(24px);box-shadow:24px 0 100px #0006;overscroll-behavior:contain}#navigation-drawer[open]{animation:drawer-enter .25s ease-out}#navigation-drawer::backdrop{background:#030308a6;backdrop-filter:blur(6px)}.drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.drawer-heading>a{font-size:29px;font-weight:600;letter-spacing:-1px;color:#b9d3ed}.drawer-heading button{width:44px;height:44px;padding:0;border:0!important;background:#8eb5dd0d;border-radius:14px;font-size:29px;color:#a7afc7;cursor:pointer}#navigation-drawer nav{display:flex;flex-direction:column;gap:12px;margin:0}#navigation-drawer nav a{display:flex;align-items:center;gap:18px;border-radius:16px;padding:17px 19px;color:#999eae;font-size:16px}#navigation-drawer nav a[aria-current=page]{color:#69b4ff;background:#68abee12}#navigation-drawer nav a:hover{background:#68abee0a}#navigation-drawer svg{width:23px;height:23px;flex:none}#navigation-drawer a:focus-visible,#navigation-drawer button:focus-visible,.menu-toggle:focus-visible{outline:2px solid #69b4ff;outline-offset:4px}.bottomnav{display:none!important}@keyframes drawer-enter{from{transform:translateX(-100%);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(max-width:900px){body>header{gap:14px;padding-left:22px;padding-right:22px;position:relative;z-index:10}.unified-nav{display:none}.menu-toggle{display:grid;place-items:center;width:42px;height:42px;flex:none;border:0!important;border-radius:12px;background:#8eb5dd0d;color:#b9d0e7;padding:9px;cursor:pointer}.menu-toggle svg{width:24px;height:24px}.appbar .account,body>header>.entry{margin-left:auto}.appbar .brand-sub{display:none}.appbar .brand,body>header>.logo{font-size:27px}.appbar .mark,body>header>.logo b{font-size:35px}body>header>.entry{gap:10px}.appbar~footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}#toast{bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:360px){body>header{gap:9px;padding-left:15px;padding-right:15px}.menu-toggle{width:38px;height:38px}.entry{padding-left:10px}}
@media(prefers-reduced-motion:reduce){#navigation-drawer[open]{animation:none}}

footer .social-channels{display:flex;align-items:center;gap:14px;margin-left:auto;width:auto}footer .social-channels button{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border:0!important;border-radius:12px;opacity:.7;cursor:default}footer .social-channels img{width:22px;height:22px;object-fit:contain}@media(max-width:600px){footer .social-channels{width:100%;margin:8px 0 0;justify-content:flex-start;gap:16px}}

.unified-nav .lp-menu{font:inherit;font-size:14px;color:#999eae;background:none;border:0;padding:0;white-space:nowrap;cursor:pointer}.unified-nav .lp-menu:hover{color:#69b4ff}#navigation-drawer nav .lp-menu{display:flex;align-items:center;gap:18px;border:0;background:none;border-radius:16px;padding:17px 19px;color:#999eae;font:inherit;font-size:16px;text-align:left;cursor:pointer}#navigation-drawer nav .lp-menu:hover{background:#68abee0a}.lp-menu:focus-visible{outline:2px solid #69b4ff;outline-offset:4px}.nav-notice{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100;padding:12px 24px;border-radius:18px;background:#b6d2ef;color:#171839;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}.nav-notice.visible{opacity:1}
.language-control{display:inline-flex;align-items:center;gap:6px;flex:none;color:#b2bbd5;font-size:14px}.language-control>span{font-size:24px}.language-control select{font:inherit;color:inherit;background:#12132b;border:0;border-radius:10px;max-width:112px;padding:9px 7px;cursor:pointer}.language-control select:focus-visible{outline:2px solid #69b4ff;outline-offset:3px}#navigation-drawer>.language-control{display:flex;margin-top:32px;padding:16px 19px}.unified-nav{gap:22px}html:not([lang=zh-Hant]) .hero h1{font-size:clamp(32px,4vw,58px);letter-spacing:-1px}html:not([lang=zh-Hant]) .hero-copy{width:65%}html:not([lang=zh-Hant]) .hero-foot{flex-wrap:wrap}html:not([lang=zh-Hant]) h2{overflow-wrap:break-word}html:not([lang=zh-Hant]) .pair{gap:20px}html:not([lang=zh-Hant]) .pair strong{text-align:right}html:not([lang=zh-Hant]) .commerce-heading p{max-width:700px;margin:auto}html:not([lang=zh-Hant]) .roleline{gap:15px}html:not([lang=zh-Hant]) .cardprice{font-size:36px}@media(min-width:901px) and (max-width:1180px){body>header{gap:12px;padding-left:20px;padding-right:20px}.unified-nav{gap:13px}.unified-nav a,.unified-nav .lp-menu{font-size:13px}.entry{gap:8px;padding-left:12px}.account{padding:8px 12px}.language-control select{max-width:93px}.language-control>span{display:none}}@media(max-width:900px){body>header>.language-control{display:none}html:not([lang=zh-Hant]) .hero-copy{width:85%}}@media(max-width:600px){html:not([lang=zh-Hant]) .hero-copy{width:100%}html:not([lang=zh-Hant]) .hero h1{font-size:35px}html:not([lang=zh-Hant]) .hero{min-height:760px}html:not([lang=zh-Hant]) .intro{max-width:310px}html:not([lang=zh-Hant]) .cardprice{font-size:34px}html:not([lang=zh-Hant]) .brand{font-size:25px}html:not([lang=zh-Hant]) .account{font-size:12px}html:not([lang=zh-Hant]) .gv-frozen{flex-wrap:wrap;gap:12px}html:not([lang=zh-Hant]) .payfi h2{font-size:26px}}

.language-control{position:relative}.language-trigger{display:flex;align-items:center;gap:8px;padding:10px 6px;border:0!important;border-radius:10px;background:transparent;color:#b0b7cb;font:inherit;font-size:13px;cursor:pointer}.language-trigger:hover{color:#e5e7ee;background:#8cb4dc08}.language-trigger svg{width:18px;height:18px}.language-trigger .language-chevron{width:13px;height:13px;opacity:.6}.language-options{position:absolute;right:0;top:calc(100% + 10px);width:174px;padding:8px;border-radius:17px;background:#13132df5;backdrop-filter:blur(22px);box-shadow:0 16px 48px #0006;z-index:50}.language-options[hidden]{display:none}.language-options button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;border:0!important;border-radius:10px;background:transparent;color:#a0a6ba;font:inherit;font-size:14px;cursor:pointer;text-align:left}.language-options button:hover{background:#69b4ff0a;color:#e9ebf1}.language-options button[aria-pressed=true]{color:#a9caeb;background:#69b4ff0b}.language-check{visibility:hidden;font-size:13px}.language-options button[aria-pressed=true] .language-check{visibility:visible}.language-trigger:focus-visible,.language-options button:focus-visible{outline:1px solid #7885ab;outline-offset:2px}#navigation-drawer>.language-control{padding:12px 19px}#navigation-drawer .language-options{left:12px;right:auto;top:auto;bottom:calc(100% + 4px)}@media(max-width:1100px){.language-trigger{gap:5px}.language-trigger svg:first-child{display:none}}

/* Mobile layout uses content flow, including after language changes. */
@media(max-width:800px){html{width:100%;overflow-x:hidden}body{width:100%;min-width:0;overflow-x:hidden}body>header{min-height:76px;height:auto;padding-top:12px;padding-bottom:12px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));gap:10px;flex-wrap:nowrap}.hero,html:not([lang=zh-Hant]) .hero{min-height:0!important;padding:32px 22px 0;display:flex;gap:0;max-width:100%}.hero-copy,html:not([lang=zh-Hant]) .hero-copy{width:100%;min-width:0}.hero .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.7px;margin-bottom:20px;overflow-wrap:anywhere}.hero h1,html:not([lang=zh-Hant]) .hero h1{font-size:clamp(29px,7.8vw,46px);line-height:1.18;letter-spacing:-.8px;margin-bottom:22px;overflow-wrap:normal;word-break:normal}.hero .intro,html:not([lang=zh-Hant]) .hero .intro{max-width:100%;font-size:14px;line-height:1.75;margin-bottom:24px}.hero .intro br{display:none}.hero-globe-slot{width:100%;max-width:430px;aspect-ratio:1;margin:14px auto 0;position:relative;flex:none}.hero-globe-slot #rotating-globe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.82;mask-image:linear-gradient(#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)}.hero-foot{margin:0;padding:4px 0 20px;gap:14px;font-size:12px;line-height:1.8}.hero-foot>a{font-size:13px}.section{min-width:0}.section-heading h2,.commerce-heading h2{overflow-wrap:anywhere}.commerce.section{padding-top:40px}body>header>.logo,body>header>.brand{flex:none}body>header>.entry{font-size:12px;padding:7px 7px 7px 12px;gap:8px}body>header>.entry span{width:30px;height:30px}.appbar .account{min-width:0;max-width:160px;overflow-wrap:anywhere}.appbar~main .pair{flex-wrap:wrap;gap:8px 16px}.appbar~main .pair strong{max-width:100%;overflow-wrap:anywhere}.gv-input-label{flex-wrap:wrap}.commerce-brand span{font-size:11px}.commerce-brand{gap:8px}}
@media(min-width:801px){.hero-globe-slot{display:none}}
@media(max-width:360px){body>header>.logo,body>header>.brand{font-size:23px}body>header>.logo b{font-size:30px}.menu-toggle{width:34px;height:36px}.hero,html:not([lang=zh-Hant]) .hero{padding-left:18px;padding-right:18px}.hero h1,html:not([lang=zh-Hant]) .hero h1{font-size:28px}}
/* Compact mobile drawer, shared across homepage and app. */
#navigation-drawer{width:min(276px,78vw);max-width:78vw;padding:20px 14px calc(20px + env(safe-area-inset-bottom));padding-top:max(20px,env(safe-area-inset-top));border-radius:0 20px 20px 0;background:linear-gradient(160deg,#12132dfa,#0b0c1bfb);box-shadow:16px 0 60px #0005;overflow-y:auto;overflow-x:hidden}
#navigation-drawer .drawer-heading{margin-bottom:25px;padding:0 7px;gap:12px}
#navigation-drawer .drawer-heading>a{font-size:25px;letter-spacing:-.7px}
#navigation-drawer .drawer-heading button{width:44px;height:44px;font-size:25px;background:transparent;border-radius:12px}
#navigation-drawer nav{gap:5px}
#navigation-drawer nav a,#navigation-drawer nav .lp-menu{font-size:14px;line-height:1.5;min-height:48px;padding:12px 14px;gap:13px;border-radius:12px;white-space:normal;overflow-wrap:anywhere}
#navigation-drawer nav svg{width:20px;height:20px;flex:none}
#navigation-drawer nav a[aria-current=page]{background:#68abee0b;color:#a4c6e9}
#navigation-drawer>.language-control{margin-top:24px;padding:8px 12px}
#navigation-drawer .language-trigger{min-height:44px;font-size:13px;gap:8px}
#navigation-drawer .language-trigger svg:first-child{display:block;width:17px;height:17px}
#navigation-drawer .language-options{width:166px;left:8px;padding:6px;border-radius:14px}
#navigation-drawer .language-options button{min-height:44px;padding:10px 12px;font-size:14px}
#navigation-drawer::backdrop{background:#03030880;backdrop-filter:blur(4px)}
@media(max-width:360px){#navigation-drawer{width:260px;max-width:82vw;padding-left:12px;padding-right:12px}}

/* Midnight aurora palette shared by the homepage and application. */
:root{--bg:#080813;--surface:#101026;--text:#f4f7ef;--ink:#f4f7ef;--muted:#a2a8ba;--lime:#006dda;--accent:#006dda}
body{background:radial-gradient(ellipse at 82% 4%,#1b1d4366,transparent 40%),radial-gradient(ellipse at 5% 32%,#22235222,transparent 32%),#080813;color:var(--ink)}
.appbar{background:#090916ed}.logo b,.mark{color:#006dda}.brand,.logo{color:#f4f7ef}
em{color:#398fe6}.primary{background:linear-gradient(125deg,#499bed,#0067ce);color:#0c0d1e;box-shadow:0 5px 24px #006dda10}
.unified-nav a[aria-current=page],.unified-nav a:hover,.unified-nav .lp-menu:hover,#desktopnav a.active,.tabs button.active{color:#358de5}
#navigation-drawer{background:linear-gradient(160deg,#12132cfb,#080915fc)}
#navigation-drawer nav a[aria-current=page]{color:#398fe6;background:#006dda10}
.rolecard,.orderpanel,.gv-balances{background:linear-gradient(130deg,#18193ae8,#0d0e21ee)}
.role-service,.balancehero{background:radial-gradient(ellipse at top right,#006dda17,transparent 70%),linear-gradient(130deg,#1d1e46,#0f1024)}
.tech-main{background:radial-gradient(ellipse at 50% 10%,#006dda33,transparent 70%),#0f1025}
.tech-symbol{background-image:linear-gradient(145deg,#f4f7ef,#559fe9 45%,#222453)}
.language-options,dialog{background:#101128f7}
.payfi-visual img,.data-empty img{filter:hue-rotate(145deg) saturate(.55)}

/* Reference palette: near-black, violet atmosphere and ice-blue highlights. */
:root{--bg:#03060d;--surface:#111329;--text:#e9eaf4;--ink:#e9eaf4;--muted:#a6abc4;--lime:#83c9f0;--accent:#83c9f0}
body{background:radial-gradient(ellipse at 82% 5%,#7770d329,transparent 38%),radial-gradient(ellipse at 10% 35%,#4c93bb12,transparent 30%),#03060d;color:var(--ink)}
.appbar{background:#070913ed}.brand,.logo{color:#e9eaf4}.logo b,.mark{color:#b8b4fa}
em{color:#83c9f0}.hero h1 em,.closing h2 em{background:linear-gradient(100deg,#a6a2f0,#6bb4e5 55%,#74dddc);color:transparent;background-clip:text;-webkit-background-clip:text}
.primary{background:linear-gradient(120deg,#bdb7fa,#88c5ed);color:#101326;box-shadow:0 5px 24px #8580e516}
.unified-nav a[aria-current=page],.unified-nav a:hover,.unified-nav .lp-menu:hover,#desktopnav a.active,.tabs button.active{color:#abc4ff}
#navigation-drawer{background:linear-gradient(160deg,#16172bfc,#080b16fc)}
#navigation-drawer nav a[aria-current=page]{color:#c1c5ff;background:#9790ff10}
.rolecard,.orderpanel,.gv-balances{background:linear-gradient(130deg,#1b1d35e8,#0d1021ee)}
.role-service,.balancehero{background:radial-gradient(ellipse at top right,#8f86ec19,transparent 70%),linear-gradient(130deg,#20213f,#0e1224)}
.ecosystem-grid article{background:linear-gradient(140deg,#1b1d32dd,#0e1120)}
.tech-main{background:radial-gradient(ellipse at 50% 10%,#8174de33,transparent 70%),#111329}
.tech-symbol{background-image:linear-gradient(145deg,#f0efff,#aba1ed 45%,#519cc5)}
.language-options,dialog{background:#15182bf7}
.commerce-hub{color:#c4c3fc;background:radial-gradient(ellipse at top,#9a91ef30,transparent 80%),#181d34}
.commerce-pulse{stroke:#99c9f5;filter:drop-shadow(0 0 4px #8f85e3)}

/* Electric cobalt reference theme. */
:root{--bg:#020615;--surface:#091538;--text:#f4f7ff;--ink:#f4f7ff;--muted:#a3afca;--lime:#80a7ff;--accent:#80a7ff}
body{background:radial-gradient(ellipse at 83% 3%,#103fdc55,transparent 38%),radial-gradient(ellipse at 10% 32%,#0633b522,transparent 32%),#020615;color:var(--ink)}
.appbar{background:#030b20ed}.brand,.logo{color:#f4f7ff}.logo b,.mark{color:#729fff}
em{color:#83aaff}.hero h1 em,.closing h2 em{background:linear-gradient(100deg,#f0f5ff,#83aaff 60%,#477aff);color:transparent;background-clip:text;-webkit-background-clip:text}
.primary{background:linear-gradient(125deg,#2454ed,#123bd2);color:#fff;box-shadow:0 6px 28px #164cff30}.primary:hover{filter:brightness(1.13)}
.unified-nav a[aria-current=page],.unified-nav a:hover,.unified-nav .lp-menu:hover,#desktopnav a.active,.tabs button.active{color:#89acff}
#navigation-drawer{background:linear-gradient(160deg,#091b43fc,#030a1cfc)}
#navigation-drawer nav a[aria-current=page]{color:#a4bfff;background:#2964ff19}
.rolecard,.orderpanel,.gv-balances{background:linear-gradient(130deg,#102654e8,#07132fee)}
.role-service,.balancehero{background:radial-gradient(ellipse at top right,#245dff24,transparent 70%),linear-gradient(130deg,#15347b,#091736)}
.ecosystem-grid article{background:linear-gradient(140deg,#102655dd,#07132d)}
.tech-main{background:radial-gradient(ellipse at 50% 10%,#2255ef44,transparent 70%),#091737}
.tech-symbol{background-image:linear-gradient(145deg,#f4f7ff,#7ca3ff 45%,#1743cf)}
.language-options,dialog{background:#0a1833f7}.commerce-hub{color:#c6d7ff;background:radial-gradient(ellipse at top,#366dff45,transparent 80%),#102858}
.commerce-pulse{stroke:#80a8ff;filter:drop-shadow(0 0 4px #2862ff)}
.brand-tile{background:linear-gradient(145deg,#142b51,#081329)}.brand-tile:hover{background:#16366c}

/* Brighter cobalt surfaces and crisp ice-blue accents. */
:root{--bg:#0b1735;--surface:#183465;--ink:#f7faff;--text:#f7faff;--muted:#bacbe6;--accent:#99ccff;--lime:#99ccff}
body{background:radial-gradient(ellipse at 82% 5%,#2869f273,transparent 43%),radial-gradient(ellipse at 8% 35%,#298bd332,transparent 35%),radial-gradient(ellipse at 70% 78%,#285ce82b,transparent 40%),#0b1735;color:var(--ink)}
.appbar{background:#102348e8}.logo b,.mark{color:#9bcaff}
.primary{background:linear-gradient(120deg,#a4e0ff,#80b5ff);color:#092456;box-shadow:0 8px 28px #398bff2b}
.hero h1 em,.closing h2 em{background-image:linear-gradient(100deg,#f3fbff,#a9ddff 65%,#80b9ff)}
.intro,.eyebrow,.hero-foot,.section-heading>p,article>p,article>div>p,details p,.commerce-heading p,.payfi-visual figcaption{color:#bdcfe9}
.unified-nav a,.unified-nav .lp-menu,.language-trigger{color:#c1d0e8}
.rolecard,.orderpanel,.gv-balances{background:linear-gradient(130deg,#21477aeb,#152f59f2)}
.role-service,.balancehero{background:radial-gradient(ellipse at top right,#5cafff33,transparent 70%),linear-gradient(130deg,#2759a0,#183762)}
.ecosystem-grid article{background:linear-gradient(140deg,#214776ee,#152e55)}
.tech-main{background:radial-gradient(ellipse at 50% 10%,#5aaaff55,transparent 70%),#183864}
.tech-side article,.holding,.plainpanel,.connectsurface{background:#19365cdd}
.tech-symbol{background-image:linear-gradient(145deg,#ffffff,#a9deff 48%,#4a9bff)}
.brand-tile{background:linear-gradient(145deg,#285481,#17345c)}.commerce-brand:hover .brand-tile{background:#31679b}
.commerce-hub{color:#ecf7ff;background:radial-gradient(ellipse at top,#9bdcff55,transparent 80%),#22539a}
.commerce-caption,.commerce-caption .brand-reference,footer,.data-empty p,.recordhead{color:#aabbda}
#navigation-drawer{background:linear-gradient(160deg,#183866fc,#0e2345fc)}
#navigation-drawer nav a,#navigation-drawer nav .lp-menu{color:#bccce6}
#navigation-drawer nav a[aria-current=page]{color:#ddf1ff;background:#80bfff1a}
.language-options,dialog{background:#18345afc}.language-options button{color:#c5d7ef}
.account,.entry,.outline{background:#8cc4ff1a;color:#e0efff}
.tabs button{color:#b9cdeb}.tabs button.active{background:#83c2ff20;color:#d6eeff}
.search,.amountinput,.stepper{background:#0b2146}
.payfi-visual img,.data-empty img{filter:hue-rotate(145deg) saturate(.6) brightness(1.2)}
.closing{background:radial-gradient(ellipse at center,#3b82f638,transparent 70%)}

/* Preserve the new commerce artwork’s blue, orange and gold materials. */
.payfi-visual img{filter:none;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%)}

/* Refined globe scale keeps the illustration secondary to content. */
@media(max-width:800px){.hero-globe-slot{max-width:370px;width:100%;margin:22px auto 8px}.hero-globe-slot #rotating-globe{opacity:.95}}