.gateway-label { font-family: var(--font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.launch-note { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 24px; color: var(--espresso); font-size: 13px; font-weight: 600; line-height: 1.6; }
.launch-dot { width: 7px; height: 7px; border-radius: 50%; background: #cf553e; }
.launch-note__detail { color: var(--ink-2); font-weight: 400; margin-left: 8px; }
.stage { position: relative; }
.demo-label { position: absolute; z-index: 5; top: 18px; left: 20px; padding: 6px 10px; border-radius: 999px; background: rgba(250,248,244,.94); color: #574b40; font: 11px var(--font-mono); line-height: 1.4; }
.launch-badge { display: inline-flex; padding: 13px 24px; border: 1px solid rgba(216,73,44,.28); border-radius: 999px; color: #a73520; background: rgba(242,94,64,.10); font-size: 15px; font-weight: 600; }
.footer__status { display: block; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.6; }
#coming-soon { scroll-margin-top: 32px; }
a:focus-visible, button:focus-visible { outline: 3px solid #a73520; outline-offset: 5px; }
@media (max-width: 640px) {
  .launch-note { gap: 7px; margin-bottom: 20px; }
  .launch-note__detail { flex-basis: 100%; margin-left: 0; max-width: 31ch; }
  .demo-label { top: 10px; left: 10px; font-size: 9px; }
}
