/* Mobile-first visibility — Figma 1:565 / Desktop 1:85 */

.ticker__track--desktop,
.btn--cta-desktop,
.badge--cost-desktop,
.badge--win-desktop,
.why-title-desktop,
.why-text-desktop,
.about-sub-desktop,
.about-text-desktop,
.chronicle-desktop,
.team-role-desktop,
.faq-title-desktop,
.faq-q-desktop,
.faq-a-desktop,
.footer-logo-desktop,
.footer-tag-desktop,
.footer-desc-desktop,
.footer-rp-desktop,
.footer-rp-text-desktop,
.footer-ai-desktop,
.header__ivy--right,
.header__logo-desktop,
.lore-intro-desktop {
  display: none;
}

.ticker__track--mobile {
  display: flex;
}

.ticker__track--desktop {
  display: none;
}

.why-title-mobile,
.why-text-mobile,
.about-sub-mobile,
.about-text-mobile,
.chronicle-mobile,
.team-role-mobile,
.faq-title-mobile,
.faq-q-mobile,
.faq-a-mobile,
.footer-tag-mobile,
.footer-desc-mobile,
.footer-rp-mobile,
.footer-rp-text-mobile,
.footer-ai-mobile,
.lore-intro-mobile {
  display: block;
}

.footer-logo-mobile.logo {
  display: inline-flex;
}

.badge--cost-mobile,
.btn--cta-mobile-only {
  display: inline-flex;
}

.badge--win-mobile {
  display: inline-flex;
  background: linear-gradient(90deg, #fed242, #ff7b6b);
  color: #fff;
}

.badge--win-mobile strong {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .ticker__track--desktop { display: flex; }
  .ticker__track--mobile { display: none; }

  .btn--cta-desktop { display: inline-flex; }
  .btn--cta-mobile-only { display: none; }

  .badge--cost-desktop,
  .badge--win-desktop { display: inline-flex; }
  .badge--cost-mobile,
  .badge--win-mobile { display: none; }

  .why-title-desktop,
  .why-text-desktop,
  .about-sub-desktop,
  .about-text-desktop,
  .chronicle-desktop,
  .team-role-desktop,
  .faq-title-desktop,
  .faq-q-desktop,
  .faq-a-desktop,
  .footer-tag-desktop,
  .footer-desc-desktop,
  .footer-rp-desktop,
  .footer-rp-text-desktop,
  .footer-ai-desktop { display: block; }

  .why-title-mobile,
  .why-text-mobile,
  .about-sub-mobile,
  .about-text-mobile,
  .chronicle-mobile,
  .team-role-mobile,
  .faq-title-mobile,
  .faq-q-mobile,
  .faq-a-mobile,
  .footer-tag-mobile,
  .footer-desc-mobile,
  .footer-rp-mobile,
  .footer-rp-text-mobile,
  .footer-ai-mobile { display: none; }

  .footer-logo-desktop.logo { display: inline-flex; }
  .footer-logo-mobile.logo { display: none !important; }

  .header__ivy--right,
  .header__logo-desktop { display: block; }

  .faq-title-desktop { display: block !important; }
  .faq-title-mobile { display: none !important; }
}