.hero{
  margin-bottom: 18px;
}
.grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.h2{margin:0 0 10px; font-size: 18px}
.list{margin:0; padding-left: 18px; color: var(--muted); display:grid; gap:6px}
@media (max-width: 860px){
  .grid-3{grid-template-columns: 1fr}
}

.hero-actions{gap:10px; margin-top:14px}