*,
        *::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 !important
        }

        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("/cached/www.hubspot.com/hubfs/assets/hs-components/v4/fonts/hubspot-2025/HubSpotSans-Book.woff2") format("woff2")
        }

        @font-face {
            font-display: swap;
            font-family: "HubSpot Sans";
            font-weight: 500 600;
            src: url("/cached/www.hubspot.com/hubfs/assets/hs-components/v4/fonts/hubspot-2025/HubSpotSans-Medium.woff2") format("woff2")
        }

        @font-face {
            font-display: swap;
            font-family: "HubSpot Serif";
            font-weight: 400 600;
            src: url("/cached/www.hubspot.com/hubfs/assets/hs-components/v4/fonts/hubspot-2025/HubSpotSerif-Medium.woff2") format("woff2")
        }

        @font-face {
            font-display: swap;
            font-family: "HubSpot Serif";
            font-weight: 300;
            src: url("/cached/www.hubspot.com/hubfs/assets/hs-components/v4/fonts/hubspot-2025/HubSpotSerif-Book.woff2") format("woff2")
        }

        @font-face {
            font-display: swap;
            font-family: "Zen Kaku Gothic New";
            font-weight: 300 400;
            src: local("Zen Kaku Gothic New Regular")
        }

        @font-face {
            font-display: swap;
            font-family: "Zen Kaku Gothic New";
            font-weight: 500;
            src: url("/cached/www.hubspot.com/hubfs/assets/hs-components/v4/fonts/ja/ZenKakuGothicNew-Medium.woff2") format("woff2")
        }

        @font-face {
            font-display: swap;
            font-family: "Zen Kaku Gothic New";
            font-weight: 700;
            src: local("Zen Kaku Gothic New Bold")
        }

        :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=futurepedia-2026] [data-cl-brand-hide=futurepedia-2026] {
            display: none !important
        }

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

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

        [data-cl-brand-show=starter-story-2026]:not([data-cl-brand=starter-story-2026] [data-cl-brand-show=starter-story-2026]) {
            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-padding-none: 0;
            --cl-section-padding-extra-small: 16px;
            --cl-section-padding-small: 24px;
            --cl-section-padding-medium: 40px;
            --cl-section-padding-large: 64px
        }

        @media(width>=600px) {
            :root {
                --cl-section-padding-extra-small: 24px;
                --cl-section-padding-small: 40px;
                --cl-section-padding-medium: 64px;
                --cl-section-padding-large: 96px
            }
        }

        .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: var(--cl-section-padding-none)
        }

        .cl-section.-padding-bottom-none {
            --cl-section-padding-bottom: var(--cl-section-padding-none)
        }

        .cl-section.-padding-top-extra-small {
            --cl-section-padding-top: var(--cl-section-padding-extra-small)
        }

        .cl-section.-padding-bottom-extra-small {
            --cl-section-padding-bottom: var(--cl-section-padding-extra-small)
        }

        .cl-section.-padding-top-small {
            --cl-section-padding-top: var(--cl-section-padding-small)
        }

        .cl-section.-padding-bottom-small {
            --cl-section-padding-bottom: var(--cl-section-padding-small)
        }

        .cl-section.-padding-top-medium {
            --cl-section-padding-top: var(--cl-section-padding-medium)
        }

        .cl-section.-padding-bottom-medium {
            --cl-section-padding-bottom: var(--cl-section-padding-medium)
        }

        .cl-section.-padding-top-large {
            --cl-section-padding-top: var(--cl-section-padding-large)
        }

        .cl-section.-padding-bottom-large {
            --cl-section-padding-bottom: var(--cl-section-padding-large)
        }

        .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 {
                --cl-section-padding-extra-small: 16px;
                --cl-section-padding-small: 24px;
                --cl-section-padding-medium: 40px;
                --cl-section-padding-large: 64px
            }
        }

        .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 */