<style>
  @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&family=Source+Serif+4:ital,wght@0,400;1,400&display=swap');
  .yp-rt h1 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif !important;
    font-size: 36px;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    color: #242424;
    margin: 0;
    padding: 0;
  }
  .yp-rt h2 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif !important;
    font-size: 28px;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    color: #242424;
    margin: 0;
    padding: 0;
  }
  .yp-rt h3 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #242424;
    margin: 0;
    padding: 0;
  }
  .yp-rt h4 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #242424;
    margin: 0;
    padding: 0;
  }
  .yp-rt h5 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #242424;
    margin: 0;
    padding: 0;
  }
  .yp-rt p {
    font-family: 'Source Serif 4', Georgia, serif !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #242424;
    margin: 0;
    padding: 0 0 16px 0;
  }
  .yp-rt b,
  .yp-rt strong {
    font-family: 'Source Serif 4', Georgia, serif !important;
    font-weight: 600 !important;
    color: #242424 !important;
  }
  .yp-rt ul,
  .yp-rt ol {
    font-family: 'Source Serif 4', Georgia, serif !important;
    font-size: 16px;
    line-height: 1.5 !important;
    color: #242424;
    margin: 0 0 16px 0 !important;
    padding-left: 20px !important;
  }
  .yp-rt li {
    font-family: 'Source Serif 4', Georgia, serif !important;
    font-size: 16px;
    line-height: 1.5 !important;
    padding-left: 0 !important;
    margin-bottom: 8px;
    color: #7B188C;
  }
  /* HubSpot editor wraps li content in <p> — target those directly */
  .yp-rt li p {
    font-family: 'Source Serif 4', Georgia, serif !important;
    font-size: inherit;
    line-height: inherit !important;
    color: #242424 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .yp-rt a {
    color: #7B188C;
    text-decoration: none;
  }
  .yp-rt > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  } 
/* === H5 and H6: v4.1 global defaults (theme UI only exposes H1-H4) === */
h5 {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #242424;
}
h6 {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #706C61;
}
/* H4 = Dek (Design System 4.3 s03): Outfit 20/400, Warm Grey, lh 1.4. Font, size, weight and line-height come from Theme settings > Typography > H4; theme UI has no colour control, so colour is set here. */
h4, .h4 {
    color: #706C61;
}
/* Default heading spacing (Design System 4.3 s03). Plain class selectors, no !important: spacing set on a module in the editor is ID-scoped and always wins. Eyebrow (H6) 24px above a headline; Dek (H4) 24px below, max 640px. */
.widget-type-header:has(h6) { padding-bottom: 24px; }
.widget-type-header:has(h4) { padding-bottom: 24px; }
h4, .h4 { max-width: 640px; }
.yp-rt h6 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #242424;
    margin: 0;
    padding: 0;
}
/* Fix .yp-rt h5: override earlier block — v4.1 H5 = 16px Light 300, not eyebrow */
.yp-rt h5 {
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* YP landing header: Design System 4.3 s12 (Oct 8, 2026). Dark Plum bar, logo + one button, no menu. Tested at 1553px and 390px. */
.header { background: #25032B !important; }
.header .nav { display: flex !important; align-items: center; justify-content: space-between; max-width: 1140px; width: 100%; height: 56px; min-height: 56px; margin: 0 auto !important; padding: 0 24px !important; }
.header .nav__logo, .header .nav__menu { margin: 0 !important; padding: 0 !important; height: auto !important; width: auto !important; position: static !important; }
.header .site-logo { display: flex; align-items: center; margin: 0 !important; }
.header .site-logo__image { height: 16px !important; width: auto !important; }
.header .nav__toggler, .header .nav__mobile { display: none !important; }
.header .nav__menu { display: block !important; }
.header .nav__menu .header-menu { display: flex !important; margin: 0 !important; padding: 0 !important; list-style: none; }
.header .nav__menu .header-menu__parent { margin: 0 !important; padding: 0 !important; }
.header .nav__menu .header-menu__link { display: inline-block !important; padding: 10px 20px !important; border-radius: 999px; background: #E5A5F0; color: #25032B; font: 600 14px/1.2 'Outfit', sans-serif; text-decoration: none; transition: background .18s ease; }
.header .nav__menu .header-menu__link:hover { background: #f0c7ff; color: #25032B; }
@media (max-width: 480px) { .header .nav { padding: 0 16px !important; } }

/* YP landing forms: Design System 4.3 (Oct 8, 2026). Box 8px (theme ties box and fields to one radius var, so the box is split out here). Fields keep the theme radius. Outfit labels and inputs, Brand Purple pill Submit. */
html body .widget-type-form, html body form.hs-form { border-radius: 8px !important; }
html body .hs-form-private .hs-form-field > label { font-family: 'Outfit', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #242424 !important; }
html body .hs-form-private .hs-input { font-family: 'Outfit', sans-serif !important; font-size: 16px !important; color: #242424 !important; }
html body .hs-form-private input[type=submit], html body .hs-form-private .hs-button { background: #501C59 !important; color: #FFFFFF !important; font-family: 'Outfit', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; padding: 10px 20px !important; border: 0 !important; border-radius: 50px !important; transition: background .18s ease; }
html body .hs-form-private input[type=submit]:hover, html body .hs-form-private .hs-button:hover { background: #7B188C !important; }
</style>
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="presentation"><tr><td class="yp-rt" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.75; color: #242424;">
  
</td></tr></table>