.tools-hero{padding:80px 0 48px;text-align:center}
.tools-hero h1{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:#1b1714;margin-bottom:12px}
.tools-hero p{color:#79705f;font-size:.95rem;max-width:560px;margin:0 auto}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;padding-bottom:80px}
.tool-card{
  display:flex;flex-direction:column;padding:28px 28px 22px;
  background:rgba(27,23,20,.045);
  border:1px solid rgba(27,23,20,.10);
  border-radius:14px;
  transition:border-color .15s,transform .15s,box-shadow .15s;
  text-decoration:none;
  position:relative;overflow:hidden;
}
.tool-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 0 0,var(--card-accent,.05),transparent 70%);
  opacity:0;transition:opacity .2s;pointer-events:none;
}
.tool-card:hover{border-color:rgba(37,99,235,.4);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.tool-card:hover::before{opacity:1}
.tool-icon{
  width:52px;height:52px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;margin-bottom:18px;flex-shrink:0;
}
.tool-card h3{font-size:1.05rem;font-weight:700;color:#1b1714;margin-bottom:8px}
.tool-card p{font-size:.83rem;color:#79705f;line-height:1.65;margin:0;flex:1}
.tool-badge{
  display:inline-flex;align-items:center;gap:5px;margin-top:18px;
  font-size:.75rem;font-weight:700;color:#2563eb;letter-spacing:.05em;text-transform:uppercase;
}
.tool-cat{
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  color:rgba(27,23,20,.32);margin-bottom:32px;padding-top:4px;border-top:1px solid rgba(27,23,20,.07);
}