/* Brand polish layered on styles.css */
body{
  background:
    radial-gradient(1200px 480px at 10% -10%, rgba(185,225,19,.08), transparent 55%),
    radial-gradient(900px 420px at 90% 0%, rgba(22,161,167,.10), transparent 50%),
    linear-gradient(180deg,#F7FAFD 0%,#EEF3F9 40%,#fff 100%);
}
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.how-step{
  position:relative;padding:var(--s4);border-radius:14px;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow-soft);text-align:center;
}
.how-step strong{
  display:grid;place-items:center;width:42px;height:42px;margin:0 auto var(--s3);
  border-radius:50%;background:var(--lime);color:var(--navy);
  font-family:var(--font-display);font-size:18px;
}
.how-step h3{font-size:18px;margin-bottom:8px}
.how-step p{margin:0;color:var(--muted);font-size:15px}
.affiliate-note{
  margin:var(--s4) auto 0;max-width:760px;text-align:center;font-size:14px;color:#C5D4E4;
}
.disclosure{
  font-size:13px;color:var(--muted);text-align:center;max-width:720px;margin:0 auto var(--s4);
}
@media (max-width:980px){
  .how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .how-grid{grid-template-columns:1fr}
}