/* Store purchase links for the launch page. */
.hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  list-style: none;
  margin: 0 0 1.75rem;
  color: #475569;
  font-size: 0.875rem;
}

.store-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.store-link {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.3rem;
  min-height: 52px;
  padding: 0.8rem 1rem;
  border: 1px solid var(--color-navy);
  border-radius: 10px;
  background: var(--color-navy);
  color: white;
  font-size: 0.8rem;
  white-space: nowrap;
}

.store-platform {
  font-size: 1rem;
  font-weight: 600;
}

.store-link:hover {
  background: #334155;
}

.store-availability {
  margin-top: 0.85rem;
  color: #475569;
  font-size: 0.85rem;
}

.cta-card .store-availability {
  color: #cbd5e1;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 4px;
}

.purchase-summary {
  margin-top: 1.2rem;
  color: #334155;
  font-size: 0.95rem;
}

.purchase-summary strong {
  font-size: 1.5rem;
  color: #0f172a;
  margin-left: 0.2rem;
}

.purchase-summary span {
  margin-left: 0.4rem;
  font-size: 0.75rem;
}

.cta-card .purchase-summary,
.cta-card .purchase-summary strong {
  color: #f1f5f9;
}

.purchase-benefits {
  margin: 0.65rem 0 1.5rem;
  color: #cbd5e1;
  font-size: 0.9rem;
}

.cta-card .store-links {
  justify-content: center;
}

.cta-card .store-link {
  background: #fff;
  color: #0f172a;
}

.cta-card .store-link:hover {
  background: #e2e8f0;
}

.purchase-note {
  margin-top: 1rem;
  color: #cbd5e1;
  font-size: 0.75rem;
}

@media (max-width: 900px) {
  .hero .store-links,
  .hero-facts {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .desktop-break {
    display: none;
  }

  .hero-facts {
    gap: 0.4rem 1rem;
  }

  .store-link {
    flex: 1 1 165px;
  }

  .purchase-summary span {
    display: block;
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}