/* RZW homepage subscription gate */
.rzw-static-seo {
  position: absolute !important;
  top: auto !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

.score-card.is-locked-card {
  border-color: rgba(178, 116, 255, .62);
  background: linear-gradient(180deg, rgba(20, 24, 46, .9), rgba(5, 15, 25, .9));
}

.score-card.is-locked-card .score-body {
  border-color: rgba(178, 116, 255, .28);
  background: linear-gradient(135deg, rgba(117, 72, 255, .18), rgba(8, 205, 253, .06));
}

.score-card.is-locked-card .score-body > span {
  color: #c9b8ff;
}

.score-card.is-locked-card .score-line {
  gap: 8px;
}

.score-card.is-locked-card .score-line strong {
  color: #f4eeff;
  font-size: clamp(23px, 2vw, 32px);
  line-height: 1.15;
  white-space: nowrap;
  text-shadow: 0 0 16px rgba(178, 116, 255, .35);
}

.score-card.is-locked-card .status-tag {
  border: 1px solid rgba(255, 208, 93, .28);
  color: #f4dc87;
  background: rgba(101, 72, 19, .78);
  white-space: nowrap;
}

.score-card.is-locked-card .metric-list dt {
  color: #a8bbca;
}

.score-card.is-locked-card .metric-list dd {
  color: #e9d7ff;
}

.score-card.is-locked-card .metric-list dd.is-valid {
  color: #8ff7ff;
}

.score-ring.is-locked-ring {
  background:
    radial-gradient(circle at center, rgba(5, 18, 30, 1) 0 58%, transparent 59%),
    conic-gradient(#b274ff 0 var(--score), rgba(8, 205, 253, .42) var(--score) 100%);
  box-shadow: 0 0 26px rgba(178, 116, 255, .35);
}

.score-ring.is-locked-ring strong {
  color: #f4eeff;
  font-size: 31px;
}

.score-ring.is-locked-ring span {
  max-width: 56px;
  margin-top: -16px;
  color: #c9b8ff;
  font-size: 11px;
  line-height: 1.15;
  text-align: center;
}

@media (max-width: 760px) {
  .score-card.is-locked-card .score-line strong {
    font-size: 25px;
  }

  .score-card.is-locked-card .metric-list dd {
    text-align: right;
    white-space: normal;
  }
}
