/* Retention Radar public brand signature
   Retention = electric intelligence blue. Radar = live signal aqua. */
:root {
  --rr-brand-retention: #4f7cff;
  --rr-brand-radar: #21d4c4;
  --rr-brand-midnight: #071426;
}

/* The current marketing build renders the product name as one text node.
   A sharp two-colour text fill keeps that compiled markup intact while
   visually separating the two words at their natural word boundary. */
.brand-lockup > span,
.screen-brand small,
.demo-title > strong,
.recorded-brand > span {
  color: var(--rr-brand-retention);
  background: linear-gradient(
    90deg,
    var(--rr-brand-retention) 0 61%,
    var(--rr-brand-radar) 61% 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brand-lockup > span {
  font-weight: 760;
  word-spacing: .14em;
}

@media (forced-colors: active) {
  .brand-lockup > span,
  .screen-brand small,
  .demo-title > strong,
  .recorded-brand > span {
    color: CanvasText;
    background: none;
    -webkit-text-fill-color: CanvasText;
  }
}