.split {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin-top: 20px;
}

.hero-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(12, 17, 21, 0.08);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(12, 17, 21, 0.1);
}

.accent-tech {
  color: var(--accent-tech);
}

.accent-spirit {
  color: var(--accent-spirit);
}

.accent-mindfold {
  color: var(--accent-mindfold);
}

.list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.list li {
  list-style: none;
  color: var(--muted);
}

.hero-cta-note {
  color: var(--muted);
  font-size: 14px;
  margin-top: 10px;
}