.how-it-works-hero {
  background: #f6f8fb;
  padding: 80px 20px;
}

.how-it-works-hero h1 {
  font-size: 42px;
  margin-bottom: 16px;
}

.how-it-works-hero p {
  font-size: 18px;
  max-width: 720px;
}

.how-it-works-steps {
  padding: 80px 20px;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  margin-top: 32px;
}

.step-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.step-card h3 {
  margin-bottom: 10px;
}