/* conversie.css · componenten uit de conversiereview van september 2026:
   prijsanker in de calculator,
   tussen-CTA's, bronregel, "voor wie"-blok, klantcase, vergelijkingstabel
   en de alternatieve contactroute naast de agenda. */

/* ---------- Downloadformulieren: achternaam verborgen (optioneel, AC accepteert leeg) ---------- */
._form_element:has(> label[for^="lastname"]), ._form_element:has(input[name="lastname"]) { display: none; }


/* ---------- Tussen-CTA (.bridge) ----------
   De brug tussen twee secties: korte kop, één regel uitleg, en de knop(pen)
   ernaast. Stond op index.html, videos.html en over-ons.html als kale markup
   in een .glass-doos: geen padding, kop tegen de rand, knop tegen de bodem.
   Tekst links, actie rechts; onder 780px stapelt het. */
.bridge {
  margin-top: clamp(2rem, 1.2rem + 2.5vw, 3.2rem);
  padding: clamp(1.5rem, 1rem + 2.2vw, 2.6rem);
  border-radius: var(--r-lg);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.2rem, 0.6rem + 2vw, 2.6rem);
}
.bridge > div:first-child {
  flex: 1 1 22rem;
  min-width: 0;
}
.bridge h3 {
  font-size: clamp(1.3rem, 1.05rem + 1.1vw, 1.95rem);
  line-height: 1.12;
  margin: 0;
  text-wrap: balance;
}
.bridge p {
  color: var(--ink-soft);
  font-size: var(--fs-body);
  line-height: 1.55;
  max-width: 56ch;
  margin: 0.65rem 0 0;
}
.bridge__actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

@media (max-width: 780px) {
  .bridge {
    display: block;
  }
  .bridge__actions {
    display: flex;
    margin-top: 1.4rem;
  }
  .bridge__actions .btn {
    flex: 1 1 14rem;
    justify-content: center;
  }
}