/* Hero */
.hero{display:flex;align-items:center;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding:96px 0 64px}
.hero-grid.clean-hero{display:block}
.hero-content{max-width:920px;margin-inline:auto;text-align:center}
.hero h1{font-size:var(--font-h1);line-height:1.25;margin:0;font-weight:950;letter-spacing:normal;text-wrap:balance}
.hero .lead{font-size:clamp(16px,2vw,19px);color:var(--muted);margin:16px auto 26px;max-width:660px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.categories-section{padding-top:0}
.search-box{min-width:280px}

/* Why ABENAN */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.why-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}
.why-item h3{margin:0 0 8px;font-size:17px;font-weight:950}
.why-item p{margin:0;color:var(--muted);font-size:13.5px}

@media(max-width:980px){
  .why-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .hero{padding:40px 0 32px}
  .hero h1{font-size:30px;line-height:1.3}
  .hero .lead{font-size:15px}
  .hero-actions{flex-wrap:wrap}
}