/* Available before React/CSS bundles arrive; no artificial launch delay. */
.ok-launch {
  position: fixed; inset: 0; max-width: 520px; margin-inline: auto;
  overflow: hidden; color: #fff;
  background: radial-gradient(ellipse at 0 30%, #0579ff, transparent 65%), linear-gradient(155deg, #060f5c, #142bed 52%, #221284);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ok-launch-art { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.ok-launch-wordmark { position: absolute; top: 63%; left: 0; right: 0; text-align: center; }
.ok-launch-wordmark strong { display: block; font-size: 38px; line-height: 1.1; font-weight: 750; letter-spacing: -1.6px; }
.ok-launch-wordmark span { display: block; margin-top: 10px; font-size: 11px; font-weight: 550; letter-spacing: 5px; text-transform: uppercase; }
@media (max-height: 500px) {
  .ok-launch-art { object-fit: contain; }
  .ok-launch-wordmark { top: auto; bottom: 8%; }
  .ok-launch-wordmark strong { font-size: 26px; }
}