/* Final Signal panel: no globe or route elements, only the relay line. */
.next .eyebrow { display: none; }

.signal-card {
  display: flex;
  min-height: min(31vw, 330px);
  padding: clamp(28px, 3vw, 48px);
  flex-direction: column;
  justify-content: center;
  gap: 38px;
  border: 1px solid rgba(236, 232, 221, 0.22);
  background: rgba(5, 5, 6, 0.78);
  box-shadow: none;
  backdrop-filter: none;
}

.signal-card::before,
.signal-card::after { display: none; }

.signal-line {
  position: relative;
  width: 100%;
  height: 16px;
}

.signal-line .track {
  position: absolute;
  top: 7px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(236, 232, 221, 0.26);
}

.signal-line .red-segment {
  position: absolute;
  top: 7px;
  left: 0;
  width: 28%;
  height: 1px;
  background: var(--red);
}

.signal-line .node {
  position: absolute;
  top: 0;
  left: calc(28% - 8px);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 0 0 rgba(176, 45, 52, 0.58);
  animation: relayPulse 2.5s ease-out infinite;
}

.signal-line .endpoint {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(236, 232, 221, 0.9);
  border-radius: 50%;
}

.signal-card .label {
  position: static;
  max-width: 37ch;
  margin: 0;
  color: rgba(236, 232, 221, 0.9);
  font-family: "IBM Plex Mono", monospace;
  font-size: clamp(11px, 1vw, 13px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

@keyframes relayPulse {
  70% { box-shadow: 0 0 0 21px rgba(176, 45, 52, 0); }
  100% { box-shadow: 0 0 0 0 rgba(176, 45, 52, 0); }
}

@media (max-width: 760px) {
  .signal-card { min-height: 245px; gap: 28px; }
}