/* Pre-launch page: the home hero, the teaser and live test-run numbers. */
.soon-hero { min-height: 100vh; padding-top: 120px; }
.soon-brand { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 28px; }
.soon-brand img { width: 132px; height: 132px; filter: drop-shadow(0 22px 30px rgba(0, 0, 0, .6)); }
.soon-brand span { font-size: 44px; font-weight: 600; letter-spacing: -.035em; line-height: 1; }
.soon-acts { margin-top: 44px; display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }
.soon-hero .hero-art { top: 640px; }
.soon-video .vid { margin: 60px auto 0; max-width: 1040px; padding: 12px; }
.soon-video video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 8px; background: #000; }
.stats3 { margin-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.stats3 .st { padding: 40px 30px; text-align: center; display: flex; flex-direction: column; gap: 10px; }
.stats3 b { font-size: 52px; line-height: 1; font-weight: 600; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.stats3 .st:first-child b { color: var(--accent); }
.stats3 span { font-size: 16px; color: var(--muted); }
.soon-foot { text-align: center; padding: 40px 20px 50px; font-size: 14px; color: var(--dim); }
.soon-foot a { color: var(--accent); }
@media (max-width: 767px) {
  .soon-hero { padding-top: 70px; padding-bottom: 220px; }
  .soon-brand img { width: 96px; height: 96px; }
  .soon-brand span { font-size: 34px; }
  .soon-hero .hero-art { top: auto; }
  .stats3 { grid-template-columns: 1fr; gap: 14px; }
  .stats3 b { font-size: 40px; }
}