/* Profile identity payoff — owns the redesigned DNA reading surface. */
body:not(.is-custom) #dnaScreen #dnaCard {
  border: 1px solid rgba(8, 120, 233, .08);
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(235,244,252,.96)),
    var(--r-surface);
  color: #101a31;
  box-shadow: 10px 12px 28px rgba(59, 84, 118, .16), -8px -8px 22px rgba(255,255,255,.92);
}

body:not(.is-custom) #dnaScreen #dnaCard::before {
  background: linear-gradient(145deg, rgba(255,38,118,.12), rgba(18,189,245,.1));
}

body:not(.is-custom) #dnaScreen #dnaCard .dna-orbit {
  background: linear-gradient(145deg, #fff0f6, #e7f8ff);
  color: #ff2676;
  box-shadow: inset 5px 5px 12px rgba(77,104,140,.12), inset -5px -5px 12px #fff;
}

body:not(.is-custom) #dnaScreen #dnaCard > small {
  position: relative;
  padding: 5px 11px;
  border-radius: 999px;
  background: #e4f5ff;
  color: #075fcf;
  font-weight: 900;
}

body:not(.is-custom) #dnaScreen #dnaCard h3 {
  position: relative;
  color: #101a31;
  text-shadow: none;
}

body:not(.is-custom) #dnaScreen #dnaCard > p {
  position: relative;
  color: #4b5e76;
}

body:not(.is-custom) #dnaScreen #dnaCard .dna-trait {
  background: #f8fbff;
  color: #101a31;
  box-shadow: inset 4px 4px 10px rgba(83,107,137,.11), inset -4px -4px 10px #fff;
}

body:not(.is-custom) #dnaScreen #dnaCard .dna-trait > span {
  background: linear-gradient(145deg, #fff0f6, #e7f8ff);
  color: #075fcf;
}

body:not(.is-custom) #dnaScreen #dnaCard .dna-trait i {
  background: #dbe6f1;
}

body:not(.is-custom) #dnaScreen #dnaCard .dna-trait i b {
  background: linear-gradient(90deg, #ff2676, #12bdf5);
}

body:not(.is-custom) #dnaScreen #dnaCard .dna-progress {
  background: #fff;
  color: #173251;
  box-shadow: inset 3px 3px 8px rgba(83,107,137,.1), inset -3px -3px 8px #fff;
}