.how-page .hero-grid{
  display:grid;
  grid-template-columns:40% 60%;
  gap:var(--space-5);
  align-items:center;
}

.hero-text{
  max-width:520px;
}

.hero-image img{
  width:100%;
  border-radius:var(--radius-md);
}

.steps-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.step-card{min-width:0;}

.gen-grid{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-5);
  align-items:center;
}

.gen-text{
  max-width:600px;
}

.gen-image img{
  width:100%;
  border-radius:var(--radius-md);
}

.narrow-text{
  max-width:640px;
}

.feedback-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-5);
  align-items:center;
}

.feedback-text{
  max-width:560px;
}

.feedback-image img{
  width:100%;
  border-radius:var(--radius-md);
}

.disclaimer-panel{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
}

@media(max-width:1024px){
  .how-page .hero-grid{
    grid-template-columns:1fr;
  }

  .gen-grid{
    grid-template-columns:1fr;
  }

  .feedback-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .steps-grid{
    grid-template-columns:1fr;
  }
}