.tools-hero {
  padding: 60px 0;
  background: radial-gradient(1200px 600px at 10% -10%, #31b3a010, transparent);
}

.tools-hero h1 {
  font-weight: 800;
}

.tool-card {
  border: 1px solid #e9ecef;
  border-radius: 18px;
  padding: 22px;
  height: 100%;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.tool-card::before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #31b3a015;
}

.tool-badge {
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f1f3f5;
  margin-bottom: 8px;
}

.tool-title {
  font-weight: 700;
  margin: 4px 0 8px 0;
}

.tool-desc {
  color: #6c757d;
  margin-bottom: 14px;
  min-height: 48px;
}

.tool-actions a {
  margin-right: 8px;
}