#retention {
  width: min(520px, calc(100% - 24px));
}

.retention {
  text-align: center;
  background: radial-gradient(circle at 50% 0, #203874 0, #0b1734 48%, #071126 100%);
}

.countdown {
  margin: 22px 0 14px;
  color: #fff;
  font: 800 clamp(42px, 9vw, 74px) / 1 system-ui, sans-serif;
  letter-spacing: .08em;
}

.retention-price {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: center;
  margin: 8px 0 18px;
}

.retention-price s { color: var(--muted); font-size: 20px; }
.retention-price b { font-size: 34px; }
.retention-price span {
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--coral);
  font-size: 12px;
  font-weight: 800;
}