/* 1) Tighten line-height + trim default H1 margins */
h1.zpheading {
  line-height: 1.12 !important;   /* was too tall */
  margin: 0 0 16px !important;    /* reduce big bottom gap */
  text-wrap: balance;              /* nicer wraps (Chrome/Edge/Firefox) */
}

/* 2) Override ANY inline font-size Zoho injects on that inner span */
h1.zpheading span[style*="font-size"] {
  font-size: clamp(48px, 6.2vw, 72px) !important;  /* fluid: phone → desktop */
  font-weight: 400 !important;
  font-family: Oswald, sans-serif !important;
  color: #000 !important;
  line-height: 1.1 !important;     /* extra control inside span */
  letter-spacing: 0 !important;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: auto;
}

/* 3) Phones: let the browser balance lines (hide the forced <br>) */
@media (max-width: 480px) {
  h1.zpheading br { display: none; }
  h1.zpheading { line-height: 1.1 !important; }
}