/* --- block 1 --- */
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
    }

/* --- block 2 --- */
.anti-flicker,
    .anti-flicker * {
      visibility: hidden !important;
      opacity: 0 !important;
    }

/* --- block 3 --- */
*,
    *::before,
    *::after {
      box-sizing: border-box
    }

    html {
      line-height: 1.15;
      text-size-adjust: 100%
    }

    body {
      margin: 0
    }

    main {
      display: block
    }

    h1 {
      font-size: 2em;
      margin: .67em 0
    }

    hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible
    }

    pre {
      font-family: monospace;
      font-size: 1em
    }

    a {
      background-color: rgba(0, 0, 0, 0)
    }

    abbr[title] {
      border-bottom: none;
      text-decoration: underline;
      text-decoration: underline dotted
    }

    b,
    strong {
      font-weight: bolder
    }

    code,
    kbd,
    samp {
      font-family: monospace;
      font-size: 1em
    }

    small {
      font-size: 80%
    }

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
    }

    sub {
      bottom: -0.25em
    }

    sup {
      top: -0.5em
    }

    object,
    img {
      max-width: 100%;
      height: auto
    }

    button,
    input,
    optgroup,
    select,
    textarea {
      font-family: inherit;
      font-size: 100%;
      line-height: 1.15;
      margin: 0
    }

    button,
    input {
      overflow: visible
    }

    button,
    select {
      text-transform: none
    }

    button,
    [type=button],
    [type=reset],
    [type=submit] {
      appearance: button
    }

    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
      border-style: none;
      padding: 0
    }

    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
      outline: 1px dotted ButtonText
    }

    fieldset {
      border: 0;
      margin: 0;
      padding: 0
    }

    legend {
      box-sizing: border-box;
      color: inherit;
      display: table;
      max-width: 100%;
      padding: 0;
      white-space: normal
    }

    progress {
      vertical-align: baseline
    }

    textarea {
      overflow: auto
    }

    [type=checkbox],
    [type=radio] {
      box-sizing: border-box;
      padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
      height: auto
    }

    [type=search] {
      appearance: textfield;
      outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
      appearance: none
    }

    ::-webkit-file-upload-button {
      appearance: button;
      font: inherit
    }

    details {
      display: block
    }

    summary {
      display: list-item
    }

    template {
      display: none
    }

    [hidden] {
      display: none
    }

    figure {
      margin: 0
    }

    blockquote {
      margin: 0
    }

    ul,
    ol {
      list-style: none;
      margin: 0;
      padding: 0
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
      max-width: 100%
    }

    table tr,
    table th,
    table td {
      margin: 0;
      padding: 0;
      border: 0
    }

    @media(prefers-reduced-motion: reduce) {

      *,
      ::before,
      ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
        transition-delay: 0ms !important
      }
    }

    @font-face {
      font-display: swap;
      font-family: "HubSpot Sans";
      font-weight: 300 400;
      src: url("../fonts/HubSpotSans-Book.woff2") format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "HubSpot Sans";
      font-weight: 500 600;
      src: url("../fonts/HubSpotSans-Medium.woff2") format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "HubSpot Serif";
      font-weight: 400 600;
      src: url("../fonts/HubSpotSerif-Medium.woff2") format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "HubSpot Serif";
      font-weight: 300;
      src: url("../fonts/HubSpotSerif-Book.woff2") format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "Zen Kaku Gothic New";
      font-weight: 300 400;
      src: url("../fonts/ZenKakuGothicNew-Regular.woff2") format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "Zen Kaku Gothic New";
      font-weight: 500;
      src: url("../fonts/ZenKakuGothicNew-Medium.woff2") format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "Zen Kaku Gothic New";
      font-weight: 700;
      src: url("../fonts/ZenKakuGothicNew-Bold.woff2") format("woff2")
    }

    :root,
    [data-cl-brand=hubspot-2025] {
      --light-theme-accent-fill-01: #cfcccb;
      --light-theme-accent-fill-02: #fcc6b1;
      --light-theme-accent-fill-03: #fcc5be;
      --light-theme-accent-fill-04: #b9cdbe;
      --light-theme-accent-fill-05: #ece6d9;
      --light-theme-accent-fill-06: #d7cdfc;
      --light-theme-accent-fill-07: #b2e9eb;
      --light-theme-accent-fill-08: #fbdbe9;
      --light-theme-accent-decoration-01: #9b9897;
      --light-theme-accent-decoration-02: #ffa581;
      --light-theme-accent-decoration-03: #ffa499;
      --light-theme-accent-decoration-04: #9cbaa4;
      --light-theme-accent-decoration-05: #ccc0a3;
      --light-theme-accent-decoration-06: #c4b4f7;
      --light-theme-accent-decoration-07: #97dadc;
      --light-theme-accent-decoration-08: #fcc3dc;
      --light-theme-badge-brand-fill-01: #fcc6b1;
      --light-theme-background-01: #fcfcfa;
      --light-theme-background-02: #f8f5ee;
      --light-theme-background-03: #f8f5ee;
      --light-theme-background-accent-01: #b9cdbe;
      --light-theme-background-accent-02: #d6c2d9;
      --light-theme-background-accent-03: #fcc3dc;
      --light-theme-background-footer-01: #1f1f1f;
      --light-theme-beta-01: #7d53e9;
      --light-theme-beta-background-01: #e5e1fa;
      --light-theme-border-01: #1f1f1f;
      --light-theme-border-02: rgba(0, 0, 0, 0.4705882353);
      --light-theme-border-03: rgba(0, 0, 0, 0.1098039216);
      --light-theme-border-brand-01: #ff4800;
      --light-theme-border-highlight-01: #2f7579;
      --light-theme-button-primary-text-color: #ffffff;
      --light-theme-button-primary-fill-idle: #ff4800;
      --light-theme-button-primary-fill-hover: #c93700;
      --light-theme-button-primary-fill-pressed: #9f2800;
      --light-theme-button-secondary-border: #ff4800;
      --light-theme-button-secondary-fill-idle: #ffffff;
      --light-theme-button-secondary-fill-hover: #fcece6;
      --light-theme-button-secondary-fill-pressed: #fcc6b1;
      --light-theme-button-secondary-text-color-hover: #c93700;
      --light-theme-button-secondary-text-color-pressed: #9f2800;
      --light-theme-button-tertiary-fill-idle: #1f1f1f;
      --light-theme-button-tertiary-fill-hover: rgba(0, 0, 0, 0.6196078431);
      --light-theme-button-tertiary-fill-pressed: rgba(0, 0, 0, 0.4705882353);
      --light-theme-checkmark-list-icon-brand-fill: #ff4800;
      --light-theme-container-01: #ffffff;
      --light-theme-container-02: rgba(255, 255, 255, 0.4588235294);
      --light-theme-container-03: rgba(255, 255, 255, 0.4);
      --light-theme-container-inverse-01: #1f1f1f;
      --light-theme-disabled-01: rgba(0, 0, 0, 0.2);
      --light-theme-disabled-02: rgba(0, 0, 0, 0.0196078431);
      --light-theme-disabled-03: rgba(0, 0, 0, 0.0509803922);
      --light-theme-divider-01: rgba(0, 0, 0, 0.1098039216);
      --light-theme-error-01: #d9002b;
      --light-theme-error-background-01: #fcc5be;
      --light-theme-focus-01: #2f7579;
      --light-theme-free-01: #2f7579;
      --light-theme-free-background-01: #ccf4f5;
      --light-theme-hover-01: rgba(0, 0, 0, 0.0509803922);
      --light-theme-hover-02: rgba(0, 0, 0, 0.0588235294);
      --light-theme-hover-03: #cfcccb;
      --light-theme-hover-brand-01: #c93700;
      --light-theme-hover-inverse-01: rgba(0, 0, 0, 0.8117647059);
      --light-theme-hover-link-01: #1f1f1f;
      --light-theme-hover-link-02: rgba(0, 0, 0, 0.6196078431);
      --light-theme-hubspot-brand-01: #ff4800;
      --light-theme-icon-01: #1f1f1f;
      --light-theme-icon-02: #292929;
      --light-theme-icon-on-color-01: #ffffff;
      --light-theme-link-01: #1f1f1f;
      --light-theme-link-02: #124548;
      --light-theme-loading-primary-fill-active: #ff4800;
      --light-theme-loading-primary-fill-inactive: #fcc6b1;
      --light-theme-loading-secondary-fill-active: rgba(0, 0, 0, 0.2);
      --light-theme-loading-secondary-fill-inactive: rgba(0, 0, 0, 0.1098039216);
      --light-theme-neutral-01: #9b9897;
      --light-theme-neutral-background-01: #cfcccb;
      --light-theme-number-fill-active: #ff4800;
      --light-theme-number-fill-inactive: #ffdbc1;
      --light-theme-number-fill-statistic: #ff4800;
      --light-theme-overlay-01: rgba(0, 0, 0, 0.8117647059);
      --light-theme-play-button-fill-idle: #ff4800;
      --light-theme-play-button-fill-hover: #c93700;
      --light-theme-play-button-fill-pressed: #ffa766;
      --light-theme-social-button-fill-idle: #292929;
      --light-theme-social-button-fill-hover: rgba(0, 0, 0, 0.6196078431);
      --light-theme-social-button-fill-pressed: rgba(0, 0, 0, 0.6196078431);
      --light-theme-social-button-icon-color: #ffffff;
      --light-theme-pressed-01: rgba(0, 0, 0, 0.0588235294);
      --light-theme-pressed-02: rgba(0, 0, 0, 0.0784313725);
      --light-theme-pressed-03: #9b9897;
      --light-theme-pressed-brand-01: #9f2800;
      --light-theme-pressed-inverse-01: rgba(0, 0, 0, 0.6196078431);
      --light-theme-pressed-link-01: #1f1f1f;
      --light-theme-pressed-link-02: rgba(0, 0, 0, 0.6196078431);
      --light-theme-success-01: #00823a;
      --light-theme-success-background-01: #bde7cb;
      --light-theme-text-01: #1f1f1f;
      --light-theme-text-02: rgba(0, 0, 0, 0.6196078431);
      --light-theme-text-brand-01: #ff4800;
      --light-theme-text-link-underline-01: #ff4800;
      --light-theme-text-on-color-01: #ffffff;
      --light-theme-text-placeholder-01: rgba(0, 0, 0, 0.4);
      --light-theme-warning-01: #eeb117;
      --light-theme-warning-background-01: #fbeece;
      --dark-theme-accent-fill-01: #000000;
      --dark-theme-accent-fill-02: #9f2800;
      --dark-theme-accent-fill-03: #ac0020;
      --dark-theme-accent-fill-04: #1b582a;
      --dark-theme-accent-fill-05: #64593e;
      --dark-theme-accent-fill-06: #5113ba;
      --dark-theme-accent-fill-07: #1e5b5f;
      --dark-theme-accent-fill-08: #800051;
      --dark-theme-accent-decoration-01: #1c1c1c;
      --dark-theme-accent-decoration-02: #c93700;
      --dark-theme-accent-decoration-03: #d9002b;
      --dark-theme-accent-decoration-04: #327142;
      --dark-theme-accent-decoration-05: #7d7050;
      --dark-theme-accent-decoration-06: #6431da;
      --dark-theme-accent-decoration-07: #2f7579;
      --dark-theme-accent-decoration-08: #a5016a;
      --dark-theme-badge-brand-fill-01: #c93700;
      --dark-theme-background-01: #042729;
      --dark-theme-background-02: #093436;
      --dark-theme-background-03: #093436;
      --dark-theme-background-accent-01: #042729;
      --dark-theme-background-accent-02: #46062b;
      --dark-theme-background-accent-03: #25155e;
      --dark-theme-background-footer-01: #1f1f1f;
      --dark-theme-beta-01: #9778ec;
      --dark-theme-beta-background-01: #6431da;
      --dark-theme-border-01: #f8f5ee;
      --dark-theme-border-02: rgba(255, 255, 255, 0.4);
      --dark-theme-border-03: rgba(255, 255, 255, 0.0784313725);
      --dark-theme-border-brand-01: #ff4800;
      --dark-theme-border-highlight-01: #b9cdbe;
      --dark-theme-button-primary-text-color: #ffffff;
      --dark-theme-button-primary-fill-idle: #ff4800;
      --dark-theme-button-primary-fill-hover: #c93700;
      --dark-theme-button-primary-fill-pressed: #9f2800;
      --dark-theme-button-secondary-border: #f8f5ee;
      --dark-theme-button-secondary-fill-idle: rgba(0, 0, 0, 0.1098039216);
      --dark-theme-button-secondary-fill-hover: rgba(0, 0, 0, 0.2);
      --dark-theme-button-secondary-fill-pressed: rgba(0, 0, 0, 0.4);
      --dark-theme-button-secondary-text-color-hover: #f8f5ee;
      --dark-theme-button-secondary-text-color-pressed: #f8f5ee;
      --dark-theme-button-tertiary-fill-idle: #ffffff;
      --dark-theme-button-tertiary-fill-hover: rgba(255, 255, 255, 0.8117647059);
      --dark-theme-button-tertiary-fill-pressed: rgba(255, 255, 255, 0.6196078431);
      --dark-theme-checkmark-list-icon-brand-fill: #ff4800;
      --dark-theme-container-01: #042729;
      --dark-theme-container-02: rgba(0, 0, 0, 0.168627451);
      --dark-theme-container-03: rgba(0, 0, 0, 0.4);
      --dark-theme-container-inverse-01: #ffffff;
      --dark-theme-disabled-01: rgba(255, 255, 255, 0.168627451);
      --dark-theme-disabled-02: rgba(255, 255, 255, 0.0588235294);
      --dark-theme-disabled-03: rgba(255, 255, 255, 0.0784313725);
      --dark-theme-divider-01: rgba(255, 255, 255, 0.0784313725);
      --dark-theme-error-01: #ff7b70;
      --dark-theme-error-background-01: #d9002b;
      --dark-theme-focus-01: #7aa485;
      --dark-theme-free-01: #459195;
      --dark-theme-free-background-01: #2f7579;
      --dark-theme-hover-01: rgba(255, 255, 255, 0.0509803922);
      --dark-theme-hover-02: rgba(255, 255, 255, 0.0588235294);
      --dark-theme-hover-03: rgba(255, 255, 255, 0.0784313725);
      --dark-theme-hover-brand-01: #ff7d4c;
      --dark-theme-hover-inverse-01: rgba(255, 255, 255, 0.8117647059);
      --dark-theme-hover-link-01: #f8f5ee;
      --dark-theme-hover-link-02: rgba(255, 255, 255, 0.6196078431);
      --dark-theme-hubspot-brand-01: #ff4800;
      --dark-theme-icon-01: #f8f5ee;
      --dark-theme-icon-02: #b6b1af;
      --dark-theme-icon-on-color-01: #1f1f1f;
      --dark-theme-link-01: #f8f5ee;
      --dark-theme-link-02: #eef4f0;
      --dark-theme-loading-primary-fill-active: #ff4800;
      --dark-theme-loading-primary-fill-inactive: #fcc6b1;
      --dark-theme-loading-secondary-fill-active: #f8f5ee;
      --dark-theme-loading-secondary-fill-inactive: rgba(255, 255, 255, 0.4);
      --dark-theme-neutral-01: #4d4c4c;
      --dark-theme-neutral-background-01: #141414;
      --dark-theme-number-fill-active: #ff4800;
      --dark-theme-number-fill-inactive: #ffdbc1;
      --dark-theme-number-fill-statistic: #ff4800;
      --dark-theme-overlay-01: rgba(0, 0, 0, 0.8117647059);
      --dark-theme-play-button-fill-idle: #ff4800;
      --dark-theme-play-button-fill-hover: #c93700;
      --dark-theme-play-button-fill-pressed: #9f2800;
      --dark-theme-social-button-fill-idle: #f8f5ee;
      --dark-theme-social-button-fill-hover: rgba(255, 255, 255, 0.8117647059);
      --dark-theme-social-button-fill-pressed: rgba(255, 255, 255, 0.6196078431);
      --dark-theme-social-button-icon-color: #1f1f1f;
      --dark-theme-pressed-01: rgba(255, 255, 255, 0.0588235294);
      --dark-theme-pressed-02: rgba(255, 255, 255, 0.0784313725);
      --dark-theme-pressed-03: rgba(255, 255, 255, 0.1098039216);
      --dark-theme-pressed-brand-01: #ffa581;
      --dark-theme-pressed-inverse-01: rgba(255, 255, 255, 0.6196078431);
      --dark-theme-pressed-link-01: #f8f5ee;
      --dark-theme-pressed-link-02: rgba(255, 255, 255, 0.6196078431);
      --dark-theme-success-01: #3cb769;
      --dark-theme-success-background-01: #00823a;
      --dark-theme-text-01: #f8f5ee;
      --dark-theme-text-02: rgba(255, 255, 255, 0.6196078431);
      --dark-theme-text-brand-01: #f8f5ee;
      --dark-theme-text-link-underline-01: #ff4800;
      --dark-theme-text-on-color-01: #1f1f1f;
      --dark-theme-text-placeholder-01: rgba(255, 255, 255, 0.4);
      --dark-theme-warning-01: #d39913;
      --dark-theme-warning-background-01: #956309
    }

    :root,
    [data-cl-brand=hubspot-2025],
    :root [data-cl-theme=light],
    [data-cl-brand=hubspot-2025] [data-cl-theme=light],
    :root [data-background=white],
    [data-cl-brand=hubspot-2025] [data-background=white],
    :root [data-background=off-white],
    [data-cl-brand=hubspot-2025] [data-background=off-white],
    :root .-white,
    [data-cl-brand=hubspot-2025] .-white,
    :root .-light,
    [data-cl-brand=hubspot-2025] .-light {
      --cl-color-accent-fill-01: var(--light-theme-accent-fill-01);
      --cl-color-accent-fill-02: var(--light-theme-accent-fill-02);
      --cl-color-accent-fill-03: var(--light-theme-accent-fill-03);
      --cl-color-accent-fill-04: var(--light-theme-accent-fill-04);
      --cl-color-accent-fill-05: var(--light-theme-accent-fill-05);
      --cl-color-accent-fill-06: var(--light-theme-accent-fill-06);
      --cl-color-accent-fill-07: var(--light-theme-accent-fill-07);
      --cl-color-accent-fill-08: var(--light-theme-accent-fill-08);
      --cl-color-accent-decoration-01: var(--light-theme-accent-decoration-01);
      --cl-color-accent-decoration-02: var(--light-theme-accent-decoration-02);
      --cl-color-accent-decoration-03: var(--light-theme-accent-decoration-03);
      --cl-color-accent-decoration-04: var(--light-theme-accent-decoration-04);
      --cl-color-accent-decoration-05: var(--light-theme-accent-decoration-05);
      --cl-color-accent-decoration-06: var(--light-theme-accent-decoration-06);
      --cl-color-accent-decoration-07: var(--light-theme-accent-decoration-07);
      --cl-color-accent-decoration-08: var(--light-theme-accent-decoration-08);
      --cl-color-badge-brand-fill-01: var(--light-theme-badge-brand-fill-01);
      --cl-color-background-01: var(--light-theme-background-01);
      --cl-color-background-02: var(--light-theme-background-02);
      --cl-color-background-03: var(--light-theme-background-03);
      --cl-color-background-accent-01: var(--light-theme-background-accent-01);
      --cl-color-background-accent-02: var(--light-theme-background-accent-02);
      --cl-color-background-accent-03: var(--light-theme-background-accent-03);
      --cl-color-background-footer-01: var(--light-theme-background-footer-01);
      --cl-color-beta-01: var(--light-theme-beta-01);
      --cl-color-beta-background-01: var(--light-theme-beta-background-01);
      --cl-color-border-01: var(--light-theme-border-01);
      --cl-color-border-02: var(--light-theme-border-02);
      --cl-color-border-03: var(--light-theme-border-03);
      --cl-color-border-brand-01: var(--light-theme-border-brand-01);
      --cl-color-border-highlight-01: var(--light-theme-border-highlight-01);
      --cl-color-button-primary-text-color: var(--light-theme-button-primary-text-color);
      --cl-color-button-primary-fill-idle: var(--light-theme-button-primary-fill-idle);
      --cl-color-button-primary-fill-hover: var(--light-theme-button-primary-fill-hover);
      --cl-color-button-primary-fill-pressed: var(--light-theme-button-primary-fill-pressed);
      --cl-color-button-secondary-border: var(--light-theme-button-secondary-border);
      --cl-color-button-secondary-fill-idle: var(--light-theme-button-secondary-fill-idle);
      --cl-color-button-secondary-fill-hover: var(--light-theme-button-secondary-fill-hover);
      --cl-color-button-secondary-fill-pressed: var(--light-theme-button-secondary-fill-pressed);
      --cl-color-button-secondary-text-color-hover: var(--light-theme-button-secondary-text-color-hover);
      --cl-color-button-secondary-text-color-pressed: var(--light-theme-button-secondary-text-color-pressed);
      --cl-color-button-tertiary-fill-idle: var(--light-theme-button-tertiary-fill-idle);
      --cl-color-button-tertiary-fill-hover: var(--light-theme-button-tertiary-fill-hover);
      --cl-color-button-tertiary-fill-pressed: var(--light-theme-button-tertiary-fill-pressed);
      --cl-color-checkmark-list-icon-brand-fill: var(--light-theme-checkmark-list-icon-brand-fill);
      --cl-color-container-01: var(--light-theme-container-01);
      --cl-color-container-02: var(--light-theme-container-02);
      --cl-color-container-03: var(--light-theme-container-03);
      --cl-color-container-inverse-01: var(--light-theme-container-inverse-01);
      --cl-color-disabled-01: var(--light-theme-disabled-01);
      --cl-color-disabled-02: var(--light-theme-disabled-02);
      --cl-color-disabled-03: var(--light-theme-disabled-03);
      --cl-color-divider-01: var(--light-theme-divider-01);
      --cl-color-error-01: var(--light-theme-error-01);
      --cl-color-error-background-01: var(--light-theme-error-background-01);
      --cl-color-focus-01: var(--light-theme-focus-01);
      --cl-color-free-01: var(--light-theme-free-01);
      --cl-color-free-background-01: var(--light-theme-free-background-01);
      --cl-color-hover-01: var(--light-theme-hover-01);
      --cl-color-hover-02: var(--light-theme-hover-02);
      --cl-color-hover-03: var(--light-theme-hover-03);
      --cl-color-hover-brand-01: var(--light-theme-hover-brand-01);
      --cl-color-hover-inverse-01: var(--light-theme-hover-inverse-01);
      --cl-color-hover-link-01: var(--light-theme-hover-link-01);
      --cl-color-hover-link-02: var(--light-theme-hover-link-02);
      --cl-color-hubspot-brand-01: var(--light-theme-hubspot-brand-01);
      --cl-color-icon-01: var(--light-theme-icon-01);
      --cl-color-icon-02: var(--light-theme-icon-02);
      --cl-color-icon-on-color-01: var(--light-theme-icon-on-color-01);
      --cl-color-link-01: var(--light-theme-link-01);
      --cl-color-link-02: var(--light-theme-link-02);
      --cl-color-loading-primary-fill-active: var(--light-theme-loading-primary-fill-active);
      --cl-color-loading-primary-fill-inactive: var(--light-theme-loading-primary-fill-inactive);
      --cl-color-loading-secondary-fill-active: var(--light-theme-loading-secondary-fill-active);
      --cl-color-loading-secondary-fill-inactive: var(--light-theme-loading-secondary-fill-inactive);
      --cl-color-neutral-01: var(--light-theme-neutral-01);
      --cl-color-neutral-background-01: var(--light-theme-neutral-background-01);
      --cl-color-number-fill-active: var(--light-theme-number-fill-active);
      --cl-color-number-fill-inactive: var(--light-theme-number-fill-inactive);
      --cl-color-number-fill-statistic: var(--light-theme-number-fill-statistic);
      --cl-color-overlay-01: var(--light-theme-overlay-01);
      --cl-color-play-button-fill-idle: var(--light-theme-play-button-fill-idle);
      --cl-color-play-button-fill-hover: var(--light-theme-play-button-fill-hover);
      --cl-color-play-button-fill-pressed: var(--light-theme-play-button-fill-pressed);
      --cl-color-social-button-fill-idle: var(--light-theme-social-button-fill-idle);
      --cl-color-social-button-fill-hover: var(--light-theme-social-button-fill-hover);
      --cl-color-social-button-fill-pressed: var(--light-theme-social-button-fill-pressed);
      --cl-color-social-button-icon-color: var(--light-theme-social-button-icon-color);
      --cl-color-pressed-01: var(--light-theme-pressed-01);
      --cl-color-pressed-02: var(--light-theme-pressed-02);
      --cl-color-pressed-03: var(--light-theme-pressed-03);
      --cl-color-pressed-brand-01: var(--light-theme-pressed-brand-01);
      --cl-color-pressed-inverse-01: var(--light-theme-pressed-inverse-01);
      --cl-color-pressed-link-01: var(--light-theme-pressed-link-01);
      --cl-color-pressed-link-02: var(--light-theme-pressed-link-02);
      --cl-color-success-01: var(--light-theme-success-01);
      --cl-color-success-background-01: var(--light-theme-success-background-01);
      --cl-color-text-01: var(--light-theme-text-01);
      --cl-color-text-02: var(--light-theme-text-02);
      --cl-color-text-brand-01: var(--light-theme-text-brand-01);
      --cl-color-text-link-underline-01: var(--light-theme-text-link-underline-01);
      --cl-color-text-on-color-01: var(--light-theme-text-on-color-01);
      --cl-color-text-placeholder-01: var(--light-theme-text-placeholder-01);
      --cl-color-warning-01: var(--light-theme-warning-01);
      --cl-color-warning-background-01: var(--light-theme-warning-background-01)
    }

    :root [data-cl-theme=dark],
    [data-cl-brand=hubspot-2025] [data-cl-theme=dark],
    [data-cl-theme=dark]:root,
    [data-cl-theme=dark][data-cl-brand=hubspot-2025],
    :root [data-background=dark],
    [data-cl-brand=hubspot-2025] [data-background=dark],
    :root .-dark,
    [data-cl-brand=hubspot-2025] .-dark {
      --cl-color-accent-fill-01: var(--dark-theme-accent-fill-01);
      --cl-color-accent-fill-02: var(--dark-theme-accent-fill-02);
      --cl-color-accent-fill-03: var(--dark-theme-accent-fill-03);
      --cl-color-accent-fill-04: var(--dark-theme-accent-fill-04);
      --cl-color-accent-fill-05: var(--dark-theme-accent-fill-05);
      --cl-color-accent-fill-06: var(--dark-theme-accent-fill-06);
      --cl-color-accent-fill-07: var(--dark-theme-accent-fill-07);
      --cl-color-accent-fill-08: var(--dark-theme-accent-fill-08);
      --cl-color-accent-decoration-01: var(--dark-theme-accent-decoration-01);
      --cl-color-accent-decoration-02: var(--dark-theme-accent-decoration-02);
      --cl-color-accent-decoration-03: var(--dark-theme-accent-decoration-03);
      --cl-color-accent-decoration-04: var(--dark-theme-accent-decoration-04);
      --cl-color-accent-decoration-05: var(--dark-theme-accent-decoration-05);
      --cl-color-accent-decoration-06: var(--dark-theme-accent-decoration-06);
      --cl-color-accent-decoration-07: var(--dark-theme-accent-decoration-07);
      --cl-color-accent-decoration-08: var(--dark-theme-accent-decoration-08);
      --cl-color-badge-brand-fill-01: var(--dark-theme-badge-brand-fill-01);
      --cl-color-background-01: var(--dark-theme-background-01);
      --cl-color-background-02: var(--dark-theme-background-02);
      --cl-color-background-03: var(--dark-theme-background-03);
      --cl-color-background-accent-01: var(--dark-theme-background-accent-01);
      --cl-color-background-accent-02: var(--dark-theme-background-accent-02);
      --cl-color-background-accent-03: var(--dark-theme-background-accent-03);
      --cl-color-background-footer-01: var(--dark-theme-background-footer-01);
      --cl-color-beta-01: var(--dark-theme-beta-01);
      --cl-color-beta-background-01: var(--dark-theme-beta-background-01);
      --cl-color-border-01: var(--dark-theme-border-01);
      --cl-color-border-02: var(--dark-theme-border-02);
      --cl-color-border-03: var(--dark-theme-border-03);
      --cl-color-border-brand-01: var(--dark-theme-border-brand-01);
      --cl-color-border-highlight-01: var(--dark-theme-border-highlight-01);
      --cl-color-button-primary-text-color: var(--dark-theme-button-primary-text-color);
      --cl-color-button-primary-fill-idle: var(--dark-theme-button-primary-fill-idle);
      --cl-color-button-primary-fill-hover: var(--dark-theme-button-primary-fill-hover);
      --cl-color-button-primary-fill-pressed: var(--dark-theme-button-primary-fill-pressed);
      --cl-color-button-secondary-border: var(--dark-theme-button-secondary-border);
      --cl-color-button-secondary-fill-idle: var(--dark-theme-button-secondary-fill-idle);
      --cl-color-button-secondary-fill-hover: var(--dark-theme-button-secondary-fill-hover);
      --cl-color-button-secondary-fill-pressed: var(--dark-theme-button-secondary-fill-pressed);
      --cl-color-button-secondary-text-color-hover: var(--dark-theme-button-secondary-text-color-hover);
      --cl-color-button-secondary-text-color-pressed: var(--dark-theme-button-secondary-text-color-pressed);
      --cl-color-button-tertiary-fill-idle: var(--dark-theme-button-tertiary-fill-idle);
      --cl-color-button-tertiary-fill-hover: var(--dark-theme-button-tertiary-fill-hover);
      --cl-color-button-tertiary-fill-pressed: var(--dark-theme-button-tertiary-fill-pressed);
      --cl-color-checkmark-list-icon-brand-fill: var(--dark-theme-checkmark-list-icon-brand-fill);
      --cl-color-container-01: var(--dark-theme-container-01);
      --cl-color-container-02: var(--dark-theme-container-02);
      --cl-color-container-03: var(--dark-theme-container-03);
      --cl-color-container-inverse-01: var(--dark-theme-container-inverse-01);
      --cl-color-disabled-01: var(--dark-theme-disabled-01);
      --cl-color-disabled-02: var(--dark-theme-disabled-02);
      --cl-color-disabled-03: var(--dark-theme-disabled-03);
      --cl-color-divider-01: var(--dark-theme-divider-01);
      --cl-color-error-01: var(--dark-theme-error-01);
      --cl-color-error-background-01: var(--dark-theme-error-background-01);
      --cl-color-focus-01: var(--dark-theme-focus-01);
      --cl-color-free-01: var(--dark-theme-free-01);
      --cl-color-free-background-01: var(--dark-theme-free-background-01);
      --cl-color-hover-01: var(--dark-theme-hover-01);
      --cl-color-hover-02: var(--dark-theme-hover-02);
      --cl-color-hover-03: var(--dark-theme-hover-03);
      --cl-color-hover-brand-01: var(--dark-theme-hover-brand-01);
      --cl-color-hover-inverse-01: var(--dark-theme-hover-inverse-01);
      --cl-color-hover-link-01: var(--dark-theme-hover-link-01);
      --cl-color-hover-link-02: var(--dark-theme-hover-link-02);
      --cl-color-hubspot-brand-01: var(--dark-theme-hubspot-brand-01);
      --cl-color-icon-01: var(--dark-theme-icon-01);
      --cl-color-icon-02: var(--dark-theme-icon-02);
      --cl-color-icon-on-color-01: var(--dark-theme-icon-on-color-01);
      --cl-color-link-01: var(--dark-theme-link-01);
      --cl-color-link-02: var(--dark-theme-link-02);
      --cl-color-loading-primary-fill-active: var(--dark-theme-loading-primary-fill-active);
      --cl-color-loading-primary-fill-inactive: var(--dark-theme-loading-primary-fill-inactive);
      --cl-color-loading-secondary-fill-active: var(--dark-theme-loading-secondary-fill-active);
      --cl-color-loading-secondary-fill-inactive: var(--dark-theme-loading-secondary-fill-inactive);
      --cl-color-neutral-01: var(--dark-theme-neutral-01);
      --cl-color-neutral-background-01: var(--dark-theme-neutral-background-01);
      --cl-color-number-fill-active: var(--dark-theme-number-fill-active);
      --cl-color-number-fill-inactive: var(--dark-theme-number-fill-inactive);
      --cl-color-number-fill-statistic: var(--dark-theme-number-fill-statistic);
      --cl-color-overlay-01: var(--dark-theme-overlay-01);
      --cl-color-play-button-fill-idle: var(--dark-theme-play-button-fill-idle);
      --cl-color-play-button-fill-hover: var(--dark-theme-play-button-fill-hover);
      --cl-color-play-button-fill-pressed: var(--dark-theme-play-button-fill-pressed);
      --cl-color-social-button-fill-idle: var(--dark-theme-social-button-fill-idle);
      --cl-color-social-button-fill-hover: var(--dark-theme-social-button-fill-hover);
      --cl-color-social-button-fill-pressed: var(--dark-theme-social-button-fill-pressed);
      --cl-color-social-button-icon-color: var(--dark-theme-social-button-icon-color);
      --cl-color-pressed-01: var(--dark-theme-pressed-01);
      --cl-color-pressed-02: var(--dark-theme-pressed-02);
      --cl-color-pressed-03: var(--dark-theme-pressed-03);
      --cl-color-pressed-brand-01: var(--dark-theme-pressed-brand-01);
      --cl-color-pressed-inverse-01: var(--dark-theme-pressed-inverse-01);
      --cl-color-pressed-link-01: var(--dark-theme-pressed-link-01);
      --cl-color-pressed-link-02: var(--dark-theme-pressed-link-02);
      --cl-color-success-01: var(--dark-theme-success-01);
      --cl-color-success-background-01: var(--dark-theme-success-background-01);
      --cl-color-text-01: var(--dark-theme-text-01);
      --cl-color-text-02: var(--dark-theme-text-02);
      --cl-color-text-brand-01: var(--dark-theme-text-brand-01);
      --cl-color-text-link-underline-01: var(--dark-theme-text-link-underline-01);
      --cl-color-text-on-color-01: var(--dark-theme-text-on-color-01);
      --cl-color-text-placeholder-01: var(--dark-theme-text-placeholder-01);
      --cl-color-warning-01: var(--dark-theme-warning-01);
      --cl-color-warning-background-01: var(--dark-theme-warning-background-01)
    }

    :root,
    [data-cl-brand=hubspot-2025] {
      --cl-font-family: 'HubSpot Sans', sans-serif;
      --cl-font-family-display: 'HubSpot Serif', serif;
      --cl-font-family-heading: var(--cl-font-family-display);
      --cl-font-size-small: 0.875rem;
      --cl-font-size-medium: 1rem;
      --cl-font-size-large: 1.125rem;
      --cl-font-size-micro: 0.75rem;
      --cl-font-size-blockquote: 1.125rem;
      --cl-font-size-display-01: 3.5rem;
      --cl-font-size-display-01-small: 3.5rem;
      --cl-font-size-display-02: 3.5rem;
      --cl-font-size-display-02-small: 3.5rem;
      --cl-font-size-display-03: 1.5rem;
      --cl-font-size-display-03-small: 1.5rem;
      --cl-font-size-h1: 2.5rem;
      --cl-font-size-h1-small: 2.5rem;
      --cl-font-size-h2: 2rem;
      --cl-font-size-h2-small: 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: var(--cl-font-size-small);
      --cl-font-size-microcopy: var(--cl-font-size-micro);
      --cl-font-size-microheading: var(--cl-font-size-small);
      --cl-font-size-p-large: var(--cl-font-size-large);
      --cl-font-size-p-medium: var(--cl-font-size-medium);
      --cl-font-size-p-small: var(--cl-font-size-small);
      --cl-font-weight-light: 300;
      --cl-font-weight-book: 300;
      --cl-font-weight-medium: 500;
      --cl-font-weight-demi-bold: 500;
      --cl-font-weight-blockquote: var(--cl-font-weight-light);
      --cl-font-weight-display-01: var(--cl-font-weight-book);
      --cl-font-weight-display-01-small: var(--cl-font-weight-book);
      --cl-font-weight-display-02: var(--cl-font-weight-book);
      --cl-font-weight-display-02-small: var(--cl-font-weight-book);
      --cl-font-weight-display-03: var(--cl-font-weight-medium);
      --cl-font-weight-display-03-small: var(--cl-font-weight-medium);
      --cl-font-weight-h1: var(--cl-font-weight-demi-bold);
      --cl-font-weight-h1-small: var(--cl-font-weight-demi-bold);
      --cl-font-weight-h2: var(--cl-font-weight-demi-bold);
      --cl-font-weight-h2-small: var(--cl-font-weight-demi-bold);
      --cl-font-weight-h3: var(--cl-font-weight-medium);
      --cl-font-weight-h4: var(--cl-font-weight-medium);
      --cl-font-weight-h5: var(--cl-font-weight-medium);
      --cl-font-weight-h6: var(--cl-font-weight-medium);
      --cl-font-weight-input-label: var(--cl-font-weight-medium);
      --cl-font-weight-microcopy: var(--cl-font-weight-medium);
      --cl-font-weight-microheading: var(--cl-font-weight-medium);
      --cl-font-weight-p-large: var(--cl-font-weight-light);
      --cl-font-weight-p-medium: var(--cl-font-weight-light);
      --cl-font-weight-p-small: var(--cl-font-weight-light);
      --cl-font-weight-p-link: var(--cl-font-weight-medium);
      --cl-line-height-small: 1.57142857;
      --cl-line-height-medium: 1.75;
      --cl-line-height-large: 1.77777778;
      --cl-line-height-blockquote: 1.78;
      --cl-line-height-display-01: 1.14285714;
      --cl-line-height-display-01-small: 1.14285714;
      --cl-line-height-display-02: 1.14285714;
      --cl-line-height-display-02-small: 1.14285714;
      --cl-line-height-display-03: 1.41666667;
      --cl-line-height-display-03-small: 1.41666667;
      --cl-line-height-h1: 1.04545455;
      --cl-line-height-h1-small: 1.04545455;
      --cl-line-height-h2: 1.125;
      --cl-line-height-h2-small: 1.125;
      --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: var(--cl-line-height-small);
      --cl-line-height-microcopy: 1.66666667;
      --cl-line-height-microheading: 1.57142857;
      --cl-line-height-p-large: var(--cl-line-height-large);
      --cl-line-height-p-medium: var(--cl-line-height-medium);
      --cl-line-height-p-small: var(--cl-line-height-small);
      --cl-text-margin-large: 1.5rem;
      --cl-text-margin-medium: 1rem;
      --cl-text-margin-small: 0.5rem;
      --cl-letter-spacing-display-01: normal;
      --cl-letter-spacing-display-01-small: normal;
      --cl-letter-spacing-display-02: normal;
      --cl-letter-spacing-display-02-small: normal;
      --cl-border-width-medium: 1px;
      --cl-border-width-heavy: 2px;
      --cl-border-radius-small: 4px;
      --cl-border-radius-medium: 8px;
      --cl-border-radius-container: 16px;
      --cl-border-radius-container-small: 8px;
      --cl-border-radius-container-medium: 16px;
      --cl-border-radius-input: 4px;
      --cl-text-link-underline-thickness: 2px;
      --cl-text-link-underline-offset: 6px
    }

    @media(width >=900px) {

      :root,
      [data-cl-brand=hubspot-2025] {
        --cl-font-size-display-01: 7rem;
        --cl-font-size-display-02: 4.5rem;
        --cl-font-size-display-03: 1.5rem;
        --cl-font-size-h1: 3rem;
        --cl-font-size-h2: 2.5rem;
        --cl-font-weight-h1: var(--cl-font-weight-medium);
        --cl-line-height-display-01: 1.07142857;
        --cl-line-height-display-02: 1.22222222;
        --cl-line-height-display-03: 1.41666667;
        --cl-line-height-h1: 1.15384615;
        --cl-line-height-h2: 1.1;
        --cl-letter-spacing-display-01: -0.1875rem
      }
    }

    :root,
    .-light,
    .-white,
    .-dark {
      --cl-anchor-text-decoration: underline;
      --cl-anchor-color-dark: var(--dark-theme-link-01);
      --cl-anchor-hover-color-dark: var(--dark-theme-hover-link-01)
    }

    :root,
    [data-cl-brand],
    [data-cl-theme],
    [data-background=white],
    [data-background=off-white],
    [data-background=dark],
    .-white,
    .-dark,
    .-light {
      --cl-anchor-color: var(--cl-color-link-01);
      --cl-anchor-hover-color: var(--cl-color-hover-link-01);
      --cl-anchor-pressed-color: var(--cl-color-pressed-link-01);
      --cl-text-color: var(--cl-color-text-01)
    }

    :root,
    [data-cl-brand],
    [data-cl-theme] {
      color: var(--cl-text-color)
    }

    body,
    [data-cl-background] {
      background: var(--cl-background, var(--cl-color-background-01))
    }

    [data-cl-background=background-01] {
      --cl-background: var(--cl-color-background-01)
    }

    [data-cl-background=background-02] {
      --cl-background: var(--cl-color-background-02)
    }

    [data-cl-background=background-03] {
      --cl-background: var(--cl-color-background-03)
    }

    [data-cl-background=background-accent-01] {
      --cl-background: var(--cl-color-background-accent-01)
    }

    [data-cl-background=background-accent-02] {
      --cl-background: var(--cl-color-background-accent-02)
    }

    [data-cl-background=background-accent-03] {
      --cl-background: var(--cl-color-background-accent-03)
    }

    [data-cl-background=background-footer-01] {
      --cl-background: var(--cl-color-background-footer-01)
    }

    [data-cl-background=transparent] {
      --cl-background: transparent
    }

    [data-cl-brand=hubspot-2022] [data-cl-brand-hide=hubspot-2022] {
      display: none !important
    }

    [data-cl-brand-show=hubspot-2022]:not([data-cl-brand=hubspot-2022] [data-cl-brand-show=hubspot-2022]) {
      display: none !important
    }

    [data-cl-brand=hubspot-2025] [data-cl-brand-hide=hubspot-2025] {
      display: none !important
    }

    [data-cl-brand-show=hubspot-2025]:not([data-cl-brand=hubspot-2025] [data-cl-brand-show=hubspot-2025]) {
      display: none !important
    }

    [data-cl-brand=hustle-2024] [data-cl-brand-hide=hustle-2024] {
      display: none !important
    }

    [data-cl-brand-show=hustle-2024]:not([data-cl-brand=hustle-2024] [data-cl-brand-show=hustle-2024]) {
      display: none !important
    }

    [data-cl-brand=grow-2025] [data-cl-brand-hide=grow-2025] {
      display: none !important
    }

    [data-cl-brand-show=grow-2025]:not([data-cl-brand=grow-2025] [data-cl-brand-show=grow-2025]) {
      display: none !important
    }

    [data-cl-brand=masters-in-marketing-2025] [data-cl-brand-hide=masters-in-marketing-2025] {
      display: none !important
    }

    [data-cl-brand-show=masters-in-marketing-2025]:not([data-cl-brand=masters-in-marketing-2025] [data-cl-brand-show=masters-in-marketing-2025]) {
      display: none !important
    }

    [data-cl-brand=next-waves-2025] [data-cl-brand-hide=next-waves-2025] {
      display: none !important
    }

    [data-cl-brand-show=next-waves-2025]:not([data-cl-brand=next-waves-2025] [data-cl-brand-show=next-waves-2025]) {
      display: none !important
    }

    [data-cl-brand=marketing-against-the-grain-2025] [data-cl-brand-hide=marketing-against-the-grain-2025] {
      display: none !important
    }

    [data-cl-brand-show=marketing-against-the-grain-2025]:not([data-cl-brand=marketing-against-the-grain-2025] [data-cl-brand-show=marketing-against-the-grain-2025]) {
      display: none !important
    }

    [data-cl-brand=my-first-million] [data-cl-brand-hide=my-first-million] {
      display: none !important
    }

    [data-cl-brand-show=my-first-million]:not([data-cl-brand=my-first-million] [data-cl-brand-show=my-first-million]) {
      display: none !important
    }

    [data-cl-brand=mindstream] [data-cl-brand-hide=mindstream] {
      display: none !important
    }

    [data-cl-brand-show=mindstream]:not([data-cl-brand=mindstream] [data-cl-brand-show=mindstream]) {
      display: none !important
    }

    [data-cl-brand=the-science-of-scaling] [data-cl-brand-hide=the-science-of-scaling] {
      display: none !important
    }

    [data-cl-brand-show=the-science-of-scaling]:not([data-cl-brand=the-science-of-scaling] [data-cl-brand-show=the-science-of-scaling]) {
      display: none !important
    }

    [data-cl-brand=academy-labs-2026] [data-cl-brand-hide=academy-labs-2026] {
      display: none !important
    }

    [data-cl-brand-show=academy-labs-2026]:not([data-cl-brand=academy-labs-2026] [data-cl-brand-show=academy-labs-2026]) {
      display: none !important
    }

    .visually-hidden:not(:focus, :active) {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px
    }

    :root {
      --cl-section-content-max-width: 1080px;
      --cl-section-gutter: 16px
    }

    .cl-section {
      position: relative;
      container-type: inline-size;
      container-name: cl-section;
      color: var(--cl-color-text-01)
    }

    .cl-section.-background-01 {
      --cl-background: var(--cl-color-background-01);
      background: var(--cl-background)
    }

    .cl-section.-background-02 {
      --cl-background: var(--cl-color-background-02);
      background: var(--cl-background)
    }

    .cl-section.-background-03 {
      --cl-background: var(--cl-color-background-03);
      background: var(--cl-background)
    }

    .cl-section.-padding-top-none {
      --cl-section-padding-top: 0;
      --cl-section-padding-top-desktop: 0
    }

    .cl-section.-padding-bottom-none {
      --cl-section-padding-bottom: 0;
      --cl-section-padding-bottom-desktop: 0
    }

    .cl-section.-padding-top-extra-small {
      --cl-section-padding-top: 16px;
      --cl-section-padding-top-desktop: 24px
    }

    .cl-section.-padding-bottom-extra-small {
      --cl-section-padding-bottom: 16px;
      --cl-section-padding-bottom-desktop: 24px
    }

    .cl-section.-padding-top-small {
      --cl-section-padding-top: 24px;
      --cl-section-padding-top-desktop: 40px
    }

    .cl-section.-padding-bottom-small {
      --cl-section-padding-bottom: 24px;
      --cl-section-padding-bottom-desktop: 40px
    }

    .cl-section.-padding-top-medium {
      --cl-section-padding-top: 40px;
      --cl-section-padding-top-desktop: 64px
    }

    .cl-section.-padding-bottom-medium {
      --cl-section-padding-bottom: 40px;
      --cl-section-padding-bottom-desktop: 64px
    }

    .cl-section.-padding-top-large {
      --cl-section-padding-top: 64px;
      --cl-section-padding-top-desktop: 96px
    }

    .cl-section.-padding-bottom-large {
      --cl-section-padding-bottom: 64px;
      --cl-section-padding-bottom-desktop: 96px
    }

    .cl-section-content {
      max-width: min(100% - var(--cl-section-gutter)*2, var(--cl-section-content-max-width));
      margin-inline: auto;
      padding-block: var(--cl-section-padding-top, 0) var(--cl-section-padding-bottom, 0)
    }

    @container cl-section (width >=600px) {
      .cl-section-content {
        padding-block: var(--cl-section-padding-top-desktop, 0) var(--cl-section-padding-bottom-desktop, 0)
      }
    }

    .cl-section-content .cl-section-content {
      max-width: none;
      margin-inline: 0
    }

    .cl-grid {
      --cl-grid-column-gap: 1rem;
      display: grid;
      column-gap: var(--cl-grid-column-gap);
      row-gap: var(--cl-grid-row-gap, initial);
      grid-template-columns: repeat(var(--cl-grid-column-count-phone, 4), minmax(0, 1fr));
      grid-template-areas: var(--cl-grid-template-areas-phone, none)
    }

    @media(width >=600px) {
      .cl-grid {
        --cl-grid-column-gap: 1.5rem
      }
    }

    @container (width >=600px) {
      .cl-grid {
        grid-template-columns: repeat(var(--cl-grid-column-count-tablet, 8), minmax(0, 1fr));
        grid-template-areas: var(--cl-grid-template-areas-tablet, none)
      }
    }

    @media(width >=1080px) {
      .cl-grid {
        --cl-grid-column-gap: 1.75rem
      }
    }

    @container (width >=1080px) {
      .cl-grid {
        grid-template-columns: repeat(var(--cl-grid-column-count-desktop, 12), minmax(0, 1fr));
        grid-template-areas: var(--cl-grid-template-areas-desktop, none)
      }
    }

    .cl-grid>.cl-grid {
      grid-template-columns: subgrid
    }

    .cl-page-width {
      width: 100%;
      max-width: 1080px;
      margin: 0 auto
    }

    a:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    :root,
    [data-cl-brand] {
      --cl-anchor-font-weight: var(--cl-font-weight-p-link)
    }

    p.-large,
    .-large.cl-p {
      --cl-text-font-size: var(--cl-font-size-p-large);
      --cl-text-font-weight: var(--cl-font-weight-p-large);
      --cl-text-line-height: var(--cl-line-height-p-large);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
    }

    p.-medium,
    .-medium.cl-p,
    :root,
    [data-cl-brand] {
      --cl-text-font-size: var(--cl-font-size-p-medium);
      --cl-text-font-weight: var(--cl-font-weight-p-medium);
      --cl-text-line-height: var(--cl-line-height-p-medium);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
    }

    p.-small,
    .-small.cl-p {
      --cl-text-font-size: var(--cl-font-size-p-small);
      --cl-text-font-weight: var(--cl-font-weight-p-small);
      --cl-text-line-height: var(--cl-line-height-p-small);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
    }

    body,
    [data-cl-brand],
    p,
    .cl-p {
      font-size: var(--cl-text-font-size);
      font-weight: var(--cl-text-font-weight);
      line-height: var(--cl-text-line-height);
      letter-spacing: var(--cl-text-letter-spacing, normal)
    }

    body,
    [data-cl-brand] {
      color: var(--cl-text-color)
    }

    body,
    [data-cl-brand],
    body [lang],
    [data-cl-brand] [lang] {
      font-family: var(--cl-font-family, "HubSpot Sans", sans-serif);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    html[lang=ja] body,
    html[lang=ja] [data-cl-brand],
    body [lang=ja],
    [data-cl-brand] [lang=ja] {
      --cl-font-family: 'Zen Kaku Gothic New', sans-serif !important;
      --cl-font-family-display: 'Zen Kaku Gothic New', sans-serif !important;
      --cl-font-family-heading: 'Zen Kaku Gothic New', sans-serif !important;
      font-family: "Zen Kaku Gothic New", sans-serif !important;
      -webkit-font-smoothing: auto;
      -moz-osx-font-smoothing: auto
    }

    h1.-secondary,
    h1.-display,
    .h1.-secondary,
    .h1.-display,
    .cl-h1.-secondary,
    .cl-h1.-display {
      font-family: var(--cl-font-family-display, "HubSpot Serif", serif);
      font-size: var(--cl-font-size-display-01);
      font-weight: var(--cl-font-weight-display-01);
      line-height: var(--cl-line-height-display-01);
      letter-spacing: var(--cl-letter-spacing-display-01, normal)
    }

    h2.-secondary,
    h2.-display,
    .h2.-secondary,
    .h2.-display,
    .cl-h2.-secondary,
    .cl-h2.-display,
    h1.-secondary-small,
    h1.-display-small,
    .h1.-secondary-small,
    .h1.-display-small,
    .cl-h1.-secondary-small,
    .cl-h1.-display-small {
      font-family: var(--cl-font-family-display, "HubSpot Serif", serif);
      font-size: var(--cl-font-size-display-02);
      font-weight: var(--cl-font-weight-display-02);
      line-height: var(--cl-line-height-display-02);
      letter-spacing: var(--cl-letter-spacing-display-02, normal)
    }

    h3.-display,
    .h3.-display,
    .cl-h3.-display {
      font-family: var(--cl-font-family-display, "HubSpot Serif", serif);
      font-size: var(--cl-font-size-display-03);
      font-weight: var(--cl-font-weight-display-03);
      line-height: var(--cl-line-height-display-03);
      letter-spacing: var(--cl-letter-spacing-display-03, normal)
    }

    h1,
    .h1,
    .cl-h1 {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family-heading, inherit);
      font-size: var(--cl-font-size-h1);
      font-weight: var(--cl-font-weight-h1);
      line-height: var(--cl-line-height-h1);
      letter-spacing: var(--cl-letter-spacing-h1, normal)
    }

    h1.-small,
    .h1.-small,
    .cl-h1.-small {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family-heading, inherit);
      font-size: var(--cl-font-size-h1-small);
      font-weight: var(--cl-font-weight-h1-small);
      line-height: var(--cl-line-height-h1-small);
      letter-spacing: var(--cl-letter-spacing-h1-small, normal)
    }

    h2,
    .h2,
    .cl-h2 {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family-heading, inherit);
      font-size: var(--cl-font-size-h2);
      font-weight: var(--cl-font-weight-h2);
      line-height: var(--cl-line-height-h2);
      letter-spacing: var(--cl-letter-spacing-h2, normal)
    }

    h3,
    .h3,
    .cl-h3 {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h3);
      font-weight: var(--cl-font-weight-h3);
      line-height: var(--cl-line-height-h3);
      letter-spacing: var(--cl-letter-spacing-h3, normal)
    }

    h4,
    .h4,
    .cl-h4 {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h4);
      font-weight: var(--cl-font-weight-h4);
      line-height: var(--cl-line-height-h4);
      letter-spacing: var(--cl-letter-spacing-h4, normal)
    }

    h5,
    .h5,
    .cl-h5 {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h5);
      font-weight: var(--cl-font-weight-h5);
      line-height: var(--cl-line-height-h5);
      letter-spacing: var(--cl-letter-spacing-h5, normal)
    }

    h6,
    .h6,
    .cl-h6 {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h6);
      font-weight: var(--cl-font-weight-h6);
      line-height: var(--cl-line-height-h6);
      letter-spacing: var(--cl-letter-spacing-h6, normal)
    }

    p.-microheading,
    .cl-p.-microheading {
      --cl-anchor-font-weight: inherit;
      font-size: var(--cl-font-size-microheading);
      font-weight: var(--cl-font-weight-microheading);
      line-height: var(--cl-line-height-microheading);
      letter-spacing: var(--cl-letter-spacing-microheading, normal)
    }

    p.-microcopy,
    .cl-p.-microcopy {
      --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
      font-size: var(--cl-font-size-microcopy);
      font-weight: var(--cl-font-weight-microcopy);
      line-height: var(--cl-line-height-microcopy);
      letter-spacing: var(--cl-letter-spacing-microcopy, normal)
    }

    strong {
      font-weight: var(--cl-font-weight-medium)
    }

    em {
      font-style: italic
    }

    a,
    p>a,
    .cl-p>a {
      color: var(--cl-anchor-color, var(--cl-color-link-01));
      font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
      text-decoration-line: var(--cl-anchor-text-decoration, underline)
    }

    a:focus-visible,
    a:hover {
      color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
    }

    a:active {
      color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
    }

    blockquote {
      font-size: var(--cl-font-size-blockquote);
      font-weight: var(--cl-font-weight-blockquote);
      line-height: var(--cl-line-height-blockquote)
    }

    input,
    select,
    textarea,
    button {
      font-family: inherit
    }

    h1,
    .h1,
    .cl-h1 {
      margin-block: var(--cl-text-margin-medium)
    }

    @media(width >=900px) {

      h1.-secondary,
      h1.-display,
      .h1.-secondary,
      .h1.-display,
      .cl-h1.-secondary,
      .cl-h1.-display {
        margin-block: var(--cl-text-margin-large)
      }
    }

    [data-cl-brand=hubspot-2025] h1.-brand::after,
    [data-cl-brand=hubspot-2025] .h1.-brand::after,
    [data-cl-brand=hubspot-2025] .cl-h1.-brand::after {
      content: "." /"";
      color: var(--cl-color-hubspot-brand-01)
    }

    h2,
    .h2,
    .cl-h2 {
      margin-block: var(--cl-text-margin-small)
    }

    h2.-secondary,
    h2.-display,
    .h2.-secondary,
    .h2.-display,
    .cl-h2.-secondary,
    .cl-h2.-display {
      margin-block: var(--cl-text-margin-medium)
    }

    h3,
    .h3,
    .cl-h3 {
      margin-block: var(--cl-text-margin-small)
    }

    h3.-display,
    .h3.-display,
    .cl-h3.-display {
      margin-block: var(--cl-text-margin-medium)
    }

    h4,
    .h4,
    .cl-h4 {
      margin-block: var(--cl-text-margin-small)
    }

    h5,
    .h5,
    .cl-h5 {
      margin-block: var(--cl-text-margin-small)
    }

    h6,
    .h6,
    .cl-h6 {
      margin-block: var(--cl-text-margin-small)
    }

    p,
    .cl-p {
      margin-block: var(--cl-text-margin-medium)
    }

    p.-microheading,
    .cl-p.-microheading {
      margin-block: var(--cl-text-margin-small)
    }

    blockquote {
      margin-block: var(--cl-text-margin-medium)
    }

    :where(.cl-icon) {
      height: 2rem;
      width: 2rem;
      fill: currentColor
    }

    /*# sourceURL=inline:cl-core-head.css */

/* --- block 4 --- */
.a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .global-nav-card:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible,
    .cl-navLink-link:focus-visible {
      outline: none
    }

    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after,
    .cl-navLink-link:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .-large.cl-input-input,
    .global-nav-card .-large.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-large);
      --cl-text-font-weight: var(--cl-font-weight-p-large);
      --cl-text-line-height: var(--cl-line-height-p-large);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
    }

    .-medium.cl-input-input,
    .global-nav-card .-medium.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-medium);
      --cl-text-font-weight: var(--cl-font-weight-p-medium);
      --cl-text-line-height: var(--cl-line-height-p-medium);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
    }

    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-main .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-list-item-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
    .-small.cl-input-input,
    .global-nav-card .-small.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-small);
      --cl-text-font-weight: var(--cl-font-weight-p-small);
      --cl-text-line-height: var(--cl-line-height-p-small);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
    }

    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-main .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-list-item-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
    .cl-input-input,
    .global-nav-card .global-nav-card-cta-text-link {
      font-size: var(--cl-text-font-size);
      font-weight: var(--cl-text-font-weight);
      line-height: var(--cl-text-line-height);
      letter-spacing: var(--cl-text-letter-spacing, normal)
    }

    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title,
    .global-nav-mobile-list-item-heading.-heading-h5,
    .global-nav-header-content .global-nav-header-content-title,
    .global-nav-large-header-card-title,
    .-large>.cl-navLink-link {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h5);
      font-weight: var(--cl-font-weight-h5);
      line-height: var(--cl-line-height-h5);
      letter-spacing: var(--cl-letter-spacing-h5, normal)
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
    .cl-tab-button,
    .global-nav-card .global-nav-card-title-link,
    .global-nav-card .global-nav-card-title,
    .global-nav-header-sublinks .global-nav-header-sublinks-title,
    .cl-navLink-link {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h6);
      font-weight: var(--cl-font-weight-h6);
      line-height: var(--cl-line-height-h6);
      letter-spacing: var(--cl-letter-spacing-h6, normal)
    }

    .cl-dropdown-menu-link,
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
    .-small>.cl-navLink-link {
      --cl-anchor-font-weight: inherit;
      font-size: var(--cl-font-size-microheading);
      font-weight: var(--cl-font-weight-microheading);
      line-height: var(--cl-line-height-microheading);
      letter-spacing: var(--cl-letter-spacing-microheading, normal)
    }

    .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-heading,
    .-x-small>.cl-navLink-link {
      --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
      font-size: var(--cl-font-size-microcopy);
      font-weight: var(--cl-font-weight-microcopy);
      line-height: var(--cl-line-height-microcopy);
      letter-spacing: var(--cl-letter-spacing-microcopy, normal)
    }

    .global-nav-card .global-nav-card-cta-text-link,
    .cl-input-input>a,
    .global-nav-card .global-nav-card-cta-text-link>a {
      color: var(--cl-anchor-color, var(--cl-color-link-01));
      font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
      text-decoration-line: var(--cl-anchor-text-decoration, underline)
    }

    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:hover,
    .cl-input-input>a:hover,
    .global-nav-card .global-nav-card-cta-text-link>a:hover {
      color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
    }

    .global-nav-card .global-nav-card-cta-text-link:active,
    .cl-input-input>a:active,
    .global-nav-card .global-nav-card-cta-text-link>a:active {
      color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
    }

    .cl-input-label-text {
      font-size: var(--cl-font-size-input-label);
      font-weight: var(--cl-font-weight-input-label);
      line-height: var(--cl-line-height-input-label)
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .global-nav-card:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible,
    .cl-navLink-link:focus-visible {
      outline: none
    }

    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after,
    .cl-navLink-link:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink {
      --cl-nav-link-padding: 8px 16px;
      --cl-nav-link-gap: 6px;
      --cl-nav-link-color: var(--cl-color-text-01);
      --cl-nav-link-hover-color: var(--cl-color-hover-link-01);
      --cl-nav-link-text-decoration-inactive: none;
      --cl-nav-link-text-decoration-active: underline;
      --cl-nav-link-text-decoration: var(--cl-nav-link-text-decoration-inactive);
      --cl-nav-link-toggle-top: 1px;
      --cl-nav-link-toggle-icon-size: 18px;
      position: relative;
      display: flex;
      align-items: center;
      color: var(--cl-nav-link-color);
      padding: var(--cl-nav-link-padding);
      gap: var(--cl-nav-link-gap)
    }

    .cl-navLink:active,
    .cl-navLink:hover,
    .cl-navLink:focus-within {
      --cl-nav-link-text-decoration: var(--cl-nav-link-text-decoration-active);
      background-color: var(--cl-color-hover-01);
      color: var(--cl-nav-link-hover-color)
    }

    .-x-small.cl-navLink {
      --cl-nav-link-toggle-top: 0;
      --cl-nav-link-toggle-icon-size: 16px
    }

    .-small.cl-navLink {
      --cl-nav-link-toggle-top: 0
    }

    .-large.cl-navLink {
      --cl-nav-link-padding: 14px 16px;
      --cl-nav-link-gap: 8px;
      --cl-nav-link-toggle-top: 0;
      --cl-nav-link-toggle-icon-size: var(--cl-font-size-h5)
    }

    .-disabled>.cl-navLink,
    .-disabled.cl-navLink {
      --cl-nav-link-color: var(--cl-color-disabled-01);
      --cl-nav-link-hover-color: var(--cl-color-disabled-01);
      --cl-nav-link-text-decoration-active: var(--cl-nav-link-text-decoration-inactive);
      cursor: not-allowed;
      pointer-events: none
    }

    .-basic.cl-navLink {
      --cl-nav-link-padding: 0 2px
    }

    .-basic.cl-navLink:hover,
    .-basic.cl-navLink:active,
    .-basic.cl-navLink:focus-within {
      background: rgba(0, 0, 0, 0)
    }

    .cl-navLink-link {
      color: inherit;
      text-decoration-line: var(--cl-nav-link-text-decoration, none);
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      cursor: pointer
    }

    .cl-navLink-link:focus-visible {
      color: inherit
    }

    .cl-navLink-link::after {
      content: "";
      position: absolute;
      inset: 0
    }

    [aria-disabled=true].cl-navLink-link,
    .cl-navLink-link:is(a:not([href])) {
      cursor: not-allowed;
      pointer-events: none;
      text-decoration: none
    }

    .cl-navLink-chevron,
    .cl-navLink-submenu-toggle {
      position: relative;
      border: 0;
      padding: 0;
      background-color: rgba(0, 0, 0, 0);
      cursor: pointer;
      display: flex;
      align-items: center;
      color: inherit;
      top: var(--cl-nav-link-toggle-top, 1px)
    }

    .cl-navLink-chevron::after,
    .cl-navLink-submenu-toggle::after {
      content: "";
      position: absolute;
      inset: -3px
    }

    [disabled].cl-navLink-chevron,
    [disabled].cl-navLink-submenu-toggle {
      cursor: not-allowed;
      color: var(--light-theme-disabled-01);
      pointer-events: none
    }

    .cl-navLink-chevron .cl-icon,
    .cl-navLink-submenu-toggle .cl-icon,
    .cl-navLink-link .cl-icon {
      height: var(--cl-nav-link-toggle-icon-size, 18px);
      width: var(--cl-nav-link-toggle-icon-size, 18px)
    }

    .global-nav-main {
      height: 3.5rem
    }

    @media(width >=1080px) {
      .global-nav-main {
        height: auto
      }

      .global-nav-main[data-is-full-nav=false] {
        display: none
      }

      .global-nav-main[data-cl-fixed-element-is-fixed] {
        background-color: var(--cl-color-container-01);
        box-shadow: 0 2px 4px rgba(33, 51, 67, .12)
      }
    }

    .global-nav-main .global-nav-main-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: fixed;
      top: 0;
      width: 100%;
      padding: .5rem 1rem;
      background-color: var(--cl-color-container-01);
      box-shadow: var(--global-nav-box-shadow, 0 2px 4px rgba(33, 51, 67, 0.12))
    }

    @media(width >=1080px) {
      .global-nav-main .global-nav-main-inner {
        box-shadow: none;
        position: static;
        padding: 0
      }
    }

    .global-nav-main .global-nav-main-group {
      padding-block: 1rem
    }

    @media(width >=1080px) {
      .global-nav-main .global-nav-main-group {
        padding-block: 0
      }
    }

    .global-nav-main .global-nav-main-group.-mobile-only {
      display: flex;
      flex-direction: column;
      gap: .75rem
    }

    .global-nav-main-group-cta,
    .global-nav-main .header-nav__ctas {
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 1rem;
      width: 100%
    }

    @media(width >=600px) {

      .global-nav-main-group-cta,
      .global-nav-main .header-nav__ctas {
        flex-direction: row
      }
    }

    .global-nav-main-group-cta .cl-button,
    .global-nav-main .header-nav__ctas .cl-button {
      width: 100%
    }

    @media(width >=1080px) {

      .global-nav-main-group-cta .cl-button,
      .global-nav-main .header-nav__ctas .cl-button {
        width: auto
      }
    }

    .global-nav-main-tab-list {
      display: none
    }

    @media(width >=1080px) {
      .global-nav-main-tab-list {
        display: flex
      }
    }

    @media(width >=1080px) {
      .global-nav-header .global-nav-main .-mobile-only {
        display: none
      }
    }

    @media(width >=768px) {
      .global-nav-main[data-is-full-nav=false] .global-nav-main-inner {
        display: none
      }
    }

    .global-nav-main[data-is-full-nav=false] .global-nav-main-group:not([data-is-utility-element=true]) {
      display: none
    }

    .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only {
      padding: 0 .5rem;
      margin-left: auto
    }

    .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only .cl-button {
      width: auto
    }

    @media(width < 600px) {
      .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only .cl-button:nth-child(2) {
        display: none
      }
    }

    .-burger-menu-open .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only {
      display: none
    }

    .global-nav-top-bar,
    .global-nav-top-bar-group {
      display: none
    }

    @media(width >=1080px) {

      .global-nav-top-bar,
      .global-nav-top-bar-group {
        display: flex;
        align-items: center;
        flex-shrink: 0
      }
    }

    .global-nav-top-bar-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative
    }

    .global-nav-top-bar-group {
      gap: 28px
    }

    [data-deploymentreview] {
      border-block-start: 0 solid rgba(0, 0, 0, 0)
    }

    .global-nav-header {
      --global-nav-box-shadow: 0 2px 4px rgba(33, 51, 67, .12);
      background-color: var(--cl-color-container-01);
      position: relative;
      z-index: 95;
      box-shadow: var(--global-nav-box-shadow, 0 2px 4px rgba(33, 51, 67, 0.12))
    }

    .global-nav-skip-link {
      left: -1000px;
      margin-top: .25rem;
      overflow: hidden;
      position: absolute;
      top: auto;
      transition: top 1s ease-out;
      z-index: 100
    }

    .global-nav-skip-link:focus {
      left: 5px;
      overflow: visible;
      position: absolute;
      top: 0;
      transition: top .1s ease-in
    }

    body.-burger-menu-open {
      overflow: hidden;
      position: fixed;
      width: 100%;
      visibility: hidden;
      background-color: var(--cl-color-container-01)
    }

    body.-burger-menu-open .cl-modal.-open,
    body.-burger-menu-open .global-nav-main {
      visibility: visible
    }

    .global-nav-burger-btn-wrapper {
      height: 2.5rem;
      margin: 0;
      transform: translateY(0);
      width: 2.5rem
    }

    .global-nav-burger-btn {
      background-color: rgba(0, 0, 0, 0);
      border: 0;
      cursor: pointer;
      display: block;
      height: 100%;
      left: 0;
      padding: 0;
      position: relative;
      top: 0;
      transform: rotate(0deg);
      transition: transform .3s ease-out;
      width: 100%
    }

    .global-nav-burger-btn-line,
    .global-nav-burger-btn-line::before,
    .global-nav-burger-btn-line::after {
      display: block;
      background-color: var(--cl-color-text-01);
      border-radius: 1rem;
      width: 100%;
      height: .2rem;
      position: relative;
      left: 0
    }

    .global-nav-burger-btn-line::before,
    .global-nav-burger-btn-line::after {
      content: "";
      left: 10%;
      position: absolute;
      top: 0;
      width: 80%
    }

    .global-nav-burger-btn-line::before {
      transform: translateY(-0.5rem)
    }

    .global-nav-burger-btn-line::after {
      transform: translateY(0.5rem)
    }

    .global-nav-burger-btn[aria-expanded=true] {
      transform: rotate(90deg)
    }

    .global-nav-burger-btn[aria-expanded=true] .global-nav-burger-btn-line {
      background-color: rgba(0, 0, 0, 0)
    }

    .global-nav-burger-btn[aria-expanded=true] .global-nav-burger-btn-line::before {
      transform: rotate(-135deg)
    }

    .global-nav-burger-btn[aria-expanded=true] .global-nav-burger-btn-line::after {
      transform: rotate(-45deg)
    }

    .global-nav-burger-menu {
      display: none
    }

    @media(width >=1080px) {
      .global-nav-burger-menu {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        align-items: center;
        margin-left: 1.875rem;
        transition: .3s ease-in-out
      }
    }

    @media(width >=1080px) {
      [data-cl-fixed-element-is-fixed] .global-nav-burger-menu {
        margin-left: 1rem;
        transition: .3s ease-in-out
      }
    }

    .-burger-menu-open .global-nav-burger-menu {
      display: flex;
      flex-direction: column;
      background: var(--cl-color-container-01);
      width: 100%;
      height: calc(100dvh - 100%);
      position: absolute;
      left: 0;
      top: 100%;
      padding-inline: 1rem;
      overflow-y: auto;
      overflow-x: hidden
    }

    .-burger-menu-open .-secondary-burger-menu-open.global-nav-main-inner {
      box-shadow: none
    }

    .-burger-menu-open .-secondary-burger-menu-open .global-nav-site-search {
      position: fixed;
      top: 4.5rem;
      right: 1rem;
      left: 1rem;
      visibility: visible
    }

    .-burger-menu-open .-secondary-burger-menu-open .global-nav-burger-menu {
      position: fixed;
      visibility: hidden
    }

    .global-nav-header .-has-dropdown {
      position: relative
    }

    .global-nav-header .global-nav-mobile-list-item-dropdown.-has-dropdown {
      position: initial
    }

    .global-nav-header .-secondary-burger-menu-open .-has-dropdown {
      position: static
    }

    .global-nav-header .-is-dropdown {
      opacity: 0;
      visibility: hidden;
      position: absolute
    }

    @media(width >=1080px) {
      .global-nav-header .-is-dropdown {
        transition: opacity .2s ease-out, visibility .3s;
        transition-delay: .1s
      }
    }

    .global-nav-header .global-nav-mobile-list-item-dropdown .-is-dropdown {
      opacity: initial;
      height: auto
    }

    .global-nav-header .-dropdown-active>.-is-dropdown {
      opacity: 1;
      visibility: visible
    }

    @media(width >=1080px) {
      .global-nav-header .-dropdown-active>.-is-dropdown {
        transition: opacity .2s ease-in, visibility 0s;
        transition-delay: .1s
      }
    }

    .global-nav-header .cl-navLink-submenu-toggle .cl-icon {
      --global-nav-dropdown-toggle-transition: transform 0.3s ease;
      transition: var(--global-nav-dropdown-toggle-transition, transform 0.3s ease)
    }

    .global-nav-header .-dropdown-active .cl-navLink {
      --cl-nav-link-text-decoration: var(--cl-nav-link-text-decoration-active);
      color: var(--cl-nav-link-hover-color)
    }

    .global-nav-header .-dropdown-active .cl-navLink .cl-navLink-submenu-toggle .cl-icon {
      transform: rotate(180deg);
      transition: var(--global-nav-dropdown-toggle-transition, transform 0.3s ease)
    }

    .global-nav-header .-has-dropdown:not(.-dropdown-active, :hover) .cl-navLink:focus-within {
      color: inherit
    }

    .global-nav-header .-has-dropdown:not(.-dropdown-active, :hover) .cl-navLink:focus-within .cl-navLink-link {
      --cl-nav-link-text-decoration: none
    }

    @media(width >=1080px) {
      body:has(.global-nav-main) {
        position: relative;
        height: 100%;
        margin: 0
      }

      body:has(.global-nav-main)::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        background-color: #3e5974;
        transition: opacity .2s ease-out, visibility .3s;
        transition-delay: .1s
      }

      body:has(.global-nav-main .-dropdown-active)::after {
        visibility: visible;
        opacity: .75;
        z-index: 94;
        transition: opacity .2s ease-in, visibility 0s;
        transition-delay: .1s
      }
    }

    :root {
      --cl-card-border-width: 0px;
      --cl-card-border-color: transparent
    }

    .cl-dropdown-menu,
    .cl-dropdown-menu.-caret,
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
    .global-nav-card,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
      --cl-card-background-color: var(--cl-color-container-01);
      --cl-card-hover-background-color: var(--cl-color-hover-01);
      --cl-card-text-color: var(--cl-color-text-01);
      border: var(--cl-card-border-width, 0px) solid var(--cl-card-border-color, transparent);
      background: var(--cl-card-background-color);
      color: var(--cl-card-text-color);
      border-radius: var(--cl-border-radius-container);
      position: relative
    }

    .global-nav-card,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
      --cl-card-background-color: var(--cl-color-container-01);
      --cl-card-hover-background-color: var(--cl-color-hover-01)
    }

    .cl-dropdown-menu {
      --cl-card-border-width: var(--cl-border-width-medium);
      --cl-card-border-color: var(--cl-color-border-03)
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover,
    .global-nav-card:hover,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover {
      background: var(--cl-card-hover-background-color);
      box-shadow: 0 0 0 1px var(--cl-card-border-color)
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .global-nav-card:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-link:focus-visible,
    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible {
      outline: none
    }

    .cl-navLink-link:focus-visible::after,
    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .-large.cl-input-input,
    .global-nav-card .-large.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-large);
      --cl-text-font-weight: var(--cl-font-weight-p-large);
      --cl-text-line-height: var(--cl-line-height-p-large);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
    }

    .-medium.cl-input-input,
    .global-nav-card .-medium.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-medium);
      --cl-text-font-weight: var(--cl-font-weight-p-medium);
      --cl-text-line-height: var(--cl-line-height-p-medium);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
    }

    .-small.cl-input-input,
    .global-nav-card .-small.global-nav-card-cta-text-link,
    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-main .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-list-item-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
      --cl-text-font-size: var(--cl-font-size-p-small);
      --cl-text-font-weight: var(--cl-font-weight-p-small);
      --cl-text-line-height: var(--cl-line-height-p-small);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
    }

    .cl-input-input,
    .global-nav-card .global-nav-card-cta-text-link,
    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-main .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-list-item-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
      font-size: var(--cl-text-font-size);
      font-weight: var(--cl-text-font-weight);
      line-height: var(--cl-text-line-height);
      letter-spacing: var(--cl-text-letter-spacing, normal)
    }

    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title,
    .global-nav-mobile-list-item-heading.-heading-h5,
    .global-nav-header-content .global-nav-header-content-title,
    .global-nav-large-header-card-title,
    .-large>.cl-navLink-link {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h5);
      font-weight: var(--cl-font-weight-h5);
      line-height: var(--cl-line-height-h5);
      letter-spacing: var(--cl-letter-spacing-h5, normal)
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
    .cl-tab-button,
    .global-nav-card .global-nav-card-title-link,
    .global-nav-card .global-nav-card-title,
    .global-nav-header-sublinks .global-nav-header-sublinks-title,
    .cl-navLink-link {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h6);
      font-weight: var(--cl-font-weight-h6);
      line-height: var(--cl-line-height-h6);
      letter-spacing: var(--cl-letter-spacing-h6, normal)
    }

    .cl-dropdown-menu-link,
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
    .-small>.cl-navLink-link {
      --cl-anchor-font-weight: inherit;
      font-size: var(--cl-font-size-microheading);
      font-weight: var(--cl-font-weight-microheading);
      line-height: var(--cl-line-height-microheading);
      letter-spacing: var(--cl-letter-spacing-microheading, normal)
    }

    .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-heading,
    .-x-small>.cl-navLink-link {
      --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
      font-size: var(--cl-font-size-microcopy);
      font-weight: var(--cl-font-weight-microcopy);
      line-height: var(--cl-line-height-microcopy);
      letter-spacing: var(--cl-letter-spacing-microcopy, normal)
    }

    .global-nav-card .global-nav-card-cta-text-link,
    .cl-input-input>a,
    .global-nav-card .global-nav-card-cta-text-link>a {
      color: var(--cl-anchor-color, var(--cl-color-link-01));
      font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
      text-decoration-line: var(--cl-anchor-text-decoration, underline)
    }

    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:hover,
    .cl-input-input>a:hover,
    .global-nav-card .global-nav-card-cta-text-link>a:hover {
      color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
    }

    .global-nav-card .global-nav-card-cta-text-link:active,
    .cl-input-input>a:active,
    .global-nav-card .global-nav-card-cta-text-link>a:active {
      color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
    }

    .cl-input-label-text {
      font-size: var(--cl-font-size-input-label);
      font-weight: var(--cl-font-weight-input-label);
      line-height: var(--cl-line-height-input-label)
    }

    .global-nav-card .global-nav-card-cta-text-link {
      --cl-text-link-icon-size: 1em;
      background: none;
      border: none;
      border-radius: var(--cl-border-radius-medium);
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      text-decoration-color: var(--cl-color-text-link-underline-01, auto);
      text-decoration-thickness: var(--cl-text-link-underline-thickness, auto);
      text-underline-offset: var(--cl-text-link-underline-offset, auto)
    }

    .global-nav-card .global-nav-card-cta-text-link:where(a[href], button) {
      cursor: pointer
    }

    .global-nav-card [disabled].global-nav-card-cta-text-link,
    .global-nav-card [aria-disabled=true].global-nav-card-cta-text-link,
    .global-nav-card .global-nav-card-cta-text-link:is(a:not([href])) {
      cursor: not-allowed;
      color: var(--cl-color-disabled-01);
      text-decoration-color: var(--cl-color-disabled-01);
      pointer-events: none
    }

    .global-nav-card [disabled].global-nav-card-cta-text-link:active,
    .global-nav-card [aria-disabled=true].global-nav-card-cta-text-link:active,
    .global-nav-card .global-nav-card-cta-text-link:is(a:not([href])):active {
      color: var(--cl-color-disabled-01)
    }

    @media(prefers-reduced-motion: no-preference) {

      [data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link,
      .global-nav-card [data-cl-brand=hubspot-2025] .global-nav-card-cta-text-link {
        transition: text-underline-offset .3s ease-in-out
      }

      [data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link:hover,
      .global-nav-card [data-cl-brand=hubspot-2025] .global-nav-card-cta-text-link:hover,
      [data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link:focus-visible,
      .global-nav-card [data-cl-brand=hubspot-2025] .global-nav-card-cta-text-link:focus-visible {
        text-underline-offset: var(--cl-text-link-underline-thickness)
      }
    }

    .global-nav-card .global-nav-card-cta-text-link .cl-icon {
      width: var(--cl-text-link-icon-size);
      height: var(--cl-text-link-icon-size)
    }

    .global-nav-card .-large.global-nav-card-cta-text-link {
      --cl-text-link-icon-size: var(--cl-font-size-medium)
    }

    .global-nav-card .global-nav-card-cta-text-link {
      font-size: var(--cl-font-size-small);
      line-height: var(--cl-line-height-small)
    }

    .global-nav-card:active,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:active {
      background: #b6c7d6
    }

    .global-nav-card:focus-within,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-within {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01);
      background: var(--cl-card-hover-background-color);
      box-shadow: 0 0 0 1px var(--cl-card-border-color)
    }

    .global-nav-header-sublinks {
      --global-nav-header-sublinks-icon: 26px
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-icon-wrapper {
      display: flex;
      align-items: center;
      justify-content: center
    }

    .global-nav-header-sublinks svg,
    .global-nav-header-sublinks .global-nav-header-sublinks-icon {
      width: var(--global-nav-header-sublinks-icon, 26px);
      height: var(--global-nav-header-sublinks-icon, 26px)
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-title-wrapper {
      display: flex;
      gap: .5rem;
      align-items: center;
      padding-bottom: 1rem
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-list {
      display: flex;
      flex-direction: column;
      gap: .5rem
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
      text-decoration: none;
      color: var(--cl-color-text-01);
      padding: .5rem;
      display: inline-block;
      margin-left: 1.7rem
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover {
      color: var(--cl-color-text-01)
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link .cl-badge.global-nav-en-badge {
      margin-left: .5rem
    }

    .global-nav-header-sublinks .global-nav-header-sublinks-title {
      margin: 0
    }

    .global-nav-card {
      --global-nav-card-icon-small: 26px;
      --global-nav-card-icon-medium: 48px;
      --global-nav-card-icon-large-height: auto;
      --global-nav-card-icon-large-width: 100%;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, max-content));
      column-gap: .75rem;
      padding: .75rem
    }

    .global-nav-card.-top-center-icon {
      grid-template-rows: repeat(2, minmax(0, max-content));
      grid-template-columns: none
    }

    .global-nav-card .global-nav-card-icon-wrapper,
    .global-nav-card .global-nav-card-icon-wrapper>.global-nav-card-icon,
    .global-nav-card .global-nav-card-icon-wrapper.-small-icon,
    .global-nav-card .global-nav-card-icon-wrapper.-small-icon>.global-nav-card-icon {
      height: var(--global-nav-card-icon-small, 26px);
      width: var(--global-nav-card-icon-small, 26px)
    }

    .global-nav-card .global-nav-card-icon-wrapper.-small-icon>svg {
      inline-size: var(--global-nav-card-icon-small, 26px);
      block-size: var(--global-nav-card-icon-small, 26px)
    }

    .global-nav-card .global-nav-card-icon-wrapper.-medium-icon,
    .global-nav-card .global-nav-card-icon-wrapper.-medium-icon>.global-nav-card-icon {
      height: var(--global-nav-card-icon-medium, 48px);
      width: var(--global-nav-card-icon-medium, 48px)
    }

    .global-nav-card .global-nav-card-icon-wrapper.-medium-icon>svg {
      inline-size: var(--global-nav-card-icon-medium, 48px);
      block-size: var(--global-nav-card-icon-medium, 48px)
    }

    .global-nav-card .global-nav-card-icon-wrapper.-large-icon,
    .global-nav-card .global-nav-card-icon-wrapper.-large-icon>.global-nav-card-icon {
      height: var(--global-nav-card-icon-large-height, auto);
      width: var(--global-nav-card-icon-large-width, 100%)
    }

    .global-nav-card .global-nav-card-icon-wrapper,
    .global-nav-card .global-nav-card-icon-wrapper.-top-left-icon {
      align-self: normal
    }

    .global-nav-card .global-nav-card-icon-wrapper.-center-left-icon {
      align-self: center
    }

    .global-nav-card .global-nav-card-icon-wrapper.-top-center-icon {
      grid-template-rows: repeat(2, minmax(0, max-content));
      grid-template-columns: none
    }

    .global-nav-card .global-nav-card-text-wrapper {
      display: flex;
      flex-direction: column;
      gap: .25rem
    }

    .global-nav-card .global-nav-card-title {
      margin: 0
    }

    .global-nav-card .global-nav-card-description {
      font-size: .875rem;
      font-weight: 300;
      line-height: 1.57142857;
      margin: 0
    }

    .global-nav-card .global-nav-card-title-link {
      text-decoration: none;
      color: inherit
    }

    .global-nav-card .global-nav-card-title-link:hover,
    .global-nav-card .global-nav-card-title-link:focus,
    .global-nav-card .global-nav-card-title-link:focus-visible,
    .global-nav-card .global-nav-card-title-link:focus-within {
      color: inherit;
      outline: rgba(0, 0, 0, 0)
    }

    .global-nav-card .global-nav-card-cta-text-link:focus,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-within {
      outline: rgba(0, 0, 0, 0)
    }

    .global-nav-card .global-nav-card-title-link::after,
    .global-nav-card .global-nav-card-cta-text-link::after {
      content: "";
      inset: 0;
      position: absolute
    }

    .global-nav-card-group-list {
      --column-gap: 0.5rem;
      --row-gap: 0.75rem;
      --grid-column: 1;
      display: grid;
      grid-template-columns: repeat(var(--grid-column, 1), 1fr);
      column-gap: var(--column-gap, 0.5rem);
      row-gap: var(--row-gap, 0.75rem)
    }

    .global-nav-card-group-list.-grid-column-1 {
      --grid-column: 1
    }

    .global-nav-card-group-list.-grid-column-2 {
      --grid-column: 2
    }

    .global-nav-card-group-list.-grid-column-3 {
      --grid-column: 3
    }

    .global-nav-card-group-list.-grid-column-4 {
      --grid-column: 4
    }

    .global-nav-large-header-card-title {
      margin: 0
    }

    .global-nav-large-header-card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      column-gap: 20px;
      grid-auto-rows: 1fr
    }

    .global-nav-main-resources-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      column-gap: 1rem;
      overflow-x: hidden;
      padding: .4rem
    }

    .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(1) {
      grid-area: 1/1/14/2
    }

    .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(2) {
      grid-area: 1/2/5/3
    }

    .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(3) {
      grid-area: 5/2/14/3;
      padding-top: 1rem
    }

    .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(4) {
      grid-area: 1/3/7/4
    }

    .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(5) {
      grid-area: 7/3/14/4;
      padding-top: 1rem
    }

    .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(6) {
      grid-area: 1/4/14/5
    }

    .global-nav-main-solutions-by-use-case-grid {
      display: grid;
      column-gap: 20px;
      row-gap: 0
    }

    .global-nav-main-solutions-by-use-case-grid.-grid-three-columns {
      grid-template-columns: repeat(3, 1fr)
    }

    .global-nav-main-solutions-by-use-case-grid.-grid-three-columns .global-nav-divider {
      grid-column: 1/span 3
    }

    .global-nav-main-solutions-by-use-case-grid.-grid-four-columns {
      grid-template-columns: repeat(4, 1fr)
    }

    .global-nav-main-solutions-by-use-case-grid.-grid-four-columns .global-nav-divider {
      grid-column: 1/span 4
    }

    #global-nav-header .cl-tab-content:focus-visible {
      outline-offset: 1px
    }

    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link {
      color: var(--cl-color-text-01);
      text-decoration-color: var(--cl-color-text-01)
    }

    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
      border-radius: var(--cl-border-radius-medium);
      display: block;
      margin: 0
    }

    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-header-sublinks .global-nav-header-sublinks-title-wrapper {
      padding: 0 0 1rem .5rem
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-link:focus-visible,
    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible {
      outline: none
    }

    .cl-navLink-link:focus-visible::after,
    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .global-nav-header-cta.-small {
      --cl-button-padding-small: 0.5rem 1rem;
      --cl-button-font-size: var(--cl-font-size-small);
      --cl-button-line-height: var(--cl-line-height-small);
      --cl-button-padding: var(--cl-button-padding-small)
    }

    .global-nav-header-cta {
      --cl-button-padding-medium: 0.75rem 1.5rem;
      --cl-button-font-size: var(--cl-font-size-medium);
      --cl-button-line-height: var(--cl-line-height-medium);
      --cl-button-padding: var(--cl-button-padding-medium)
    }

    .global-nav-header-cta.-large {
      --cl-button-padding-large: 1rem 2.5rem;
      --cl-button-font-size: var(--cl-font-size-large);
      --cl-button-line-height: var(--cl-line-height-large);
      --cl-button-padding: var(--cl-button-padding-large)
    }

    .global-nav-header-cta {
      --global-nav-header-cta-icon-small: 24px;
      background: var(--light-theme-background-01);
      border: 2px solid;
      border-color: var(--cl-color-border-03);
      border-radius: 8px;
      color: var(--cl-color-link-01);
      cursor: pointer;
      display: inline-block;
      font-size: var(--cl-button-font-size);
      font-weight: 500;
      line-height: var(--cl-button-line-height);
      padding: var(--cl-button-padding);
      text-align: center;
      text-decoration: none;
      transition: .15s background-color linear, .15s color linear
    }

    .global-nav-header-cta:hover,
    .global-nav-header-cta:focus-visible {
      background: var(--cl-color-hover-01);
      color: var(--cl-color-link-01);
      text-decoration: none
    }

    .global-nav-header-cta:active {
      background: var(--cl-color-pressed-01)
    }

    .global-nav-header-cta:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .global-nav-header-cta .global-nav-header-cta-icon-wrapper {
      display: inline-block;
      height: var(--global-nav-header-cta-icon-small, 24px);
      width: var(--global-nav-header-cta-icon-small, 24px);
      margin-right: .5rem;
      vertical-align: middle
    }

    .global-nav-header-cta .global-nav-header-cta-icon-wrapper>.global-nav-header-cta-icon {
      height: var(--global-nav-header-cta-icon-small, 24px);
      width: var(--global-nav-header-cta-icon-small, 24px)
    }

    .global-nav-header-cta .global-nav-header-cta-icon-wrapper>svg {
      inline-size: var(--global-nav-header-cta-icon-small, 24px);
      block-size: var(--global-nav-header-cta-icon-small, 24px)
    }

    .global-nav-header-content {
      margin: 1rem;
      display: flex;
      align-items: center;
      gap: 2.5rem
    }

    .global-nav-header-content .global-nav-header-content-text-wrapper {
      flex: 1 2 25%;
      display: flex;
      flex-direction: column;
      gap: .5rem
    }

    .global-nav-header-content .global-nav-header-content-title {
      margin: 0
    }

    .global-nav-header-content .global-nav-header-content-description {
      font-size: .875rem;
      font-weight: 300;
      line-height: 1.57142857;
      margin: 0
    }

    .global-nav-header-content .global-nav-header-content-cta-wrapper {
      display: inline-flex;
      gap: 1rem
    }

    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-header-content {
      margin: 0
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-link:focus-visible,
    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible {
      outline: none
    }

    .cl-navLink-link:focus-visible::after,
    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .-large.cl-input-input,
    .global-nav-card .-large.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-large);
      --cl-text-font-weight: var(--cl-font-weight-p-large);
      --cl-text-line-height: var(--cl-line-height-p-large);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
    }

    .-medium.cl-input-input,
    .global-nav-card .-medium.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-medium);
      --cl-text-font-weight: var(--cl-font-weight-p-medium);
      --cl-text-line-height: var(--cl-line-height-p-medium);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
    }

    .-small.cl-input-input,
    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-main .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-list-item-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
    .global-nav-card .-small.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-small);
      --cl-text-font-weight: var(--cl-font-weight-p-small);
      --cl-text-line-height: var(--cl-line-height-p-small);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
    }

    .cl-input-input,
    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-main .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-list-item-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
    .global-nav-card .global-nav-card-cta-text-link {
      font-size: var(--cl-text-font-size);
      font-weight: var(--cl-text-font-weight);
      line-height: var(--cl-text-line-height);
      letter-spacing: var(--cl-text-letter-spacing, normal)
    }

    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title,
    .global-nav-mobile-list-item-heading.-heading-h5,
    .-large>.cl-navLink-link,
    .global-nav-large-header-card-title,
    .global-nav-header-content .global-nav-header-content-title {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h5);
      font-weight: var(--cl-font-weight-h5);
      line-height: var(--cl-line-height-h5);
      letter-spacing: var(--cl-letter-spacing-h5, normal)
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
    .cl-tab-button,
    .cl-navLink-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-title,
    .global-nav-card .global-nav-card-title,
    .global-nav-card .global-nav-card-title-link {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h6);
      font-weight: var(--cl-font-weight-h6);
      line-height: var(--cl-line-height-h6);
      letter-spacing: var(--cl-letter-spacing-h6, normal)
    }

    .cl-dropdown-menu-link,
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
    .-small>.cl-navLink-link {
      --cl-anchor-font-weight: inherit;
      font-size: var(--cl-font-size-microheading);
      font-weight: var(--cl-font-weight-microheading);
      line-height: var(--cl-line-height-microheading);
      letter-spacing: var(--cl-letter-spacing-microheading, normal)
    }

    .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label,
    .global-nav-mobile-list-item-heading,
    .-x-small>.cl-navLink-link {
      --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
      font-size: var(--cl-font-size-microcopy);
      font-weight: var(--cl-font-weight-microcopy);
      line-height: var(--cl-line-height-microcopy);
      letter-spacing: var(--cl-letter-spacing-microcopy, normal)
    }

    .cl-input-input>a,
    .global-nav-card .global-nav-card-cta-text-link>a,
    .global-nav-card .global-nav-card-cta-text-link {
      color: var(--cl-anchor-color, var(--cl-color-link-01));
      font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
      text-decoration-line: var(--cl-anchor-text-decoration, underline)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:hover,
    .global-nav-card .global-nav-card-cta-text-link>a:hover,
    .global-nav-card .global-nav-card-cta-text-link:hover {
      color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
    }

    .cl-input-input>a:active,
    .global-nav-card .global-nav-card-cta-text-link>a:active,
    .global-nav-card .global-nav-card-cta-text-link:active {
      color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
    }

    .cl-input-label-text {
      font-size: var(--cl-font-size-input-label);
      font-weight: var(--cl-font-weight-input-label);
      line-height: var(--cl-line-height-input-label)
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-link:focus-visible,
    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible {
      outline: none
    }

    .cl-navLink-link:focus-visible::after,
    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-tab-control {
      --cl-tab-control-background: var(--cl-color-background-01);
      --cl-tab-control-align: start;
      border-bottom: 1px solid var(--cl-color-divider-01);
      padding: 0;
      position: relative
    }

    @media(width >=900px) {
      .cl-tab-control {
        padding: 0 16px
      }
    }

    .-center>.cl-tab-control {
      --cl-tab-control-align: center
    }

    .-overflow-left.cl-tab-control::before,
    .-overflow-right.cl-tab-control::after {
      background: linear-gradient(var(--cl-tab-control-overflow-direction), var(--cl-tab-control-background) 10%, transparent 100%);
      content: "";
      display: block;
      inset-block: 0;
      inset-inline: var(--cl-tab-control-overflow-inset-inline);
      pointer-events: none;
      position: absolute;
      width: 40px
    }

    .-overflow-left.cl-tab-control::before {
      --cl-tab-control-overflow-direction: to right;
      --cl-tab-control-overflow-inset-inline: 0 auto
    }

    .-overflow-right.cl-tab-control::after {
      --cl-tab-control-overflow-direction: to left;
      --cl-tab-control-overflow-inset-inline: auto 0
    }

    .-overflow-above.cl-tab-control::before,
    .-overflow-below.cl-tab-control::after {
      background: linear-gradient(var(--cl-tab-control-overflow-direction), var(--cl-tab-control-background) 10%, transparent 100%);
      content: "";
      display: block;
      pointer-events: none;
      position: absolute;
      height: 40px;
      width: 100%
    }

    .-overflow-above.cl-tab-control::before {
      --cl-tab-control-overflow-direction: to bottom;
      --cl-tab-control-overflow-inset-inline: 0;
      inset-inline: var(--cl-tab-control-overflow-inset-inline);
      inset-block: 0
    }

    .-overflow-below.cl-tab-control::after {
      --cl-tab-control-overflow-direction: to top;
      --cl-tab-control-overflow-inset-inline: 0;
      bottom: 0
    }

    .-background-02 .cl-tab-control {
      --cl-tab-control-background: var(--cl-color-background-02)
    }

    .-background-03 .cl-tab-control {
      --cl-tab-control-background: var(--cl-color-background-03)
    }

    .cl-tab-list {
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0;
      overflow-x: scroll;
      padding: 2px 2px 0;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      justify-content: var(--cl-tab-control-align, start)
    }

    @media(width >=600px) {
      [aria-orientation=vertical].cl-tab-list {
        flex-direction: column
      }
    }

    .-overflow-right>.cl-tab-list {
      justify-content: start
    }

    .cl-tab-list::-webkit-scrollbar {
      display: none;
      height: 0;
      width: 0
    }

    .cl-tab-item {
      align-items: flex-end;
      display: inline-flex;
      flex: 0 0 auto;
      min-width: 100px;
      max-width: 240px
    }

    @media(width < 600px) {
      .cl-tab-item {
        max-width: 200px
      }
    }

    .cl-tab-item:first-child {
      margin-left: 16px
    }

    @media(width >=900px) {
      .cl-tab-item:first-child {
        margin-left: 0
      }
    }

    .cl-tab-button {
      background-color: rgba(0, 0, 0, 0);
      border: rgba(0, 0, 0, 0);
      border-bottom: 4px solid rgba(0, 0, 0, 0);
      color: var(--cl-color-text-02);
      cursor: pointer;
      padding: 8px 16px 4px;
      text-align: var(--cl-tab-control-align, start);
      width: 100%;
      height: 100%;
      display: inline-flex;
      align-items: end;
      word-break: break-word
    }

    .cl-tab-button:active,
    .cl-tab-button:hover,
    .cl-tab-button:focus-visible {
      color: var(--cl-color-text-01);
      background-color: var(--cl-color-hover-01)
    }

    [aria-selected=true].cl-tab-button {
      border-bottom-color: var(--cl-color-border-01);
      color: var(--cl-color-text-01)
    }

    .cl-tab-group {
      padding: 24px 16px
    }

    [aria-hidden=true].cl-tab-content {
      display: none
    }

    .cl-tab-content>:first-child {
      margin-top: 0;
      padding-top: 0
    }

    @media(width >=600px) {
      .cl-tabs:has([role=tablist][aria-orientation=vertical]) {
        display: flex
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-control {
        display: flex;
        flex: none;
        position: relative;
        padding: 0 0 0 16px;
        border-bottom: 0;
        border-right: var(--cl-border-width-medium) solid var(--light-theme-divider-01)
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-list {
        width: 100%;
        padding: 0;
        overflow-y: scroll
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-item {
        min-width: 152px;
        max-width: 242px;
        margin-left: 0px
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-item.-active {
        background: var(--cl-tab-control-background)
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-button {
        border-left: 4px solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        padding: 8px 32px 4px 16px
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-button[aria-selected=true] {
        border-left-color: var(--cl-color-border-01)
      }

      .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-group {
        padding: 0px 24px;
        overflow-y: auto
      }
    }

    .global-nav-tab.cl-navLink {
      padding-block: 1.5rem;
      padding-inline: .875rem
    }

    .global-nav-tab-wrapper.-dropdown-active {
      position: static
    }

    .global-nav-tab-dropdown-section {
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      width: calc(100% - 1.25rem);
      max-width: max-content
    }

    .global-nav-tab-dropdown-content-wrapper {
      width: 1400px;
      max-width: 100%;
      margin: auto;
      background-color: var(--cl-color-container-01);
      border: 1px solid var(--cl-color-border-03);
      border-radius: 0 0 .1875rem .1875rem;
      box-shadow: 0 1px 24px rgba(33, 51, 67, .12)
    }

    .global-nav-tab-dropdown-content {
      display: flex;
      flex-direction: column;
      gap: .75rem;
      padding: 1.5rem
    }

    .global-nav-tab-dropdown-section:not(.-sidebar),
    .global-nav-sidebar-content.cl-tab-group {
      --global-nav-header-height: 130.06px;
      overflow-y: auto;
      max-height: calc(100vh - var(--global-nav-header-height, 130.06px))
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] {
      display: flex
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-control.cl-tab-control,
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-content.cl-tab-group {
      padding-block: 1.5rem
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-control.cl-tab-control {
      display: flex;
      flex: none;
      position: relative;
      border: 0;
      height: 100%;
      background: var(--cl-color-container-01);
      min-width: 225px;
      padding-inline: .5rem
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-control.cl-tab-control.-overflow-right::after {
      background: rgba(0, 0, 0, 0)
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-list.cl-tab-list {
      width: 100%;
      padding: 0;
      overflow-y: auto;
      gap: .25rem
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-list-item.cl-tab-item {
      min-width: 152px;
      max-width: 242px
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-list-item.cl-tab-item.-active {
      background: var(--cl-tab-control-background)
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button {
      --global-nav-tab-button-hover-background-color: var(--cl-color-background-03);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: .5rem;
      border-left: none
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button[aria-selected=true],
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover[aria-selected=true] {
      background-color: var(--global-nav-tab-button-hover-background-color, var(--cl-color-background-03));
      box-shadow: 0 0 0 1px var(--cl-card-border-color)
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:active[aria-selected=true] {
      background-color: #fcead7
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button .global-nav-sidebar-btn-icon.cl-icon {
      height: var(--cl-nav-link-toggle-icon-size, 1.125rem);
      width: var(--cl-nav-link-toggle-icon-size, 1.125rem)
    }

    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-content.cl-tab-group {
      width: 100%;
      border-left: 4px solid #f6f9fc
    }

    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button[aria-selected=true],
    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover[aria-selected=true] {
      background-color: var(--cl-color-hover-01)
    }

    .global-nav-mobile-list-item-group {
      display: flex;
      flex-direction: column;
      gap: .75rem
    }

    .global-nav-mobile-list-item-link {
      display: grid;
      grid-template-columns: auto auto 1fr;
      column-gap: .5rem;
      color: var(--cl-color-text-01);
      text-decoration: none;
      padding: .5rem;
      position: relative
    }

    .global-nav-mobile-list-item-link .cl-badge.global-nav-en-badge {
      grid-column-start: 2
    }

    .global-nav-mobile-list-item-link .cl-icon.global-nav-mobile-icon-right-chevron {
      justify-self: end;
      grid-column-end: 4
    }

    .global-nav-mobile-list-item-dropdown-link {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: var(--cl-color-text-01);
      text-decoration: none;
      padding: .5rem;
      position: relative
    }

    .global-nav-mobile-list-item-heading {
      margin: 0;
      padding: 1rem .5rem;
      text-transform: uppercase
    }

    #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-mobile-list-item-heading {
      font-family: var(--cl-font-family)
    }

    .global-nav-mobile-list-item-heading.-heading-h5 {
      text-transform: none;
      padding: 0 .75rem
    }

    .global-nav-mobile-list-item-dropdown-toggle {
      border: 0;
      padding: 0;
      background: rgba(0, 0, 0, 0)
    }

    .global-nav-mobile-list-item-dropdown-toggle::after {
      content: "";
      position: absolute;
      inset: -3px;
      cursor: pointer
    }

    .global-nav-mobile-submenu {
      visibility: hidden;
      background: var(--cl-color-container-01);
      display: flex;
      flex-direction: column;
      gap: .5rem;
      padding: 1rem;
      width: 100%;
      overflow-y: auto;
      position: absolute;
      top: 4.5rem;
      bottom: 0;
      left: 100%;
      transition: left .3s ease, visibility .3s ease, width .3s ease;
      z-index: 99
    }

    .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
      visibility: visible;
      height: auto;
      background: var(--cl-color-container-01);
      left: 0;
      right: 0;
      top: 4.5rem;
      transition: left .3s ease;
      overflow-x: hidden;
      position: fixed
    }

    .global-nav-burger-menu:has(.global-nav-site-search) .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
      top: 8.5rem
    }

    .global-nav-burger-menu .global-nav-site-search .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
      top: 8.5rem
    }

    .global-nav-mobile-tertiary-menu {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 200%;
      opacity: 0;
      overflow: hidden;
      transition: left .3s ease, visibility .3s ease, width .3s ease;
      visibility: hidden;
      z-index: 99;
      width: 100%;
      background: var(--cl-color-container-01);
      overflow-y: auto
    }

    .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-tertiary-menu {
      visibility: visible;
      padding: 1rem;
      background: var(--cl-color-container-01);
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      opacity: 1;
      transition: left .3s ease;
      display: flex;
      flex-direction: column
    }

    .global-nav-mobile-icon-right-chevron {
      --global-nav-mobile-list-item-icon-width: 18px;
      --global-nav-mobile-list-item-icon-height: 18px;
      width: var(--global-nav-mobile-list-item-icon-width, 18px);
      height: var(--global-nav-mobile-list-item-icon-height, 18px);
      display: block;
      color: var(--cl-color-text-01)
    }

    @media(width >=600px) {
      .global-nav-mobile-icon-right-chevron {
        --global-nav-mobile-list-item-icon-width: 22px;
        --global-nav-mobile-list-item-icon-height: 22px
      }
    }

    .global-nav-mobile-link-header-banner {
      display: flex;
      flex-direction: column;
      gap: .5rem
    }

    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title {
      margin: 0
    }

    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description {
      margin: 0
    }

    .global-nav-mobile-list-item-link-complex {
      --global-nav-mobile-list-item-left-icon-width: 26px;
      --global-nav-mobile-list-item-left-icon-height: 26px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: .75rem;
      color: var(--cl-color-text-01);
      text-decoration: none;
      margin: .5rem
    }

    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-left-icon-wrapper,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-left-icon-wrapper>svg {
      width: var(--global-nav-mobile-list-item-left-icon-width, 26px);
      height: var(--global-nav-mobile-list-item-left-icon-height, 26px)
    }

    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-text-wrapper {
      display: flex;
      flex-direction: column;
      flex: 1
    }

    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title {
      margin: 0
    }

    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description {
      margin: 0
    }

    .global-nav-mobile-list-item-article-card {
      display: flex;
      flex-direction: column;
      gap: .5rem;
      color: var(--cl-color-text-01);
      margin: .5rem;
      position: relative
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-image-wrapper {
      aspect-ratio: 2/1
    }

    .global-nav-mobile-list-item-article-card img.global-nav-mobile-list-item-article-card-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-text-wrapper {
      display: flex;
      flex-direction: column;
      gap: .25rem
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title {
      margin: 0
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description {
      margin: 0
    }

    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-link::after {
      content: "";
      cursor: pointer;
      inset: 0;
      position: absolute
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-link:focus-visible,
    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible {
      outline: none
    }

    .cl-navLink-link:focus-visible::after,
    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .a11y-contrast-toggle {
      --a11y-contrast-toggle-px-width: 40;
      --a11y-contrast-toggle-px-height: 24;
      --a11y-contrast-toggle-px-border-width: 2;
      --a11y-contrast-toggle-px-visible-padding: var(--a11y-contrast-toggle-px-border-width);
      --a11y-contrast-toggle-px-padding: calc(var(--a11y-contrast-toggle-px-border-width) + var(--a11y-contrast-toggle-px-visible-padding));
      --a11y-contrast-toggle-px-inner-width: calc(var(--a11y-contrast-toggle-px-width) - 2 * var(--a11y-contrast-toggle-px-padding));
      --a11y-contrast-toggle-px-circle-diameter: calc(var(--a11y-contrast-toggle-px-height) - 2 * var(--a11y-contrast-toggle-px-padding));
      --a11y-contrast-toggle-px-cover-diameter: calc(var(--a11y-contrast-toggle-px-width) * 2 - var(--a11y-contrast-toggle-px-height));
      --a11y-contrast-toggle-border-width: calc(var(--a11y-contrast-toggle-px-border-width) * 1px);
      --a11y-contrast-toggle-padding: calc(var(--a11y-contrast-toggle-px-padding) * 1px);
      --a11y-contrast-toggle-outline-width: calc((var(--a11y-contrast-toggle-px-visible-padding) / 2) * 1px);
      --a11y-contrast-toggle-circle-diameter: calc(var(--a11y-contrast-toggle-px-circle-diameter) * 1px);
      --a11y-contrast-toggle-translate-distance: calc((var(--a11y-contrast-toggle-px-inner-width) - var(--a11y-contrast-toggle-px-circle-diameter)) * 1px);
      --a11y-contrast-toggle-cover-scale: calc(var(--a11y-contrast-toggle-px-cover-diameter) / var(--a11y-contrast-toggle-px-circle-diameter));
      --a11y-contrast-toggle-text-color: var(--cl-color-text-01);
      --a11y-contrast-toggle-text-gap: 12px;
      --a11y-contrast-toggle-transition-duration: 0.5s;
      --a11y-contrast-toggle-enabled-color: var(--cl-color-container-01);
      --a11y-contrast-toggle-enabled-overlay: none;
      --a11y-contrast-toggle-border-color: #2e475d;
      --a11y-contrast-toggle-icon-color: var(--cl-color-icon-01);
      --a11y-contrast-toggle-background-color: #0000c5;
      display: inline-flex;
      align-items: center;
      padding: 0;
      border: 0;
      border-radius: var(--cl-border-radius-medium);
      gap: var(--a11y-contrast-toggle-text-gap);
      background: rgba(0, 0, 0, 0);
      color: var(--a11y-contrast-toggle-text-color);
      font-size: inherit;
      cursor: pointer
    }

    .a11y-contrast-toggle.-large {
      --a11y-contrast-toggle-px-width: 56;
      --a11y-contrast-toggle-px-height: 32;
      --a11y-contrast-toggle-px-border-width: 2;
      --a11y-contrast-toggle-text-gap: 16px
    }

    .a11y-contrast-toggle.-medium {
      --a11y-contrast-toggle-px-width: 40;
      --a11y-contrast-toggle-px-height: 24;
      --a11y-contrast-toggle-px-border-width: 2;
      --a11y-contrast-toggle-text-gap: 12px
    }

    .a11y-contrast-toggle.-small {
      --a11y-contrast-toggle-px-width: 32;
      --a11y-contrast-toggle-px-height: 16;
      --a11y-contrast-toggle-px-border-width: 1;
      --a11y-contrast-toggle-text-gap: 12px
    }

    .a11y-contrast-toggle.-x-small {
      --a11y-contrast-toggle-px-width: 20;
      --a11y-contrast-toggle-px-height: 12;
      --a11y-contrast-toggle-px-border-width: 1;
      --a11y-contrast-toggle-text-gap: 8px
    }

    .a11y-contrast-toggle:hover,
    .a11y-contrast-toggle:focus-visible {
      --a11y-contrast-toggle-background-color: #1d0cff
    }

    .a11y-contrast-toggle:not([aria-checked=true]):hover,
    .a11y-contrast-toggle:not([aria-checked=true]):focus-visible {
      --a11y-contrast-toggle-enabled-overlay: linear-gradient(var(--cl-color-hover-01), var(--cl-color-hover-01))
    }

    .a11y-contrast-toggle:not([data-cl-mounted], .-icon-right, .-secondary)::before,
    .a11y-contrast-toggle:not([data-cl-mounted]).-icon-right:not(.-secondary)::after {
      content: "";
      display: block;
      width: calc(var(--a11y-contrast-toggle-px-width)*1px);
      height: calc(var(--a11y-contrast-toggle-px-height)*1px)
    }

    .a11y-contrast-toggle.-dark {
      --a11y-contrast-toggle-border-color: var(--dark-theme-border-01);
      --a11y-contrast-toggle-background-color: #caebff
    }

    .a11y-contrast-toggle.-dark:hover,
    .a11y-contrast-toggle.-dark:focus-visible {
      --a11y-contrast-toggle-background-color: #edf8ff
    }

    .a11y-contrast-toggle[aria-checked=true] {
      --a11y-contrast-toggle-border-color: var(--a11y-contrast-toggle-background-color)
    }

    .a11y-contrast-toggle__switch {
      position: relative;
      display: grid;
      grid-template-areas: "switch";
      align-items: center;
      width: calc(var(--a11y-contrast-toggle-px-width)*1px);
      height: calc(var(--a11y-contrast-toggle-px-height)*1px);
      padding: var(--a11y-contrast-toggle-padding);
      border-radius: calc(var(--a11y-contrast-toggle-px-height)*1px/2);
      background: var(--a11y-contrast-toggle-background-color);
      overflow: hidden;
      z-index: 0
    }

    .a11y-contrast-toggle__switch::before {
      content: "";
      grid-area: switch;
      display: block;
      width: var(--a11y-contrast-toggle-circle-diameter);
      height: var(--a11y-contrast-toggle-circle-diameter);
      border-radius: 50%;
      background-color: var(--a11y-contrast-toggle-enabled-color);
      background-image: var(--a11y-contrast-toggle-enabled-overlay);
      transform: scale(var(--a11y-contrast-toggle-cover-scale));
      transition: transform var(--a11y-contrast-toggle-transition-duration) ease-in-out
    }

    .a11y-contrast-toggle[aria-checked=true] .a11y-contrast-toggle__switch::before {
      transform: translateX(var(--a11y-contrast-toggle-translate-distance)) scale(1)
    }

    .a11y-contrast-toggle__switch::after {
      content: "";
      position: absolute;
      inset: 0;
      border: var(--a11y-contrast-toggle-border-width) solid var(--a11y-contrast-toggle-border-color);
      border-radius: inherit
    }

    .a11y-contrast-toggle:not([aria-checked=true]) .a11y-contrast-toggle__switch::after {
      transition: border-color var(--a11y-contrast-toggle-transition-duration) ease-in-out
    }

    .a11y-contrast-toggle__contrast-icon {
      grid-area: switch;
      position: relative;
      display: block;
      width: var(--a11y-contrast-toggle-circle-diameter);
      height: var(--a11y-contrast-toggle-circle-diameter);
      border-radius: 50%;
      background: rgba(0, 0, 0, 0);
      color: var(--a11y-contrast-toggle-icon-color);
      overflow: hidden;
      transition: transform var(--a11y-contrast-toggle-transition-duration) ease-in-out, opacity var(--a11y-contrast-toggle-transition-duration) ease-in-out
    }

    .a11y-contrast-toggle[aria-checked=true] .a11y-contrast-toggle__contrast-icon {
      transform: translateX(var(--a11y-contrast-toggle-translate-distance)) rotate(180deg);
      opacity: 0
    }

    .a11y-contrast-toggle__contrast-icon::before {
      content: "";
      position: absolute;
      inset: 0 0 0 50%;
      display: block;
      background: currentColor;
      border-radius: 0 50% 50% 0;
      transition: transform var(--a11y-contrast-toggle-transition-duration) ease-in-out
    }

    .a11y-contrast-toggle[aria-checked=true] .a11y-contrast-toggle__contrast-icon::before {
      transform: translateX(100%)
    }

    .a11y-contrast-toggle__contrast-icon::after {
      content: "";
      position: absolute;
      inset: 0 0 0 0;
      display: block;
      border: var(--a11y-contrast-toggle-border-width) solid currentColor;
      border-radius: inherit;
      transition: left var(--a11y-contrast-toggle-transition-duration) ease-in-out
    }

    .global-nav-main .global-nav-high-contrast-btn {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      position: relative;
      padding: .5rem
    }

    .global-nav-main .a11y-contrast-toggle__label {
      color: var(--cl-color-text-01);
      text-decoration: none
    }

    .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label {
      text-decoration: none;
      color: initial
    }

    .global-nav-top-bar .global-nav-high-contrast .global-nav-high-contrast-btn {
      padding: 16px 0
    }

    .global-nav-top-bar .global-nav-high-contrast .global-nav-high-contrast-btn:hover .a11y-contrast-toggle__label {
      text-decoration: underline;
      color: var(--cl-color-hover-link-01)
    }

    .global-nav-language-switcher-link.-disabled {
      pointer-events: none;
      color: var(--cl-color-disabled-01, #99afc4)
    }

    .a11y-contrast-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
    .global-nav-card:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-dropdown-menu-link:focus-visible,
    .cl-tab-button:focus-visible {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .cl-navLink-link:focus-visible,
    .cl-navLink-chevron:focus-visible,
    .cl-navLink-submenu-toggle:focus-visible {
      outline: none
    }

    .cl-navLink-link:focus-visible::after,
    .cl-navLink-chevron:focus-visible::after,
    .cl-navLink-submenu-toggle:focus-visible::after {
      outline-offset: -2px;
      outline: 2px solid var(--cl-color-focus-01)
    }

    .-large.cl-input-input,
    .global-nav-card .-large.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-large);
      --cl-text-font-weight: var(--cl-font-weight-p-large);
      --cl-text-line-height: var(--cl-line-height-p-large);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
    }

    .-medium.cl-input-input,
    .global-nav-card .-medium.global-nav-card-cta-text-link {
      --cl-text-font-size: var(--cl-font-size-p-medium);
      --cl-text-font-weight: var(--cl-font-weight-p-medium);
      --cl-text-line-height: var(--cl-line-height-p-medium);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
    }

    .-small.cl-input-input,
    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
    .global-nav-card .-small.global-nav-card-cta-text-link,
    .global-nav-mobile-list-item-link,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-main .a11y-contrast-toggle__label {
      --cl-text-font-size: var(--cl-font-size-p-small);
      --cl-text-font-weight: var(--cl-font-weight-p-small);
      --cl-text-line-height: var(--cl-line-height-p-small);
      --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
    }

    .cl-input-input,
    .cl-input-counter,
    .cl-input-error-text,
    .cl-input-help-text,
    .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
    .global-nav-card .global-nav-card-cta-text-link,
    .global-nav-mobile-list-item-link,
    .global-nav-mobile-list-item-dropdown-link,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
    .global-nav-main .a11y-contrast-toggle__label {
      font-size: var(--cl-text-font-size);
      font-weight: var(--cl-text-font-weight);
      line-height: var(--cl-text-line-height);
      letter-spacing: var(--cl-text-letter-spacing, normal)
    }

    .-large>.cl-navLink-link,
    .global-nav-large-header-card-title,
    .global-nav-header-content .global-nav-header-content-title,
    .global-nav-mobile-list-item-heading.-heading-h5,
    .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title {
      --cl-anchor-font-weight: inherit;
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h5);
      font-weight: var(--cl-font-weight-h5);
      line-height: var(--cl-line-height-h5);
      letter-spacing: var(--cl-letter-spacing-h5, normal)
    }

    .cl-navLink-link,
    .global-nav-header-sublinks .global-nav-header-sublinks-title,
    .global-nav-card .global-nav-card-title,
    .global-nav-card .global-nav-card-title-link,
    .cl-tab-button,
    .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
    .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title {
      font-family: var(--cl-font-family, inherit);
      font-size: var(--cl-font-size-h6);
      font-weight: var(--cl-font-weight-h6);
      line-height: var(--cl-line-height-h6);
      letter-spacing: var(--cl-letter-spacing-h6, normal)
    }

    .cl-dropdown-menu-link,
    .-small>.cl-navLink-link,
    .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button {
      --cl-anchor-font-weight: inherit;
      font-size: var(--cl-font-size-microheading);
      font-weight: var(--cl-font-weight-microheading);
      line-height: var(--cl-line-height-microheading);
      letter-spacing: var(--cl-letter-spacing-microheading, normal)
    }

    .-x-small>.cl-navLink-link,
    .global-nav-mobile-list-item-heading,
    .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label {
      --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
      font-size: var(--cl-font-size-microcopy);
      font-weight: var(--cl-font-weight-microcopy);
      line-height: var(--cl-line-height-microcopy);
      letter-spacing: var(--cl-letter-spacing-microcopy, normal)
    }

    .cl-input-input>a,
    .global-nav-card .global-nav-card-cta-text-link>a,
    .global-nav-card .global-nav-card-cta-text-link {
      color: var(--cl-anchor-color, var(--cl-color-link-01));
      font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
      text-decoration-line: var(--cl-anchor-text-decoration, underline)
    }

    .cl-input-input>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
    .global-nav-card .global-nav-card-cta-text-link:focus-visible,
    .cl-input-input>a:hover,
    .global-nav-card .global-nav-card-cta-text-link>a:hover,
    .global-nav-card .global-nav-card-cta-text-link:hover {
      color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
    }

    .cl-input-input>a:active,
    .global-nav-card .global-nav-card-cta-text-link>a:active,
    .global-nav-card .global-nav-card-cta-text-link:active {
      color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
    }

    .cl-input-label-text {
      font-size: var(--cl-font-size-input-label);
      font-weight: var(--cl-font-weight-input-label);
      line-height: var(--cl-line-height-input-label)
    }

    .cl-input {
      display: flex;
      flex-direction: column;
      gap: .5rem
    }

    .cl-input-caption {
      display: flex;
      flex-direction: column
    }

    .cl-input-label-text {
      color: var(--cl-color-text-01)
    }

    .cl-input-help-text {
      color: var(--cl-color-text-02)
    }

    .cl-input-wrapper {
      position: relative
    }

    .cl-input-input {
      padding: .5rem 1rem;
      margin: 0;
      border: 1px solid var(--cl-color-border-02);
      background-color: var(--cl-color-container-02);
      border-radius: var(--cl-border-radius-small);
      color: var(--cl-color-text-01);
      width: 100%;
      display: block;
      text-overflow: ellipsis
    }

    [data-cl-brand=hubspot-2025] .cl-input-input {
      background-color: var(--cl-color-container-01);
      background-image: linear-gradient(var(--cl-color-container-02), var(--cl-color-container-02))
    }

    .cl-input-input::placeholder {
      color: var(--cl-color-text-placeholder-01)
    }

    .cl-input-input:hover {
      box-shadow: 0 0 0 1px var(--cl-color-border-02)
    }

    .cl-input-input:where(input, textarea):read-only {
      cursor: not-allowed;
      border-color: rgba(0, 0, 0, 0);
      background-color: var(--cl-color-disabled-03);
      color: var(--cl-color-text-02)
    }

    .cl-input-input:where(input, textarea):read-only:hover {
      box-shadow: none
    }

    .cl-input-input:disabled {
      opacity: 1;
      cursor: not-allowed;
      border-color: rgba(0, 0, 0, 0);
      background-color: var(--cl-color-disabled-03);
      color: var(--cl-color-disabled-01)
    }

    .cl-input-input:disabled:hover {
      box-shadow: none
    }

    .cl-input-input:focus-visible {
      outline-offset: 2px;
      outline: 2px solid var(--cl-color-focus-01);
      box-shadow: 0 0 0 1px var(--cl-color-border-02)
    }

    .cl-input-input::-webkit-resizer {
      background-image: url("data:image/svg+xml,<svg xmlns=" http: //www.w3.org/2000/svg" width="12" height="12"><path fill="%23213343" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>");background-repeat:no-repeat}[data-cl-brand=hubspot-2025] .cl-input-input::-webkit-resizer{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="%231F1F1F" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>")}[data-cl-theme=dark] .cl-input-input::-webkit-resizer{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="%23F8F5EE" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>")}[data-cl-brand=hubspot-2025] [data-cl-theme=dark] .cl-input-input::-webkit-resizer{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="%23FFFFFF" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>")}.cl-input-input:is(select){cursor:pointer;appearance:none;padding-right:2.5rem}.cl-input-input:has(~.cl-input-state-icon),.cl-input.-invalid .cl-input-input{padding:.5rem 2.5rem .5rem 1rem}.cl-input-input:is(select):has(~.cl-input-state-icon),.cl-input.-invalid .cl-input-input:is(select){padding-right:4.25rem}.cl-input-input:is(input[type=search]):has(~.cl-input-state-icon),.cl-input.-invalid .cl-input-input:is(input[type=search]){padding-left:2.5rem}.cl-input.-invalid .cl-input-input{border:1px solid var(--cl-color-error-01)}.cl-input.-invalid .cl-input-input:hover,.cl-input.-invalid .cl-input-input:focus-visible{box-shadow:0 0 0 1px var(--cl-color-error-01)}.cl-input-input~.cl-input-state-icon,.cl-input-state-icon{display:none;position:absolute;height:1rem;width:1rem;top:1rem;right:.75rem}select~.cl-input-input~.cl-input-state-icon,.cl-input-input~select~.cl-input-state-icon,select.cl-input-input~.cl-input-state-icon,select~.cl-input-state-icon{right:2.75rem}.cl-input-select-icon{display:block;position:absolute;height:2rem;width:2rem;top:50%;transform:translateY(-50%);right:.5rem;pointer-events:none;fill:var(--cl-color-icon-01)}:disabled~.cl-input-select-icon{fill:var(--cl-color-disabled-01)}.cl-input.-valid .cl-input-input~.cl-input-state-icon{display:inline;fill:var(--cl-color-success-01)}.cl-input.-invalid .cl-input-input~.cl-input-state-icon{display:inline;fill:var(--cl-color-error-01)}.cl-input-status{display:flex;flex-direction:row;width:100%;gap:.5rem}.cl-input-error-text{color:var(--cl-color-error-01)}.cl-input-counter{color:var(--cl-color-text-02);flex-grow:1;text-align:right}.cl-input.-dark .cl-input-wrapper.-light .cl-input-input:focus-visible{outline-offset:2px;outline:2px solid var(--dark-theme-focus-01)}.cl-input-search-icon{fill:var(--cl-color-icon-01);position:absolute;height:1rem;width:1rem;top:1rem;left:1rem}.cl-input-input[type=search]{padding-left:2.5rem}.cl-input-input[type=search]::-webkit-search-cancel-button,.cl-input-input[type=search]::-webkit-search-decoration{appearance:none}.global-nav-site-search-close-button{display:none}.global-nav-top-bar .global-nav-site-search{--global-nav-search-close-icon-size: 24px}.global-nav-top-bar .global-nav-site-search .global-nav-site-search-icon{left:0;right:0;top:0;bottom:0;margin:auto}.global-nav-top-bar .global-nav-site-search .global-nav-site-search-close-button{appearance:none;border:none;background:none;padding:0;cursor:pointer}.global-nav-top-bar .global-nav-site-search .global-nav-site-search-close-button,.global-nav-top-bar .global-nav-site-search .global-nav-site-search-close-button-icon{width:var(--global-nav-search-close-icon-size, 24px);height:var(--global-nav-search-close-icon-size, 24px);fill:var(--cl-color-text-01)}.global-nav-top-bar .global-nav-site-search:focus-within{display:flex;align-items:center;gap:var(--global-nav-search-close-icon-size, 24px);position:absolute;top:0;bottom:0;left:0;z-index:1;background:var(--cl-color-background-01)}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-input{--global-nav-search-total-close-button-and-gap-space: 45px;transition:all .3s ease-out;font-size:.875rem;outline:rgba(0,0,0,0);box-shadow:none;width:calc(1080px - var(--global-nav-search-total-close-button-and-gap-space, 45px))}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-input:hover{box-shadow:none}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-icon{left:1rem;right:auto;cursor:auto}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-close-button{display:block}.global-nav-top-bar .global-nav-site-search:not(:focus-within) input.global-nav-site-search-input{transition:all .3s ease-in;appearance:none;background:rgba(0,0,0,0);border:none;max-width:0;padding:.2rem .5rem}.global-nav-top-bar .global-nav-site-search:not(:focus-within) input.global-nav-site-search-input:hover{box-shadow:none;cursor:pointer}.global-nav-top-bar .global-nav-site-search:not(:focus-within) .global-nav-site-search-icon{fill:var(--cl-anchor-hover-color);cursor:pointer}.a11y-contrast-toggle:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,.global-nav-card:focus-visible,.global-nav-card .global-nav-card-cta-text-link>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link:focus-visible,.cl-input-input>a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.cl-dropdown-menu-link:focus-visible,.cl-tab-button:focus-visible{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.cl-navLink-link:focus-visible,.cl-navLink-chevron:focus-visible,.cl-navLink-submenu-toggle:focus-visible{outline:none}.cl-navLink-link:focus-visible::after,.cl-navLink-chevron:focus-visible::after,.cl-navLink-submenu-toggle:focus-visible::after{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.global-nav-card .-large.global-nav-card-cta-text-link,.-large.cl-input-input{--cl-text-font-size: var(--cl-font-size-p-large);--cl-text-font-weight: var(--cl-font-weight-p-large);--cl-text-line-height: var(--cl-line-height-p-large);--cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)}.global-nav-card .-medium.global-nav-card-cta-text-link,.-medium.cl-input-input{--cl-text-font-size: var(--cl-font-size-p-medium);--cl-text-font-weight: var(--cl-font-weight-p-medium);--cl-text-line-height: var(--cl-line-height-p-medium);--cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card .-small.global-nav-card-cta-text-link,.global-nav-mobile-list-item-link,.global-nav-mobile-list-item-dropdown-link,.global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,.global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,.global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,.global-nav-main .a11y-contrast-toggle__label,.cl-input-help-text,.-small.cl-input-input,.cl-input-error-text,.cl-input-counter{--cl-text-font-size: var(--cl-font-size-p-small);--cl-text-font-weight: var(--cl-font-weight-p-small);--cl-text-line-height: var(--cl-line-height-p-small);--cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card .global-nav-card-cta-text-link,.global-nav-mobile-list-item-link,.global-nav-mobile-list-item-dropdown-link,.global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,.global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,.global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,.global-nav-main .a11y-contrast-toggle__label,.cl-input-help-text,.cl-input-input,.cl-input-error-text,.cl-input-counter{font-size:var(--cl-text-font-size);font-weight:var(--cl-text-font-weight);line-height:var(--cl-text-line-height);letter-spacing:var(--cl-text-letter-spacing, normal)}.-large>.cl-navLink-link,.global-nav-large-header-card-title,.global-nav-header-content .global-nav-header-content-title,.global-nav-mobile-list-item-heading.-heading-h5,.global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title{--cl-anchor-font-weight: inherit;font-family:var(--cl-font-family, inherit);font-size:var(--cl-font-size-h5);font-weight:var(--cl-font-weight-h5);line-height:var(--cl-line-height-h5);letter-spacing:var(--cl-letter-spacing-h5, normal)}.cl-navLink-link,.global-nav-header-sublinks .global-nav-header-sublinks-title,.global-nav-card .global-nav-card-title,.global-nav-card .global-nav-card-title-link,.cl-tab-button,.global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,.global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title{font-family:var(--cl-font-family, inherit);font-size:var(--cl-font-size-h6);font-weight:var(--cl-font-weight-h6);line-height:var(--cl-line-height-h6);letter-spacing:var(--cl-letter-spacing-h6, normal)}.cl-dropdown-menu-link,.-small>.cl-navLink-link,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-microheading);font-weight:var(--cl-font-weight-microheading);line-height:var(--cl-line-height-microheading);letter-spacing:var(--cl-letter-spacing-microheading, normal)}.-x-small>.cl-navLink-link,.global-nav-mobile-list-item-heading,.global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label{--cl-anchor-font-weight: var(--cl-font-weight-demi-bold);font-size:var(--cl-font-size-microcopy);font-weight:var(--cl-font-weight-microcopy);line-height:var(--cl-line-height-microcopy);letter-spacing:var(--cl-letter-spacing-microcopy, normal)}.global-nav-card .global-nav-card-cta-text-link>a,.global-nav-card .global-nav-card-cta-text-link,.cl-input-input>a{color:var(--cl-anchor-color, var(--cl-color-link-01));font-weight:var(--cl-anchor-font-weight, var(--cl-font-weight-medium));text-decoration-line:var(--cl-anchor-text-decoration, underline)}.global-nav-card .global-nav-card-cta-text-link>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link:focus-visible,.cl-input-input>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link>a:hover,.global-nav-card .global-nav-card-cta-text-link:hover,.cl-input-input>a:hover{color:var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))}.global-nav-card .global-nav-card-cta-text-link>a:active,.global-nav-card .global-nav-card-cta-text-link:active,.cl-input-input>a:active{color:var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))}.cl-input-label-text{font-size:var(--cl-font-size-input-label);font-weight:var(--cl-font-weight-input-label);line-height:var(--cl-line-height-input-label)}.a11y-contrast-toggle:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,.global-nav-card:focus-visible,.global-nav-card .global-nav-card-cta-text-link>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link:focus-visible,.cl-input-input>a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.cl-dropdown-menu-link:focus-visible,.cl-tab-button:focus-visible{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.cl-navLink-link:focus-visible,.cl-navLink-chevron:focus-visible,.cl-navLink-submenu-toggle:focus-visible{outline:none}.cl-navLink-link:focus-visible::after,.cl-navLink-chevron:focus-visible::after,.cl-navLink-submenu-toggle:focus-visible::after{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}:root{--cl-card-border-width: 0px;--cl-card-border-color: transparent}.cl-dropdown-menu,.cl-dropdown-menu.-caret,.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01);--cl-card-text-color: var(--cl-color-text-01);border:var(--cl-card-border-width, 0px) solid var(--cl-card-border-color, transparent);background:var(--cl-card-background-color);color:var(--cl-card-text-color);border-radius:var(--cl-border-radius-container);position:relative}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01)}.cl-dropdown-menu{--cl-card-border-width: var(--cl-border-width-medium);--cl-card-border-color: var(--cl-color-border-03)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover,.global-nav-card:hover,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover{background:var(--cl-card-hover-background-color);box-shadow:0 0 0 1px var(--cl-card-border-color)}:root{--cl-card-border-width: 0px;--cl-card-border-color: transparent}.cl-dropdown-menu,.cl-dropdown-menu.-caret,.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01);--cl-card-text-color: var(--cl-color-text-01);border:var(--cl-card-border-width, 0px) solid var(--cl-card-border-color, transparent);background:var(--cl-card-background-color);color:var(--cl-card-text-color);border-radius:var(--cl-border-radius-container);position:relative}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01)}.cl-dropdown-menu{--cl-card-border-width: var(--cl-border-width-medium);--cl-card-border-color: var(--cl-color-border-03)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover,.global-nav-card:hover,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover{background:var(--cl-card-hover-background-color);box-shadow:0 0 0 1px var(--cl-card-border-color)}.cl-dropdown-menu.-caret{--cl-card-caret-top: auto;--cl-card-caret-left: auto;--cl-card-caret-right: auto;--cl-card-caret-bottom: auto;--cl-card-caret-translate-x: 0;--cl-card-caret-translate-y: 0;--cl-card-caret-rotate: 0;min-width:160px;height:auto;display:inline-block;position:relative;z-index:0}[data-cl-brand=hubspot-2025] .cl-dropdown-menu.-caret{border-radius:var(--cl-border-radius-container-small)}.cl-dropdown-menu.-caret::before{content:"";display:block;position:absolute;top:var(--cl-card-caret-top);right:var(--cl-card-caret-right);bottom:var(--cl-card-caret-bottom);left:var(--cl-card-caret-left);rotate:var(--cl-card-caret-rotate);translate:var(--cl-card-caret-translate-x) var(--cl-card-caret-translate-y);z-index:-1;width:20px;height:20px;border:var(--cl-card-border-width) solid;border-color:var(--cl-card-border-color) var(--cl-card-border-color) rgba(0,0,0,0) rgba(0,0,0,0);background:inherit;border-top-right-radius:var(--cl-border-radius-small)}.cl-dropdown-menu.-caret.-top-right,.cl-dropdown-menu.-caret.-top-center,.cl-dropdown-menu.-caret.-top-left{--cl-card-caret-top: 0;--cl-card-caret-rotate: -45deg;--cl-card-caret-translate-y: -50%}.cl-dropdown-menu.-caret.-top-left{--cl-card-caret-left: 1.5rem}.cl-dropdown-menu.-caret.-top-center{--cl-card-caret-left: 50%;--cl-card-caret-translate-x: -50%}.cl-dropdown-menu.-caret.-top-right{--cl-card-caret-right: 1.5rem}.cl-dropdown-menu{--cl-card-border-color: var(--cl-color-border-02);list-style:none;margin:0;padding:calc(.5rem - var(--cl-card-border-width)) 0}.cl-dropdown-menu.-caret{min-width:0}.cl-dropdown-menu-item{display:block}.cl-dropdown-menu-link{display:flex;padding:.5rem calc(1rem - var(--cl-card-border-width));color:var(--cl-color-link-02);text-decoration-color:rgba(0,0,0,0)}.cl-dropdown-menu-link:active,.cl-dropdown-menu-link:hover,.cl-dropdown-menu-link:focus-visible{color:var(--cl-color-hover-link-02);text-decoration:underline currentColor}.cl-dropdown-menu-link[aria-disabled=true],.cl-dropdown-menu-link:not([href]){cursor:not-allowed;color:var(--cl-color-disabled-01);pointer-events:none}.global-nav-utility-submenu.cl-dropdown-menu.-caret{right:-25px;white-space:nowrap;padding-inline:10px;position:absolute;display:block}@media(width <= 1150px){.global-nav-utility-list-item.-has-dropdown:last-child .global-nav-utility-submenu.cl-dropdown-menu.-caret{right:0}}.global-nav-utility-list-item>.cl-navLink{padding-block:16px}

          .visually-hidden:not(:focus, :active) {
          border:0; clip:rect(0, 0, 0, 0); height:1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap; width:1px
        }

        @font-face {
          font-display:swap; font-family:"HubSpot Sans"; font-weight:300 400; src:url("../fonts/HubSpotSans-Book.woff2") format("woff2")
        }

        @font-face {
          font-display:swap; font-family:"HubSpot Sans"; font-weight:500 600; src:url("../fonts/HubSpotSans-Medium.woff2") format("woff2")
        }

        @font-face {
          font-display:swap; font-family:"HubSpot Serif"; font-weight:400 600; src:url("../fonts/HubSpotSerif-Medium.woff2") format("woff2")
        }

        @font-face {
          font-display:swap; font-family:"HubSpot Serif"; font-weight:300; src:url("../fonts/HubSpotSerif-Book.woff2") format("woff2")
        }

        @font-face {
          font-display:swap; font-family:"Zen Kaku Gothic New"; font-weight:300 400; src:url("../fonts/ZenKakuGothicNew-Regular.woff2") format("woff2")
        }

        @font-face {
          font-display:swap; font-family:"Zen Kaku Gothic New"; font-weight:500; src:url("../fonts/ZenKakuGothicNew-Medium.woff2") format("woff2")
        }

        @font-face {
          font-display:swap; font-family:"Zen Kaku Gothic New"; font-weight:700; src:url("../fonts/ZenKakuGothicNew-Bold.woff2") format("woff2")
        }

        :root, [data-cl-brand=hubspot-2025] {
          --light-theme-accent-fill-01: #cfcccb; --light-theme-accent-fill-02: #fcc6b1; --light-theme-accent-fill-03: #fcc5be; --light-theme-accent-fill-04: #b9cdbe; --light-theme-accent-fill-05: #ece6d9; --light-theme-accent-fill-06: #d7cdfc; --light-theme-accent-fill-07: #b2e9eb; --light-theme-accent-fill-08: #fbdbe9; --light-theme-accent-decoration-01: #9b9897; --light-theme-accent-decoration-02: #ffa581; --light-theme-accent-decoration-03: #ffa499; --light-theme-accent-decoration-04: #9cbaa4; --light-theme-accent-decoration-05: #ccc0a3; --light-theme-accent-decoration-06: #c4b4f7; --light-theme-accent-decoration-07: #97dadc; --light-theme-accent-decoration-08: #fcc3dc; --light-theme-badge-brand-fill-01: #fcc6b1; --light-theme-background-01: #fcfcfa; --light-theme-background-02: #f8f5ee; --light-theme-background-03: #f8f5ee; --light-theme-background-accent-01: #b9cdbe; --light-theme-background-accent-02: #d6c2d9; --light-theme-background-accent-03: #fcc3dc; --light-theme-background-footer-01: #1f1f1f; --light-theme-beta-01: #7d53e9; --light-theme-beta-background-01: #e5e1fa; --light-theme-border-01: #1f1f1f; --light-theme-border-02: rgba(0, 0, 0, 0.4705882353); --light-theme-border-03: rgba(0, 0, 0, 0.1098039216); --light-theme-border-brand-01: #ff4800; --light-theme-border-highlight-01: #2f7579; --light-theme-button-primary-text-color: #ffffff; --light-theme-button-primary-fill-idle: #ff4800; --light-theme-button-primary-fill-hover: #c93700; --light-theme-button-primary-fill-pressed: #9f2800; --light-theme-button-secondary-border: #ff4800; --light-theme-button-secondary-fill-idle: #ffffff; --light-theme-button-secondary-fill-hover: #fcece6; --light-theme-button-secondary-fill-pressed: #fcc6b1; --light-theme-button-tertiary-fill-idle: #1f1f1f; --light-theme-button-tertiary-fill-hover: rgba(0, 0, 0, 0.6196078431); --light-theme-button-tertiary-fill-pressed: rgba(0, 0, 0, 0.4705882353); --light-theme-checkmark-list-icon-brand-fill: #ff4800; --light-theme-container-01: #ffffff; --light-theme-container-02: rgba(255, 255, 255, 0.4588235294); --light-theme-container-03: rgba(255, 255, 255, 0.4); --light-theme-container-inverse-01: #1f1f1f; --light-theme-disabled-01: rgba(0, 0, 0, 0.2); --light-theme-disabled-02: rgba(0, 0, 0, 0.0196078431); --light-theme-disabled-03: rgba(0, 0, 0, 0.0509803922); --light-theme-divider-01: rgba(0, 0, 0, 0.1098039216); --light-theme-error-01: #d9002b; --light-theme-error-background-01: #fcc5be; --light-theme-focus-01: #2f7579; --light-theme-free-01: #2f7579; --light-theme-free-background-01: #ccf4f5; --light-theme-hover-01: rgba(0, 0, 0, 0.0509803922); --light-theme-hover-02: rgba(0, 0, 0, 0.0588235294); --light-theme-hover-03: #cfcccb; --light-theme-hover-brand-01: #c93700; --light-theme-hover-inverse-01: rgba(0, 0, 0, 0.8117647059); --light-theme-hover-link-01: #1f1f1f; --light-theme-hover-link-02: rgba(0, 0, 0, 0.6196078431); --light-theme-hubspot-brand-01: #ff4800; --light-theme-icon-01: #1f1f1f; --light-theme-icon-02: #292929; --light-theme-icon-on-color-01: #ffffff; --light-theme-link-01: #1f1f1f; --light-theme-link-02: #124548; --light-theme-loading-primary-fill-active: #ff4800; --light-theme-loading-primary-fill-inactive: #fcc6b1; --light-theme-loading-secondary-fill-active: rgba(0, 0, 0, 0.2); --light-theme-loading-secondary-fill-inactive: rgba(0, 0, 0, 0.1098039216); --light-theme-neutral-01: #9b9897; --light-theme-neutral-background-01: #cfcccb; --light-theme-number-fill-active: #ff4800; --light-theme-number-fill-inactive: #ffdbc1; --light-theme-number-fill-statistic: #ff4800; --light-theme-overlay-01: rgba(0, 0, 0, 0.8117647059); --light-theme-play-button-fill-idle: #ff4800; --light-theme-play-button-fill-hover: #c93700; --light-theme-play-button-fill-pressed: #ffa766; --light-theme-pressed-01: rgba(0, 0, 0, 0.0588235294); --light-theme-pressed-02: rgba(0, 0, 0, 0.0784313725); --light-theme-pressed-03: #9b9897; --light-theme-pressed-brand-01: #9f2800; --light-theme-pressed-inverse-01: rgba(0, 0, 0, 0.6196078431); --light-theme-pressed-link-01: #1f1f1f; --light-theme-pressed-link-02: rgba(0, 0, 0, 0.6196078431); --light-theme-success-01: #00823a; --light-theme-success-background-01: #bde7cb; --light-theme-text-01: #1f1f1f; --light-theme-text-02: rgba(0, 0, 0, 0.6196078431); --light-theme-text-brand-01: #ff4800; --light-theme-text-link-underline-01: #ff4800; --light-theme-text-on-color-01: #ffffff; --light-theme-text-placeholder-01: rgba(0, 0, 0, 0.4); --light-theme-warning-01: #eeb117; --light-theme-warning-background-01: #fbeece; --dark-theme-accent-fill-01: #000000; --dark-theme-accent-fill-02: #9f2800; --dark-theme-accent-fill-03: #ac0020; --dark-theme-accent-fill-04: #1b582a; --dark-theme-accent-fill-05: #64593e; --dark-theme-accent-fill-06: #5113ba; --dark-theme-accent-fill-07: #1e5b5f; --dark-theme-accent-fill-08: #800051; --dark-theme-accent-decoration-01: #1c1c1c; --dark-theme-accent-decoration-02: #c93700; --dark-theme-accent-decoration-03: #d9002b; --dark-theme-accent-decoration-04: #327142; --dark-theme-accent-decoration-05: #7d7050; --dark-theme-accent-decoration-06: #6431da; --dark-theme-accent-decoration-07: #2f7579; --dark-theme-accent-decoration-08: #a5016a; --dark-theme-badge-brand-fill-01: #c93700; --dark-theme-background-01: #042729; --dark-theme-background-02: #093436; --dark-theme-background-03: #093436; --dark-theme-background-accent-01: #042729; --dark-theme-background-accent-02: #46062b; --dark-theme-background-accent-03: #25155e; --dark-theme-background-footer-01: #1f1f1f; --dark-theme-beta-01: #9778ec; --dark-theme-beta-background-01: #6431da; --dark-theme-border-01: #f8f5ee; --dark-theme-border-02: rgba(255, 255, 255, 0.4); --dark-theme-border-03: rgba(255, 255, 255, 0.0784313725); --dark-theme-border-brand-01: #ff4800; --dark-theme-border-highlight-01: #b9cdbe; --dark-theme-button-primary-text-color: #ffffff; --dark-theme-button-primary-fill-idle: #ff4800; --dark-theme-button-primary-fill-hover: #c93700; --dark-theme-button-primary-fill-pressed: #9f2800; --dark-theme-button-secondary-border: #f8f5ee; --dark-theme-button-secondary-fill-idle: rgba(0, 0, 0, 0.1098039216); --dark-theme-button-secondary-fill-hover: rgba(0, 0, 0, 0.2); --dark-theme-button-secondary-fill-pressed: rgba(0, 0, 0, 0.4); --dark-theme-button-tertiary-fill-idle: #ffffff; --dark-theme-button-tertiary-fill-hover: rgba(255, 255, 255, 0.8117647059); --dark-theme-button-tertiary-fill-pressed: rgba(255, 255, 255, 0.6196078431); --dark-theme-checkmark-list-icon-brand-fill: #ff4800; --dark-theme-container-01: #042729; --dark-theme-container-02: rgba(0, 0, 0, 0.168627451); --dark-theme-container-03: rgba(0, 0, 0, 0.4); --dark-theme-container-inverse-01: #ffffff; --dark-theme-disabled-01: rgba(255, 255, 255, 0.168627451); --dark-theme-disabled-02: rgba(255, 255, 255, 0.0588235294); --dark-theme-disabled-03: rgba(255, 255, 255, 0.0784313725); --dark-theme-divider-01: rgba(255, 255, 255, 0.0784313725); --dark-theme-error-01: #ff7b70; --dark-theme-error-background-01: #d9002b; --dark-theme-focus-01: #7aa485; --dark-theme-free-01: #459195; --dark-theme-free-background-01: #2f7579; --dark-theme-hover-01: rgba(255, 255, 255, 0.0509803922); --dark-theme-hover-02: rgba(255, 255, 255, 0.0588235294); --dark-theme-hover-03: rgba(255, 255, 255, 0.0784313725); --dark-theme-hover-brand-01: #ff7d4c; --dark-theme-hover-inverse-01: rgba(255, 255, 255, 0.8117647059); --dark-theme-hover-link-01: #f8f5ee; --dark-theme-hover-link-02: rgba(255, 255, 255, 0.6196078431); --dark-theme-hubspot-brand-01: #ff4800; --dark-theme-icon-01: #f8f5ee; --dark-theme-icon-02: #b6b1af; --dark-theme-icon-on-color-01: #1f1f1f; --dark-theme-link-01: #f8f5ee; --dark-theme-link-02: #eef4f0; --dark-theme-loading-primary-fill-active: #ff4800; --dark-theme-loading-primary-fill-inactive: #fcc6b1; --dark-theme-loading-secondary-fill-active: #f8f5ee; --dark-theme-loading-secondary-fill-inactive: rgba(255, 255, 255, 0.4); --dark-theme-neutral-01: #4d4c4c; --dark-theme-neutral-background-01: #141414; --dark-theme-number-fill-active: #ff4800; --dark-theme-number-fill-inactive: #ffdbc1; --dark-theme-number-fill-statistic: #ff4800; --dark-theme-overlay-01: rgba(0, 0, 0, 0.8117647059); --dark-theme-play-button-fill-idle: #ff4800; --dark-theme-play-button-fill-hover: #c93700; --dark-theme-play-button-fill-pressed: #9f2800; --dark-theme-pressed-01: rgba(255, 255, 255, 0.0588235294); --dark-theme-pressed-02: rgba(255, 255, 255, 0.0784313725); --dark-theme-pressed-03: rgba(255, 255, 255, 0.1098039216); --dark-theme-pressed-brand-01: #ffa581; --dark-theme-pressed-inverse-01: rgba(255, 255, 255, 0.6196078431); --dark-theme-pressed-link-01: #f8f5ee; --dark-theme-pressed-link-02: rgba(255, 255, 255, 0.6196078431); --dark-theme-success-01: #3cb769; --dark-theme-success-background-01: #00823a; --dark-theme-text-01: #f8f5ee; --dark-theme-text-02: rgba(255, 255, 255, 0.6196078431); --dark-theme-text-brand-01: #f8f5ee; --dark-theme-text-link-underline-01: #ff4800; --dark-theme-text-on-color-01: #1f1f1f; --dark-theme-text-placeholder-01: rgba(255, 255, 255, 0.4); --dark-theme-warning-01: #d39913; --dark-theme-warning-background-01: #956309
        }

        :root, [data-cl-brand=hubspot-2025], :root [data-cl-theme=light], [data-cl-brand=hubspot-2025] [data-cl-theme=light], :root [data-background=white], [data-cl-brand=hubspot-2025] [data-background=white], :root [data-background=off-white], [data-cl-brand=hubspot-2025] [data-background=off-white], :root .-white, [data-cl-brand=hubspot-2025] .-white, :root .-light, [data-cl-brand=hubspot-2025] .-light {
          --cl-color-accent-fill-01: var(--light-theme-accent-fill-01); --cl-color-accent-fill-02: var(--light-theme-accent-fill-02); --cl-color-accent-fill-03: var(--light-theme-accent-fill-03); --cl-color-accent-fill-04: var(--light-theme-accent-fill-04); --cl-color-accent-fill-05: var(--light-theme-accent-fill-05); --cl-color-accent-fill-06: var(--light-theme-accent-fill-06); --cl-color-accent-fill-07: var(--light-theme-accent-fill-07); --cl-color-accent-fill-08: var(--light-theme-accent-fill-08); --cl-color-accent-decoration-01: var(--light-theme-accent-decoration-01); --cl-color-accent-decoration-02: var(--light-theme-accent-decoration-02); --cl-color-accent-decoration-03: var(--light-theme-accent-decoration-03); --cl-color-accent-decoration-04: var(--light-theme-accent-decoration-04); --cl-color-accent-decoration-05: var(--light-theme-accent-decoration-05); --cl-color-accent-decoration-06: var(--light-theme-accent-decoration-06); --cl-color-accent-decoration-07: var(--light-theme-accent-decoration-07); --cl-color-accent-decoration-08: var(--light-theme-accent-decoration-08); --cl-color-badge-brand-fill-01: var(--light-theme-badge-brand-fill-01); --cl-color-background-01: var(--light-theme-background-01); --cl-color-background-02: var(--light-theme-background-02); --cl-color-background-03: var(--light-theme-background-03); --cl-color-background-accent-01: var(--light-theme-background-accent-01); --cl-color-background-accent-02: var(--light-theme-background-accent-02); --cl-color-background-accent-03: var(--light-theme-background-accent-03); --cl-color-background-footer-01: var(--light-theme-background-footer-01); --cl-color-beta-01: var(--light-theme-beta-01); --cl-color-beta-background-01: var(--light-theme-beta-background-01); --cl-color-border-01: var(--light-theme-border-01); --cl-color-border-02: var(--light-theme-border-02); --cl-color-border-03: var(--light-theme-border-03); --cl-color-border-brand-01: var(--light-theme-border-brand-01); --cl-color-border-highlight-01: var(--light-theme-border-highlight-01); --cl-color-button-primary-text-color: var(--light-theme-button-primary-text-color); --cl-color-button-primary-fill-idle: var(--light-theme-button-primary-fill-idle); --cl-color-button-primary-fill-hover: var(--light-theme-button-primary-fill-hover); --cl-color-button-primary-fill-pressed: var(--light-theme-button-primary-fill-pressed); --cl-color-button-secondary-border: var(--light-theme-button-secondary-border); --cl-color-button-secondary-fill-idle: var(--light-theme-button-secondary-fill-idle); --cl-color-button-secondary-fill-hover: var(--light-theme-button-secondary-fill-hover); --cl-color-button-secondary-fill-pressed: var(--light-theme-button-secondary-fill-pressed); --cl-color-button-tertiary-fill-idle: var(--light-theme-button-tertiary-fill-idle); --cl-color-button-tertiary-fill-hover: var(--light-theme-button-tertiary-fill-hover); --cl-color-button-tertiary-fill-pressed: var(--light-theme-button-tertiary-fill-pressed); --cl-color-checkmark-list-icon-brand-fill: var(--light-theme-checkmark-list-icon-brand-fill); --cl-color-container-01: var(--light-theme-container-01); --cl-color-container-02: var(--light-theme-container-02); --cl-color-container-03: var(--light-theme-container-03); --cl-color-container-inverse-01: var(--light-theme-container-inverse-01); --cl-color-disabled-01: var(--light-theme-disabled-01); --cl-color-disabled-02: var(--light-theme-disabled-02); --cl-color-disabled-03: var(--light-theme-disabled-03); --cl-color-divider-01: var(--light-theme-divider-01); --cl-color-error-01: var(--light-theme-error-01); --cl-color-error-background-01: var(--light-theme-error-background-01); --cl-color-focus-01: var(--light-theme-focus-01); --cl-color-free-01: var(--light-theme-free-01); --cl-color-free-background-01: var(--light-theme-free-background-01); --cl-color-hover-01: var(--light-theme-hover-01); --cl-color-hover-02: var(--light-theme-hover-02); --cl-color-hover-03: var(--light-theme-hover-03); --cl-color-hover-brand-01: var(--light-theme-hover-brand-01); --cl-color-hover-inverse-01: var(--light-theme-hover-inverse-01); --cl-color-hover-link-01: var(--light-theme-hover-link-01); --cl-color-hover-link-02: var(--light-theme-hover-link-02); --cl-color-hubspot-brand-01: var(--light-theme-hubspot-brand-01); --cl-color-icon-01: var(--light-theme-icon-01); --cl-color-icon-02: var(--light-theme-icon-02); --cl-color-icon-on-color-01: var(--light-theme-icon-on-color-01); --cl-color-link-01: var(--light-theme-link-01); --cl-color-link-02: var(--light-theme-link-02); --cl-color-loading-primary-fill-active: var(--light-theme-loading-primary-fill-active); --cl-color-loading-primary-fill-inactive: var(--light-theme-loading-primary-fill-inactive); --cl-color-loading-secondary-fill-active: var(--light-theme-loading-secondary-fill-active); --cl-color-loading-secondary-fill-inactive: var(--light-theme-loading-secondary-fill-inactive); --cl-color-neutral-01: var(--light-theme-neutral-01); --cl-color-neutral-background-01: var(--light-theme-neutral-background-01); --cl-color-number-fill-active: var(--light-theme-number-fill-active); --cl-color-number-fill-inactive: var(--light-theme-number-fill-inactive); --cl-color-number-fill-statistic: var(--light-theme-number-fill-statistic); --cl-color-overlay-01: var(--light-theme-overlay-01); --cl-color-play-button-fill-idle: var(--light-theme-play-button-fill-idle); --cl-color-play-button-fill-hover: var(--light-theme-play-button-fill-hover); --cl-color-play-button-fill-pressed: var(--light-theme-play-button-fill-pressed); --cl-color-pressed-01: var(--light-theme-pressed-01); --cl-color-pressed-02: var(--light-theme-pressed-02); --cl-color-pressed-03: var(--light-theme-pressed-03); --cl-color-pressed-brand-01: var(--light-theme-pressed-brand-01); --cl-color-pressed-inverse-01: var(--light-theme-pressed-inverse-01); --cl-color-pressed-link-01: var(--light-theme-pressed-link-01); --cl-color-pressed-link-02: var(--light-theme-pressed-link-02); --cl-color-success-01: var(--light-theme-success-01); --cl-color-success-background-01: var(--light-theme-success-background-01); --cl-color-text-01: var(--light-theme-text-01); --cl-color-text-02: var(--light-theme-text-02); --cl-color-text-brand-01: var(--light-theme-text-brand-01); --cl-color-text-link-underline-01: var(--light-theme-text-link-underline-01); --cl-color-text-on-color-01: var(--light-theme-text-on-color-01); --cl-color-text-placeholder-01: var(--light-theme-text-placeholder-01); --cl-color-warning-01: var(--light-theme-warning-01); --cl-color-warning-background-01: var(--light-theme-warning-background-01)
        }

        :root [data-cl-theme=dark], [data-cl-brand=hubspot-2025] [data-cl-theme=dark], [data-cl-theme=dark]:root, [data-cl-theme=dark][data-cl-brand=hubspot-2025], :root [data-background=dark], [data-cl-brand=hubspot-2025] [data-background=dark], :root .-dark, [data-cl-brand=hubspot-2025] .-dark {
          --cl-color-accent-fill-01: var(--dark-theme-accent-fill-01); --cl-color-accent-fill-02: var(--dark-theme-accent-fill-02); --cl-color-accent-fill-03: var(--dark-theme-accent-fill-03); --cl-color-accent-fill-04: var(--dark-theme-accent-fill-04); --cl-color-accent-fill-05: var(--dark-theme-accent-fill-05); --cl-color-accent-fill-06: var(--dark-theme-accent-fill-06); --cl-color-accent-fill-07: var(--dark-theme-accent-fill-07); --cl-color-accent-fill-08: var(--dark-theme-accent-fill-08); --cl-color-accent-decoration-01: var(--dark-theme-accent-decoration-01); --cl-color-accent-decoration-02: var(--dark-theme-accent-decoration-02); --cl-color-accent-decoration-03: var(--dark-theme-accent-decoration-03); --cl-color-accent-decoration-04: var(--dark-theme-accent-decoration-04); --cl-color-accent-decoration-05: var(--dark-theme-accent-decoration-05); --cl-color-accent-decoration-06: var(--dark-theme-accent-decoration-06); --cl-color-accent-decoration-07: var(--dark-theme-accent-decoration-07); --cl-color-accent-decoration-08: var(--dark-theme-accent-decoration-08); --cl-color-badge-brand-fill-01: var(--dark-theme-badge-brand-fill-01); --cl-color-background-01: var(--dark-theme-background-01); --cl-color-background-02: var(--dark-theme-background-02); --cl-color-background-03: var(--dark-theme-background-03); --cl-color-background-accent-01: var(--dark-theme-background-accent-01); --cl-color-background-accent-02: var(--dark-theme-background-accent-02); --cl-color-background-accent-03: var(--dark-theme-background-accent-03); --cl-color-background-footer-01: var(--dark-theme-background-footer-01); --cl-color-beta-01: var(--dark-theme-beta-01); --cl-color-beta-background-01: var(--dark-theme-beta-background-01); --cl-color-border-01: var(--dark-theme-border-01); --cl-color-border-02: var(--dark-theme-border-02); --cl-color-border-03: var(--dark-theme-border-03); --cl-color-border-brand-01: var(--dark-theme-border-brand-01); --cl-color-border-highlight-01: var(--dark-theme-border-highlight-01); --cl-color-button-primary-text-color: var(--dark-theme-button-primary-text-color); --cl-color-button-primary-fill-idle: var(--dark-theme-button-primary-fill-idle); --cl-color-button-primary-fill-hover: var(--dark-theme-button-primary-fill-hover); --cl-color-button-primary-fill-pressed: var(--dark-theme-button-primary-fill-pressed); --cl-color-button-secondary-border: var(--dark-theme-button-secondary-border); --cl-color-button-secondary-fill-idle: var(--dark-theme-button-secondary-fill-idle); --cl-color-button-secondary-fill-hover: var(--dark-theme-button-secondary-fill-hover); --cl-color-button-secondary-fill-pressed: var(--dark-theme-button-secondary-fill-pressed); --cl-color-button-tertiary-fill-idle: var(--dark-theme-button-tertiary-fill-idle); --cl-color-button-tertiary-fill-hover: var(--dark-theme-button-tertiary-fill-hover); --cl-color-button-tertiary-fill-pressed: var(--dark-theme-button-tertiary-fill-pressed); --cl-color-checkmark-list-icon-brand-fill: var(--dark-theme-checkmark-list-icon-brand-fill); --cl-color-container-01: var(--dark-theme-container-01); --cl-color-container-02: var(--dark-theme-container-02); --cl-color-container-03: var(--dark-theme-container-03); --cl-color-container-inverse-01: var(--dark-theme-container-inverse-01); --cl-color-disabled-01: var(--dark-theme-disabled-01); --cl-color-disabled-02: var(--dark-theme-disabled-02); --cl-color-disabled-03: var(--dark-theme-disabled-03); --cl-color-divider-01: var(--dark-theme-divider-01); --cl-color-error-01: var(--dark-theme-error-01); --cl-color-error-background-01: var(--dark-theme-error-background-01); --cl-color-focus-01: var(--dark-theme-focus-01); --cl-color-free-01: var(--dark-theme-free-01); --cl-color-free-background-01: var(--dark-theme-free-background-01); --cl-color-hover-01: var(--dark-theme-hover-01); --cl-color-hover-02: var(--dark-theme-hover-02); --cl-color-hover-03: var(--dark-theme-hover-03); --cl-color-hover-brand-01: var(--dark-theme-hover-brand-01); --cl-color-hover-inverse-01: var(--dark-theme-hover-inverse-01); --cl-color-hover-link-01: var(--dark-theme-hover-link-01); --cl-color-hover-link-02: var(--dark-theme-hover-link-02); --cl-color-hubspot-brand-01: var(--dark-theme-hubspot-brand-01); --cl-color-icon-01: var(--dark-theme-icon-01); --cl-color-icon-02: var(--dark-theme-icon-02); --cl-color-icon-on-color-01: var(--dark-theme-icon-on-color-01); --cl-color-link-01: var(--dark-theme-link-01); --cl-color-link-02: var(--dark-theme-link-02); --cl-color-loading-primary-fill-active: var(--dark-theme-loading-primary-fill-active); --cl-color-loading-primary-fill-inactive: var(--dark-theme-loading-primary-fill-inactive); --cl-color-loading-secondary-fill-active: var(--dark-theme-loading-secondary-fill-active); --cl-color-loading-secondary-fill-inactive: var(--dark-theme-loading-secondary-fill-inactive); --cl-color-neutral-01: var(--dark-theme-neutral-01); --cl-color-neutral-background-01: var(--dark-theme-neutral-background-01); --cl-color-number-fill-active: var(--dark-theme-number-fill-active); --cl-color-number-fill-inactive: var(--dark-theme-number-fill-inactive); --cl-color-number-fill-statistic: var(--dark-theme-number-fill-statistic); --cl-color-overlay-01: var(--dark-theme-overlay-01); --cl-color-play-button-fill-idle: var(--dark-theme-play-button-fill-idle); --cl-color-play-button-fill-hover: var(--dark-theme-play-button-fill-hover); --cl-color-play-button-fill-pressed: var(--dark-theme-play-button-fill-pressed); --cl-color-pressed-01: var(--dark-theme-pressed-01); --cl-color-pressed-02: var(--dark-theme-pressed-02); --cl-color-pressed-03: var(--dark-theme-pressed-03); --cl-color-pressed-brand-01: var(--dark-theme-pressed-brand-01); --cl-color-pressed-inverse-01: var(--dark-theme-pressed-inverse-01); --cl-color-pressed-link-01: var(--dark-theme-pressed-link-01); --cl-color-pressed-link-02: var(--dark-theme-pressed-link-02); --cl-color-success-01: var(--dark-theme-success-01); --cl-color-success-background-01: var(--dark-theme-success-background-01); --cl-color-text-01: var(--dark-theme-text-01); --cl-color-text-02: var(--dark-theme-text-02); --cl-color-text-brand-01: var(--dark-theme-text-brand-01); --cl-color-text-link-underline-01: var(--dark-theme-text-link-underline-01); --cl-color-text-on-color-01: var(--dark-theme-text-on-color-01); --cl-color-text-placeholder-01: var(--dark-theme-text-placeholder-01); --cl-color-warning-01: var(--dark-theme-warning-01); --cl-color-warning-background-01: var(--dark-theme-warning-background-01)
        }

        :root, [data-cl-brand=hubspot-2025] {
          --cl-font-family: "HubSpot Sans", sans-serif; --cl-font-family-display: "HubSpot Serif", serif; --cl-font-family-heading: var(--cl-font-family-display); --cl-font-size-small: 0.875rem; --cl-font-size-medium: 1rem; --cl-font-size-large: 1.125rem; --cl-font-size-micro: 0.75rem; --cl-font-size-blockquote: 1.125rem; --cl-font-size-display-01: 3.5rem; --cl-font-size-display-01-small: 3.5rem; --cl-font-size-display-02: 3.5rem; --cl-font-size-display-02-small: 3.5rem; --cl-font-size-display-03: 1.5rem; --cl-font-size-display-03-small: 1.5rem; --cl-font-size-h1: 2.5rem; --cl-font-size-h1-small: 2.5rem; --cl-font-size-h2: 2rem; --cl-font-size-h2-small: 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: var(--cl-font-size-small); --cl-font-size-microcopy: var(--cl-font-size-micro); --cl-font-size-microheading: var(--cl-font-size-small); --cl-font-size-p-large: var(--cl-font-size-large); --cl-font-size-p-medium: var(--cl-font-size-medium); --cl-font-size-p-small: var(--cl-font-size-small); --cl-font-weight-light: 300; --cl-font-weight-book: 300; --cl-font-weight-medium: 500; --cl-font-weight-demi-bold: 500; --cl-font-weight-blockquote: var(--cl-font-weight-light); --cl-font-weight-display-01: var(--cl-font-weight-book); --cl-font-weight-display-01-small: var(--cl-font-weight-book); --cl-font-weight-display-02: var(--cl-font-weight-book); --cl-font-weight-display-02-small: var(--cl-font-weight-book); --cl-font-weight-display-03: var(--cl-font-weight-medium); --cl-font-weight-display-03-small: var(--cl-font-weight-medium); --cl-font-weight-h1: var(--cl-font-weight-demi-bold); --cl-font-weight-h1-small: var(--cl-font-weight-demi-bold); --cl-font-weight-h2: var(--cl-font-weight-demi-bold); --cl-font-weight-h2-small: var(--cl-font-weight-demi-bold); --cl-font-weight-h3: var(--cl-font-weight-medium); --cl-font-weight-h4: var(--cl-font-weight-medium); --cl-font-weight-h5: var(--cl-font-weight-medium); --cl-font-weight-h6: var(--cl-font-weight-medium); --cl-font-weight-input-label: var(--cl-font-weight-medium); --cl-font-weight-microcopy: var(--cl-font-weight-medium); --cl-font-weight-microheading: var(--cl-font-weight-medium); --cl-font-weight-p-large: var(--cl-font-weight-light); --cl-font-weight-p-medium: var(--cl-font-weight-light); --cl-font-weight-p-small: var(--cl-font-weight-light); --cl-font-weight-p-link: var(--cl-font-weight-medium); --cl-line-height-small: 1.57142857; --cl-line-height-medium: 1.75; --cl-line-height-large: 1.77777778; --cl-line-height-blockquote: 1.78; --cl-line-height-display-01: 1.14285714; --cl-line-height-display-01-small: 1.14285714; --cl-line-height-display-02: 1.14285714; --cl-line-height-display-02-small: 1.14285714; --cl-line-height-display-03: 1.41666667; --cl-line-height-display-03-small: 1.41666667; --cl-line-height-h1: 1.04545455; --cl-line-height-h1-small: 1.04545455; --cl-line-height-h2: 1.125; --cl-line-height-h2-small: 1.125; --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: var(--cl-line-height-small); --cl-line-height-microcopy: 1.66666667; --cl-line-height-microheading: 1.57142857; --cl-line-height-p-large: var(--cl-line-height-large); --cl-line-height-p-medium: var(--cl-line-height-medium); --cl-line-height-p-small: var(--cl-line-height-small); --cl-text-margin-large: 1.5rem; --cl-text-margin-medium: 1rem; --cl-text-margin-small: 0.5rem; --cl-letter-spacing-display-01: normal; --cl-letter-spacing-display-01-small: normal; --cl-letter-spacing-display-02: normal; --cl-letter-spacing-display-02-small: normal; --cl-border-width-medium: 1px; --cl-border-width-heavy: 2px; --cl-border-radius-small: 4px; --cl-border-radius-medium: 8px; --cl-border-radius-container: 16px; --cl-border-radius-container-small: 8px; --cl-border-radius-container-medium: 16px; --cl-border-radius-input: 4px; --cl-text-link-underline-thickness: 2px; --cl-text-link-underline-offset: 6px
        }

        @media(width >=900px) {
          :root, [data-cl-brand=hubspot-2025] {
            --cl-font-size-display-01: 7rem; --cl-font-size-display-02: 4.5rem; --cl-font-size-display-03: 1.5rem; --cl-font-size-h1: 3rem; --cl-font-size-h2: 2.5rem; --cl-font-weight-h1: var(--cl-font-weight-medium); --cl-line-height-display-01: 1.07142857; --cl-line-height-display-02: 1.22222222; --cl-line-height-display-03: 1.41666667; --cl-line-height-h1: 1.15384615; --cl-line-height-h2: 1.1; --cl-letter-spacing-display-01: -0.1875rem
          }
        }

        :root, .-light, .-white, .-dark {
          --cl-anchor-text-decoration: underline; --cl-anchor-color-dark: var(--dark-theme-link-01); --cl-anchor-hover-color-dark: var(--dark-theme-hover-link-01)
        }

        :root, [data-cl-brand], [data-cl-theme], [data-background=white], [data-background=off-white], [data-background=dark], .-white, .-dark, .-light {
          --cl-anchor-color: var(--cl-color-link-01); --cl-anchor-hover-color: var(--cl-color-hover-link-01); --cl-anchor-pressed-color: var(--cl-color-pressed-link-01); --cl-text-color: var(--cl-color-text-01)
        }

        :root, [data-cl-brand], [data-cl-theme] {
          color:var(--cl-text-color)
        }

        body, [data-cl-background] {
          background:var(--cl-background, var(--cl-color-background-01))
        }

        [data-cl-background=background-01] {
          --cl-background: var(--cl-color-background-01)
        }

        [data-cl-background=background-02] {
          --cl-background: var(--cl-color-background-02)
        }

        [data-cl-background=background-03] {
          --cl-background: var(--cl-color-background-03)
        }

        [data-cl-background=background-accent-01] {
          --cl-background: var(--cl-color-background-accent-01)
        }

        [data-cl-background=background-accent-02] {
          --cl-background: var(--cl-color-background-accent-02)
        }

        [data-cl-background=background-accent-03] {
          --cl-background: var(--cl-color-background-accent-03)
        }

        [data-cl-background=background-footer-01] {
          --cl-background: var(--cl-color-background-footer-01)
        }

        [data-cl-brand=hubspot-2022] [data-cl-brand-hide=hubspot-2022] {
          display:none !important
        }

        [data-cl-brand-show=hubspot-2022]:not([data-cl-brand=hubspot-2022] [data-cl-brand-show=hubspot-2022]) {
          display:none !important
        }

        [data-cl-brand=hubspot-2025] [data-cl-brand-hide=hubspot-2025] {
          display:none !important
        }

        [data-cl-brand-show=hubspot-2025]:not([data-cl-brand=hubspot-2025] [data-cl-brand-show=hubspot-2025]) {
          display:none !important
        }

        [data-cl-brand=hustle-2024] [data-cl-brand-hide=hustle-2024] {
          display:none !important
        }

        [data-cl-brand-show=hustle-2024]:not([data-cl-brand=hustle-2024] [data-cl-brand-show=hustle-2024]) {
          display:none !important
        }

        [data-cl-brand=grow-2025] [data-cl-brand-hide=grow-2025] {
          display:none !important
        }

        [data-cl-brand-show=grow-2025]:not([data-cl-brand=grow-2025] [data-cl-brand-show=grow-2025]) {
          display:none !important
        }

        [data-cl-brand=masters-in-marketing-2025] [data-cl-brand-hide=masters-in-marketing-2025] {
          display:none !important
        }

        [data-cl-brand-show=masters-in-marketing-2025]:not([data-cl-brand=masters-in-marketing-2025] [data-cl-brand-show=masters-in-marketing-2025]) {
          display:none !important
        }

        [data-cl-brand=next-waves-2025] [data-cl-brand-hide=next-waves-2025] {
          display:none !important
        }

        [data-cl-brand-show=next-waves-2025]:not([data-cl-brand=next-waves-2025] [data-cl-brand-show=next-waves-2025]) {
          display:none !important
        }

        [data-cl-brand=marketing-against-the-grain-2025] [data-cl-brand-hide=marketing-against-the-grain-2025] {
          display:none !important
        }

        [data-cl-brand-show=marketing-against-the-grain-2025]:not([data-cl-brand=marketing-against-the-grain-2025] [data-cl-brand-show=marketing-against-the-grain-2025]) {
          display:none !important
        }

        [data-cl-brand=my-first-million] [data-cl-brand-hide=my-first-million] {
          display:none !important
        }

        [data-cl-brand-show=my-first-million]:not([data-cl-brand=my-first-million] [data-cl-brand-show=my-first-million]) {
          display:none !important
        }

        [data-cl-brand=mindstream] [data-cl-brand-hide=mindstream] {
          display:none !important
        }

        [data-cl-brand-show=mindstream]:not([data-cl-brand=mindstream] [data-cl-brand-show=mindstream]) {
          display:none !important
        }

        [data-cl-brand=the-science-of-scaling] [data-cl-brand-hide=the-science-of-scaling] {
          display:none !important
        }

        [data-cl-brand-show=the-science-of-scaling]:not([data-cl-brand=the-science-of-scaling] [data-cl-brand-show=the-science-of-scaling]) {
          display:none !important
        }

        [data-cl-brand=academy-labs-2026] [data-cl-brand-hide=academy-labs-2026] {
          display:none !important
        }

        [data-cl-brand-show=academy-labs-2026]:not([data-cl-brand=academy-labs-2026] [data-cl-brand-show=academy-labs-2026]) {
          display:none !important
        }

        *, *::before, *::after {
          box-sizing:border-box
        }

        html {
          line-height:1.15; text-size-adjust:100%
        }

        body {
          margin:0
        }

        main {
          display:block
        }

        h1 {
          font-size:2em; margin:.67em 0
        }

        hr {
          box-sizing:content-box; height:0; overflow:visible
        }

        pre {
          font-family:monospace; font-size:1em
        }

        a {
          background-color:rgba(0, 0, 0, 0)
        }

        abbr[title] {
          border-bottom:none; text-decoration:underline; text-decoration:underline dotted
        }

        b, strong {
          font-weight:bolder
        }

        code, kbd, samp {
          font-family:monospace; font-size:1em
        }

        small {
          font-size:80%
        }

        sub, sup {
          font-size:75%; line-height:0; position:relative; vertical-align:baseline
        }

        sub {
          bottom:-0.25em
        }

        sup {
          top:-0.5em
        }

        object, img {
          max-width:100%; height:auto
        }

        button, input, optgroup, select, textarea {
          font-family:inherit; font-size:100%; line-height:1.15; margin:0
        }

        button, input {
          overflow:visible
        }

        button, select {
          text-transform:none
        }

        button, [type=button], [type=reset], [type=submit] {
          appearance:button
        }

        button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
          border-style:none; padding:0
        }

        button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
          outline:1px dotted ButtonText
        }

        fieldset {
          border:0; margin:0; padding:0
        }

        legend {
          box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal
        }

        progress {
          vertical-align:baseline
        }

        textarea {
          overflow:auto
        }

        [type=checkbox], [type=radio] {
          box-sizing:border-box; padding:0
        }

        [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
          height:auto
        }

        [type=search] {
          appearance:textfield; outline-offset:-2px
        }

        [type=search]::-webkit-search-decoration {
          appearance:none
        }

        ::-webkit-file-upload-button {
          appearance:button; font:inherit
        }

        details {
          display:block
        }

        summary {
          display:list-item
        }

        template {
          display:none
        }

        [hidden] {
          display:none
        }

        figure {
          margin:0
        }

        blockquote {
          margin:0
        }

        ul, ol {
          list-style:none; margin:0; padding:0
        }

        table {
          border-collapse:collapse; border-spacing:0; width:100%; max-width:100%
        }

        table tr, table th, table td {
          margin:0; padding:0; border:0
        }

        @media(prefers-reduced-motion: reduce) {
          *, ::before, ::after {
            animation-delay:-1ms !important; animation-duration:1ms !important; animation-iteration-count:1 !important; background-attachment:initial !important; scroll-behavior:auto !important; transition-duration:1ms !important; transition-delay:0ms !important
          }
        }

        .visually-hidden:not(:focus, :active) {
          border:0; clip:rect(0, 0, 0, 0); height:1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap; width:1px
        }

        :root {
          --cl-section-background: inherit; --cl-section-content-max-width: 1080px; --cl-section-gutter: 16px
        }

        .cl-section {
          position:relative; container-type:inline-size; container-name:cl-section; background:var(--cl-section-background); color:var(--cl-color-text-01)
        }

        .cl-section.-background-01 {
          --cl-section-background: var(--cl-color-background-01)
        }

        .cl-section.-background-02 {
          --cl-section-background: var(--cl-color-background-02)
        }

        .cl-section.-background-03 {
          --cl-section-background: var(--cl-color-background-03)
        }

        .cl-section.-padding-top-none {
          --cl-section-padding-top: 0; --cl-section-padding-top-desktop: 0
        }

        .cl-section.-padding-bottom-none {
          --cl-section-padding-bottom: 0; --cl-section-padding-bottom-desktop: 0
        }

        .cl-section.-padding-top-extra-small {
          --cl-section-padding-top: 16px; --cl-section-padding-top-desktop: 24px
        }

        .cl-section.-padding-bottom-extra-small {
          --cl-section-padding-bottom: 16px; --cl-section-padding-bottom-desktop: 24px
        }

        .cl-section.-padding-top-small {
          --cl-section-padding-top: 24px; --cl-section-padding-top-desktop: 40px
        }

        .cl-section.-padding-bottom-small {
          --cl-section-padding-bottom: 24px; --cl-section-padding-bottom-desktop: 40px
        }

        .cl-section.-padding-top-medium {
          --cl-section-padding-top: 40px; --cl-section-padding-top-desktop: 64px
        }

        .cl-section.-padding-bottom-medium {
          --cl-section-padding-bottom: 40px; --cl-section-padding-bottom-desktop: 64px
        }

        .cl-section.-padding-top-large {
          --cl-section-padding-top: 64px; --cl-section-padding-top-desktop: 96px
        }

        .cl-section.-padding-bottom-large {
          --cl-section-padding-bottom: 64px; --cl-section-padding-bottom-desktop: 96px
        }

        .cl-section-content {
          max-width:min(100% - var(--cl-section-gutter)*2, var(--cl-section-content-max-width)); margin-inline:auto; padding-block:var(--cl-section-padding-top, 0) var(--cl-section-padding-bottom, 0)
        }

        @container cl-section (width >=600px) {
          .cl-section-content {
            padding-block:var(--cl-section-padding-top-desktop, 0) var(--cl-section-padding-bottom-desktop, 0)
          }
        }

        .cl-section-content .cl-section-content {
          max-width:none; margin-inline:0
        }

        .cl-grid {
          --cl-grid-column-gap: 1rem; display:grid; column-gap:var(--cl-grid-column-gap); row-gap:var(--cl-grid-row-gap, initial); grid-template-columns:repeat(var(--cl-grid-column-count-phone, 4), minmax(0, 1fr)); grid-template-areas:var(--cl-grid-template-areas-phone, none)
        }

        @media(width >=600px) {
          .cl-grid {
            --cl-grid-column-gap: 1.5rem
          }
        }

        @container (width >=600px) {
          .cl-grid {
            grid-template-columns:repeat(var(--cl-grid-column-count-tablet, 8), minmax(0, 1fr)); grid-template-areas:var(--cl-grid-template-areas-tablet, none)
          }
        }

        @media(width >=1080px) {
          .cl-grid {
            --cl-grid-column-gap: 1.75rem
          }
        }

        @container (width >=1080px) {
          .cl-grid {
            grid-template-columns:repeat(var(--cl-grid-column-count-desktop, 12), minmax(0, 1fr)); grid-template-areas:var(--cl-grid-template-areas-desktop, none)
          }
        }

        .cl-grid>.cl-grid {
          grid-template-columns:subgrid
        }

        .cl-page-width {
          width:100%; max-width:1080px; margin:0 auto
        }

        .global-nav-back-btn:focus-visible, a:focus-visible {
          outline-offset:2px; outline:2px solid var(--cl-color-focus-01)
        }

        :root, [data-cl-brand] {
          --cl-anchor-font-weight: var(--cl-font-weight-p-link)
        }

        .-large.global-nav-back-btn, p.-large, .-large.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-large); --cl-text-font-weight: var(--cl-font-weight-p-large); --cl-text-line-height: var(--cl-line-height-p-large); --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.global-nav-back-btn, p.-medium, .-medium.cl-p, :root, [data-cl-brand] {
          --cl-text-font-size: var(--cl-font-size-p-medium); --cl-text-font-weight: var(--cl-font-weight-p-medium); --cl-text-line-height: var(--cl-line-height-p-medium); --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .global-nav-back-btn, .-small.global-nav-back-btn, p.-small, .-small.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-small); --cl-text-font-weight: var(--cl-font-weight-p-small); --cl-text-line-height: var(--cl-line-height-p-small); --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        body, [data-cl-brand], .global-nav-back-btn, p, .cl-p {
          font-size:var(--cl-text-font-size); font-weight:var(--cl-text-font-weight); line-height:var(--cl-text-line-height); letter-spacing:var(--cl-text-letter-spacing, normal)
        }

        body, [data-cl-brand] {
          color:var(--cl-text-color)
        }

        body, [data-cl-brand], body [lang], [data-cl-brand] [lang] {
          font-family:var(--cl-font-family, "HubSpot Sans", sans-serif); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale
        }

        html[lang=ja] body, html[lang=ja] [data-cl-brand], body [lang=ja], [data-cl-brand] [lang=ja] {
          --cl-font-family: "Zen Kaku Gothic New", sans-serif !important; --cl-font-family-display: "Zen Kaku Gothic New", sans-serif !important; --cl-font-family-heading: "Zen Kaku Gothic New", sans-serif !important; font-family:"Zen Kaku Gothic New", sans-serif !important; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto
        }

        h1.-secondary, h1.-display, .h1.-secondary, .h1.-display, .cl-h1.-secondary, .cl-h1.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-01); font-weight:var(--cl-font-weight-display-01); line-height:var(--cl-line-height-display-01); letter-spacing:var(--cl-letter-spacing-display-01, normal)
        }

        h2.-secondary, h2.-display, .h2.-secondary, .h2.-display, .cl-h2.-secondary, .cl-h2.-display, h1.-secondary-small, h1.-display-small, .h1.-secondary-small, .h1.-display-small, .cl-h1.-secondary-small, .cl-h1.-display-small {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-02); font-weight:var(--cl-font-weight-display-02); line-height:var(--cl-line-height-display-02); letter-spacing:var(--cl-letter-spacing-display-02, normal)
        }

        h3.-display, .h3.-display, .cl-h3.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-03); font-weight:var(--cl-font-weight-display-03); line-height:var(--cl-line-height-display-03); letter-spacing:var(--cl-letter-spacing-display-03, normal)
        }

        h1, .h1, .cl-h1 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h1); font-weight:var(--cl-font-weight-h1); line-height:var(--cl-line-height-h1); letter-spacing:var(--cl-letter-spacing-h1, normal)
        }

        h1.-small, .h1.-small, .cl-h1.-small {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h1-small); font-weight:var(--cl-font-weight-h1-small); line-height:var(--cl-line-height-h1-small); letter-spacing:var(--cl-letter-spacing-h1-small, normal)
        }

        h2, .h2, .cl-h2 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h2); font-weight:var(--cl-font-weight-h2); line-height:var(--cl-line-height-h2); letter-spacing:var(--cl-letter-spacing-h2, normal)
        }

        h3, .h3, .cl-h3 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h3); font-weight:var(--cl-font-weight-h3); line-height:var(--cl-line-height-h3); letter-spacing:var(--cl-letter-spacing-h3, normal)
        }

        h4, .h4, .cl-h4 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h4); font-weight:var(--cl-font-weight-h4); line-height:var(--cl-line-height-h4); letter-spacing:var(--cl-letter-spacing-h4, normal)
        }

        h5, .h5, .cl-h5 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h5); font-weight:var(--cl-font-weight-h5); line-height:var(--cl-line-height-h5); letter-spacing:var(--cl-letter-spacing-h5, normal)
        }

        h6, .h6, .cl-h6 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h6); font-weight:var(--cl-font-weight-h6); line-height:var(--cl-line-height-h6); letter-spacing:var(--cl-letter-spacing-h6, normal)
        }

        p.-microheading, .cl-p.-microheading {
          --cl-anchor-font-weight: inherit; font-size:var(--cl-font-size-microheading); font-weight:var(--cl-font-weight-microheading); line-height:var(--cl-line-height-microheading); letter-spacing:var(--cl-letter-spacing-microheading, normal)
        }

        p.-microcopy, .cl-p.-microcopy {
          --cl-anchor-font-weight: var(--cl-font-weight-demi-bold); font-size:var(--cl-font-size-microcopy); font-weight:var(--cl-font-weight-microcopy); line-height:var(--cl-line-height-microcopy); letter-spacing:var(--cl-letter-spacing-microcopy, normal)
        }

        strong {
          font-weight:var(--cl-font-weight-medium)
        }

        em {
          font-style:italic
        }

        .global-nav-back-btn, a, .global-nav-back-btn>a, p>a, .cl-p>a {
          color:var(--cl-anchor-color, var(--cl-color-link-01)); font-weight:var(--cl-anchor-font-weight, var(--cl-font-weight-medium)); text-decoration-line:var(--cl-anchor-text-decoration, underline)
        }

        .global-nav-back-btn:focus-visible, a:focus-visible, .global-nav-back-btn:hover, a:hover {
          color:var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .global-nav-back-btn:active, a:active {
          color:var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        blockquote {
          font-size:var(--cl-font-size-blockquote); font-weight:var(--cl-font-weight-blockquote); line-height:var(--cl-line-height-blockquote)
        }

        input, select, textarea, button {
          font-family:inherit
        }

        h1, .h1, .cl-h1 {
          margin-block:var(--cl-text-margin-medium)
        }

        @media(width >=900px) {
          h1.-secondary, h1.-display, .h1.-secondary, .h1.-display, .cl-h1.-secondary, .cl-h1.-display {
            margin-block:var(--cl-text-margin-large)
          }
        }

        [data-cl-brand=hubspot-2025] h1.-brand::after, [data-cl-brand=hubspot-2025] .h1.-brand::after, [data-cl-brand=hubspot-2025] .cl-h1.-brand::after {
          content:"." /""; color:var(--cl-color-hubspot-brand-01)
        }

        h2, .h2, .cl-h2 {
          margin-block:var(--cl-text-margin-small)
        }

        h2.-secondary, h2.-display, .h2.-secondary, .h2.-display, .cl-h2.-secondary, .cl-h2.-display {
          margin-block:var(--cl-text-margin-medium)
        }

        h3, .h3, .cl-h3 {
          margin-block:var(--cl-text-margin-small)
        }

        h3.-display, .h3.-display, .cl-h3.-display {
          margin-block:var(--cl-text-margin-medium)
        }

        h4, .h4, .cl-h4 {
          margin-block:var(--cl-text-margin-small)
        }

        h5, .h5, .cl-h5 {
          margin-block:var(--cl-text-margin-small)
        }

        h6, .h6, .cl-h6 {
          margin-block:var(--cl-text-margin-small)
        }

        p, .cl-p {
          margin-block:var(--cl-text-margin-medium)
        }

        p.-microheading, .cl-p.-microheading {
          margin-block:var(--cl-text-margin-small)
        }

        blockquote {
          margin-block:var(--cl-text-margin-medium)
        }

        .global-nav-back-btn:focus-visible, a:focus-visible {
          outline-offset:2px; outline:2px solid var(--cl-color-focus-01)
        }

        :root, [data-cl-brand] {
          --cl-anchor-font-weight: var(--cl-font-weight-p-link)
        }

        .-large.global-nav-back-btn, p.-large, .-large.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-large); --cl-text-font-weight: var(--cl-font-weight-p-large); --cl-text-line-height: var(--cl-line-height-p-large); --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.global-nav-back-btn, :root, [data-cl-brand], p.-medium, .-medium.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-medium); --cl-text-font-weight: var(--cl-font-weight-p-medium); --cl-text-line-height: var(--cl-line-height-p-medium); --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .global-nav-back-btn, .-small.global-nav-back-btn, p.-small, .-small.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-small); --cl-text-font-weight: var(--cl-font-weight-p-small); --cl-text-line-height: var(--cl-line-height-p-small); --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        .global-nav-back-btn, body, [data-cl-brand], p, .cl-p {
          font-size:var(--cl-text-font-size); font-weight:var(--cl-text-font-weight); line-height:var(--cl-text-line-height); letter-spacing:var(--cl-text-letter-spacing, normal)
        }

        body, [data-cl-brand] {
          color:var(--cl-text-color)
        }

        body, [data-cl-brand], body [lang], [data-cl-brand] [lang] {
          font-family:var(--cl-font-family, "HubSpot Sans", sans-serif); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale
        }

        html[lang=ja] body, html[lang=ja] [data-cl-brand], body [lang=ja], [data-cl-brand] [lang=ja] {
          --cl-font-family: "Zen Kaku Gothic New", sans-serif !important; --cl-font-family-display: "Zen Kaku Gothic New", sans-serif !important; --cl-font-family-heading: "Zen Kaku Gothic New", sans-serif !important; font-family:"Zen Kaku Gothic New", sans-serif !important; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto
        }

        h1.-secondary, h1.-display, .h1.-secondary, .h1.-display, .cl-h1.-secondary, .cl-h1.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-01); font-weight:var(--cl-font-weight-display-01); line-height:var(--cl-line-height-display-01); letter-spacing:var(--cl-letter-spacing-display-01, normal)
        }

        h1.-secondary-small, h1.-display-small, .h1.-secondary-small, .h1.-display-small, .cl-h1.-secondary-small, .cl-h1.-display-small, h2.-secondary, h2.-display, .h2.-secondary, .h2.-display, .cl-h2.-secondary, .cl-h2.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-02); font-weight:var(--cl-font-weight-display-02); line-height:var(--cl-line-height-display-02); letter-spacing:var(--cl-letter-spacing-display-02, normal)
        }

        h3.-display, .h3.-display, .cl-h3.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-03); font-weight:var(--cl-font-weight-display-03); line-height:var(--cl-line-height-display-03); letter-spacing:var(--cl-letter-spacing-display-03, normal)
        }

        h1, .h1, .cl-h1 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h1); font-weight:var(--cl-font-weight-h1); line-height:var(--cl-line-height-h1); letter-spacing:var(--cl-letter-spacing-h1, normal)
        }

        h1.-small, .h1.-small, .cl-h1.-small {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h1-small); font-weight:var(--cl-font-weight-h1-small); line-height:var(--cl-line-height-h1-small); letter-spacing:var(--cl-letter-spacing-h1-small, normal)
        }

        h2, .h2, .cl-h2 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h2); font-weight:var(--cl-font-weight-h2); line-height:var(--cl-line-height-h2); letter-spacing:var(--cl-letter-spacing-h2, normal)
        }

        h3, .h3, .cl-h3 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h3); font-weight:var(--cl-font-weight-h3); line-height:var(--cl-line-height-h3); letter-spacing:var(--cl-letter-spacing-h3, normal)
        }

        h4, .h4, .cl-h4 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h4); font-weight:var(--cl-font-weight-h4); line-height:var(--cl-line-height-h4); letter-spacing:var(--cl-letter-spacing-h4, normal)
        }

        h5, .h5, .cl-h5 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h5); font-weight:var(--cl-font-weight-h5); line-height:var(--cl-line-height-h5); letter-spacing:var(--cl-letter-spacing-h5, normal)
        }

        h6, .h6, .cl-h6 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h6); font-weight:var(--cl-font-weight-h6); line-height:var(--cl-line-height-h6); letter-spacing:var(--cl-letter-spacing-h6, normal)
        }

        p.-microheading, .cl-p.-microheading {
          --cl-anchor-font-weight: inherit; font-size:var(--cl-font-size-microheading); font-weight:var(--cl-font-weight-microheading); line-height:var(--cl-line-height-microheading); letter-spacing:var(--cl-letter-spacing-microheading, normal)
        }

        p.-microcopy, .cl-p.-microcopy {
          --cl-anchor-font-weight: var(--cl-font-weight-demi-bold); font-size:var(--cl-font-size-microcopy); font-weight:var(--cl-font-weight-microcopy); line-height:var(--cl-line-height-microcopy); letter-spacing:var(--cl-letter-spacing-microcopy, normal)
        }

        strong {
          font-weight:var(--cl-font-weight-medium)
        }

        em {
          font-style:italic
        }

        .global-nav-back-btn, .global-nav-back-btn>a, p>a, .cl-p>a, a {
          color:var(--cl-anchor-color, var(--cl-color-link-01)); font-weight:var(--cl-anchor-font-weight, var(--cl-font-weight-medium)); text-decoration-line:var(--cl-anchor-text-decoration, underline)
        }

        .global-nav-back-btn:focus-visible, a:focus-visible, .global-nav-back-btn:hover, a:hover {
          color:var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .global-nav-back-btn:active, a:active {
          color:var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        blockquote {
          font-size:var(--cl-font-size-blockquote); font-weight:var(--cl-font-weight-blockquote); line-height:var(--cl-line-height-blockquote)
        }

        .global-nav-back-btn:focus-visible, a:focus-visible {
          outline-offset:2px; outline:2px solid var(--cl-color-focus-01)
        }

        :root, [data-cl-brand] {
          --cl-anchor-font-weight: var(--cl-font-weight-p-link)
        }

        .-large.global-nav-back-btn, p.-large, .-large.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-large); --cl-text-font-weight: var(--cl-font-weight-p-large); --cl-text-line-height: var(--cl-line-height-p-large); --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.global-nav-back-btn, :root, [data-cl-brand], p.-medium, .-medium.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-medium); --cl-text-font-weight: var(--cl-font-weight-p-medium); --cl-text-line-height: var(--cl-line-height-p-medium); --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .global-nav-back-btn, .-small.global-nav-back-btn, p.-small, .-small.cl-p {
          --cl-text-font-size: var(--cl-font-size-p-small); --cl-text-font-weight: var(--cl-font-weight-p-small); --cl-text-line-height: var(--cl-line-height-p-small); --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        .global-nav-back-btn, body, [data-cl-brand], p, .cl-p {
          font-size:var(--cl-text-font-size); font-weight:var(--cl-text-font-weight); line-height:var(--cl-text-line-height); letter-spacing:var(--cl-text-letter-spacing, normal)
        }

        body, [data-cl-brand] {
          color:var(--cl-text-color)
        }

        body, [data-cl-brand], body [lang], [data-cl-brand] [lang] {
          font-family:var(--cl-font-family, "HubSpot Sans", sans-serif); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale
        }

        html[lang=ja] body, html[lang=ja] [data-cl-brand], body [lang=ja], [data-cl-brand] [lang=ja] {
          --cl-font-family: "Zen Kaku Gothic New", sans-serif !important; --cl-font-family-display: "Zen Kaku Gothic New", sans-serif !important; --cl-font-family-heading: "Zen Kaku Gothic New", sans-serif !important; font-family:"Zen Kaku Gothic New", sans-serif !important; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto
        }

        h1.-secondary, h1.-display, .h1.-secondary, .h1.-display, .cl-h1.-secondary, .cl-h1.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-01); font-weight:var(--cl-font-weight-display-01); line-height:var(--cl-line-height-display-01); letter-spacing:var(--cl-letter-spacing-display-01, normal)
        }

        h1.-secondary-small, h1.-display-small, .h1.-secondary-small, .h1.-display-small, .cl-h1.-secondary-small, .cl-h1.-display-small, h2.-secondary, h2.-display, .h2.-secondary, .h2.-display, .cl-h2.-secondary, .cl-h2.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-02); font-weight:var(--cl-font-weight-display-02); line-height:var(--cl-line-height-display-02); letter-spacing:var(--cl-letter-spacing-display-02, normal)
        }

        h3.-display, .h3.-display, .cl-h3.-display {
          font-family:var(--cl-font-family-display, "HubSpot Serif", serif); font-size:var(--cl-font-size-display-03); font-weight:var(--cl-font-weight-display-03); line-height:var(--cl-line-height-display-03); letter-spacing:var(--cl-letter-spacing-display-03, normal)
        }

        h1, .h1, .cl-h1 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h1); font-weight:var(--cl-font-weight-h1); line-height:var(--cl-line-height-h1); letter-spacing:var(--cl-letter-spacing-h1, normal)
        }

        h1.-small, .h1.-small, .cl-h1.-small {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h1-small); font-weight:var(--cl-font-weight-h1-small); line-height:var(--cl-line-height-h1-small); letter-spacing:var(--cl-letter-spacing-h1-small, normal)
        }

        h2, .h2, .cl-h2 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family-heading, inherit); font-size:var(--cl-font-size-h2); font-weight:var(--cl-font-weight-h2); line-height:var(--cl-line-height-h2); letter-spacing:var(--cl-letter-spacing-h2, normal)
        }

        h3, .h3, .cl-h3 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h3); font-weight:var(--cl-font-weight-h3); line-height:var(--cl-line-height-h3); letter-spacing:var(--cl-letter-spacing-h3, normal)
        }

        h4, .h4, .cl-h4 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h4); font-weight:var(--cl-font-weight-h4); line-height:var(--cl-line-height-h4); letter-spacing:var(--cl-letter-spacing-h4, normal)
        }

        h5, .h5, .cl-h5 {
          --cl-anchor-font-weight: inherit; font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h5); font-weight:var(--cl-font-weight-h5); line-height:var(--cl-line-height-h5); letter-spacing:var(--cl-letter-spacing-h5, normal)
        }

        h6, .h6, .cl-h6 {
          font-family:var(--cl-font-family, inherit); font-size:var(--cl-font-size-h6); font-weight:var(--cl-font-weight-h6); line-height:var(--cl-line-height-h6); letter-spacing:var(--cl-letter-spacing-h6, normal)
        }

        p.-microheading, .cl-p.-microheading {
          --cl-anchor-font-weight: inherit; font-size:var(--cl-font-size-microheading); font-weight:var(--cl-font-weight-microheading); line-height:var(--cl-line-height-microheading); letter-spacing:var(--cl-letter-spacing-microheading, normal)
        }

        p.-microcopy, .cl-p.-microcopy {
          --cl-anchor-font-weight: var(--cl-font-weight-demi-bold); font-size:var(--cl-font-size-microcopy); font-weight:var(--cl-font-weight-microcopy); line-height:var(--cl-line-height-microcopy); letter-spacing:var(--cl-letter-spacing-microcopy, normal)
        }

        strong {
          font-weight:var(--cl-font-weight-medium)
        }

        em {
          font-style:italic
        }

        .global-nav-back-btn, .cl-p>a, a {
          color:var(--cl-anchor-color, var(--cl-color-link-01)); font-weight:var(--cl-anchor-font-weight, var(--cl-font-weight-medium)); text-decoration-line:var(--cl-anchor-text-decoration, underline)
        }

        .global-nav-back-btn:focus-visible, a:focus-visible, .global-nav-back-btn:hover, a:hover {
          color:var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .global-nav-back-btn:active, a:active {
          color:var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        blockquote {
          font-size:var(--cl-font-size-blockquote); font-weight:var(--cl-font-weight-blockquote); line-height:var(--cl-line-height-blockquote)
        }

        .global-nav-back-btn {
          --cl-text-link-icon-size: 1em; background:none; border:none; border-radius:var(--cl-border-radius-medium); padding:0; display:inline-flex; align-items:center; gap:.5rem; text-decoration-color:var(--cl-color-text-link-underline-01, auto); text-decoration-thickness:var(--cl-text-link-underline-thickness, auto); text-underline-offset:var(--cl-text-link-underline-offset, auto)
        }

        .global-nav-back-btn:where(a[href], button) {
          cursor:pointer
        }

        [disabled].global-nav-back-btn, [aria-disabled=true].global-nav-back-btn, .global-nav-back-btn:is(a:not([href])) {
          cursor:not-allowed; color:var(--cl-color-disabled-01); text-decoration-color:var(--cl-color-disabled-01); pointer-events:none
        }

        [disabled].global-nav-back-btn:active, [aria-disabled=true].global-nav-back-btn:active, .global-nav-back-btn:is(a:not([href])):active {
          color:var(--cl-color-disabled-01)
        }

        @media(prefers-reduced-motion: no-preference) {
          [data-cl-brand=hubspot-2025] .global-nav-back-btn {
            transition:text-underline-offset .3s ease-in-out
          }

          [data-cl-brand=hubspot-2025] .global-nav-back-btn:hover, [data-cl-brand=hubspot-2025] .global-nav-back-btn:focus-visible {
            text-underline-offset:var(--cl-text-link-underline-thickness)
          }
        }

        .global-nav-back-btn .cl-icon {
          width:var(--cl-text-link-icon-size); height:var(--cl-text-link-icon-size)
        }

        .-large.global-nav-back-btn {
          --cl-text-link-icon-size: var(--cl-font-size-medium)
        }

        .global-nav-back-btn {
          --cl-text-link-hover-transform: translateX(calc((100% + 1px) * -1))
        }

        .global-nav-back-btn .global-nav-back-btn-icon {
          width:.875rem; height:.875rem; fill:currentColor
        }

        .global-nav-main-inner:not(.-secondary-burger-menu-open) .global-nav-back-btn {
          display:none
        }

        .global-nav-divider {
          border-bottom:1px solid var(--cl-color-divider-01)
        }

        .global-nav-divider.-medium-margin-block {
          margin-block:.5rem
        }

        .global-nav-divider.-large-margin-block {
          margin-block:1.5rem
        }

        .global-nav-header .-is-hidden {
          display:none
        }

        @media(max-width: 1080px) {
          .global-nav-main-inner.-secondary-burger-menu-open .global-nav-logo {
            animation:global-nav-slide-right 1s
          }

          .global-nav-main-inner.-burger-logo-slide-left .global-nav-logo {
            animation:global-nav-slide-left 1s
          }
        }

        @keyframes global-nav-slide-right {
          0% {
            transform:translateX(-100%)
          }

          100% {
            transform:translateX(0%)
          }
        }

        @keyframes global-nav-slide-left {
          0% {
            transform:translateX(100%)
          }

          100% {
            transform:translateX(0%)
          }
        }

        .global-nav-logo-wrapper {
          align-items:center; display:flex; height:30px; width:100px
        }

        .global-nav-logo-wrapper .-fixed {
          display:none
        }

        [data-cl-fixed-element-is-fixed] .global-nav-logo-wrapper {
          width:fit-content
        }

        @media(width >=1080px) {
          .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-static {
            display:none
          }

          .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-fixed {
            display:block; height:30px; width:30px
          }
        }

        :root {
          --global-nav-content-max-width: 1080px; --global-nav-header-height: 56px; --global-nav-header-height-dynamic: 56px; --global-nav-header-lp-height: 54px
        }

        @media(width >=1080px) {
          :root {
            --global-nav-header-height: 128px; --global-nav-header-height-dynamic: 128px
          }

          :root:has(.global-nav-main[data-cl-fixed-element-is-fixed]) {
            --global-nav-header-height-dynamic: 76px
          }
        }

        .global-nav-content-section {
          width:100%; max-width:var(--global-nav-content-max-width, 1080px); margin-inline:auto
        }

        .cl-button:focus-visible {
          outline-offset:2px; outline:2px solid var(--cl-color-focus-01)
        }

        .cl-button {
          --cl-button-background: var(--cl-color-button-primary-fill-idle); --cl-button-hover-background: var(--cl-color-button-primary-fill-hover); --cl-button-pressed-background: var(--cl-color-button-primary-fill-pressed); --cl-button-disabled-background: var(--cl-color-disabled-02); --cl-button-border-color: transparent; --cl-button-border-width: var(--cl-border-width-heavy); --cl-button-border: var(--cl-button-border-width) solid var(--cl-button-border-color); --cl-button-color: var(--cl-color-text-on-color-01); --cl-button-hover-color: var(--cl-button-color); --cl-button-pressed-color: var(--cl-button-hover-color); --cl-button-disabled-color: var(--cl-color-disabled-01); --cl-button-font-size: var(--cl-font-size-medium); --cl-button-line-height: var(--cl-line-height-medium); --cl-button-padding-small: 0.5rem 1rem; --cl-button-padding-medium: 0.75rem 1.5rem; --cl-button-padding-large: 1rem 2.5rem; --cl-button-padding: var(--cl-button-padding-medium); background:var(--cl-button-background); border:var(--cl-button-border); border-radius:var(--cl-border-radius-medium); color:var(--cl-button-color); cursor:pointer; display:inline-block; font-size:var(--cl-button-font-size); font-weight:var(--cl-font-weight-medium); line-height:var(--cl-button-line-height); padding:var(--cl-button-padding); text-align:center; text-decoration:none; transition:.15s background-color linear, .15s color linear
        }

        [data-cl-theme].cl-button {
          color:var(--cl-button-color)
        }

        .cl-button:hover, .cl-button:focus-visible {
          background:var(--cl-button-hover-background); border:var(--cl-button-border); color:var(--cl-button-hover-color); text-decoration:none
        }

        .cl-button:active {
          background:var(--cl-button-pressed-background); border:var(--cl-button-border); color:var(--cl-button-pressed-color)
        }

        [aria-disabled=true].cl-button, .cl-button:disabled, .-disabled.cl-button {
          background:var(--cl-button-disabled-background); color:var(--cl-button-disabled-color); border-color:rgba(0, 0, 0, 0); cursor:not-allowed
        }

        .high-contrast .cl-button {
          color:var(--cl-button-color)
        }

        .high-contrast .cl-button:hover, .high-contrast .cl-button:focus-visible {
          color:var(--cl-button-hover-color)
        }

        .high-contrast .cl-button:active {
          color:var(--cl-button-pressed-color)
        }

        .cl-button.-primary {
          --cl-button-background: var(--cl-color-button-primary-fill-idle); --cl-button-hover-background: var(--cl-color-button-primary-fill-hover); --cl-button-pressed-background: var(--cl-color-button-primary-fill-pressed); --cl-button-color: var(--cl-color-button-primary-text-color, var(--cl-color-text-on-color-01))
        }

        .high-contrast .cl-button.-primary {
          --cl-button-background: #180bb1; --cl-button-hover-background: #caebff; --cl-button-pressed-background: var(--cl-button-hover-background); --cl-button-hover-color: #180bb1
        }

        .cl-button.-primaryDark, .cl-button.-dark.-primary {
          --cl-button-background: var(--dark-theme-button-primary-fill-idle); --cl-button-hover-background: var(--dark-theme-button-primary-fill-hover); --cl-button-pressed-background: var(--dark-theme-button-primary-fill-pressed); --cl-button-color: var(--dark-theme-button-primary-text-color)
        }

        .high-contrast .cl-button.-primaryDark, .high-contrast .cl-button.-dark.-primary {
          --cl-button-background: #180bb1; --cl-button-hover-background: #caebff; --cl-button-pressed-background: var(--cl-button-hover-background); --cl-button-hover-color: #180bb1
        }

        .cl-button.-secondary {
          --cl-button-background: var(--cl-color-button-secondary-fill-idle); --cl-button-hover-background: var(--cl-color-button-secondary-fill-hover); --cl-button-pressed-background: var(--cl-color-button-secondary-fill-pressed); --cl-button-border-color: currentColor; --cl-button-color: var(--cl-color-text-brand-01); --cl-button-hover-color: var(--cl-color-button-secondary-text-color-hover); --cl-button-pressed-color: var(--cl-color-button-secondary-text-color-pressed)
        }

        .high-contrast .cl-button.-secondary {
          --cl-button-background: #edf8ff; --cl-button-hover-background: #caebff; --cl-button-pressed-background: var(--cl-button-hover-background); --cl-button-color: #180bb1; --cl-button-hover-color: var(--cl-button-color); --cl-button-pressed-color: var(--cl-button-hover-color)
        }

        .cl-button.-secondaryDark, .cl-button.-dark.-secondary {
          --cl-button-background: var(--dark-theme-button-secondary-fill-idle); --cl-button-hover-background: var(--dark-theme-button-secondary-fill-hover); --cl-button-pressed-background: var(--dark-theme-button-secondary-fill-pressed); --cl-button-border-color: var(--dark-theme-button-secondary-border); --cl-button-color: var(--dark-theme-text-01); --cl-button-hover-color: var(--dark-theme-button-secondary-text-color-hover); --cl-button-pressed-color: var(--dark-theme-button-secondary-text-color-pressed)
        }

        .cl-button.-tertiary {
          --cl-button-background: var(--cl-color-button-tertiary-fill-idle); --cl-button-hover-background: var(--cl-color-button-tertiary-fill-hover); --cl-button-pressed-background: var(--cl-color-button-tertiary-fill-pressed); --cl-button-color: var(--cl-color-text-on-color-01)
        }

        .cl-button.-small {
          --cl-button-padding-small: 0.5rem 1rem; --cl-button-font-size: var(--cl-font-size-small); --cl-button-line-height: var(--cl-line-height-small); --cl-button-padding: var(--cl-button-padding-small)
        }

        .cl-button.-medium {
          --cl-button-padding-medium: 0.75rem 1.5rem; --cl-button-font-size: var(--cl-font-size-medium); --cl-button-line-height: var(--cl-line-height-medium); --cl-button-padding: var(--cl-button-padding-medium)
        }

        .cl-button.-large {
          --cl-button-padding-large: 1rem 2.5rem; --cl-button-font-size: var(--cl-font-size-large); --cl-button-line-height: var(--cl-line-height-large); --cl-button-padding: var(--cl-button-padding-large)
        }

        /*# sourceURL=inline:primary-site-international-header.css */

/* --- block 5 --- */
.wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) {
      display: flex;
      flex-direction: column;
      height: auto;
      min-height: calc(100dvh - var(--global-nav-header-height))
    }

    .wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) .wf-above-the-fold-grow {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-height: 0
    }

    .wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) .wf-above-the-fold-grow>section,
    .wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) .wf-above-the-fold-grow>div {
      flex: 1;
      width: 100%
    }

/* --- block 6 --- */
@font-face {
      font-family: "HubSpot Serif Page Header Human";
      src: url("../fonts/HubSpotSerif-Book.woff2") format("woff2");
      font-display: swap;
      font-style: normal
    }

    .wf-page-header {
      --wf-page-header-height: calc(100dvh - var(--global-nav-header-height));
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 100%;
      position: relative
    }

    .wf-page-header:not(.wf-above-the-fold *) {
      height: var(--wf-page-header-height);
      transition: height 300ms ease-out
    }

    .wf-page-header .csol-section-wrapper {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      height: 100%
    }

    .wf-page-header_content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-grow: 1;
      padding: 2rem;
      text-align: center;
      height: 100%;
      position: relative;
      z-index: 3
    }

    .wf-page-header_content-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-grow: 1;
      height: 100%;
      color: var(--cl-color-text-01)
    }

    @media(width >=600px) {
      .wf-page-header_content-text {
        height: auto;
        flex-grow: unset
      }
    }

    .wf-page-header_content-text .-break {
      display: inline
    }

    @media(width >=900px) {
      .wf-page-header_content-text .-break {
        display: block
      }
    }

    .wf-page-header_tagline.cl-p.-microheading {
      text-transform: uppercase;
      margin-block-start: 0;
      margin-block-end: .5rem
    }

    .wf-page-header_heading:is(h1, .cl-h1),
    .wf-page-header_heading :is(h1, .cl-h1) {
      font-family: "HubSpot Serif Page Header Human", "HubSpot Serif", serif
    }

    .wf-page-header_description {
      margin-block: 0
    }

    .wf-page-header_content-ctas {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-block-start: 2.5rem;
      width: 100%
    }

    .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button {
      width: 100%
    }

    @media(width >=600px) {
      .wf-page-header_content-ctas {
        justify-content: center;
        flex-direction: row
      }

      .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button {
        width: auto
      }
    }

    @media(width >=1080px) {
      .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.-default-size.cl-button {
        --cl-button-font-size: var(--cl-font-size-small);
        --cl-button-line-height: var(--cl-line-height-small);
        --cl-button-padding: 0.5rem 1rem
      }
    }

    .wf-page-header-human.wf-page-header {
      --wf-page-header-image-loaded-speed: 400ms;
      --wf-page-header-image-loaded-easing-function: ease-out
    }

    .wf-page-header-human.wf-page-header .csol-section-wrapper {
      padding: 0
    }

    .wf-page-header-human.wf-page-header .wf-page-header_background-image::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
      z-index: 2;
      pointer-events: none
    }

    .wf-page-header-human.wf-page-header .wf-page-header_background-image img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity var(--wf-page-header-image-loaded-speed) var(--wf-page-header-image-loaded-easing-function);
      z-index: 1
    }

    .wf-page-header-human.wf-page-header.-image-loaded .wf-page-header_background-image img {
      opacity: 1
    }

    @media(width < 600px) {
      .wf-page-header-human.wf-page-header.-has-desktop-images:not(.-has-mobile-images) .wf-page-header_background-image {
        display: none
      }
    }

    @media(width >=600px) {
      .wf-page-header-human.wf-page-header.-has-mobile-images:not(.-has-desktop-images) .wf-page-header_background-image {
        display: none
      }
    }

    @media(width < 600px) {
      .wf-page-header-human.wf-page-header.-has-mobile-images .wf-page-header_content-text {
        color: var(--dark-theme-text-01)
      }
    }

    @media(width >=600px) {
      .wf-page-header-human.wf-page-header.-has-desktop-images .wf-page-header_content-text {
        color: var(--dark-theme-text-01)
      }
    }

    .wf-page-header-human .wf-page-header_heading {
      --wf-page-header-heading-custom-font-size: 48px;
      --wf-page-header-heading-custom-line-height: 55px;
      font-size: var(--wf-page-header-heading-custom-font-size);
      line-height: var(--wf-page-header-heading-custom-line-height);
      margin-block-start: 0;
      margin-block-end: 1.5rem
    }

    @media(width >=600px) {
      .wf-page-header-human .wf-page-header_heading {
        --wf-page-header-heading-custom-font-size: 80px;
        --wf-page-header-heading-custom-line-height: 95px
      }
    }

    .wf-page-header-human .wf-page-header_heading-animated-wrapper {
      display: inline-block;
      height: var(--wf-page-header-heading-custom-line-height);
      margin: auto;
      overflow: hidden;
      vertical-align: bottom
    }

    .wf-page-header-human .wf-page-header_heading-animated-list-item {
      align-items: flex-start;
      text-align: left;
      font-size: var(--wf-page-header-heading-custom-font-size);
      line-height: var(--wf-page-header-heading-custom-line-height);
      height: var(--wf-page-header-heading-scroll-height);
      margin-block: 0
    }

    @media(prefers-reduced-motion: reduce) {

      .wf-page-header-human .wf-page-header,
      .wf-page-header-human .wf-page-header_background-image img,
      .wf-page-header-human .wf-page-header_tagline,
      .wf-page-header-human .wf-page-header_heading,
      .wf-page-header-human .wf-page-header_description {
        transition: none
      }
    }

/* --- block 7 --- */
.cls-1 {
              fill: none
            }

            .cls-2 {
              fill: #2e475d;
              clip-path: url(index_1.html#clip-path)
            }

            .cls-3 {
              fill: #ff7a59;
              clip-path: url(index_1.html#clip-path-2)
            }