body {
  background-color: #090c11;
  background-image: repeating-linear-gradient(135deg, #090c11 0, #090c11 3px, #171b22 3px, #171b22 6px);
  background-attachment: fixed;
}

.hero .eyebrow {
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .86rem;
  font-weight: 800;
  letter-spacing: .1em;
}

.hero h1 {
  color: #fff;
  font-size: clamp(1.8rem, 6vw, 2.7rem);
}

.input-card .panel-note a {
  color: #075f9f;
  font-weight: 750;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.input-card .panel-note a:hover {
  color: #003d70;
}

.input-card .counter-control .step-button {
  border-color: #7fa9c9;
  background: #edf6ff;
  color: #104e91;
  font-weight: 700;
}

.input-card .counter-control .step-button:hover {
  border-color: #1687de;
  background: #d8edff;
}

.input-card .counter-control .step-button:active {
  background: #b9dcf7;
}

.evidence-list .counter-row > span {
  line-height: 1.35;
}
.record-cta-button {
  border-color: #74b3df;
  background: #def2ff;
  color: #104e91;
}

.record-cta-button:hover {
  border-color: #4d98cf;
  background: #c8eaff;
  color: #0d467f;
}