/* Global heading style — matches the hero's font style (Host Grotesk, weight 400, -0.04em, 1.05)
   with a proper size hierarchy. Uses !important to override Elementor per-element typography. */
h1, h2, h3, h4, h5, h6 {
  font-family: "Host Grotesk", Sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}
h1 { font-size: 38px !important; }
h2 { font-size: 30px !important; }
h3 { font-size: 24px !important; }
h4 { font-size: 20px !important; }
h5 { font-size: 18px !important; }
h6 { font-size: 16px !important; }
@media (max-width: 767px) {
  h1 { font-size: 30px !important; }
  h2 { font-size: 26px !important; }
  h3 { font-size: 21px !important; }
  h4 { font-size: 18px !important; }
  h5 { font-size: 16px !important; }
  h6 { font-size: 15px !important; }
}
/* FAQ accordion questions (rendered as <span class="title">, not headings) */
.jkit-accordion .card-header .title {
  font-family: "Host Grotesk", Sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}
@media (max-width: 767px) {
  .jkit-accordion .card-header .title { font-size: 18px !important; }
}