/* Shared by the initial HTML and React's route fallback, before app fonts load. */
.nedda-startup {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  overflow: hidden;
  min-height: 100svh;
  padding: 32px;
  background: radial-gradient(ellipse at 50% 46%, #132b38 0%, #0b1424 58%);
  color: #e9eef6;
  font-family: "Bricolage Grotesque", "Segoe UI", Arial, sans-serif;
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
}
.nedda-startup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.nedda-startup-wave {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 56px;
  margin-bottom: 6px;
}
.nedda-startup-wave span {
  display: block;
  width: 6px;
  height: 24px;
  border-radius: 999px;
  background: #41d3be;
  transform-origin: center;
  animation: nedda-startup-signal 1.2s ease-in-out infinite;
}
.nedda-startup-wave span:nth-child(2),
.nedda-startup-wave span:nth-child(6) { height: 36px; animation-delay: -.2s; }
.nedda-startup-wave span:nth-child(3),
.nedda-startup-wave span:nth-child(5) { height: 46px; animation-delay: -.4s; }
.nedda-startup-wave span:nth-child(4) { height: 56px; background: #ff8a57; animation-delay: -.6s; }
.nedda-startup-wave span:nth-child(7) { animation-delay: -.8s; }
.nedda-startup-wordmark { font-size: clamp(40px, 8vw, 52px); font-weight: 800; line-height: 1; letter-spacing: -.055em; }
.nedda-startup-wordmark > span { color: #ff8a57; }
.nedda-startup-caption { color: #9daac0; font-family: "Segoe UI", Arial, sans-serif; font-size: 12px; line-height: 1.5; letter-spacing: .13em; }
.nedda-startup-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes nedda-startup-signal { 0%,100% { transform: scaleY(.45); opacity: .55; } 50% { transform: scaleY(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .nedda-startup-wave span { animation: none; } }