.beta-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 38px;
  padding: 0.5rem 1.25rem;
  text-align: center;
  background: linear-gradient(90deg, #f5c84c, #ffd979);
  color: #172033;
  font: 650 0.8rem/1.35 "Aptos", "Segoe UI", sans-serif;
  letter-spacing: 0.01em;
}

.beta-banner strong {
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

@media (max-width: 760px) {
  .beta-banner {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    text-align: left;
  }
}