/* Aanvullingen voor tools.consulens.be bovenop main.css (zelfde tokens) */
main { position: relative; z-index: 1; }

.tools-hero {
  max-width: 860px;
  margin: 0 auto;
  padding: 180px 24px 120px;
  min-height: 70vh;
}

.tools-hero h1 {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  line-height: 1.15;
  margin: 18px 0 24px;
}

.tools-lead {
  color: var(--text-dim);
  font-size: 1.1rem;
  max-width: 620px;
  margin-bottom: 40px;
}

.tools-actions { display: flex; gap: 16px; flex-wrap: wrap; }

@media (max-width: 550px) {
  .tools-hero { padding: 130px 16px 80px; }
}