/* Public landing page; keep tournament and account layouts independent. */
.platform-home-shell .platform-hero { min-height: 0; padding-block: clamp(3rem, 6vw, 5.5rem); }
.platform-home-shell .platform-hero h1 { font-size: clamp(2.8rem, 5vw, 4.8rem); }
.platform-hero-line { display: block; }
.platform-home-shell .platform-lead { max-width: 36rem; margin-top: 1.5rem; font-size: clamp(1rem, 1.4vw, 1.15rem); }
.platform-home-shell .platform-actions { gap: .8rem 1.3rem; margin-top: 1.5rem; }
.platform-home-shell .platform-text-link { display: inline-flex; align-items: center; gap: .35rem; min-height: var(--control-height); }
.platform-join-note { max-width: 34rem; margin: 1rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.platform-home-shell .platform-demo { min-width: 0; }
.platform-home-shell .platform-demo > header { flex-wrap: wrap; gap: .5rem 1rem; }
.platform-demo-label { color: var(--brand-accent); }
.platform-home-shell .platform-demo-current { padding-block: 2rem; }
.platform-home-shell .platform-demo-current h2 { font-size: clamp(2rem, 3.2vw, 2.8rem); }
.platform-demo-ranking-label { margin: 0; border-top: 1px solid var(--line); padding: .8rem 1.1rem; color: var(--muted); font-size: .72rem; }
.platform-home-shell .platform-demo > footer { font-weight: 500; line-height: 1.55; }
.platform-home-shell .platform-demo li { padding-block: .65rem; }
.platform-games, .platform-home-shell .platform-how, .platform-home-shell .platform-tournaments { padding-block: clamp(3rem, 6vw, 5rem); }
.platform-home-shell .platform-how { border-top: 1px solid var(--line); }
.platform-home-shell .platform-section-intro { gap: .5rem; margin-bottom: 2rem; }
.platform-home-shell .platform-section-intro .eyebrow { margin-bottom: .25rem; }
.platform-home-shell .platform-section-intro h2 { max-width: 19ch; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; }
.platform-section-intro > p:not(.eyebrow) { max-width: 42rem; margin: .5rem 0 0; color: var(--muted); line-height: 1.65; }
.platform-game-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
.platform-game { min-width: 0; border-top: 1px solid var(--line); padding: 1.3rem 0; }
.platform-game > span { color: var(--brand-accent); font-size: .7rem; font-variant-numeric: tabular-nums; }
.platform-game h3 { margin: .35rem 0 .5rem; font-size: 1.2rem; line-height: 1.3; text-wrap: initial; }
.platform-game p { max-width: 35rem; margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.6; }
.platform-home-shell .platform-feature-strip { border-bottom: 0; }
.platform-home-shell .platform-feature-strip article { min-width: 0; min-height: 0; padding-block: 1.4rem; }
.platform-home-shell .platform-feature-strip b { margin-top: 1.5rem; }
.platform-home-shell .platform-feature-strip p { max-width: none; }
.platform-home-shell .platform-tournaments { border-top: 1px solid var(--line); }
.platform-home-shell .platform-tournaments .section-heading { align-items: start; flex-direction: column; gap: .6rem; }
.platform-home-shell .platform-tournaments .section-heading h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; }
.platform-home-shell .tournament-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.platform-home-shell .tournament-card { min-width: 0; min-height: 245px; }
.platform-home-shell .tournament-card h3 { margin-top: 2rem; overflow-wrap: anywhere; }
.platform-home-shell .tournament-card p { overflow-wrap: anywhere; }
.platform-home-shell .tournament-card > b { padding-top: 1.5rem; }
.platform-home-shell .platform-final-cta { align-items: center; padding-block: clamp(3rem, 6vw, 4rem); }
.platform-home-shell .platform-final-cta h2 { max-width: 16ch; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; }
.platform-final-cta > div > p:not(.eyebrow) { max-width: 41rem; margin: 1rem 0 0; color: var(--muted); line-height: 1.65; }
.platform-home-shell .site-footer { margin-top: 1.5rem; }

@media (max-width: 900px) {
  .platform-home-shell .platform-hero { gap: 2rem; }
  .platform-home-shell .platform-hero h1 { font-size: clamp(2rem, 8.8vw, 4.8rem); }
  .platform-home-shell .platform-demo { width: min(100%, 38rem); }
}
@media (max-width: 620px) {
  .platform-home-shell .platform-nav nav > .button { display: none; }
  .platform-home-shell .platform-nav .platform-nav-secondary { display: none; }
  .platform-home-shell .platform-hero { padding-top: 2.5rem; }
  .platform-home-shell .platform-hero h1 { font-size: clamp(1.75rem, 10.2vw, 3.35rem); line-height: 1.08; }
  .platform-home-shell .platform-hero .eyebrow { max-width: 29rem; line-height: 1.6; }
  .platform-home-shell .platform-lead { margin-top: 1.25rem; }
  .platform-home-shell .platform-actions { gap: .4rem; }
  .platform-home-shell .platform-section-intro { margin-bottom: 1.5rem; }
  .platform-home-shell .platform-feature-strip article { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); column-gap: .6rem; }
  .platform-home-shell .platform-feature-strip article > span { grid-column: 1; padding-top: .35rem; }
  .platform-home-shell .platform-feature-strip b { grid-column: 2; margin: 0 0 .5rem; }
  .platform-home-shell .platform-feature-strip p { grid-column: 2; }
  .platform-game-grid { grid-template-columns: minmax(0, 1fr); }
  .platform-game { padding-block: 1.1rem; }
  .platform-home-shell .platform-final-cta { align-items: flex-start; gap: 1.5rem; }
}
