/* Radar sweep signals */
.radar-stage {
  display: grid;
  min-height: 74vh;
  place-items: center;
  padding: 32px;
  background: #111315;
  color: #f7f2e8;
  overflow: hidden;
}

.radar-layout {
  display: grid;
  width: min(1080px, 100%);
  grid-template-columns: minmax(300px, 1fr) minmax(280px, 0.78fr);
  gap: clamp(24px, 6vw, 78px);
  align-items: center;
}

.radar-copy p {
  color: rgba(247, 242, 232, 0.72);
}

.radar-svg {
  width: 100%;
  overflow: visible;
}

.radar-ring {
  fill: none;
  stroke: rgba(247, 242, 232, 0.18);
  stroke-width: 2;
}

.radar-axis {
  stroke: rgba(247, 242, 232, 0.14);
  stroke-width: 2;
}

.radar-beam {
  fill: rgba(104, 216, 214, 0.3);
  transform-origin: 260px 260px;
}

.radar-blip {
  fill: var(--green);
  filter: drop-shadow(0 0 10px rgba(182, 243, 107, 0.72));
  transform-origin: center;
}

.radar-pulse {
  fill: none;
  stroke: var(--coral);
  stroke-width: 4;
  transform-origin: center;
}

@media (max-width: 820px) {
  .radar-layout {
    grid-template-columns: 1fr;
  }
}