/* ================= HOMEPAGE ONLY ================= */

/* HERO */
.hero{
  padding:40px 20px;
}

.hero h1{
  font-size:42px;
  margin-bottom:10px;
}

.hero p{
  font-size:18px;
  color:#6b7280;
  max-width:720px;
  margin:0 auto;
}

/* POPULAR TOOLS GRID */
.tool-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
  margin-top:24px;
}

.tool-link{
  display:block;
  padding:24px;
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:18px;
  text-decoration:none;
  color:#111827;
  font-weight:600;
  transition:all .2s ease;
}

.tool-link span{
  display:block;
  margin-top:8px;
  font-size:14px;
  color:#6b7280;
  font-weight:400;
}

.tool-link:hover{
  background:#eff6ff;
  border-color:#2563eb;
  transform:translateY(-2px);
}

/* BENEFITS LIST */
.benefits{
  margin-top:20px;
  padding-left:18px;
}

.benefits li{
  margin-bottom:12px;
  font-size:15px;
  color:#374151;
}

/* FAQ spacing tweak (homepage only) */
.faq-section{
  margin-top:70px;
}

/* MOBILE OPTIMIZATION */
@media (max-width:768px){
  .hero h1{
    font-size:32px;
  }
  .hero p{
    font-size:16px;
  }
}