/* Light commerce theme: mist lavender, white surfaces, ink typography. */
:root{color-scheme:light;--bg:#f4f5ff;--surface:#fff;--ink:#151622;--text:#151622;--muted:#686b7c;--accent:#3d65d9;--lime:#3d65d9;--line:transparent}
html,body{background:#f4f5ff;color:#151622}body{background:radial-gradient(ellipse at 12% 0%,#e6e4ff,transparent 42%),#f5f6ff}
body :is(h1,h2,h3,h4,strong,.brand,.logo,.cardprice,.balance,.statnumber,.orderprice,.gv-secondary){color:#151622;text-shadow:none}
body :is(p,.caption,.muted,.eyebrow,.intro,.hero-foot,.sectionlabel,.section-heading>p,.number,.tech-label,.roleline,.sharedline,.pair,.recordhead,.empty,summary,.back,.quietlink,.textbutton,.gv-input-label,footer,.commerce-caption,.commerce-brand,.payfi-visual figcaption){color:#65697d}
body :is(.cardprice>span,.balance>span,.statnumber small,.poolstats small,.orderprice small,.gv-secondary span,.gv-input-label span,.assetrow>strong small){color:#73788b}
body em{color:#526cce}.hero h1 em,.closing h2 em{background:none;color:#526cce;-webkit-text-fill-color:currentColor}
body .appbar{background:#f5f6ffeb;backdrop-filter:blur(18px)}body :is(.logo b,.mark){color:#161827}
body :is(.primary,.circlearrow){background:#151622;color:#fff;box-shadow:0 7px 22px #30334f12}body .primary:hover,body .rolecard:hover .circlearrow{background:#354a91;color:#fff}
body :is(.account,.entry,.outline,.menu-toggle){background:#ffffffa8;color:#25283b}body .entry span{background:#151622;color:white}
body :is(.rolecard,.orderpanel,.connectsurface,.holding,.plainpanel,.ecosystem-grid article,.tech-side article){background:#ffffff;box-shadow:0 12px 38px #36356505}
body :is(.role-service,.balancehero,.gv-balances){background:linear-gradient(115deg,#e7eaff,#fdfdff);box-shadow:none}
body .tech-main{background:radial-gradient(ellipse at top,#d5e5ff,transparent 75%),#edeaff}
body .tech-symbol{background-image:linear-gradient(135deg,#5276dc,#9679d9);color:transparent}
body :is(.roleicon,.smallicon,.pill,.gv-estimate){background:#edf0fc;color:#5369bb}
body :is(.search,.amountinput,.stepper){background:#f0f2fb;color:#202238}body input,body .stepper button,body .amountinput input{color:#202238}
body :is(.assetrow:hover,.record,.accordions details){background:#eceffc}
body .tabs button{color:#6b7083}body .tabs button.active{background:#e4eaff;color:#334f9d}
body :is(.unified-nav a,.unified-nav .lp-menu,.language-trigger){color:#666c80}body .unified-nav a[aria-current=page]{color:#2d4d9c}
body :is(dialog,.language-options){background:#fff;color:#202238;box-shadow:0 18px 60px #24295624}body .language-options button{color:#626a7e}body .language-options button[aria-pressed=true]{color:#334f9d;background:#eaf0ff}
body :is(.iconbutton,.drawer-heading button){color:#5b647a}body dialog::backdrop{background:#1a23433d}
body #navigation-drawer{background:linear-gradient(160deg,#f2f2ff,#fff);color:#22273a;box-shadow:18px 0 60px #2429561c}
body #navigation-drawer .drawer-heading>a{color:#191d2c}body #navigation-drawer nav a,body #navigation-drawer nav .lp-menu{color:#657087}body #navigation-drawer nav a[aria-current=page]{background:#e7edff;color:#3558aa}
body .brand-tile{background:linear-gradient(140deg,#e3eaff,#fff);box-shadow:0 10px 25px #4c6bc312}body .commerce-brand:hover .brand-tile{background:#dde8ff}
body .commerce-hub{background:linear-gradient(140deg,#e3dcff,#dceaff);color:#344f9c;box-shadow:0 12px 40px #6788d920;animation:none}
body .commerce-trace{stroke:#718cd838}body .commerce-pulse{stroke:#5e80db;filter:none}
body .commerce-network,body .closing{background:radial-gradient(ellipse at center,#dce7ff88,transparent 70%)}
body .payfi-visual img{filter:none;mix-blend-mode:screen}body .data-empty img{filter:grayscale(.4);mix-blend-mode:multiply}
body footer .social-channels img{filter:brightness(.25)}body .error{color:#ad3c44}body .critical{color:#8b6332}body :focus-visible{outline-color:#5275ce}
body .payfi-visual img{mix-blend-mode:normal;border-radius:28px;mask-image:none;-webkit-mask-image:none}body .payfi-visual figcaption{margin-top:20px}body .payfi-visual{margin-top:28px}

/* Complete light-theme typography and asset adaptation. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.65}
body :is(h1,h2,h3){font-weight:600;letter-spacing:-.025em;line-height:1.25}
body .hero-foot>a,body .sharedline>a,body .roleline>span:last-child,body .balancehero .quietlink,body .recordlink,body .reviewrole,body .wallet-address{color:#334d8f}
body :is(.balancehero .caption,.balancehero .muted,.balancehero .balance>span,.cardbottom .caption,.benefit p,.disclosed,.checkbox,.quantityrow>label,.amountinput>span,summary>span){color:#626b82}
body .brand-tile img{filter:brightness(0) saturate(100%) opacity(.82);opacity:1}
body .brand-tile{background:#fff;box-shadow:0 8px 28px #283b7910}
body .commerce-network{max-width:900px;background:none}
body .commerce-hub{background:linear-gradient(140deg,#e0e8ff,#edf0ff);color:#355bb4;box-shadow:0 12px 32px #416bd018}
body .commerce-brand{color:#4f5c74}body .commerce-caption .brand-reference{color:#727c90}
body .hero{min-height:610px}body .hero-copy{max-width:620px}
body #rotating-globe{opacity:1;mask-image:none;-webkit-mask-image:none}
@media(min-width:801px){body:has(.hero) #rotating-globe{width:min(48vw,660px);height:min(48vw,660px);top:135px;right:0}body .hero-foot{position:relative;z-index:2}body:not(:has(.hero)) #rotating-globe{opacity:.16}}
@media(max-width:800px){body .hero-globe-slot{max-width:340px;margin:24px auto}body .hero-globe-slot #rotating-globe{opacity:1;mask-image:none;-webkit-mask-image:none}body:not(:has(.hero)) #rotating-globe{opacity:.10}body .hero h1{line-height:1.22}body .intro{font-size:16px;line-height:1.75}}
body .section-heading>p,body .commerce-heading p{max-width:640px;line-height:1.8}
body .data-empty img{mix-blend-mode:screen;filter:grayscale(1);opacity:.75}

/* Clean white theme shared by homepage and DApp. */
:root{--bg:#fff;--surface:#f7f8fa;--ink:#17191d;--text:#17191d;--muted:#686d76;--accent:#3568c4;--lime:#3568c4}
html,body{background:#fff;color:#17191d}
body .appbar{background:#ffffffed}
body :is(.commerce-network,.closing){background:none}
body :is(.rolecard,.orderpanel,.connectsurface,.holding,.plainpanel,.ecosystem-grid article,.tech-side article,.tech-main,.role-service,.balancehero,.gv-balances){background:#f7f8fa;box-shadow:none}
body :is(.roleicon,.smallicon,.pill,.gv-estimate,.assetrow:hover,.record,.accordions details,.search,.amountinput,.stepper){background:#f0f2f5;color:#59616e}
body :is(.account,.entry,.outline,.menu-toggle){background:#f4f5f7;color:#252a32}
body .brand-tile{background:#f6f7f9;box-shadow:none}body .commerce-brand:hover .brand-tile{background:#eceff3}
body .commerce-hub{background:#f0f3f8;box-shadow:none;color:#3568c4}
body .tech-symbol{background:none;color:#252c38;-webkit-text-fill-color:currentColor}
body #navigation-drawer{background:#fff;box-shadow:16px 0 50px #17243a12}
body :is(dialog,.language-options){background:#fff}
body .tabs button.active,body #navigation-drawer nav a[aria-current=page],body .language-options button[aria-pressed=true]{background:#eef3fa;color:#305da4}
body :is(.primary,.circlearrow){background:#191c22;color:#fff;box-shadow:none}
body em,.hero h1 em,.closing h2 em{color:#3568c4}

/* Center the constrained commerce subtitle in every language. */
body .commerce-heading p{margin-inline:auto;text-align:center}

/* Pearl globe presentation: reserve its own column and keep exploration below. */
@media(min-width:801px){body:has(.hero) #rotating-globe{top:135px;width:min(44vw,590px);height:min(44vw,590px);right:max(20px,calc((100vw - 1240px)/2))}body .hero{min-height:660px}body .hero-copy,html:not([lang=zh-Hant]) body .hero-copy{width:51%;max-width:590px}body .hero-foot{margin-top:90px;padding-top:34px;align-items:center}}
@media(max-width:800px){body .hero-foot{margin-top:16px;position:relative}body .hero-globe-slot{margin-bottom:20px}}