/* Hero */
.hero{
  background:linear-gradient(180deg,#1f2127,var(--ink));
  color:#fff;
  padding:3.5rem 1rem 3rem;
}
.hero-title{font-size:2rem;font-weight:800;max-width:720px;margin:0 auto .8rem}
.hero-lead{color:#c9c9c9;max-width:560px;margin:0 auto 1.6rem}
.hero-search{
  display:flex;
  gap:.5rem;
  max-width:520px;
  margin:0 auto;
}
.hero-search input{border-radius:10px 0 0 10px}
.hero-search .btn{border-radius:0 10px 10px 0}

@media (min-width:768px){
  .hero-title{font-size:2.6rem}
}

/* Category grid */
.category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:.9rem;
}
.category-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.1rem 1rem;
  text-decoration:none;
  color:var(--ink);
  display:flex;
  flex-direction:column;
  gap:.2rem;
  transition:transform .12s ease, box-shadow .12s ease;
}
.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.06);color:var(--ink)}
.category-card-name{font-weight:700}
.category-card-desc{font-size:.8rem;color:var(--muted)}

/* Benefits */
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.2rem;
}
.benefit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem}
.benefit-icon{font-size:1.6rem}
.benefit h3{font-size:1rem;margin:.5rem 0 .3rem}
.benefit p{font-size:.88rem;color:var(--muted);margin:0}

/* Footer */
.site-footer{background:var(--ink);color:#c9c9c9;margin-top:3rem}
.site-footer a{color:#c9c9c9;text-decoration:none}
.site-footer a:hover{color:#fff}
.site-footer h6{color:#fff;font-weight:700;margin-bottom:.6rem}