.container{ max-width:var(--container-w); margin:0 auto; padding:0 24px; }
.section{ padding:32px 0 }
.hero{
  padding:36px 0 28px;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,0));
}

/* Cartões e grid genéricos */
.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px 16px 14px;
  box-shadow:var(--shadow-sm);
}
.grid{ display:grid; gap:12px }