/* Gamify — unified typography and shared visual language */
:root{--font-body:'DM Sans',system-ui,-apple-system,sans-serif;--font-display:'Manrope','DM Sans',system-ui,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-body)!important;font-synthesis:none}
h1,h2,h3,h4,.brand,.brand-wordmark,.pnl-wordmark,.metric,.hero-pnl,.pnl-value strong,.price,.stat-value,.share-feature>strong{font-family:var(--font-display)!important;font-synthesis:none}
h1,h2,h3,h4{letter-spacing:-.045em}
.hero-performance #dailyPnl.hero-pnl,.pnl-value strong{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-.06em!important;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}
.hero-performance #dailyPnl.hero-pnl.positive{color:#22b889!important}
.hero-performance #dailyPnl.hero-pnl.negative{color:#ed6471!important}
.hero-performance #dailyPnl.hero-pnl.is-hidden{color:var(--muted)!important}
/* Landing page inherits the same quiet surfaces and rounded geometry as the workspace */
body:has(.hero.wrap){background:radial-gradient(ellipse 65% 540px at 50% 0,#26354021,transparent),#0b0e14!important;color:#eef1f7}
body:has(.hero.wrap) .header{background:#0b0e14eb!important;border-bottom:1px solid #ffffff12}
body:has(.hero.wrap) .pnl-preview{background:radial-gradient(ellipse at 80% 12%,#26364038,transparent 55%),linear-gradient(145deg,#121720,#0b0e14)!important;border:1px solid #ffffff17!important;border-radius:18px!important}
body:has(.hero.wrap) .pnl-value strong{color:#22b889!important;font-size:clamp(45px,5.4vw,68px)!important}
body:has(.hero.wrap) .pnl-value strong span{color:inherit!important;opacity:.7}
body:has(.hero.wrap) .price-card{background:#121720!important;border:1px solid #ffffff14!important;border-radius:18px!important}
body:has(.hero.wrap) .btn{border-radius:10px!important}
body:has(.hero.wrap) .pnl-preview .chart-line{stroke:#22b889!important}
body:has(.hero.wrap) .pnl-preview .pnl-chart circle{fill:#22b889!important}
@media(max-width:700px){body:has(.hero.wrap) .pnl-value strong{font-size:clamp(40px,10vw,54px)!important}}