.feature-card,
.step-card,
.ethics-card,
.note-card {
  background: var(--color-white);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  box-shadow: var(--shadow-card);
  border: var(--border-subtle);
}

.feature-card h3,
.step-card h3,
.ethics-card h3 {
  margin-top: 0;
}

.step-card {
  position: relative;
  padding-top: calc(var(--space-5) + 12px);
}

.step-index {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--color-aura-deep);
}

.note-card {
  background: linear-gradient(120deg, rgba(30, 207, 155, 0.12), rgba(43, 111, 247, 0.08));
  border: 1px solid rgba(30, 207, 155, 0.2);
}

.note-card h3,
.note-card h2 {
  margin-top: 0;
}