/* One type system across brand, community and mobile; SVG wordmarks remain artwork. */
:root{
 --font-ui:'Segoe UI','PingFang SC','Microsoft YaHei UI','Microsoft YaHei','Noto Sans CJK SC',sans-serif;
 --font:var(--font-ui);
 --font-mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;
 font-family:var(--font-ui);font-synthesis:none;
}
html body{font-family:var(--font-ui);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body :is(button,input,select,textarea){font-family:var(--font-ui);letter-spacing:normal}
html[data-surface] :is(h1,h2,h3,h4,.hero-brand-caption){font-family:var(--font-ui)!important;font-style:normal;letter-spacing:0}
html[data-surface] :is(h1,h2,h3,h4){font-weight:600;line-height:1.4;text-wrap:balance}
html[data-surface] :is(p,.desc,.post-text,.hub-copy){line-height:1.8}
html[data-surface] :is(.button,.nav-cta,.language-switch,.theme-switch,.tabs button,.segmented button){font-weight:500;line-height:1.4}
html[data-surface] :is(.eyebrow,.nav-label,.m-mini-label){font-family:var(--font-ui);font-weight:600;line-height:1.5;letter-spacing:.16em}
html[data-surface] :is(.metrics strong,.stat strong,.hub-stats strong,.platform-proof-grid strong,.m-platform-proof-grid strong,.trader-result strong,.data-table){font-variant-numeric:lining-nums tabular-nums}
html[data-surface] :is(.metrics strong,.stat strong,.hub-stats strong,.platform-proof-grid strong,.m-platform-proof-grid strong,.trader-result strong){letter-spacing:-.025em;font-weight:600}
html[data-surface] :is(.edition,.step-number,.hero-coordinate>span){font-family:var(--font-mono);font-weight:400}
html[data-surface] .hero .eyebrow{align-items:baseline}
html[data-surface] .hero .hero-static-brand{font-family:var(--font-ui);line-height:1.2}
html[data-surface] .hero-brand-caption{line-height:1.4;letter-spacing:.08em;font-weight:500}
html[data-surface=brand]:not([lang=en]) .hero h1{letter-spacing:.015em;line-height:1.4}
html[data-surface=brand][lang=en] .hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.24;letter-spacing:-.035em;font-weight:600}
html[data-surface=brand][lang=en] .hero h1 span{padding-bottom:.14em;margin-bottom:-.14em;overflow:visible}
html[data-surface=brand] footer{align-items:center;gap:24px 32px;line-height:1.6}
html[data-surface=brand] footer>:is(p,.admin-entry,span){font-size:13px;line-height:1.6;font-weight:400;letter-spacing:0}
html[data-surface=brand] footer p{margin:0}
html[data-surface=brand] .footer-brand{display:flex;align-items:center;flex-shrink:0}
html[data-surface=brand] .footer-brand .brand-wordmark{display:block;width:156px;margin:0;font:inherit;letter-spacing:0}
html[data-surface=brand] :is(.section-heading h2,.manifesto h2,.community-intro h2){font-size:clamp(30px,3.2vw,44px);line-height:1.45;letter-spacing:0;font-weight:600}
html[data-surface=brand] :is(.portal-card h3,.step h3){font-size:22px;line-height:1.5;font-weight:600}
html[data-surface=brand] :is(.section-heading>p,.portal-card>p,.step p,.manifesto-bottom p){font-size:15px;line-height:1.9}
html[data-surface=brand] :is(.platform-proof-grid span,.mobile-product-link p){line-height:1.7}
html[data-surface=brand] .mobile-product-link strong{font-size:18px;font-weight:600}
html[data-surface] :is(.hub-heading h1,.page-heading h1,.profile-head h1){font-size:32px;line-height:1.4;font-weight:600}
html[data-surface] .hub-welcome h1{font-size:clamp(30px,2.8vw,40px);line-height:1.5;font-weight:500;letter-spacing:0}
html[data-surface] .hub-welcome p:not(.eyebrow){font-size:13px;line-height:1.9}
html[data-surface] .hub-top-traders .leaderboard-heading h2{font-size:21px;font-weight:600;display:flex;align-items:baseline;gap:12px}
html[data-surface] .leaderboard-heading h2 em{margin-left:0;font-family:var(--font-ui);font-weight:600}
html[data-surface] .hub-welcome .hub-top-traders :is(.leaderboard-basis,.leaderboard-note){font-size:11px;line-height:1.8}
html[data-surface] .trader-identity strong{font-size:14px;font-weight:600;line-height:1.5}
html[data-surface] :is(.trader-identity small,.trader-result small){font-size:11px;line-height:1.6}
html[data-surface] .trader-rank{font-family:var(--font-ui);font-style:normal;font-size:19px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html[data-surface] :is(.hub h2,.panel-title h2){line-height:1.5;font-weight:600}
html[data-surface] :is(.hub-launch h3,.strategy-card h3){font-size:16px;line-height:1.5;font-weight:600}
html[data-surface] :is(.hub-launch p,.hub-heading p:not(.eyebrow),.hub-copy,.hub-steps,.strategy-card .desc){font-size:13px;line-height:1.85}
html[data-surface] :is(.hub label,label){font-size:12px;line-height:1.6;font-weight:500}
html[data-surface] :is(.hub input,.hub select,input,select,textarea){line-height:1.5}
html[data-surface] :is(.data-table th,.data-table td){line-height:1.7}
html[data-surface] .data-table th{font-weight:600}
html[data-surface=mobile] :is(.m-section h2,.m-section-heading h2){font-size:20px;line-height:1.45;font-weight:600}
html[data-surface=mobile] .post-text{font-size:14px;line-height:1.9}
@media(max-width:700px){
 html[data-surface=brand][lang=en] .hero h1{font-size:clamp(30px,9vw,48px);line-height:1.26;letter-spacing:-.04em}
 html[data-surface=brand] footer{display:grid;grid-template-columns:1fr auto;gap:18px 16px;padding-left:6%;padding-right:6%}
 html[data-surface=brand] footer p{grid-column:1/-1;grid-row:2}
 html[data-surface=brand] footer>.admin-entry{grid-column:2;grid-row:1}
 html[data-surface=brand] footer>span{grid-column:1/-1;margin-left:0;font-size:11px}
 html[data-surface=brand] .footer-brand .brand-wordmark{width:136px}
 html[data-surface=brand] :is(.section-heading h2,.manifesto h2,.community-intro h2){font-size:30px;line-height:1.5}
 html[data-surface=brand] :is(.portal-card h3,.step h3){font-size:20px}
 html[data-surface=brand] :is(.section-heading>p,.portal-card>p,.step p,.manifesto-bottom p){font-size:14px}
 html[data-surface] :is(.hub-heading h1,.page-heading h1,.profile-head h1){font-size:27px}
 html[data-surface] .hub-welcome h1{font-size:30px;line-height:1.5}
 html[data-surface] .hub-welcome p:not(.eyebrow){font-size:12px}
 html[data-surface] :is(.trader-identity small,.trader-result small){font-size:10px}
 html[data-surface] .hub-top-traders .leaderboard-heading h2{font-size:20px}
 html[data-surface] .hub-welcome .hub-top-traders :is(.leaderboard-basis,.leaderboard-note){font-size:10px}
}