/* D-066 integration hero: centred like the site's other centred heroes. The connector mark, H1, lead and email form
   sit on one centred column; the connector card sits below it, contained and smaller (no bleed off the frame), with
   its toast tucked onto the card's lower-left corner. Section spacing comes from site-spacing.css. */
html body .z-hb--int .z-hb__top { border-bottom: 0; margin-bottom: 40px; }
html body .z-hb--int .z-crumbs ol { justify-content: center; }
html body .z-hb--int .header_content { display: flex !important; flex-direction: column; align-items: center; gap: 56px; grid-template-columns: none !important; }
html body .z-hb--int .header_content > .header_content-left { display: flex; flex-direction: column; align-items: stretch; align-self: center !important; width: 100%; max-width: 720px; text-align: center; }
html body .z-hb--int .z-int-mark { margin: 0 auto 24px; }
html body .z-hb--int :is(h1, p[data-zamp-type="lead"]) { text-align: center !important; margin-inline: auto; }
html body .z-hb--int p[data-zamp-type="lead"] { max-width: 36rem; }
html body .z-hb--int .cta-form-container { display: flex; justify-content: center; width: 100%; }
html body .z-hb--int .cta_form-block { width: 100%; max-width: 496px; }
html body .z-hb--int .cta_form { display: flex; width: 100%; } html body .z-hb--int .cta_form .form_input { flex: 1 1 auto; min-width: 0; }

/* The card: a contained frame, card centred at its natural height. */
html body .z-hb--int .header_image-wrapper.z-int-art { position: relative; width: 100%; max-width: 800px; aspect-ratio: auto !important; height: auto !important; margin: 0 auto 40px; overflow: visible; }
html body .z-hb--int .header_image-wrapper > .zc { position: relative; inset: auto; height: auto; aspect-ratio: auto; overflow: visible; background: transparent; padding: 0; }
html body .z-hb--int .header_image-wrapper > .zc > .zc-card { position: relative; inset: auto; left: auto; right: auto; top: auto; bottom: auto; margin: 0; width: 100%; }
html body .z-hb--int .header_image-wrapper > .zc > :is(.zc-toast, .zc-stamp) { left: -48px; right: auto; top: auto; bottom: -48px; }
@media (max-width: 767px) {
  html body .z-hb--int .z-hb__top { margin-bottom: 24px; }
  html body .z-hb--int .header_content { gap: 40px; }
  html body .z-hb--int .header_image-wrapper.z-int-art { margin-bottom: 0; }
}
html body .z-hb--int .header_content-left :is(.header_title_wrapper, .para_wrapper, .cta-form-container, .cta_form-block) { margin-left: auto !important; margin-right: auto !important; }
html body .z-hb--int .header_content-left .para_wrapper { max-width: 36rem; }