/* MM-2230. Shared site colours follow the user's light/dark preference. */
.mm-homepage-primary{width:100%;max-width:none;padding:0!important}.mm-homepage [hidden]{display:none!important}
.mm-hp-social #trader-spotlight-widget>div{font-family:inherit}
html.mm-theme-enabled body .mm-homepage .mm-hp-social #trader-spotlight-widget a.mm-toplist-see-all{color:var(--mm-ui-action-text)!important}
html.mm-theme-enabled body .mm-homepage .mm-hp-social #trader-spotlight-widget .mm-hp-trader-metric p{color:var(--mm-ui-muted)!important}
html:not(.mm-dark) .mm-hp-market-link>img{filter:brightness(.2)}
.mm-hp-market-controls button[aria-pressed]{width:24px;height:24px;display:grid;place-items:center;background:transparent}.mm-hp-market-controls button[aria-pressed]:after{content:'';width:6px;height:6px;border-radius:50%;background:var(--mm-ui-border)}.mm-hp-market-controls button[aria-pressed=true]:after{background:var(--mm-ui-text)}
.mm-hp-market-link>.mm-hp-market-value{flex:0 0 auto;display:flex;gap:12px;align-items:center}
.mm-hp-ad{max-width:1280px;width:100%;margin:0 auto;padding:0 16px;overflow:hidden}.mm-hp-ad:empty{display:none}
.mm-hp-market-link{display:flex;align-items:center;gap:12px;min-height:32px;color:var(--mm-ui-muted);font-size:14px;line-height:20px}.mm-hp-market-link strong{color:var(--mm-ui-text);font-size:16px}.mm-hp-market-link>span{flex:1}.mm-hp-market-link b{color:var(--mm-ui-text);font-size:16px;white-space:nowrap}.mm-hp-market-controls{display:flex;justify-content:center;gap:6px;margin-top:6px;align-items:center}.mm-hp-market-controls button{width:8px;height:8px;padding:0;background:var(--mm-ui-border);border:0;border-radius:50%}.mm-hp-market-controls button[aria-pressed=true]{background:var(--mm-ui-text)}.mm-hp-market-controls .mm-hp-market-pause{width:24px;height:24px;color:var(--mm-ui-muted);background:transparent;border-radius:4px;font-size:12px}
.mm-hp-partner-logo{display:flex;align-items:center;justify-content:center}.mm-hp-partner-logo img{transform:scaleY(-1)}
.mm-hp-trader{flex:1;min-width:300px;padding:16px;border:1px solid var(--mm-ui-border);border-radius:8px;background:var(--mm-ui-page);color:var(--mm-ui-text);font-size:14px;line-height:20px}.mm-hp-trader header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mm-hp-trader-profile{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;color:inherit;padding:0;min-width:0}.mm-hp-trader-profile>span:last-child{display:flex;flex-direction:column}.mm-hp-trader-profile strong{font-weight:500}.mm-hp-trader-profile small{font-size:12px;color:var(--mm-ui-muted)}.mm-hp-trader-rank{color:var(--mm-ui-muted);font-size:20px}.mm-hp-trader-follow{padding:8px 12px;border:1px solid var(--mm-ui-border);border-radius:8px;background:var(--mm-ui-action);color:var(--mm-ui-action-text);font-size:12px;font-weight:600;white-space:nowrap}.mm-hp-trader-badges{display:flex;gap:4px;flex-wrap:wrap;font-size:10px;line-height:16px;min-height:20px}.mm-hp-trader-badges>span{border:1px solid var(--mm-ui-border);border-radius:4px;padding:0 4px}.mm-hp-trader-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.mm-hp-trader-metric p{font-size:14px;color:var(--mm-ui-muted)}.mm-hp-trader-metric strong{font-size:20px;line-height:28px}.mm-hp-trader-chart{width:50%;color:var(--mm-ui-positive);font-size:10px;text-align:center}.mm-hp-trader-chart svg{width:100%;height:48px}.mm-hp-trader-subclasses>span{border:0;background:var(--mm-ui-surface);color:var(--mm-ui-muted)}.mm-hp-social .mm-hp-social-tabs button{font-size:14px!important;line-height:20px!important;padding:10px 12px!important}.mm-hp-social .mm-toplist-see-all{color:var(--mm-ui-action-text)!important}
.mm-homepage{--mm-ed-muted:var(--mm-ui-muted);--mm-ed-secondary:var(--mm-ui-muted);--mm-ed-quaternary:var(--mm-ui-muted);--mm-ed-green:var(--mm-ui-positive);--mm-ed-badge:var(--mm-ui-selected)}
.mm-homepage{font-family:Inter,Arial,sans-serif;color:var(--mm-ui-text);background:var(--mm-ui-page);width:100%;overflow:hidden}
.mm-homepage *{box-sizing:border-box}.mm-homepage h1,.mm-homepage h2,.mm-homepage h3,.mm-homepage p{margin:0}.mm-homepage a{text-decoration:none}.mm-homepage button{font:inherit;cursor:pointer}.mm-homepage a:focus-visible,.mm-homepage button:focus-visible{outline:3px solid var(--mm-ui-positive);outline-offset:4px}
.mm-hp-section{max-width:1280px;padding:96px 32px;margin:0 auto}.mm-homepage h2{font-size:48px;line-height:1.25;letter-spacing:-.96px;font-weight:600}.mm-hp-eyebrow{font-size:16px;font-weight:600;margin-bottom:20px!important}.mm-hp-section-header{display:flex;gap:48px;justify-content:space-between;align-items:flex-start;margin-bottom:48px}.mm-hp-section-header>div{max-width:768px}.mm-hp-section-header>div>p:last-child{font-size:20px;line-height:30px;color:var(--mm-ui-muted);margin-top:20px}.mm-hp-section-header>.mm-hp-button{flex-shrink:0}
.mm-hp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--mm-ui-action);border-radius:8px;padding:12px 18px;min-height:48px;font-size:16px;font-weight:600;line-height:24px;background:var(--mm-ui-action);color:var(--mm-ui-action-text);white-space:nowrap}.mm-hp-button:hover{opacity:.8}.mm-hp-button-secondary{background:var(--mm-ui-page);color:var(--mm-ui-text);border-color:var(--mm-ui-border);font-weight:500}.mm-hp-button:disabled{cursor:wait;opacity:.65}
.mm-hp-hero{position:relative;min-height:902px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 24px 12px;isolation:isolate}.mm-hp-hero-content{display:flex;flex-direction:column;align-items:center;max-width:1024px;position:relative;z-index:1;flex:1;justify-content:center;padding:64px 0 128px}.mm-hp-hero h1{font-size:60px;line-height:72px;letter-spacing:-1.2px;font-weight:600;text-align:center}.mm-hp-hero-content>p{font-size:20px;line-height:30px;max-width:480px;color:var(--mm-ui-muted);text-align:center;margin-top:24px}.mm-hp-shortcuts{display:flex;gap:10px;margin-top:24px}.mm-hp-spotlight{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--mm-ui-positive) 15%,var(--mm-ui-page));border-radius:999px;padding:4px 8px 4px 4px;font-size:14px;line-height:20px;color:var(--mm-ui-positive);margin-bottom:16px}.mm-hp-spotlight>span{border:1px solid var(--mm-ui-positive);border-radius:999px;padding:2px 10px}.mm-hp-highlights{min-height:44px;max-width:768px;width:100%;font-size:14px;color:var(--mm-ui-muted)}
.mm-hp-hero-chart{position:absolute;top:-73px;left:0;width:837px;height:541px;opacity:.6;overflow:hidden;z-index:-1;mask-image:radial-gradient(ellipse at 40% 45%,#000 10%,transparent 70%)}.mm-hp-hero-color{position:absolute;left:0;top:0;mask-image:url(../../assets/images/homepage/6740-f1037.svg)}.mm-hp-hero-line{position:absolute;left:8px;top:0;max-width:none}.mm-hp-marker{position:absolute;border-radius:2px;padding:2px;font-size:12px;font-weight:700;line-height:12px;transform:translateY(-32px)}.mm-hp-marker:after{content:'';position:absolute;height:20px;width:2px;left:50%;top:100%;background:currentColor}.mm-hp-buy{color:#17b26a;background:#074d31}.mm-hp-buy-one{left:27.36%;top:66.01%}.mm-hp-buy-two{left:51.29%;top:52.42%}.mm-hp-sell{left:45.13%;top:44.74%;background:#4e0d3a;color:#dd2590}.mm-hp-stop{left:80.52%;top:17.22%;color:#717680;background:#22252b}
.mm-hp-about{display:grid;grid-template-columns:1.25fr 1fr;gap:64px}.mm-hp-about-text{display:flex;flex-direction:column;gap:40px;padding-top:56px}.mm-hp-about-text h3{font-size:20px;line-height:30px;font-weight:700}.mm-hp-about-text p{font-size:20px;line-height:30px;color:var(--mm-ui-muted)}.mm-hp-about-chart-wrap{position:relative;width:100%;height:300px;margin-top:40px;overflow:hidden}.mm-hp-about-chart{position:relative;width:560px;height:282px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}.mm-hp-about-color{position:absolute;mask-image:url(../../assets/images/homepage/1255-20d9d.svg)}.mm-hp-about-lines{position:absolute;inset:0;animation:mm-hp-chart 12s ease-in-out infinite alternate}.mm-hp-about-line-secondary{position:absolute;left:3px;top:146px;max-width:none}.mm-hp-about-line{position:absolute;left:6px;top:0;max-width:none}.mm-hp-about-marker{position:absolute;left:75%;top:91px;width:12px;height:12px;border-radius:50%;background:#17b26a;box-shadow:0 0 0 5px #074d31}@keyframes mm-hp-chart{from{transform:translateX(0)}to{transform:translateX(-16px)}}
.mm-hp-portfolios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.mm-hp-portfolio{border:1px solid var(--mm-ui-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.mm-hp-portfolio-extra{display:none}.mm-hp-portfolios.is-expanded .mm-hp-portfolio-extra{display:flex}.mm-hp-portfolio-image{height:188px;position:relative;overflow:hidden}.mm-hp-portfolio-image img{width:100%;height:100%;object-fit:cover}.mm-hp-portfolio-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,var(--mm-ui-page))}.mm-hp-portfolio-body{padding:0 24px 24px;display:flex;flex-direction:column;flex:1}.mm-hp-portfolio h3{font-size:20px;line-height:30px;font-weight:600}.mm-hp-portfolio h3 a{color:inherit}.mm-hp-portfolio-body>p{font-size:14px;line-height:20px;margin:24px 0;color:var(--mm-ui-muted)}.mm-hp-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.mm-hp-badges span{font-size:14px;line-height:20px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--mm-ui-positive) 15%,var(--mm-ui-page));color:var(--mm-ui-positive)}.mm-hp-badges span:first-child{background:var(--mm-ui-action);color:var(--mm-ui-action-text)}.mm-hp-portfolio dl{margin:auto 0 24px;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:20px}.mm-hp-portfolio dl>div{display:flex;gap:12px;align-items:center}.mm-hp-portfolio dt{display:flex;align-items:center;gap:12px;flex:1;color:var(--mm-ui-muted);white-space:nowrap}.mm-hp-portfolio dt:after{content:'';height:1px;background:var(--mm-ui-border);flex:1}.mm-hp-portfolio dd{margin:0;display:flex;gap:5px;font-weight:600}.mm-hp-positive{color:var(--mm-ui-positive)}.mm-hp-negative{color:var(--mm-ui-negative)}.mm-hp-risk{width:12px;height:12px;border-radius:50%;background:var(--mm-ui-border)}.mm-hp-risk-active{background:var(--mm-ui-positive)}.mm-hp-more-portfolios,.mm-hp-more-articles{display:flex;margin:24px auto 0}
.mm-hp-tabs{display:flex;overflow:auto;gap:4px;max-width:100%;width:fit-content;background:var(--mm-ui-surface);border:1px solid var(--mm-ui-border);border-radius:999px;padding:4px;margin-bottom:24px}.mm-hp-tabs button{padding:10px 12px;white-space:nowrap;font-size:14px;line-height:20px;color:var(--mm-ui-muted);border:1px solid transparent;border-radius:999px;background:transparent}.mm-hp-tabs button[aria-pressed=true]{border-color:var(--mm-ui-border);color:var(--mm-ui-text);background:var(--mm-ui-page)}.mm-hp-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.mm-hp-articles .mm-editorial-card{min-width:0}.mm-hp-articles .mm-editorial-card-image{height:auto;aspect-ratio:1.5}.mm-hp-articles .mm-editorial-card h2{font-size:20px;line-height:30px;letter-spacing:0}.mm-hp-article-status{text-align:center;color:var(--mm-ui-muted);margin-top:16px!important}
.mm-hp-social #trader-spotlight-widget{width:100%}.mm-hp-social .mm-toplist-title{font-size:48px!important;line-height:60px!important;letter-spacing:-.96px}.mm-hp-social .mm-toplist-subtitle{font-size:20px;line-height:30px;color:var(--mm-ui-muted)}.mm-hp-social .mm-toplist-see-all{background:var(--mm-ui-action);color:var(--mm-ui-action-text);border-radius:8px;padding:12px 18px!important;font-size:16px!important;white-space:nowrap}
.mm-hp-partners{padding-top:32px;padding-bottom:96px;text-align:center}.mm-hp-partners>p{font-size:16px;line-height:24px;margin-bottom:32px}.mm-hp-partners>p>span{color:var(--mm-ui-muted)}.mm-hp-partners>div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.mm-hp-partners img{max-width:none}.mm-dark .mm-hp-partners img{filter:none}html:not(.mm-dark) .mm-hp-partners img{filter:brightness(.2)}
@media(max-width:1023px){.mm-hp-section{padding:64px 24px}.mm-homepage h2,.mm-hp-social .mm-toplist-title{font-size:36px!important;line-height:44px!important}.mm-hp-section-header{gap:24px}.mm-hp-hero{min-height:800px}.mm-hp-hero h1{font-size:48px;line-height:60px}.mm-hp-about{gap:32px;grid-template-columns:1fr 1fr}.mm-hp-about-chart{transform:scale(.75);transform-origin:left top}.mm-hp-portfolios{gap:20px}.mm-hp-portfolio-body{padding:0 16px 16px}.mm-hp-portfolio dt:after{display:none}.mm-hp-articles{gap:24px}}
@media(max-width:767px){.mm-hp-section{padding:48px 16px}.mm-homepage h2,.mm-hp-social .mm-toplist-title{font-size:30px!important;line-height:38px!important;letter-spacing:-.6px}.mm-hp-eyebrow{font-size:14px;margin-bottom:12px!important}.mm-hp-section-header{flex-direction:column;margin-bottom:32px}.mm-hp-section-header>div>p:last-child{font-size:18px;line-height:28px;margin-top:16px}.mm-hp-section-header>.mm-hp-button{order:2}.mm-hp-hero{min-height:760px;padding:40px 16px 16px}.mm-hp-hero-content{padding:72px 0 80px;justify-content:center;width:100%}.mm-hp-hero h1{font-size:36px;line-height:44px;letter-spacing:-.72px}.mm-hp-hero-content>p{font-size:18px;line-height:28px;margin-top:20px}.mm-hp-hero-chart{transform:scale(.65);transform-origin:top left;left:-100px;top:-20px}.mm-hp-shortcuts{flex-direction:column;width:100%;max-width:360px}.mm-hp-shortcuts a{justify-content:space-between}.mm-hp-about{display:flex;flex-direction:column;gap:0}.mm-hp-about-chart-wrap{height:230px;margin-top:24px}.mm-hp-about-chart{transform:scale(.6)}.mm-hp-about-text{padding-top:0;gap:24px}.mm-hp-about-text h3,.mm-hp-about-text p{font-size:18px;line-height:28px}.mm-hp-portfolios{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:4px 0 16px}.mm-hp-portfolio{flex:0 0 270px;scroll-snap-align:start}.mm-hp-portfolio-extra,.mm-hp-portfolios.is-expanded .mm-hp-portfolio-extra{display:none}.mm-hp-portfolio-image{height:110px}.mm-hp-portfolio-body{padding:0 16px 16px}.mm-hp-portfolio-body>p{font-size:12px;line-height:18px;margin:12px 0}.mm-hp-portfolio h3{font-size:18px;line-height:28px}.mm-hp-portfolio .mm-hp-button{display:none}.mm-hp-portfolio h3 a:after{content:'';position:absolute;inset:0}.mm-hp-portfolio dl{margin-bottom:0;font-size:12px}.mm-hp-badges{margin-bottom:16px;gap:4px}.mm-hp-badges span{font-size:12px;padding:2px 6px}.mm-hp-more-portfolios{display:none}.mm-hp-articles{grid-template-columns:1fr;gap:32px}.mm-hp-tabs{margin-bottom:24px}.mm-hp-tabs button{padding:8px 10px}.mm-hp-social .mm-toplist-subtitle{font-size:18px;line-height:28px}.mm-hp-partners>div{gap:24px;transform:scale(.75);transform-origin:center}.mm-hp-partners{padding-top:24px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.mm-hp-about-lines{animation:none}}
@media(max-width:767px){.mm-hp-partners>div{transform:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mm-hp-partner-logo{height:56px;overflow:visible}.mm-hp-partner-logo img{transform:scale(.65,-.65);flex-shrink:0}.mm-hp-market-link{flex-wrap:wrap;font-size:12px;gap:6px}.mm-hp-market-link strong{width:100%;font-size:14px}.mm-hp-market-link b{font-size:14px}.mm-hp-highlights{min-height:80px}}
.mm-hp-market-controls button[aria-pressed]{background:transparent!important}
@media(max-width:767px){.mm-hp-market-link>strong{width:calc(100% - 32px)}}

/* Pontus feedback: use the actual Figma success surfaces, rather than mixing
   the foreground green into the page background. Keep both theme modes. */
.mm-homepage{--mm-hp-success-surface:#ecfdf3;--mm-hp-success-border:#abefc6;--mm-hp-success-text:#067647}
.mm-dark .mm-homepage{--mm-hp-success-surface:#053321;--mm-hp-success-border:#085d3a;--mm-hp-success-text:#75e0a7}
.mm-hp-spotlight,.mm-hp-badges span:not(:first-child){background:var(--mm-hp-success-surface);color:var(--mm-hp-success-text)}
.mm-hp-spotlight{font-weight:500}.mm-hp-spotlight>span{border-color:var(--mm-hp-success-border);background:var(--mm-ui-page)}
.mm-hp-shortcuts .mm-hp-button{box-shadow:0 1px 2px rgba(10,13,18,.05),inset 0 0 0 1px rgba(10,13,18,.18),inset 0 -2px 0 rgba(10,13,18,.05)}
.mm-hp-shortcuts .mm-hp-shortcut-primary{border:2px solid rgba(255,255,255,.12);font-weight:600}
.mm-hp-shortcut-primary img{filter:brightness(.6)}
html:not(.mm-dark) .mm-hp-shortcut-primary img{filter:brightness(0) invert(1)}

/* Same reveal and subtle breathing timings as the existing production hero.
   Animate the inner artwork so responsive positioning remains independent. */
.mm-hp-hero-chart{pointer-events:none}
.mm-hp-hero-artwork{position:relative;width:837px;height:541px;animation:mm-hp-hero-reveal 5.5s cubic-bezier(.20,.70,.20,1) .15s both,mm-hp-hero-breathe 22s ease-in-out 5.7s infinite alternate;transform-origin:center}
@keyframes mm-hp-hero-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.20}10%{opacity:.48}100%{clip-path:inset(0);opacity:1}}
@keyframes mm-hp-hero-breathe{0%{translate:-.30% .20%;scale:1.012}50%{translate:.08% -.08%;scale:1.017}100%{translate:.38% -.27%;scale:1.013}}

/* The price line used to slide away beneath an independently positioned dot.
   Scale around the Figma marker's centre: that point stays on the same line
   throughout the animation, including reduced motion and responsive scaling. */
.mm-hp-about-lines{transform-origin:424.56px 94.24px;animation:mm-hp-about-chart 12s ease-in-out infinite alternate}
.mm-hp-about-marker{left:424.56px;top:94.24px;transform:translate(-50%,-50%);box-shadow:0 0 0 5px var(--mm-hp-success-border)}
@keyframes mm-hp-about-chart{from{transform:scaleX(1)}to{transform:scaleX(1.035)}}

/* One real link per section, after the cards in document/tab order. Desktop
   retains its top-right placement; mobile puts the full-width action below. */
.mm-hp-spotlight-section{position:relative}
.mm-hp-spotlight-section>.mm-hp-section-header{padding-right:220px;min-height:48px}
.mm-hp-section-action{position:absolute;top:96px;right:32px}
@media(min-width:768px) and (max-width:1023px){.mm-hp-section-action{top:64px;right:24px}.mm-hp-spotlight-section>.mm-hp-section-header{padding-right:190px}}
@media(max-width:767px){
  .mm-hp-section{padding-top:80px;padding-bottom:80px}
  .mm-hp-hero-content{align-items:flex-start;padding-top:32px;justify-content:flex-start}
  .mm-hp-hero h1,.mm-hp-hero-content>p{text-align:left}
  .mm-hp-shortcuts{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:10px;margin-top:32px}
  .mm-hp-shortcuts a{justify-content:center;padding:10px 12px;min-height:44px;gap:6px}
  .mm-hp-shortcuts .mm-hp-shortcut-primary{grid-column:1/-1}
  .mm-hp-spotlight-section>.mm-hp-section-header{padding-right:0}
  .mm-hp-section-action{position:static;display:flex;width:100%;margin-top:36px}
  .mm-hp-social .mm-toplist-see-all.mm-hp-social-action-mobile{display:flex;width:100%;min-height:48px;justify-content:center;font-weight:600}
  .mm-hp-social-widget{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){.mm-hp-hero-artwork,.mm-hp-about-lines{animation:none;translate:none;scale:none}}
/* MM-2230: use the homepage typeface for the separately mounted ticker. */
.mm-hp-market{font-family:Inter,Arial,sans-serif;touch-action:pan-y}
.mm-hp-market-controls{position:relative;gap:0}
/* Keep an accessible pause action without the extra visual II control. */
.mm-hp-market-controls .mm-hp-market-pause:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mm-hp-market-controls .mm-hp-market-pause:focus-visible{width:auto;min-width:44px;padding:4px 8px}
@media(max-width:767px){.mm-hp-market-link{min-width:0}.mm-hp-market-link>span:not(.mm-hp-market-value){min-width:0;overflow-wrap:anywhere}.mm-hp-market-link>.mm-hp-market-value{flex:0 0 auto}}
/* Keep the text out of the few remaining pixels beside the title. A complete
   row for each value is a readable fallback until the revised ticker sketch. */
@media(max-width:767px){
  .mm-hp-market-link{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px}
  .mm-hp-market-link>strong{width:auto}
  .mm-hp-market-link>span{grid-column:1/-1;flex:initial}
  .mm-hp-market-link>.mm-hp-market-value{justify-content:flex-start;min-width:0;max-width:100%}
  .mm-hp-market-link b{white-space:normal;overflow-wrap:anywhere}
}

/* MM-2230: Pontus' current Figma typography and responsive layout, 3 November. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('../../assets/fonts/Inter-Regular.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('../../assets/fonts/Inter-Medium.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('../../assets/fonts/Inter-SemiBold.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('../../assets/fonts/Inter-Bold.ttf') format('truetype')}
body.mm-homepage-route{font-family:Inter,Arial,sans-serif!important}
html.mm-theme-enabled body.mm-homepage-route .mm-homepage,
html.mm-theme-enabled body.mm-homepage-route .mm-homepage :is(h1,h2,h3,p,a,button,dt,dd,small,time),
html.mm-theme-enabled body.mm-homepage-route .mm-hp-social-widget,
html.mm-theme-enabled body.mm-homepage-route .mm-homepage :is(.mm-hp-badges,.mm-hp-spotlight,.mm-hp-tabs,.mm-editorial-card,.mm-hp-trader) span,
html.mm-theme-enabled body.mm-homepage-route :is(.mm-global-header,.mm-global-footer,.mm-global-newsletter) :is(a,p,button,input,span){font-family:Inter,Arial,sans-serif!important}
.mm-homepage{--mm-ui-text:#181d27;--mm-ui-action:#242424;--mm-ui-action-text:#fff;--mm-ui-positive:#079455;--mm-ui-border:#d5d7da;--mm-hp-supporting:#535862;--mm-hp-secondary:#414651;--mm-hp-border-secondary:#e9eaeb;--mm-hp-border-primary:#d5d7da;--mm-hp-tab-surface:#fafafa;--mm-hp-tab-selected:#fff;--mm-hp-tab-text:#717680;--mm-hp-tab-shadow:rgba(10,13,18,.05);--mm-hp-pagination-active:#181d27;--mm-hp-pagination-inactive:#f5f5f5;--mm-ed-muted:var(--mm-hp-supporting);--mm-ed-secondary:var(--mm-hp-supporting);--mm-ed-quaternary:var(--mm-hp-tab-text)}
.mm-dark .mm-homepage{--mm-ui-text:#f7f7f7;--mm-ui-action:#fff;--mm-ui-action-text:#000;--mm-ui-positive:#17b26a;--mm-ui-border:#373a41;--mm-hp-supporting:#94979c;--mm-hp-secondary:#cecfd2;--mm-hp-border-secondary:#22262f;--mm-hp-border-primary:#373a41;--mm-hp-tab-surface:#13161b;--mm-hp-tab-selected:#0c0e12;--mm-hp-tab-text:#94979c;--mm-hp-tab-shadow:transparent;--mm-hp-pagination-active:#fff;--mm-hp-pagination-inactive:#22262f}
html.mm-theme-enabled body .mm-homepage :is(.mm-hp-hero-content>p,.mm-hp-about-text p,.mm-hp-section-header>div>p:last-child,.mm-hp-portfolio-body>p,.mm-toplist-subtitle,.mm-hp-partners>p>span){color:var(--mm-hp-supporting)!important;font-weight:400!important}
.mm-hp-shortcuts .mm-hp-shortcut-primary{box-shadow:0 1px 2px rgba(10,13,18,.05)}
.mm-hp-shortcuts a{min-height:48px;padding-block:11px;font-weight:600}
.mm-hp-shortcuts picture{display:flex;align-items:center}
.mm-hp-button-secondary{color:var(--mm-hp-secondary);border-color:var(--mm-hp-border-primary)}
html:not(.mm-dark) .mm-hp-shortcuts .mm-hp-shortcut-primary img,.mm-dark .mm-hp-shortcuts .mm-hp-shortcut-primary img{filter:none}
@media(min-width:768px){.mm-hp-shortcuts .mm-hp-shortcut-primary{background:var(--mm-ui-page);color:var(--mm-hp-secondary);border:1px solid var(--mm-hp-border-primary)}}

/* Minimum height, not a clipped/fixed panel: all content remains reachable on
   physically short screens and while the on-screen keyboard is open. */
.mm-hp-hero{min-height:max(0px,calc(var(--mm-hp-visible-height,100svh) - var(--mm-hp-header-offset,80px)));padding:0 24px max(12px,env(safe-area-inset-bottom));gap:24px}
.mm-hp-hero-content{flex:1 0 auto;justify-content:center;padding:64px 0}
.mm-hp-highlights{flex:none}
.mm-hp-hero-chart{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%)}
.mm-hp-portfolio{border-color:var(--mm-hp-border-secondary)}
.mm-hp-portfolio dt:after{display:block;min-width:12px;background:var(--mm-hp-border-secondary)}
.mm-homepage .mm-editorial-card h2{font-size:18px!important;line-height:28px!important;letter-spacing:0}

/* Put the native scroll indicator outside the rounded group, not over text. */
.mm-hp-tabs-scroll{max-width:100%;overflow-x:auto;padding-bottom:10px;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--mm-hp-supporting) transparent}
.mm-hp-tabs-scroll::-webkit-scrollbar{height:4px}
.mm-hp-tabs-scroll::-webkit-scrollbar-thumb{background:var(--mm-hp-supporting);border-radius:999px}
.mm-hp-tabs-scroll::-webkit-scrollbar-track{background:transparent}
.mm-hp-tabs-scroll>.mm-hp-tabs{width:max-content;max-width:none;overflow:visible;margin:0;padding:5px;gap:4px;border:1px solid var(--mm-hp-border-secondary);background:var(--mm-hp-tab-surface);box-shadow:none}
.mm-homepage .mm-hp-tabs button,.mm-homepage .mm-hp-social .mm-hp-tabs button{flex:none;min-height:44px;padding:8px 12px!important;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--mm-hp-tab-text);font-size:16px!important;line-height:24px!important;font-weight:600}
.mm-homepage .mm-hp-tabs button[aria-pressed=true]{border-color:var(--mm-hp-border-primary);background:var(--mm-hp-tab-selected);color:var(--mm-hp-secondary);box-shadow:0 1px 2px var(--mm-hp-tab-shadow)}
.mm-homepage .mm-hp-social .mm-toplist-see-all{font-size:16px!important;line-height:24px!important;font-weight:600!important;min-height:48px;gap:10px;padding:12px 18px!important}

@media(max-width:767px){
 .mm-hp-hero{padding:0 16px max(12px,env(safe-area-inset-bottom));gap:24px;--mm-hp-header-offset:72px}
 .mm-hp-hero-content{width:100%;padding:48px 0 0;align-items:flex-start;justify-content:flex-start}
 .mm-hp-hero h1{font-size:48px;line-height:60px;letter-spacing:-.96px}
 .mm-hp-hero-content>p{margin-top:16px;font-size:18px;line-height:28px}
 .mm-hp-shortcuts{margin-top:24px}
 /* Keep Figma's 44px visible button height, including the CSS border. */
 .mm-hp-shortcuts a{min-height:44px;padding-block:8px}
 .mm-hp-section[aria-labelledby=mm-hp-portfolios-title]>.mm-hp-section-header{text-align:center}
 #mm-hp-portfolios-title{font-size:36px!important;line-height:44px!important;letter-spacing:-.72px}
 .mm-hp-hero-chart{top:65%;left:50%;width:391px;height:229px;transform:translate(-50%,-50%);transform-origin:center}
 .mm-hp-hero-artwork{width:391px;height:229px}
 .mm-hp-hero-color{width:98.94%;height:100%;mask-image:url('../../assets/images/homepage/hero-mobile-mask-20261103.svg');mask-size:100% 100%}
 .mm-hp-hero-color img{width:100%;height:100%;max-width:none}
 .mm-hp-hero-line{left:1.06%;top:-1px;width:99.45%;height:72.75%}
 .mm-hp-highlights{width:calc(100% + 32px);max-width:none;min-height:74px;margin-inline:-16px}
 /* Pontus confirmed responsive widths with a visible next-card hint: preserve
    Figma's 340px at 402px; narrower phones leave at least 16px of the next card. */
 .mm-hp-portfolios,.mm-hp-articles{width:calc(100% + 32px);max-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;gap:16px;overflow-x:auto;scroll-snap-type:x proximity}
 .mm-hp-portfolio{flex:0 0 min(340px,calc(100vw - 48px));scroll-snap-align:start}
 .mm-hp-portfolio-body>p{font-size:14px;line-height:20px}
 .mm-hp-portfolio h3{font-size:20px;line-height:30px}
 .mm-hp-portfolio dl{font-size:14px;line-height:20px}
 .mm-hp-badges span{font-size:14px;line-height:20px;padding:2px 10px}
 .mm-hp-tabs-scroll{max-width:none;width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px}
 .mm-hp-articles{display:flex;padding-bottom:12px}
 .mm-hp-articles>.mm-editorial-card{flex:0 0 min(340px,calc(100vw - 48px));min-width:0;scroll-snap-align:start}
 .mm-hp-more-articles{display:none}
}

/* MM-2230: Pontus' three ticker models, 3 November 2026. Hero positioning is separate. */
.mm-hp-market{font-family:Inter,Arial,sans-serif;touch-action:pan-y;width:100%;min-height:44px}
.mm-hp-market-link{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand description metric";align-items:center;gap:12px;min-width:0;font:400 14px/20px Inter,Arial,sans-serif;color:var(--mm-ui-muted)}
.mm-hp-market-link>.mm-hp-market-brand{grid-area:brand;display:flex;align-items:center;flex:none;min-width:0;white-space:nowrap}
.mm-hp-market-brand strong{width:auto;flex:none;color:var(--mm-ui-text);font:600 16px/24px Inter,Arial,sans-serif}
.mm-hp-market-logo{width:32px;height:32px;display:grid;place-items:center;flex:none}
.mm-hp-market-logo img{max-width:none;filter:none}
.mm-hp-market img.mm-hp-market-image-dark{display:none}
.mm-dark .mm-hp-market img.mm-hp-market-image-light{display:none}
.mm-dark .mm-hp-market img.mm-hp-market-image-dark{display:block}
.mm-hp-market-link>.mm-hp-market-description{grid-area:description;min-width:0;flex:none;font:400 14px/20px Inter,Arial,sans-serif;color:var(--mm-hp-supporting,var(--mm-ui-muted))}
.mm-hp-market-link>.mm-hp-market-value{grid-area:metric;display:flex;justify-content:flex-end;gap:8px;align-items:center;min-width:0;flex:none;padding-right:8px;color:var(--mm-ui-text);font:500 16px/24px Inter,Arial,sans-serif}
.mm-hp-market-value b{flex:none;max-width:calc(100% - 28px);overflow-wrap:anywhere;white-space:normal;font:500 16px/24px Inter,Arial,sans-serif;color:var(--mm-ui-text)}
.mm-hp-market-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.mm-hp-market-turnover .mm-hp-market-name{color:var(--mm-hp-supporting,var(--mm-ui-muted));font-weight:400}
.mm-hp-market-live{position:relative;width:10px;height:10px;flex:none;margin:0 5px}
.mm-hp-market-live img{position:absolute;top:-5px;left:-5px;max-width:none}
.mm-hp-market-controls{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;height:6px;margin-top:6px}
.mm-hp-market-controls button[aria-pressed]{width:6px;height:24px;border:0;padding:0;border-radius:0;background:transparent!important;display:grid;place-items:center}
.mm-hp-market-controls button[aria-pressed]:after{content:'';width:6px;height:6px;border-radius:50%;background:var(--mm-hp-pagination-inactive)}
.mm-hp-market-controls button[aria-pressed=true]:after{background:var(--mm-hp-pagination-active)}
.mm-hp-market-controls .mm-hp-market-pause:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mm-hp-market-controls .mm-hp-market-pause:focus-visible{position:absolute;bottom:100%;width:auto;height:auto;min-height:32px;max-width:100%;padding:4px 8px;white-space:nowrap;font:400 12px/20px Inter,Arial,sans-serif;background:var(--mm-ui-page);color:var(--mm-ui-text)}
@media(max-width:767px){
 .mm-hp-market-link{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand metric" "description description";gap:4px 12px;padding:0 8px}
 .mm-hp-market-link>.mm-hp-market-brand{width:auto;min-width:0}
 .mm-hp-market-link>.mm-hp-market-description{padding:0 8px;overflow-wrap:anywhere}
 .mm-hp-market-link>.mm-hp-market-value{justify-content:flex-end;gap:8px;min-width:0}
 .mm-hp-market-value .mm-hp-market-move-value{display:none}
}
@media(max-width:359px){
 .mm-hp-market-link{gap:4px 6px;padding-left:0;padding-right:0}
 .mm-hp-market-link>.mm-hp-market-value{gap:4px;padding-right:0}
}

@media(max-width:767px){.mm-hp-market{min-height:74px}.mm-hp-market-controls{margin-top:12px}}

/* MM-2230: the live production chart, at its original desktop canvas scale.
   Keep the viewport-sized hero layout and centre the independent 720px canvas. */
.mm-hp-hero-production{display:none}
@media(min-width:768px){
 .mm-hp-hero-chart{width:106%;height:777.6px;opacity:.64;mask-image:none;overflow:visible}
 .mm-hp-hero-artwork{width:100%;height:100%}
 .mm-hp-hero-artwork>*{display:none}
 .mm-hp-hero-artwork>.mm-hp-hero-production{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
}

@media(min-width:768px) and (max-width:1024px){.mm-hp-hero-chart{height:702px}}
@media(min-width:768px){html:not(.mm-dark) .mm-hp-hero-chart{opacity:.46;filter:saturate(.88) brightness(1.04)}}

/* Desktop: give each dot its own non-overlapping 10px column and a 44px
   high target. The 6px circles retain their original 10px centre spacing. */
@media(min-width:768px){
 .mm-hp-market-controls{height:44px;gap:0}
 .mm-hp-market-controls button[aria-pressed]{position:relative;width:10px;height:44px}
 .mm-hp-market-controls button[aria-pressed]:after{position:absolute;bottom:0;left:2px}
}

/* The legacy body ss02 switches Inter zeroes to a slashed alternate.
   These Figma sections use Inter defaults, without optional OpenType sets. */
.mm-homepage{font-feature-settings:normal}