a.cta_button {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    vertical-align: middle;
  }

  .hs-breadcrumb-menu {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .hs-breadcrumb-menu-item {
    float: left;
    padding: 10px 0px 10px 10px;
  }

  .hs-breadcrumb-menu-divider:before {
    content: "›";
    padding-left: 10px;
  }

  .hs-featured-image-link {
    border: 0;
  }

  .hs-featured-image {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%;
  }

  @media (max-width: 568px) {
    .hs-featured-image {
      float: none;
      margin: 0;
      width: 100%;
      max-width: 100%;
    }
  }

  .hs-screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

                        @keyframes msf-progress {
                          0% {
                            transform: scaleX(0);
                            opacity: 0;
                          }

                          100% {
                            transform: scaleX(1);
                            opacity: 1;
                          }
                        }

                        @keyframes msf-appear {
                          0% {
                            scale: 0;
                          }

                          100% {
                            scale: 1;
                          }
                        }

                        .msf-container {
                          --rff-indicator-outline-color: var(--light-theme-background-01);
                          --rff-indicator-incomplete-background-color: var(--cl-color-container-03);
                          --rff-indicator-complete-background-color: var(--cl-color-success-01);
                          --rff-indicator-incomplete-text-color: var(--cl-color-text-01);
                          --rff-indicator-complete-text-color: var(--cl-color-text-on-color-01);
                          --rff-indicator-incomplete-border-color: var(--cl-color-border-03);
                          --rff-indicator-complete-border-color: transparent;

                          margin: 0 auto;
                          max-width: 720px;
                          container-name: msf-container;
                          container-type: inline-size;

                          &.-dark {
                            --rff-indicator-outline-color: var(--dark-theme-background-02);
                          }
                        }

                        .msf-header {
                          text-align: center;
                          margin: 2em 0 0 0;
                        }

                        .msf-progress-bar {
                          position: absolute;
                          z-index: 0;
                          top: 50%;
                          left: 0;
                          right: 0;
                          transform: translateY(-50%) scaleX(0);
                          opacity: 0;
                          height: 2px;
                          background-color: var(--gray-30);
                          transform-origin: left;
                        }

                        .msf-container[data-show-steps='true'] .msf-progress-bar {
                          animation: msf-progress 1s linear forwards;
                        }

                        .msf-progress-header {
                          position: relative;
                          max-width: 860px;
                          margin: 1rem auto 2.5rem;
                        }

                        .msf-indicators {
                          list-style: none;
                          width: 100%;
                          display: flex;
                          justify-content: space-between;
                          flex-direction: row;
                        }

                        .msf-indicator {
                          position: relative;
                          z-index: 1;
                          display: flex;
                          justify-content: center;
                          align-items: center;
                          width: 2rem;
                          height: 2rem;
                          color: var(--rff-indicator-incomplete-text-color);
                          background-color: var(--rff-indicator-incomplete-background-color);
                          border: 2px solid var(--rff-indicator-incomplete-border-color);
                          border-radius: 50%;
                          outline: 8px solid var(--rff-indicator-outline-color);
                          scale: 0;
                          transition: 0.3s background-color linear;
                          font-size: var(--font-size-h6, 1rem);
                          font-weight: var(--font-weight-h6, 500);
                          line-height: var(--line-height-h6, 1.75);
                        }

                        .msf-indicator .cl-icon {
                          display: none;
                        }

                        .msf-container[data-show-steps='true'] .msf-indicator {
                          animation: msf-appear 0.3s ease-out forwards;
                          animation-delay: var(--delay);
                        }

                        .msf-indicator.complete,
                        .msf-indicator.active {
                          background-color: var(--rff-indicator-complete-background-color);
                          color: var(--rff-indicator-complete-text-color);
                          border-color: var(--rff-indicator-complete-border-color);
                        }

                        .msf-indicator.complete .cl-icon {
                          height: 1rem;
                          width: 1rem;
                          position: absolute;
                          fill: currentColor;
                          display: flex;
                        }

                        .msf-indicator.complete>span {
                          opacity: 0;
                          /* effectively visually-hidden */
                        }

                        .msf {
                          --current-step: 1;
                          position: relative;
                          margin: 0 auto;
                          max-width: 1080px;
                          overflow: hidden;
                        }

                        .msf-list {
                          display: flex;
                          flex-direction: row;
                          flex-wrap: nowrap;
                          width: 100%;
                          list-style: none;
                          transform: translateX(calc(-100% * (var(--current-step) - 1)));
                          transition: transform 0.35s ease-in-out;
                        }

                        .msf-step {
                          width: 100%;
                          min-width: 100%;
                          display: flex;
                          flex-direction: column;
                          align-items: center;
                          visibility: hidden;
                        }

                        .msf-step[data-active='true'] {
                          visibility: visible;
                        }

                        .msf-step-fields {
                          display: flex;
                          flex-direction: column;
                        }

                        @container msf-container (width >=600px) {
                          .msf-step-fields {
                            flex-direction: row;
                          }
                        }

                        .msf-field+.msf-field {
                          padding-top: 1.5rem;
                        }

                        @container msf-container (width >=600px) {
                          .msf-field+.msf-field {
                            padding-left: 1.5rem;
                            padding-top: 0;
                          }
                        }

                        .msf-legal {
                          max-height: 0;
                          overflow: hidden;
                          transition: max-height 0.5s ease-in;
                          text-align: left;
                          font-size: var(--font-size-small);
                          line-height: var(--line-height-small);
                        }

                        .msf-legal>p {
                          font-size: var(--font-size-small);
                          line-height: var(--line-height-small);
                        }

                        .msf-navigation {
                          position: relative;
                          width: 100%;
                          display: flex;
                          align-items: center;
                          justify-content: space-between;
                          padding-top: 2rem;
                        }

                        .msf-next {
                          position: relative;
                        }

                        .msf-submit {
                          position: absolute;
                          right: 0;
                          visibility: hidden;
                        }

                        .msf[data-step='1'] .msf-previous {
                          visibility: hidden;
                        }

                        .msf[data-last-step='true'] .msf-next {
                          visibility: hidden;
                        }

                        .msf[data-last-step='true'] .msf-submit {
                          visibility: visible;
                        }

                        .msf[data-last-step='true'] .msf-legal {
                          max-height: 100vh;
                        }

                        /* Component library validation */
                        .msf .cl-input .cl-input-status {
                          display: none;
                        }

                        .msf .cl-input.-invalid .cl-input-status {
                          display: unset;
                        }

                        /* Loading states for CTAs */
                        .msf .cl-button {
                          min-height: 41px;
                        }

                        .msf .cl-loading {
                          position: absolute;
                          display: none;
                          top: 50%;
                          left: 50%;
                          transform: translate(-50%, -50%);
                        }

                        .msf-submit.loading>span,
                        .msf-next.loading>span {
                          visibility: hidden;
                        }

                        .msf-submit.loading>.cl-loading,
                        .msf-next.loading>.cl-loading {
                          display: block;
                        }
  :root,
  .-light,
  .-white,
  .-dark {
    --cl-anchor-text-decoration: underline;
    --cl-anchor-color-dark: #5fa3d4;
    --cl-anchor-hover-color-dark: #88bde3
  }

  :root,
  [data-background=white],
  [data-background=off-white],
  .-white,
  .-light {
    --cl-color-background-01: #ffffff;
    --cl-color-background-02: #f6f9fc;
    --cl-color-background-03: #fef4ea;
    --cl-color-background-footer-01: #2e475d;
    --cl-color-border-01: #192733;
    --cl-color-border-02: #7691ad;
    --cl-color-border-03: #dbe4ed;
    --cl-color-border-brand-01: #ff5c35;
    --cl-color-border-highlight-01: #0068b1;
    --cl-color-container-01: #ffffff;
    --cl-color-container-02: #f6f9fc;
    --cl-color-container-03: #eaf0f6;
    --cl-color-container-inverse-01: #192733;
    --cl-color-disabled-01: #99afc4;
    --cl-color-disabled-02: #eaf0f6;
    --cl-color-disabled-03: #dbe4ed;
    --cl-color-divider-01: #dbe4ed;
    --cl-color-error-01: #cf2738;
    --cl-color-focus-01: #0068b1;
    --cl-color-hover-01: #eaf0f6;
    --cl-color-hover-02: #eaf0f6;
    --cl-color-hover-03: #b6c7d6;
    --cl-color-hover-brand-01: #e04826;
    --cl-color-hover-inverse-01: #2e475d;
    --cl-color-hover-link-01: #005fa3;
    --cl-color-hover-link-02: #2e475d;
    --cl-color-hubspot-brand-01: #ff5c35;
    --cl-color-icon-01: #213343;
    --cl-color-icon-02: #516f90;
    --cl-color-icon-on-color-01: #ffffff;
    --cl-color-link-01: #0068b1;
    --cl-color-link-02: #213343;
    --cl-color-pressed-01: #b6c7d6;
    --cl-color-pressed-02: #b6c7d6;
    --cl-color-pressed-03: #99afc4;
    --cl-color-pressed-brand-01: #b3361d;
    --cl-color-pressed-inverse-01: #3e5974;
    --cl-color-pressed-link-01: #005896;
    --cl-color-pressed-link-02: #516f90;
    --cl-color-success-01: #1f7d3d;
    --cl-color-text-01: #213343;
    --cl-color-text-02: #2e475d;
    --cl-color-text-brand-01: #ff5c35;
    --cl-color-text-on-color-01: #ffffff;
    --cl-color-text-placeholder-01: #516f90;
    --cl-anchor-color: var(--cl-color-link-01, #0068b1);
    --cl-anchor-hover-color: var(--cl-color-hover-link-01, #005fa3);
    --cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #005896);
    --cl-text-color: var(--cl-color-text-01, #213343)
  }

  [data-background=dark],
  .-dark {
    --cl-color-background-01: #192733;
    --cl-color-background-02: #213343;
    --cl-color-background-03: #213343;
    --cl-color-background-footer-01: #2e475d;
    --cl-color-border-01: #ffffff;
    --cl-color-border-02: #7691ad;
    --cl-color-border-03: #3e5974;
    --cl-color-border-brand-01: #ff5c35;
    --cl-color-border-highlight-01: #ffffff;
    --cl-color-container-01: #192733;
    --cl-color-container-02: #213343;
    --cl-color-container-03: #2e475d;
    --cl-color-container-inverse-01: #ffffff;
    --cl-color-disabled-01: #607d9c;
    --cl-color-disabled-02: #2e475d;
    --cl-color-disabled-03: #3e5974;
    --cl-color-divider-01: #3e5974;
    --cl-color-error-01: #f7818c;
    --cl-color-focus-01: #5fa3d4;
    --cl-color-hover-01: #2e475d;
    --cl-color-hover-02: #2e475d;
    --cl-color-hover-03: #3e5974;
    --cl-color-hover-brand-01: #e04826;
    --cl-color-hover-inverse-01: #b6c7d6;
    --cl-color-hover-link-01: #88bde3;
    --cl-color-hover-link-02: #b6c7d6;
    --cl-color-hubspot-brand-01: #ff5c35;
    --cl-color-icon-01: #ffffff;
    --cl-color-icon-02: #b6c7d6;
    --cl-color-icon-on-color-01: #192733;
    --cl-color-link-01: #5fa3d4;
    --cl-color-link-02: #ffffff;
    --cl-color-pressed-01: #3e5974;
    --cl-color-pressed-02: #3e5974;
    --cl-color-pressed-03: #516f90;
    --cl-color-pressed-brand-01: #b3361d;
    --cl-color-pressed-inverse-01: #99afc4;
    --cl-color-pressed-link-01: #9ec8e6;
    --cl-color-pressed-link-02: #99afc4;
    --cl-color-success-01: #4fb06d;
    --cl-color-text-01: #ffffff;
    --cl-color-text-02: #b6c7d6;
    --cl-color-text-brand-01: #ff5c35;
    --cl-color-text-on-color-01: #192733;
    --cl-color-text-placeholder-01: #99afc4;
    --cl-anchor-color: var(--cl-color-link-01, #5fa3d4);
    --cl-anchor-hover-color: var(--cl-color-hover-link-01, #88bde3);
    --cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #9ec8e6);
    --cl-text-color: var(--cl-color-text-01, #ffffff)
  }

  :root,
  [data-cl-brand=hubspot-2022] {
    --cl-font-family: "Lexend Deca", sans-serif;
    --cl-font-family-display: "Queens Medium", serif;
    --cl-font-size-blockquote: 1.125rem;
    --cl-font-size-display-01-small: 2.25rem;
    --cl-font-size-display-01: 3.75rem;
    --cl-font-size-display-02-small: 2.125rem;
    --cl-font-size-display-02: 3rem;
    --cl-font-size-display-03-small: 2rem;
    --cl-font-size-display-03: 2.5rem;
    --cl-font-size-h1-small: 2.25rem;
    --cl-font-size-h1: 3rem;
    --cl-font-size-h2-small: 1.625rem;
    --cl-font-size-h2: 2rem;
    --cl-font-size-h3: 1.5rem;
    --cl-font-size-h4: 1.375rem;
    --cl-font-size-h5: 1.125rem;
    --cl-font-size-h6: 1rem;
    --cl-font-size-input-label: 0.875rem;
    --cl-font-size-microcopy: 0.75rem;
    --cl-font-size-microheading: 0.875rem;
    --cl-font-size-p-large: 1.125rem;
    --cl-font-size-p-medium: 1rem;
    --cl-font-size-p-small: 0.875rem;
    --cl-font-weight-blockquote: 300;
    --cl-font-weight-display-01-small: 500;
    --cl-font-weight-display-01: 500;
    --cl-font-weight-display-02-small: 500;
    --cl-font-weight-display-02: 500;
    --cl-font-weight-display-03-small: 500;
    --cl-font-weight-display-03: 500;
    --cl-font-weight-h1-small: 600;
    --cl-font-weight-h1: 500;
    --cl-font-weight-h2-small: 600;
    --cl-font-weight-h2: 600;
    --cl-font-weight-h3: 500;
    --cl-font-weight-h4: 500;
    --cl-font-weight-h5: 600;
    --cl-font-weight-h6: 500;
    --cl-font-weight-input-label: 500;
    --cl-font-weight-microcopy: 500;
    --cl-font-weight-microheading: 600;
    --cl-font-weight-p-large: 300;
    --cl-font-weight-p-medium: 300;
    --cl-font-weight-p-small: 300;
    --cl-font-weight-p-link: 500;
    --cl-line-height-blockquote: 1.78;
    --cl-line-height-display-01-small: 1.27777778;
    --cl-line-height-display-01: 1.13333333;
    --cl-line-height-display-02-small: 1.23529412;
    --cl-line-height-display-02: 1.20833333;
    --cl-line-height-display-03-small: 1.25;
    --cl-line-height-display-03: 1.2;
    --cl-line-height-h1-small: 1.27777778;
    --cl-line-height-h1: 1.25;
    --cl-line-height-h2-small: 1.375;
    --cl-line-height-h2: 1.375;
    --cl-line-height-h3: 1.41666667;
    --cl-line-height-h4: 1.45454545;
    --cl-line-height-h5: 1.55555556;
    --cl-line-height-h6: 1.75;
    --cl-line-height-input-label: 1.57142857;
    --cl-line-height-microcopy: 1.66666667;
    --cl-line-height-microheading: 1.57142857;
    --cl-line-height-p-large: 1.77777778;
    --cl-line-height-p-medium: 1.75;
    --cl-line-height-p-small: 1.57142857
  }

  @keyframes msf-progress {
    0% {
      transform: scaleX(0);
      opacity: 0;
    }

    100% {
      transform: scaleX(1);
      opacity: 1;
    }
  }

  @keyframes msf-appear {
    0% {
      scale: 0;
    }

    100% {
      scale: 1;
    }
  }

  .msf-container {
    --rff-indicator-outline-color: var(--light-theme-background-01);
    --rff-indicator-incomplete-background-color: var(--cl-color-container-03);
    --rff-indicator-complete-background-color: var(--cl-color-success-01);
    --rff-indicator-incomplete-text-color: var(--cl-color-text-01);
    --rff-indicator-complete-text-color: var(--cl-color-text-on-color-01);
    --rff-indicator-incomplete-border-color: var(--cl-color-border-03);
    --rff-indicator-complete-border-color: transparent;

    margin: 0 auto;
    max-width: 720px;
    container-name: msf-container;
    container-type: inline-size;

    &.-dark {
      --rff-indicator-outline-color: var(--dark-theme-background-02);
    }
  }

  .msf-header {
    text-align: center;
    margin: 2em 0 0 0;
  }

  .msf-progress-bar {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) scaleX(0);
    opacity: 0;
    height: 2px;
    background-color: var(--gray-30);
    transform-origin: left;
  }

  .msf-container[data-show-steps='true'] .msf-progress-bar {
    animation: msf-progress 1s linear forwards;
  }

  .msf-progress-header {
    position: relative;
    max-width: 860px;
    margin: 1rem auto 2.5rem;
  }

  .msf-indicators {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }

  .msf-indicator {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    color: var(--rff-indicator-incomplete-text-color);
    background-color: var(--rff-indicator-incomplete-background-color);
    border: 2px solid var(--rff-indicator-incomplete-border-color);
    border-radius: 50%;
    outline: 8px solid var(--rff-indicator-outline-color);
    scale: 0;
    transition: 0.3s background-color linear;
    font-size: var(--font-size-h6, 1rem);
    font-weight: var(--font-weight-h6, 500);
    line-height: var(--line-height-h6, 1.75);
  }

  .msf-indicator .cl-icon {
    display: none;
  }

  .msf-container[data-show-steps='true'] .msf-indicator {
    animation: msf-appear 0.3s ease-out forwards;
    animation-delay: var(--delay);
  }

  .msf-indicator.complete,
  .msf-indicator.active {
    background-color: var(--rff-indicator-complete-background-color);
    color: var(--rff-indicator-complete-text-color);
    border-color: var(--rff-indicator-complete-border-color);
  }

  .msf-indicator.complete .cl-icon {
    height: 1rem;
    width: 1rem;
    position: absolute;
    fill: currentColor;
    display: flex;
  }

  .msf-indicator.complete>span {
    opacity: 0;
    /* effectively visually-hidden */
  }

  .msf {
    --current-step: 1;
    position: relative;
    margin: 0 auto;
    max-width: 1080px;
    overflow: hidden;
  }

  .msf-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    list-style: none;
    transform: translateX(calc(-100% * (var(--current-step) - 1)));
    transition: transform 0.35s ease-in-out;
  }

  .msf-step {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    visibility: hidden;
  }

  .msf-step[data-active='true'] {
    visibility: visible;
  }

  .msf-step-fields {
    display: flex;
    flex-direction: column;
  }

  @container msf-container (width >=600px) {
    .msf-step-fields {
      flex-direction: row;
    }
  }

  .msf-field+.msf-field {
    padding-top: 1.5rem;
  }

  @container msf-container (width >=600px) {
    .msf-field+.msf-field {
      padding-left: 1.5rem;
      padding-top: 0;
    }
  }

  .msf-legal {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    text-align: left;
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
  }

  .msf-legal>p {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
  }

  .msf-navigation {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
  }

  .msf-next {
    position: relative;
  }

  .msf-submit {
    position: absolute;
    right: 0;
    visibility: hidden;
  }

  .msf[data-step='1'] .msf-previous {
    visibility: hidden;
  }

  .msf[data-last-step='true'] .msf-next {
    visibility: hidden;
  }

  .msf[data-last-step='true'] .msf-submit {
    visibility: visible;
  }

  .msf[data-last-step='true'] .msf-legal {
    max-height: 100vh;
  }

  /* Component library validation */
  .msf .cl-input .cl-input-status {
    display: none;
  }

  .msf .cl-input.-invalid .cl-input-status {
    display: unset;
  }

  /* Loading states for CTAs */
  .msf .cl-button {
    min-height: 41px;
  }

  .msf .cl-loading {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .msf-submit.loading>span,
  .msf-next.loading>span {
    visibility: hidden;
  }

  .msf-submit.loading>.cl-loading,
  .msf-next.loading>.cl-loading {
    display: block;
  }