@import url("./bright.css");
/* BritePay / international finance editorial direction */
:root,[data-theme=light]{--bg:oklch(99.5% .002 245);--surface:oklch(96.9% .009 245);--ink:oklch(27% .05 253);--muted:oklch(47% .028 250);--accent:oklch(35% .09 254);--line:oklch(32% .04 250/.13);--radius:8px}
.header{height:88px;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.brand{letter-spacing:-1.2px}.brand svg{color:var(--ink)}
.navlinks a{color:var(--muted)}.navlinks a.active,.navlinks a:hover{color:var(--ink)}
.navlinks a.active:after{background:var(--ink);width:100%;height:2px}
.tools{color:var(--ink)}.btn{background:var(--accent);color:#fff;border-radius:4px;font-weight:500;gap:var(--space-6)}
.btn:hover{background:#284f78;color:white}.btn.outline{background:none;color:var(--ink)}
.hero{background:#f0f4f7;color:var(--ink);min-height:650px}
.hero-image{opacity:1;object-position:center}
.hero:after{background:linear-gradient(90deg,#f4f7fa 0%,#f4f7faeb 25%,#f4f7fa66 47%,transparent 65%)}
.hero-content{padding-top:var(--space-24);padding-bottom:var(--space-20)}
.hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(2.6rem,1.6rem + 3vw,4.4rem);line-height:1.25;max-width:750px;letter-spacing:-1.8px}
.hero h1 span{color:#426d92}.hero p{color:#506477;max-width:520px;line-height:1.9}
.hero .eyebrow{color:#43698b}.hero-bottom{border-color:#17344a25;color:#526b80;align-items:center}
.hero-bottom span:last-child{max-width:520px;text-align:right}
.orbit-label{top:60%;right:7%;background:#ffffffeb;color:#5b7083;border:1px solid #c9d6e0;box-shadow:0 8px 32px #28475a0d;backdrop-filter:blur(8px);padding:var(--space-4) var(--space-6)}
.orbit-label b{color:#17334a}.dot{background:#46759a}.industry-strip{background:var(--bg)}
.strip-row .selected{font-weight:400;color:var(--muted)}.strip-row>a{font-weight:500;color:var(--ink)}
.section-head{align-items:start}.section-head h2{max-width:690px}.section .eyebrow{color:#5c7992}
.product{border:1px solid var(--line);background:var(--bg);padding:var(--space-8);box-shadow:0 6px 25px #13395504}
.product-top>span{color:#7f94a6;font-size:var(--text-xs)}.mini-card{background:#e1eaf1;color:#19374e;box-shadow:0 16px 28px #25455c14;border:1px solid #cbdbe7;transform:rotate(-6deg)}
.mini-card small{color:#4c657c}.local-art span{background:var(--surface);border:0;color:#527697}
.local-art span:nth-child(2){background:#e6eef5;color:#264f72}
.game-banner{background:#edf2f6;color:var(--ink);min-height:460px;border-radius:8px;border:1px solid var(--line)}
.game-banner:after{background:linear-gradient(90deg,#f2f4f6 0%,#f2f4f6ed 25%,#f2f4f688 46%,transparent 65%)}
.game-copy{max-width:650px;padding:var(--space-16)}.game-copy h2{font-size:var(--text-xl);line-height:1.4}
.game-copy p{color:#506477;max-width:450px}.game-copy .eyebrow{color:#5c7992}
.industry-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}
.industry-tags span{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid #b5c7d7;border-radius:4px;color:#3e5c77;background:#ffffff9c}
.subhero{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding-block:var(--space-20)}
.subhero p{color:var(--muted);max-width:770px}.subhero .eyebrow{color:#5c7992}.subhero h1{max-width:1000px}
.cta{background:var(--surface);border-top:1px solid var(--line);padding-block:var(--space-16)}
footer{background:var(--bg);color:var(--ink)}.footer-top p{color:var(--muted)}.footer-links small{color:#607b92}
.footer-bottom{border-color:var(--line);color:var(--muted)}.region-pill{border-radius:4px}
.tabs button{border-radius:4px}.type-art{background:#e5edf4;color:#426b8c;border:1px solid var(--line)}
.industry-detail img{filter:saturate(.6);border-radius:8px}.market-detail{background:var(--surface);border:1px solid var(--line)}
.market-detail img{object-position:65% center}.market-preview img{border:1px solid var(--line);object-position:65% center}
[data-theme=dark]{--bg:oklch(21% .034 250);--surface:oklch(25% .038 250);--ink:oklch(94% .008 245);--muted:oklch(75% .023 245);--accent:oklch(77% .067 245);--line:oklch(85% .03 245/.18)}
[data-theme=dark] .btn{color:#10293e}[data-theme=dark] .btn:hover{color:white}
[data-theme=dark] .hero{--ink:#17344d;--muted:#506477}
[data-theme=dark] .hero .btn,[data-theme=dark] .game-banner .btn{background:#214f75;color:white}
[data-theme=dark] .game-banner{color:#17344d}[data-theme=dark] .section .eyebrow,[data-theme=dark] .subhero .eyebrow{color:#97b5cc}
[data-theme=dark] .game-copy .eyebrow{color:#5c7992}[data-theme=dark] .footer-links small{color:#97b5cc}
@media(min-width:1500px){.hero{min-height:700px}.hero-content{padding-top:112px}}
@media(max-width:1100px){.hero h1,html[lang=zh-CN] .hero h1{max-width:610px}.orbit-label{right:4%;top:65%}.game-copy{padding:var(--space-12)}}
@media(max-width:760px){.header{height:76px}.navlinks{top:76px;background:var(--bg);border-color:var(--line)}.hero{min-height:auto}.hero-image{opacity:.62;object-position:65% center}.hero:after{background:linear-gradient(90deg,#f4f7faf5,#f4f7fac0 55%,#f4f7fa60)}.hero-content{padding-top:var(--space-16);padding-bottom:var(--space-16)}.hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(2.4rem,8.6vw,3rem);letter-spacing:-1.3px}.hero p{font-size:var(--text-sm);max-width:100%}.hero-bottom{align-items:start}.hero-bottom span:last-child{text-align:left}.hero-actions{gap:var(--space-4)}.hero-actions .textlink{color:#284b68}.game-banner{min-height:520px}.game-banner img{opacity:.36;object-position:65% center}.game-banner:after{background:linear-gradient(90deg,#f2f4f6ed,#f2f4f688)}.game-copy{padding:var(--space-8)}.game-copy h2{font-size:var(--text-xl)}.subhero{padding-block:var(--space-12)}.industry-tags{gap:var(--space-2)}.orbit-label{display:none}.section-head h2{line-height:1.4}}

/* Connect identity / graphite, titanium and restrained blue-gray */
.brand{font-weight:700;letter-spacing:-1px;gap:var(--space-3)}
.brand svg{width:40px;height:40px;flex:none}

[data-theme=dark]{--bg:oklch(17.3% .008 250);--surface:oklch(21.3% .011 250);--ink:oklch(94.5% .008 245);--muted:oklch(72% .018 245);--accent:oklch(85% .03 240);--line:oklch(86% .02 245/.15)}
[data-theme=dark] .header{background:#101419;border-bottom-color:#e1eaf317}
[data-theme=dark] .brand{color:#e7eef4}
[data-theme=dark] .navlinks a{color:#aebcc8}
[data-theme=dark] .navlinks a.active,[data-theme=dark] .navlinks a:hover{color:#f4f7fa}
[data-theme=dark] .navlinks a.active:after{background:#b7cbd9}
[data-theme=dark] .btn{background:#c4d5e1;color:#15212b;border:1px solid #d9e4eb;border-radius:3px;font-weight:700}
[data-theme=dark] .btn:hover{background:#e7eff5;color:#14212a;transform:translateY(-2px)}
[data-theme=dark] .btn.outline{background:transparent;color:#dbe6ee;border-color:#788b9a}
[data-theme=dark] .hero{--ink:#e9eef3;--muted:#a7b6c5;background:#0e151d;color:var(--ink)}
[data-theme=dark] .hero-image{filter:saturate(.34) brightness(.64);opacity:1}
[data-theme=dark] .hero:after{background:linear-gradient(90deg,#10161e 0%,#10161ef2 24%,#10161e83 48%,#10161e00 78%)}
[data-theme=dark] .hero h1{font-weight:500;letter-spacing:-2px}
[data-theme=dark] .hero h1 span{color:#a9c1d2}
[data-theme=dark] .hero .eyebrow{color:#afc0cc;font-weight:500;letter-spacing:2.3px}
[data-theme=dark] .hero p{color:#b2bec9}
[data-theme=dark] .hero .btn,[data-theme=dark] .game-banner .btn{background:#c4d5e1;color:#15212b}
[data-theme=dark] .hero .textlink{color:#d1dce5}
[data-theme=dark] .hero-bottom{color:#9caebc;border-color:#b3c7d326}
[data-theme=dark] .orbit-label{background:#18212aea;border-color:#9fb7c333;color:#a5b6c3;box-shadow:none;backdrop-filter:blur(12px)}
[data-theme=dark] .orbit-label b{color:#e2eaf0;font-weight:500}
[data-theme=dark] .dot{background:#b9cedd}
[data-theme=dark] .industry-strip{background:#101419;border-color:#e3ecf317}
[data-theme=dark] .section .eyebrow,[data-theme=dark] .subhero .eyebrow{color:#9eb5c7;font-weight:500}
[data-theme=dark] .section-head h2{font-weight:500}
[data-theme=dark] .product{background:#181e25;border-color:#d0e1ef1c;box-shadow:none;border-radius:6px}
[data-theme=dark] .mini-card{background:linear-gradient(125deg,#52606c,#202c36 75%);color:#e0e9f0;border-color:#839aab70;box-shadow:0 22px 32px #05070a45;transform:rotate(-6deg)}
[data-theme=dark] .mini-card small{color:#b0c3d2}
[data-theme=dark] .local-art span{background:#26303a;border:1px solid #94aaba22;color:#a4bbc9}
[data-theme=dark] .local-art span:nth-child(2){background:#34414b;color:#e1eaf0}
[data-theme=dark] .game-banner{background:#0d1116;color:#e8eef3;border-color:#d8e9f01c;min-height:490px}
[data-theme=dark] .game-banner img{filter:saturate(.5);opacity:1}
[data-theme=dark] .game-banner:after{background:linear-gradient(90deg,#0e1319 0%,#0e1319ef 26%,#0e131985 48%,transparent 75%)}
[data-theme=dark] .game-copy{max-width:660px}
[data-theme=dark] .game-copy h2{font-weight:500}
[data-theme=dark] .game-copy p{color:#acbac6}
[data-theme=dark] .game-copy .eyebrow{color:#9eb5c7}
[data-theme=dark] .industry-tags span{background:#1a232ccc;border-color:#6a82964a;color:#bbccd9}
[data-theme=dark] .subhero{background:#151c24;border-color:#dbe5ef19}
[data-theme=dark] .subhero h1{font-weight:500}
[data-theme=dark] .sidepanel,[data-theme=dark] .market-detail{background:#181f27}
[data-theme=dark] .type-art{background:#202c36;color:#b8cddc;border-color:#b6c7d026;font-weight:500;letter-spacing:1px}
[data-theme=dark] .market-detail img,[data-theme=dark] .market-preview img{filter:saturate(.35) brightness(.75)}
[data-theme=dark] .cta{background:#1b242d;border-color:#8ea6b829}
[data-theme=dark] .cta h2{font-weight:500}
[data-theme=dark] footer{background:#0d1116}
[data-theme=dark] .footer-links small{color:#93a7b7}
[data-theme=dark] .footer-bottom{color:#8c9daa}
@media(max-width:760px){
  .brand svg{width:34px;height:34px}.brand{gap:var(--space-2)}
  [data-theme=dark] .navlinks{background:#121920}
  [data-theme=dark] .hero-image{opacity:.58;filter:saturate(.25) brightness(.65)}
  [data-theme=dark] .hero:after{background:linear-gradient(90deg,#10161eea,#10161eaa 60%,#10161e50)}
  [data-theme=dark] .hero h1{letter-spacing:-1px}
  [data-theme=dark] .game-banner img{opacity:.54}
  [data-theme=dark] .game-banner:after{background:linear-gradient(90deg,#10161eed,#10161e88)}
}