.hero{
  background: var(--bg-weak);
  border: var(--border);
  border-radius: 18px;
  padding: 48px 22px;
  text-align: center;
}
.hero .actions{
  margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
}
.hero h1{font-size:clamp(24px,3vw,34px);font-weight:700;margin-bottom:10px;}
.hero .lead{color:var(--muted);max-width:760px;margin:0 auto;}