@scope (.hubspot-scope) {

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}

}
@scope (.hubspot-scope) {

  @font-face {
    font-family: "Lato";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("https://remaxcollection.it/_hcms/googlefonts/Lato/regular.woff2") format("woff2"), url("https://remaxcollection.it/_hcms/googlefonts/Lato/regular.woff") format("woff");
  }
  @font-face {
    font-family: "Lato";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://remaxcollection.it/_hcms/googlefonts/Lato/700.woff2") format("woff2"), url("https://remaxcollection.it/_hcms/googlefonts/Lato/700.woff") format("woff");
  }
  @font-face {
    font-family: "Merriweather";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("https://remaxcollection.it/_hcms/googlefonts/Merriweather/regular.woff2") format("woff2"), url("https://remaxcollection.it/_hcms/googlefonts/Merriweather/regular.woff") format("woff");
  }
  @font-face {
    font-family: "Merriweather";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://remaxcollection.it/_hcms/googlefonts/Merriweather/700.woff2") format("woff2"), url("https://remaxcollection.it/_hcms/googlefonts/Merriweather/700.woff") format("woff");
  }

}
:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}
:root {
  /* Spacing */
  --spacing-space-0: 0rem;
  --spacing-space-1: 0.125rem;
  --spacing-space-2: 0.25rem;
  --spacing-space-3: 0.375rem;
  --spacing-space-4: 0.5rem;
  --spacing-space-5: 0.75rem;
  --spacing-space-6: 1rem;
  --spacing-space-7: 1.25rem;
  --spacing-space-8: 1.5rem;
  --spacing-space-9: 2rem;
  --spacing-space-10: 2.5rem;
  --spacing-space-11: 3rem;
  --spacing-space-12: 3.5rem;
  --spacing-space-13: 4rem;
  --spacing-space-14: 5rem;
  --spacing-space-15: 6rem;
  --spacing-space-16: 7rem;
  --spacing-space-17: 8rem;

  /* Border Radius */
  --radius-radius-0: 0rem;
  --radius-radius-1: 0.125rem;
  --radius-radius-2: 0.25rem;
  --radius-radius-3: 0.375rem;
  --radius-radius-4: 0.5rem;
  --radius-radius-5: 0.75rem;
  --radius-radius-full: 62.4375rem;

  /* Stroke */
  --stroke-stroke-0: 0rem;
  --stroke-stroke-1: 0.0625rem;
  --stroke-stroke-2: 0.125rem;

  /* Gap */
  --gap-gap-0: 0rem;
  --gap-gap-1: 0.125rem;
  --gap-gap-2: 0.25rem;
  --gap-gap-3: 0.375rem;
  --gap-gap-4: 0.5rem;
  --gap-gap-5: 0.75rem;

  /* Font Sizes */
  --typography-font-size-font-size-11: 0.6875rem;
  --typography-font-size-font-size-12: 0.75rem;
  --typography-font-size-font-size-14: 0.875rem;
  --typography-font-size-font-size-16: 1rem;
  --typography-font-size-font-size-18: 1.125rem;
  --typography-font-size-font-size-20: 1.25rem;
  --typography-font-size-font-size-22: 1.375rem;
  --typography-font-size-font-size-24: 1.5rem;
  --typography-font-size-font-size-28: 1.75rem;
  --typography-font-size-font-size-30: 1.875rem;
  --typography-font-size-font-size-32: 2rem;
  --typography-font-size-font-size-36: 2.25rem;
  --typography-font-size-font-size-40: 2.5rem;
  --typography-font-size-font-size-48: 3rem;
  --typography-font-size-font-size-56: 3.5rem;
  --typography-font-size-font-size-64: 4rem;
  --typography-font-size-font-size-72: 4.5rem;
  --typography-font-size-font-size-78: 4.875rem;

  /* Collection-only sizes (not in Italia scale) */
  --typography-font-size-font-size-31: 1.9375rem;
  --typography-font-size-font-size-52: 3.25rem;

  /* Font Weights — FIX: unitless values, not rem */
  --typography-font-weight-fw-thin: 300;
  --typography-font-weight-fw-regular: 400;
  --typography-font-weight-fw-medium: 500;
  --typography-font-weight-fw-semibold: 600;
  --typography-font-weight-fw-bold: 700;

  /* Line Heights */
  --typography-line-height-line-height-12: 0.75rem;
  --typography-line-height-line-height-16: 1rem;
  --typography-line-height-line-height-20: 1.25rem;
  --typography-line-height-line-height-24: 1.5rem;
  --typography-line-height-line-height-28: 1.75rem;
  --typography-line-height-line-height-32: 2rem;
  --typography-line-height-line-height-36: 2.25rem;
  --typography-line-height-line-height-40: 2.5rem;
  --typography-line-height-line-height-44: 2.75rem;
  --typography-line-height-line-height-48: 3rem;
  --typography-line-height-line-height-56: 3.5rem;
  --typography-line-height-line-height-64: 4rem;
  --typography-line-height-line-height-72: 4.5rem;
  --typography-line-height-line-height-80: 5rem;

  /* Letter Spacing */
  --typography-tracking-letter-spacing-tight: -0.025rem;
  --typography-tracking-letter-spacing-slight: -0.0125rem;
  --typography-tracking-letter-spacing-normal: 0rem;
  --typography-tracking-letter-spacing-ui: 0.0125rem;
  --typography-tracking-letter-spacing-ui-gentle: 0.009375rem;
  --typography-tracking-letter-spacing-wide: 0.0375rem;
  --typography-tracking-letter-spacing-overline: 0.05rem;
  --typography-tracking-letter-spacing-display: 0.125rem;
}
:root {
  /* Semantic color aliases */
  ----accent-1: var(--accent-1---accent-1-50);
  ----accent-2: var(--accent-2---accent-2-300);
  ----bridge-blue: var(--tertiary---tertiary-950);
  ----bridge-red: var(--quaternary---quaternary-800);
  ----dark-blue: var(--quinary---quinary-950);
  ----dark-red: var(--senary---senary-950);
  ----primary-blue: var(--primary---primary-700);
  ----primary-red: var(--secondary---secondary-600);
  ----pure-black: #000000;
  ----pure-white: #ffffff;
  ----pure-white-trans: #ffffff4d;

  /* Primary (Blue) */
  --primary---primary-50: #e8f7ff;
  --primary---primary-100: #d5efff;
  --primary---primary-200: #b3e0ff;
  --primary---primary-300: #85c8ff;
  --primary---primary-400: #56a2ff;
  --primary---primary-500: #2f7bff;
  --primary---primary-600: #0c4eff;
  --primary---primary-700: #0043ff;
  --primary---primary-800: #063dcd;
  --primary---primary-900: #103b9f;
  --primary---primary-950: #0a215c;

  /* Secondary (Red) */
  --secondary---secondary-50: #fff1f0;
  --secondary---secondary-100: #ffdfdd;
  --secondary---secondary-200: #ffc4c0;
  --secondary---secondary-300: #ff9c94;
  --secondary---secondary-400: #ff6357;
  --secondary---secondary-500: #ff3323;
  --secondary---secondary-600: #ff1200;
  --secondary---secondary-700: #d70f00;
  --secondary---secondary-800: #b10f03;
  --secondary---secondary-900: #92140a;
  --secondary---secondary-950: #500600;

  /* Tertiary */
  --tertiary---tertiary-50: #edfaff;
  --tertiary---tertiary-100: #d6f2ff;
  --tertiary---tertiary-200: #b7e9ff;
  --tertiary---tertiary-300: #85deff;
  --tertiary---tertiary-400: #4cc9ff;
  --tertiary---tertiary-500: #23abff;
  --tertiary---tertiary-600: #0b8dff;
  --tertiary---tertiary-700: #0574f0;
  --tertiary---tertiary-800: #0b5dc2;
  --tertiary---tertiary-900: #105098;
  --tertiary---tertiary-950: #0c2749;

  /* Quaternary */
  --quaternary---quaternary-50: #fff1f2;
  --quaternary---quaternary-100: #ffe0e3;
  --quaternary---quaternary-200: #ffc6cc;
  --quaternary---quaternary-300: #ff9ea8;
  --quaternary---quaternary-400: #ff6675;
  --quaternary---quaternary-500: #fd364a;
  --quaternary---quaternary-600: #eb172c;
  --quaternary---quaternary-700: #c60f21;
  --quaternary---quaternary-800: #aa1120;
  --quaternary---quaternary-900: #871520;
  --quaternary---quaternary-950: #4a050c;

  /* Quinary (Dark Blue) */
  --quinary---quinary-50: #e4f6ff;
  --quinary---quinary-100: #cfedff;
  --quinary---quinary-200: #a8dbff;
  --quinary---quinary-300: #74c1ff;
  --quinary---quinary-400: #3e94ff;
  --quinary---quinary-500: #1366ff;
  --quinary---quinary-600: #0053ff;
  --quinary---quinary-700: #0053ff;
  --quinary---quinary-800: #004ae4;
  --quinary---quinary-900: #0033b0;
  --quinary---quinary-950: #000e35;

  /* Senary */
  --senary---senary-50: #fff0f0;
  --senary---senary-100: #ffdddd;
  --senary---senary-200: #ffc1c1;
  --senary---senary-300: #ff9696;
  --senary---senary-400: #ff5a5a;
  --senary---senary-500: #ff2727;
  --senary---senary-600: #fb0707;
  --senary---senary-700: #d40101;
  --senary---senary-800: #ae0606;
  --senary---senary-900: #900c0c;
  --senary---senary-950: #660000;

  /* Accent 1 (Warm/Gold) */
  --accent-1---accent-1-50: #f7f5ee;
  --accent-1---accent-1-100: #f2efe2;
  --accent-1---accent-1-200: #e3dcc5;
  --accent-1---accent-1-300: #d1c4a0;
  --accent-1---accent-1-400: #bea779;
  --accent-1---accent-1-500: #b0925f;
  --accent-1---accent-1-600: #a38053;
  --accent-1---accent-1-700: #886846;
  --accent-1---accent-1-800: #6e553e;
  --accent-1---accent-1-900: #5a4634;
  --accent-1---accent-1-950: #30241a;

  /* Accent 2 (Cool/Sky) */
  --accent-2---accent-2-50: #f2f8fd;
  --accent-2---accent-2-100: #e3f0fb;
  --accent-2---accent-2-200: #c1e1f6;
  --accent-2---accent-2-300: #a3d4f2;
  --accent-2---accent-2-400: #4cace4;
  --accent-2---accent-2-500: #2592d2;
  --accent-2---accent-2-600: #1774b2;
  --accent-2---accent-2-700: #145d90;
  --accent-2---accent-2-800: #144f78;
  --accent-2---accent-2-900: #164364;
  --accent-2---accent-2-950: #0f2b42;

  /* Neutral */
  --neutral---neutral-50: #f6f6f6;
  --neutral---neutral-50-trans: #f6f6f64d;
  --neutral---neutral-100: #e7e7e7;
  --neutral---neutral-200: #d1d1d1;
  --neutral---neutral-300: #b0b0b0;
  --neutral---neutral-400: #888888;
  --neutral---neutral-500: #6d6d6d;
  --neutral---neutral-600: #5d5d5d;
  --neutral---neutral-700: #4f4f4f;
  --neutral---neutral-800: #454545;
  --neutral---neutral-800-trans: #4545451a;
  --neutral---neutral-900: #3d3d3d;
  --neutral---neutral-950: #232323;
}
:root {
  /* Font Families */
  --base-font-family: Gotham;
  --title-font-family: "Miller Display";

  /* Weights (constant across breakpoints) */
  --weight-display-weight: var(--typography-font-weight-fw-thin);
  --weight-body-weight: var(--typography-font-weight-fw-regular);
  --weight-caption-weight: var(--typography-font-weight-fw-regular);
  --weight-helper-weight: var(--typography-font-weight-fw-regular);
  --weight-lead-weight: var(--typography-font-weight-fw-regular);
  --weight-h1-weight: var(--typography-font-weight-fw-regular);
  --weight-h2-weight: var(--typography-font-weight-fw-regular);
  --weight-placeholder-weight: var(--typography-font-weight-fw-medium);
  --weight-small-weight: var(--typography-font-weight-fw-regular);
  --weight-badge-weight: var(--typography-font-weight-fw-semibold);
  --weight-button-l-weight: var(--typography-font-weight-fw-medium);
  --weight-button-m-weight: var(--typography-font-weight-fw-medium);
  --weight-button-s-weight: var(--typography-font-weight-fw-medium);
  --weight-h4-weight: var(--typography-font-weight-fw-medium);
  --weight-h5-weight: var(--typography-font-weight-fw-medium);
  --weight-h6-weight: var(--typography-font-weight-fw-semibold);
  --weight-label-weight: var(--typography-font-weight-fw-medium);
  --weight-nav-weight: var(--typography-font-weight-fw-medium);
  --weight-overline-weight: var(--typography-font-weight-fw-semibold);
  --weight-h3-weight: var(--typography-font-weight-fw-bold);

  /* Tracking (constant across breakpoints) */
  --tracking-display-tracking: var(--typography-tracking-letter-spacing-tight);
  --tracking-body-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-h4-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-h5-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-helper-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-label-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-lead-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-nav-primary-tracking: var(--typography-tracking-letter-spacing-normal);
  --tracking-badge-tracking: var(--typography-tracking-letter-spacing-ui);
  --tracking-button-l-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-button-m-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-button-s-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-caption-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-h1-tracking: var(--typography-tracking-letter-spacing-display);
  --tracking-h2-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-h3-tracking: var(--typography-tracking-letter-spacing-wide);
  --tracking-h6-tracking: var(--typography-tracking-letter-spacing-ui);
  --tracking-nav-secondary-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-small-tracking: var(--typography-tracking-letter-spacing-ui-gentle);
  --tracking-overline-tracking: var(--typography-tracking-letter-spacing-overline);

  /* Sizes — Mobile */
  --size-badge-size: var(--typography-font-size-font-size-11);
  --size-caption-size: var(--typography-font-size-font-size-11);
  --size-helper-size: var(--typography-font-size-font-size-11);
  --size-overline-size: var(--typography-font-size-font-size-11);
  --size-nav-footer-size: var(--typography-font-size-font-size-12);
  --size-body-size: var(--typography-font-size-font-size-14);
  --size-button-m-size: var(--typography-font-size-font-size-14);
  --size-button-s-size: var(--typography-font-size-font-size-14);
  --size-h6-size: var(--typography-font-size-font-size-14);
  --size-nav-secondary-size: var(--typography-font-size-font-size-14);
  --size-placeholder-s-size: var(--typography-font-size-font-size-14);
  --size-small-size: var(--typography-font-size-font-size-14);
  --size-button-l-size: var(--typography-font-size-font-size-16);
  --size-h3-card-size: var(--typography-font-size-font-size-16);
  --size-h5-size: var(--typography-font-size-font-size-16);
  --size-label-size: var(--typography-font-size-font-size-16);
  --size-nav-primary-size: var(--typography-font-size-font-size-16);
  --size-h4-size: var(--typography-font-size-font-size-18);
  --size-lead-size: var(--typography-font-size-font-size-18);
  --size-placeholder-m-size: var(--typography-font-size-font-size-20);
  --size-h3-size: var(--typography-font-size-font-size-22);
  --size-h2-size: var(--typography-font-size-font-size-30);
  --size-h1-size: var(--typography-font-size-font-size-36);
  --size-display-size: var(--typography-font-size-font-size-48);

  /* Line Heights — Mobile */
  --line-height-badge-line-height: var(--typography-line-height-line-height-16);
  --line-height-button-m-line-height: var(--typography-line-height-line-height-16);
  --line-height-button-s-line-height: var(--typography-line-height-line-height-16);
  --line-height-caption-line-height: var(--typography-line-height-line-height-16);
  --line-height-h3-card-line-height: var(--typography-line-height-line-height-16);
  --line-height-helper-line-height: var(--typography-line-height-line-height-16);
  --line-height-nav-secondary-line-height: var(--typography-line-height-line-height-16);
  --line-height-overline-line-height: var(--typography-line-height-line-height-16);
  --line-height-small-line-height: var(--typography-line-height-line-height-16);
  --line-height-body-line-height: var(--typography-line-height-line-height-20);
  --line-height-button-l-line-height: var(--typography-line-height-line-height-20);
  --line-height-h6-line-height: var(--typography-line-height-line-height-20);
  --line-height-label-line-height: var(--typography-line-height-line-height-20);
  --line-height-nav-primary-line-height: var(--typography-line-height-line-height-20);
  --line-height-placeholder-s-line-height: var(--typography-line-height-line-height-20);
  --line-height-h3-line-height: var(--typography-line-height-line-height-24);
  --line-height-h4-line-height: var(--typography-line-height-line-height-24);
  --line-height-h5-line-height: var(--typography-line-height-line-height-24);
  --line-height-lead-line-height: var(--typography-line-height-line-height-24);
  --line-height-placeholder-m-line-height: var(--typography-line-height-line-height-24);
  --line-height-h2-line-height: var(--typography-line-height-line-height-32);
  --line-height-h1-line-height: var(--typography-line-height-line-height-40);
  --line-height-display-line-height: var(--typography-line-height-line-height-56);
}
:root {
    /* Sizes */
    --size-badge-size: var(--typography-font-size-font-size-12);
    --size-caption-size: var(--typography-font-size-font-size-12);
    --size-helper-size: var(--typography-font-size-font-size-12);
    --size-overline-size: var(--typography-font-size-font-size-12);
    --size-body-size: var(--typography-font-size-font-size-16);
    --size-h3-size: var(--typography-font-size-font-size-24);
    --size-h2-size: var(--typography-font-size-font-size-40);
    --size-h1-size: var(--typography-font-size-font-size-48);
    --size-display-size: var(--typography-font-size-font-size-56);

    /* Line Heights */
    --line-height-small-line-height: var(--typography-line-height-line-height-20);
    --line-height-body-line-height: var(--typography-line-height-line-height-24);
    --line-height-h3-line-height: var(--typography-line-height-line-height-32);
    --line-height-h2-line-height: var(--typography-line-height-line-height-44);
    --line-height-h1-line-height: var(--typography-line-height-line-height-56);
    --line-height-display-line-height: var(--typography-line-height-line-height-64);
  }
:root {
    /* Sizes — riduzione tipografia desktop (≥18px), 06/2026.
       Headers e lead più "lounge", mantenendo il carattere editoriale
       Collection (h1/display tengono il "wow" a 64px). */
    --size-h3-card-size: var(--typography-font-size-font-size-16);
    --size-h4-size: var(--typography-font-size-font-size-18);
    --size-lead-size: var(--typography-font-size-font-size-18);
    --size-placeholder-m-size: var(--typography-font-size-font-size-18);
    --size-h3-size: var(--typography-font-size-font-size-28);
    --size-h2-size: var(--typography-font-size-font-size-40);
    --size-h1-size: var(--typography-font-size-font-size-64);
    --size-display-size: var(--typography-font-size-font-size-64);

    /* Line Heights */
    --line-height-h4-line-height: var(--typography-line-height-line-height-24);
    --line-height-lead-line-height: var(--typography-line-height-line-height-24);
    --line-height-h2-line-height: var(--typography-line-height-line-height-48);
    --line-height-h1-line-height: var(--typography-line-height-line-height-72);
    --line-height-display-line-height: var(--typography-line-height-line-height-72);
  }
:root {
  --block-block-gap: var(--spacing-space-6);
  --block-block-padding-x: var(--spacing-space-7);
  --block-block-padding-y: var(--spacing-space-10);

  --container-padding-inline: var(--spacing-space-6);
  --container-min-width-cards: 20rem;
  --container-max-width-cards-avatar: 47.9375rem;
  --container-max-width-cards-text: 47.9375rem;
  --container-max-width-cards: 47.9375rem;
  --container-max-width-text: 47.5rem;
  --container-max-width: 47.9375rem;

  --section-padding-block-header: var(--spacing-space-4);
  --section-section-gap: var(--spacing-space-9);
  --section-section-gap-l: var(--spacing-space-12);
  --section-padding-block-m: var(--spacing-space-11);
  --section-padding-block-l: var(--spacing-space-14);
  --section-min-height-hero: 40rem;

  ----card-bento-padding-mobile: var(--spacing-space-6);
  ----card-bento-padding-desktop: var(--spacing-space-8);
}
:root {
    --block-block-gap: var(--spacing-space-8);
    --block-block-padding-x: var(--spacing-space-9);
    --block-block-padding-y: var(--spacing-space-12);

    --container-min-width-cards: 48.75rem;
    --container-max-width-cards-avatar: 8.75rem;
    --container-max-width-cards-text: 25rem;
    --container-max-width-cards: 32rem;
    --container-max-width-text: 48.75rem;
    --container-max-width: 64rem;

    --section-padding-block-header: var(--spacing-space-5);
    --section-section-gap: var(--spacing-space-10);
    --section-section-gap-l: var(--spacing-space-13);
    --section-padding-block-m: var(--spacing-space-13);
    --section-padding-block-l: var(--spacing-space-15);
    --section-min-height-hero: 42.5rem;
  }
:root {
    --block-block-padding-x: var(--spacing-space-11);
    --block-block-padding-y: var(--spacing-space-13);

    --container-min-width-cards: 27.5rem;
    --container-max-width-cards-avatar: 8.75rem;
    --container-max-width-cards-text: 25rem;
    --container-max-width-cards: 42.25rem;
    --container-max-width-text: 52.5rem;
    --container-max-width: 80rem;

    --section-padding-block-header: var(--spacing-space-6);
    --section-section-gap: var(--spacing-space-11);
    --section-section-gap-l: var(--spacing-space-14);
    --section-padding-block-m: var(--spacing-space-15);
    --section-padding-block-l: var(--spacing-space-17);
    --section-min-height-hero: 45rem;
  }
:root {
  /* Border Radius */
  --border-radius---radius-tabs-item-bottom: var(--radius-radius-0);
  --border-radius---radius-link: var(--radius-radius-1);
  --border-radius---radius-navigation: var(--radius-radius-1);
  --border-radius---radius-container-generic: var(--radius-radius-2);
  --border-radius---radius-image: var(--radius-radius-2);
  --border-radius---radius-tabs-item-top: var(--radius-radius-3);
  --border-radius---radius-card-mobile: var(--spacing-space-8);
  --border-radius---radius-card-desktop: var(--spacing-space-11);
  --border-radius---radius-button-l: var(--radius-radius-full);
  --border-radius---radius-button-m: var(--radius-radius-full);
  --border-radius---radius-button-s: var(--radius-radius-full);
  --border-radius---radius-image-avatar: var(--radius-radius-full);
  --border-radius---radius-link-focus: var(--radius-radius-full);
  --border-radius---radius-pill: var(--radius-radius-full);

  /* Gap */
  --gap---gap-button: var(--spacing-space-0);
  --gap---gap-breadcrumbs: var(--spacing-space-2);
  --gap---gap-button-l: var(--spacing-space-4);
  --gap---gap-button-m: var(--spacing-space-4);
  --gap---gap-navigation: var(--spacing-space-4);
  --gap---gap-tabs-item: var(--spacing-space-4);
  --gap---gap-container-generic: var(--spacing-space-8);

  /* NOTE: Button heights (--height---height-button-*) intentionally removed.
     Button height is determined by content + padding + line-height.
     Do NOT use fixed height on buttons. */

  /* Icon Sizes */
  --icons---icon-chip: var(--spacing-space-5);
  --icons---icon-button-s: var(--spacing-space-6);
  --icons---icon-button-m: var(--spacing-space-7);
  --icons---icon-button-l: var(--spacing-space-8);

  /* Padding X */
  --padding-x---padding-x-button: var(--spacing-space-1);
  --padding-x---padding-x-button-text-icon-s: var(--spacing-space-2);
  --padding-x---padding-x-link: var(--spacing-space-2);
  --padding-x---padding-x-navigation-footer: var(--spacing-space-3);
  --padding-x---padding-x-button-icon-s: var(--spacing-space-4);
  --padding-x---padding-x-button-text-s: var(--spacing-space-4);
  --padding-x---padding-x-navigation-secondary: var(--spacing-space-4);
  --padding-x---padding-x-navigation-primary: var(--spacing-space-5);
  --padding-x---padding-x-button-m: var(--spacing-space-6);
  --padding-x---padding-x-button-s-text: var(--spacing-space-6);
  --padding-x---padding-x-tabs-item: var(--spacing-space-6);
  --padding-x---padding-x-button-l: var(--spacing-space-7);
  --padding-x---padding-x-button-m-text: var(--spacing-space-7);
  --padding-x---padding-x-container-generic: var(--spacing-space-7);
  --padding-x---padding-x-button-l-text: var(--spacing-space-8);

  /* Padding Y */
  --padding-y---padding-y-navigation-footer: var(--spacing-space-1);
  --padding-y---padding-y-button-text-s: var(--spacing-space-2);
  --padding-y---padding-y-navigation-secondary: var(--spacing-space-2);
  --padding-y---padding-y-navigation-primary: var(--spacing-space-3);
  --padding-y---padding-y-tabs-item: var(--spacing-space-3);
  --padding-y---padding-y-button-s: var(--spacing-space-4);
  --padding-y---padding-y-button-l: var(--spacing-space-5);
  --padding-y---padding-y-button-m: var(--spacing-space-5);
  --padding-y---padding-y-container-generic: var(--spacing-space-9);
}
:root {
  /* Focus Rings */
  ----accent-focus-ring: var(--accent-1---accent-1-200);
  ----primary-focus-ring: var(--primary---primary-300);

  /* Semantic Named */
  ----text-color-primary: var(--primary---primary-700);
  ----text-color-secondary: var(--secondary---secondary-600);

  /* Text */
  --text---text-color: var(--neutral---neutral-950);
  --text---text-color-primary: var(--primary---primary-700);
  --text---text-color-weak: var(--neutral---neutral-600);
  /* neutral-400 (#888) → 3.54:1 on white, below WCAG 1.4.3.
     Bumped to neutral-500 (#6d6d6d ≈ 4.77:1). */
  --text---text-color-weaker: var(--neutral---neutral-500);
  --text---text-color-weakest: var(--neutral---neutral-200);
  --text---text-color-white: var(----pure-white);

  /* Borders */
  --borders---border-color: var(--neutral---neutral-950);
  --borders---border-color-weak: var(--neutral---neutral-300);

  /* Surfaces */
  --surfaces---bg-light: var(--accent-1---accent-1-50);
  --surfaces---bg-dark: var(----pure-black);
  --surfaces---bg-extra-dark: #0c2749e5;
  --surfaces---bg-white: var(----pure-white);
  --surfaces---bg-primary: var(--primary---primary-700);
  --surfaces---bg-secondary: var(--secondary---secondary-700);
  --surfaces---bg-secondary-dark: var(--senary---senary-900);
  --surfaces---bg-section-transparent: #0b5dc2d9;
  --surfaces---bg-trans-dark: var(--neutral---neutral-800-trans);
  --surfaces---bg-trans-light: var(----pure-white-trans);
  --surfaces---bg-card-on-primary: #3369ff;   /* white 20% su #0043ff (primary blue) */
  --surfaces---bg-card-on-dark: #333333;       /* white 20% su #000000 (black) */
  --surfaces---bg-chip-dark: var(--neutral---neutral-900);
  --surfaces---bg-chip-default: var(--neutral---neutral-800-trans);
  --surfaces---bg-chip-primary: var(--primary---primary-200);

  /* Links */
  --link---text-link-color: var(--primary---primary-700);
  --link---border-link-color: var(--primary---primary-700);
  --link---bg-link-hover: var(--primary---primary-700);
  --link---link-focus: var(----primary-focus-ring);

  /* Inputs */
  --input---input-bg: #fffffff2;
  --input---input-disabled-bg: #ffffffbf;

  /* Navigation */
  --navigation---nav-text: var(--neutral---neutral-900);
  --navigation---nav-text-hover: var(--neutral---neutral-900);
  --navigation---nav-text-selected: var(--primary---primary-700);
  --navigation---nav-bg-hover: var(--neutral---neutral-100);
  --navigation---nav-focus-ring: var(----primary-focus-ring);

  /* Tabs */
  --tabs---tabs-item-text: var(--neutral---neutral-900);
  --tabs---tabs-item-text-hover: var(--neutral---neutral-900);
  --tabs---tabs-item-selected: var(--primary---primary-700);
  --tabs---tabs-item-hover: var(--neutral---neutral-800-trans);
  --tabs---tabs-item-focus-ring: var(----primary-focus-ring);

  /* Buttons: Primary — Collection: black default, blue hover */
  --buttons-primary---btn-primary-bg: var(----pure-black);
  --buttons-primary---btn-primary-bg-hover: var(--primary---primary-700);
  --buttons-primary---btn-primary-bg-disabled: var(--neutral---neutral-200);
  --buttons-primary---btn-primary-bg-icon: #ffffff33;
  --buttons-primary---btn-primary-text: var(----pure-white);
  --buttons-primary---btn-primary-text-disabled: var(--neutral---neutral-600);
  --buttons-primary---btn-primary-text-outline: var(----pure-black);
  --buttons-primary---btn-primary-border: var(----pure-black);
  --buttons-primary---btn-primary-border-hover: var(--primary---primary-700);
  --buttons-primary---btn-primary-border-disabled: var(--neutral---neutral-400);
  --buttons-primary---btn-primary-focus: var(----primary-focus-ring);

  /* Buttons: Secondary */
  --buttons-secondary---btn-secondary-bg: var(--secondary---secondary-700);
  --buttons-secondary---btn-secondary-bg-hover: var(--secondary---secondary-600);
  --buttons-secondary---btn-secondary-bg-disabled: var(--neutral---neutral-200);
  --buttons-secondary---btn-secondary-bg-icon: #ffffff33;
  --buttons-secondary---btn-secondary-text: var(----pure-white);
  --buttons-secondary---btn-secondary-text-disabled: var(--neutral---neutral-500);
  --buttons-secondary---btn-secondary-text-outline: var(--secondary---secondary-700);
  --buttons-secondary---btn-secondary-border: var(--secondary---secondary-700);
  --buttons-secondary---btn-secondary-border-hover: var(--secondary---secondary-600);
  --buttons-secondary---btn-secondary-border-disabled: var(--neutral---neutral-200);
  --buttons-secondary---btn-secondary-focus: var(--secondary---secondary-300);

  /* Buttons: Neutral */
  --buttons-neutral---btn-neutral-bg: var(----pure-white);
  --buttons-neutral---btn-neutral-bg-hover: var(--neutral---neutral-100);
  --buttons-neutral---btn-neutral-bg-disabled: var(--neutral---neutral-200);
  --buttons-neutral---btn-neutral-bg-icon: #2323231a;
  --buttons-neutral---btn-neutral-text: var(--neutral---neutral-950);
  --buttons-neutral---btn-neutral-text-disabled: var(--neutral---neutral-500);
  --buttons-neutral---btn-neutral-text-icon: var(--neutral---neutral-950);
  --buttons-neutral---btn-neutral-border: var(--neutral---neutral-200);
  --buttons-neutral---btn-neutral-border-hover: var(--neutral---neutral-300);
  --buttons-neutral---btn-neutral-border-disabled: var(--neutral---neutral-200);
  --buttons-neutral---btn-neutral-focus: var(--accent-1---accent-1-200);

  /* Buttons: Accent */
  --buttons-accent---btn-accent-bg: var(--accent-1---accent-1-50);
  --buttons-accent---btn-accent-bg-hover: var(--accent-1---accent-1-200);
  --buttons-accent---btn-accent-bg-disabled: var(--neutral---neutral-100);
  --buttons-accent---btn-accent-bg-icon: #2323231a;
  --buttons-accent---btn-accent-text: var(--neutral---neutral-950);
  --buttons-accent---btn-accent-text-disabled: var(--neutral---neutral-400);
  --buttons-accent---btn-accent-text-outline: var(--neutral---neutral-950);
  --buttons-accent---btn-accent-border: var(--accent-1---accent-1-200);
  --buttons-accent---btn-accent-border-hover: var(--accent-1---accent-1-300);
  --buttons-accent---btn-accent-border-disabled: var(--neutral---neutral-300);
  --buttons-accent---btn-accent-focus: var(----accent-focus-ring);
}
@scope (.hubspot-scope) {
/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

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


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */



/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */



/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/*** Remax ***/
.dnd-section .dnd-column {
  padding: 0;
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* ==========================================================================
   @font-face declarations — RE/MAX Collection 2026
   Gotham (base-font-family) + Miller Display (title-font-family)
   ========================================================================== */

/* --- Gotham (base font) --- */

@font-face {
  font-family: "Gotham";
  src:
    url("/fonts/Gotham-Light.woff2")
      format("woff2"),
    url("/fonts/Gotham-Light.woff")
      format("woff"),
    url("https://27198741.fs1.hubspotusercontent-eu1.net/hubfs/27198741/raw_assets/public/remax-website-collection/css/fonts/Gotham-Light.otf")
      format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("/fonts/Gotham-Book.woff2")
      format("woff2"),
    url("/fonts/Gotham-Book.woff")
      format("woff"),
    url("/fonts/Gotham-Book.ttf")
      format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("/fonts/Gotham-Medium.woff2")
      format("woff2"),
    url("/fonts/Gotham-Medium.woff")
      format("woff"),
    url("/fonts/Gotham-Medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("/fonts/Gotham-Bold.woff2")
      format("woff2"),
    url("/fonts/Gotham-Bold.woff")
      format("woff"),
    url("/fonts/Gotham-Bold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("/fonts/Gotham-Bold.woff2")
      format("woff2"),
    url("/fonts/Gotham-Bold.woff")
      format("woff"),
    url("/fonts/Gotham-Bold.ttf")
      format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Miller Display (title font) --- */

@font-face {
  font-family: "Miller Display";
  src:
    url("https://27198741.fs1.hubspotusercontent-eu1.net/hubfs/27198741/raw_assets/public/remax-website-collection/css/fonts/Miller-Display-Regular.woff2")
      format("woff2"),
    url("https://27198741.fs1.hubspotusercontent-eu1.net/hubfs/27198741/raw_assets/public/remax-website-collection/css/fonts/Miller-Display-Regular.woff")
      format("woff"),
    url("https://27198741.fs1.hubspotusercontent-eu1.net/hubfs/27198741/raw_assets/public/remax-website-collection/css/fonts/Miller-Display-Regular.otf")
      format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* ==========================================================================
   Design Tokens — RE/MAX Collection 2026
   Source: Figma UI Collection (clone of UI Master with updated variables)
   Approach: Mobile-first, two-layer token architecture
   Variable names preserved 1:1 with Figma for MCP compatibility.
   ========================================================================== */


/* ==========================================================================
   LAYER 1: PRIMITIVES — Measurements (Primitives)
   Raw scale values that never change across breakpoints or themes.
   ========================================================================== */




/* ==========================================================================
   LAYER 1: PRIMITIVES — Colors (Primitives)
   Full color scales. Never change across breakpoints or themes.
   ========================================================================== */




/* ==========================================================================
   LAYER 2: SEMANTIC — Typography
   Mobile-first. Only size/line-height change per breakpoint.
   Weight, tracking, and font-family are constant — declared once.
   ========================================================================== */

/* --- Mobile (default) --- */


/* --- Tablet — only overrides --- */
@media (min-width: 768px) {
  
}

/* --- Desktop — only overrides from tablet --- */
@media (min-width: 1024px) {
  
}


/* ==========================================================================
   LAYER 2: SEMANTIC — Layout
   Mobile-first with tablet and desktop overrides.
   ========================================================================== */

/* --- Mobile (default) --- */


@media (min-width: 768px) {
  
}

@media (min-width: 1024px) {
  
}


/* ==========================================================================
   LAYER 2: SEMANTIC — Component Measurements
   Constant across all breakpoints (single mode).
   ========================================================================== */




/* ==========================================================================
   LAYER 2: SEMANTIC — Colors
   Light theme = default (:root).
   Dark theme = [data-theme="dark"] applied to any container or section.
   ========================================================================== */

/* --- Light Theme (default) --- */


/* --- Dark Theme --- */
[data-theme="dark"] {
  /* Focus Rings */
  ----accent-focus-ring: var(--neutral---neutral-200);
  ----primary-focus-ring: var(--primary---primary-300);

  /* Semantic Named */
  ----text-color-primary: #ffffff;
  ----text-color-secondary: #ffffff;

  /* Text */
  --text---text-color: var(----pure-white);
  --text---text-color-primary: var(--primary---primary-400);
  --text---text-color-weak: var(--neutral---neutral-100);
  --text---text-color-weaker: var(--neutral---neutral-300);
  --text---text-color-weakest: var(--neutral---neutral-500);
  --text---text-color-white: var(--neutral---neutral-950);

  /* Borders */
  --borders---border-color: var(----pure-white);
  --borders---border-color-weak: var(--neutral---neutral-200);

  /* Surfaces (inverted) */
  --surfaces---bg-light: var(--quinary---quinary-950);
  --surfaces---bg-dark: var(--accent-1---accent-1-50);
  --surfaces---bg-extra-dark: #0c2749e5;
  --surfaces---bg-primary: var(--primary---primary-700);
  --surfaces---bg-secondary: var(--secondary---secondary-600);
  --surfaces---bg-secondary-dark: var(--senary---senary-900);
  --surfaces---bg-section-transparent: #0c2749d9;
  --surfaces---bg-trans-dark: var(----pure-white-trans);
  --surfaces---bg-trans-light: var(--neutral---neutral-50-trans);
  --surfaces---bg-chip-dark: var(--neutral---neutral-50);
  --surfaces---bg-chip-default: var(--neutral---neutral-50-trans);
  --surfaces---bg-chip-primary: var(--primary---primary-700);

  /* Links */
  --link---text-link-color: var(----pure-white);
  --link---border-link-color: var(----pure-white);
  --link---bg-link-hover: var(----pure-white);
  --link---link-focus: var(----primary-focus-ring);

  /* Navigation */
  --navigation---nav-text: var(--neutral---neutral-100);
  --navigation---nav-text-hover: var(--neutral---neutral-900);
  --navigation---nav-text-selected: var(----pure-white);
  --navigation---nav-bg-hover: var(--neutral---neutral-50);
  --navigation---nav-focus-ring: var(----primary-focus-ring);

  /* Tabs */
  --tabs---tabs-item-text: var(--neutral---neutral-50);
  --tabs---tabs-item-text-hover: var(--neutral---neutral-50);
  --tabs---tabs-item-selected: var(----pure-white);
  --tabs---tabs-item-hover: var(--neutral---neutral-50-trans);
  --tabs---tabs-item-focus-ring: var(----primary-focus-ring);

  /* Buttons: Primary */
  --buttons-primary---btn-primary-bg: var(--primary---primary-700);
  --buttons-primary---btn-primary-bg-hover: var(--primary---primary-500);
  --buttons-primary---btn-primary-bg-disabled: var(--neutral---neutral-800);
  --buttons-primary---btn-primary-bg-icon: #23232333;
  --buttons-primary---btn-primary-text: var(----pure-white);
  --buttons-primary---btn-primary-text-disabled: var(--neutral---neutral-400);
  --buttons-primary---btn-primary-text-outline: var(----pure-white);
  --buttons-primary---btn-primary-border: var(----pure-white);
  --buttons-primary---btn-primary-border-hover: var(--primary---primary-600);
  --buttons-primary---btn-primary-border-disabled: var(--neutral---neutral-600);
  --buttons-primary---btn-primary-focus: var(----primary-focus-ring);

  /* Buttons: Secondary */
  --buttons-secondary---btn-secondary-bg: var(--secondary---secondary-700);
  --buttons-secondary---btn-secondary-bg-hover: var(--secondary---secondary-600);
  --buttons-secondary---btn-secondary-bg-disabled: var(--neutral---neutral-900);
  --buttons-secondary---btn-secondary-bg-icon: #23232333;
  --buttons-secondary---btn-secondary-text: var(----pure-white);
  --buttons-secondary---btn-secondary-text-disabled: var(--neutral---neutral-600);
  --buttons-secondary---btn-secondary-text-outline: var(--secondary---secondary-700);
  --buttons-secondary---btn-secondary-border: var(--secondary---secondary-700);
  --buttons-secondary---btn-secondary-border-hover: var(--secondary---secondary-600);
  --buttons-secondary---btn-secondary-border-disabled: var(--neutral---neutral-900);
  --buttons-secondary---btn-secondary-focus: var(--secondary---secondary-400);

  /* Buttons: Neutral */
  --buttons-neutral---btn-neutral-bg: var(----pure-white);
  --buttons-neutral---btn-neutral-bg-hover: var(--neutral---neutral-100);
  --buttons-neutral---btn-neutral-bg-disabled: var(--neutral---neutral-200);
  --buttons-neutral---btn-neutral-bg-icon: #2323231a;
  --buttons-neutral---btn-neutral-text: var(--neutral---neutral-950);
  --buttons-neutral---btn-neutral-text-disabled: var(--neutral---neutral-500);
  --buttons-neutral---btn-neutral-text-icon: var(--neutral---neutral-950);
  --buttons-neutral---btn-neutral-border: var(--neutral---neutral-200);
  --buttons-neutral---btn-neutral-border-hover: var(--neutral---neutral-300);
  --buttons-neutral---btn-neutral-border-disabled: var(--neutral---neutral-200);
  --buttons-neutral---btn-neutral-focus: var(--accent-1---accent-1-200);

  /* Buttons: Accent */
  --buttons-accent---btn-accent-bg: var(--quinary---quinary-950);
  --buttons-accent---btn-accent-bg-hover: var(--quinary---quinary-800);
  --buttons-accent---btn-accent-bg-disabled: var(--neutral---neutral-400);
  --buttons-accent---btn-accent-bg-icon: #ffffff33;
  --buttons-accent---btn-accent-text: var(----pure-white);
  --buttons-accent---btn-accent-text-disabled: var(----pure-white);
  --buttons-accent---btn-accent-text-outline: var(----pure-white);
  --buttons-accent---btn-accent-border: var(--quinary---quinary-900);
  --buttons-accent---btn-accent-border-hover: var(--quinary---quinary-700);
  --buttons-accent---btn-accent-border-disabled: var(--neutral---neutral-200);
  --buttons-accent---btn-accent-focus: var(--quinary---quinary-200);
}
/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  font-family: var(--base-font-family), sans-serif;
  color: var(--text---text-color);
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  margin: 0;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* Lists */

ul,
ol {
  margin: 0;
  padding: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
  padding: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}

/* ==========================================================================
   Base Typography — Design Kit tokens
   Font sizes and line heights are responsive via _variables.css media queries.
   ========================================================================== */

h1, .h1 {
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--size-h1-size);
  font-weight: var(--weight-h1-weight);
  line-height: var(--line-height-h1-line-height);
  letter-spacing: var(--tracking-h1-tracking);
  text-transform: none;
}

h2, .h2 {
  font-family: var(--title-font-family), sans-serif;
  font-size: var(--size-h2-size);
  font-weight: var(--weight-h2-weight);
  line-height: var(--line-height-h2-line-height);
  letter-spacing: var(--tracking-h2-tracking);
  text-transform: none;
}

h3, .h3 {
  font-family: var(--title-font-family), sans-serif;
  font-size: var(--size-h3-size);
  font-weight: var(--weight-h3-weight);
  line-height: var(--line-height-h3-line-height);
  letter-spacing: var(--tracking-h3-tracking);
  text-transform: none;
}

h4, .h4 {
  font-family: var(--title-font-family), sans-serif;
  font-size: var(--size-h4-size);
  font-weight: var(--weight-h4-weight);
  line-height: var(--line-height-h4-line-height);
  letter-spacing: var(--tracking-h4-tracking);
  text-transform: none;
}

h5, .h5 {
  font-family: var(--title-font-family), sans-serif;
  font-size: var(--size-h5-size);
  font-weight: var(--weight-h5-weight);
  line-height: var(--line-height-h5-line-height);
  letter-spacing: var(--tracking-h5-tracking);
  text-transform: none;
}

h6, .h6 {
  font-family: var(--title-font-family), sans-serif;
  font-size: var(--size-h6-size);
  font-weight: var(--weight-h6-weight);
  line-height: var(--line-height-h6-line-height);
  letter-spacing: var(--tracking-h6-tracking);
  text-transform: none;
}

p, .body-text {
  font-size: var(--size-body-size);
  font-weight: var(--weight-body-weight);
  line-height: var(--line-height-body-line-height);
  letter-spacing: var(--tracking-body-tracking);
}

.lead {
  font-size: var(--size-lead-size);
  font-weight: var(--weight-lead-weight);
  line-height: var(--line-height-lead-line-height);
  letter-spacing: var(--tracking-lead-tracking);
}

.small {
  font-size: var(--size-small-size);
  font-weight: var(--weight-small-weight);
  line-height: var(--line-height-small-line-height);
  letter-spacing: var(--tracking-small-tracking);
}

.caption {
  font-size: var(--size-caption-size);
  font-weight: var(--weight-caption-weight);
  line-height: var(--line-height-caption-line-height);
  letter-spacing: var(--tracking-caption-tracking);
}

.label {
  font-size: var(--size-label-size);
  font-weight: var(--weight-label-weight);
  line-height: var(--line-height-label-line-height);
  letter-spacing: var(--tracking-label-tracking);
}

.overline {
  font-size: var(--size-overline-size);
  font-weight: var(--weight-overline-weight);
  line-height: var(--line-height-overline-line-height);
  letter-spacing: var(--tracking-overline-tracking);
  text-transform: uppercase;
}

.display {
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--size-display-size);
  font-weight: var(--weight-display-weight);
  line-height: var(--line-height-display-line-height);
  letter-spacing: var(--tracking-display-tracking);
}
/* ==========================================================================
   Buttons — Base + Variants
   Height is determined by content + padding + line-height. No fixed height.
   ========================================================================== */

/* --- Base reset --- */

button,
.button,
.hs-button,
.btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.15s linear;
  white-space: nowrap;
  font-family: var(--base-font-family), sans-serif;
}

/* --- Size: Small ---
   Outer padding = 2px horizontal (--paddingx-button).
   Text padding lives on .btn__text child element.
   All buttons require <span class="btn__text"> wrapping the label. */

.btn-s {
  font-size: var(--size-button-s-size);
  font-weight: var(--weight-button-s-weight);
  line-height: var(--line-height-button-s-line-height);
  letter-spacing: var(--tracking-button-s-tracking);
  padding: var(--padding-y---padding-y-button-s) var(--padding-x---padding-x-button);
  gap: var(--gap---gap-button);
  border-radius: var(--border-radius---radius-button-s);
}

/* --- Size: Medium (default) --- */

.btn,
.btn-m {
  font-size: var(--size-button-m-size);
  font-weight: var(--weight-button-m-weight);
  line-height: var(--line-height-button-m-line-height);
  letter-spacing: var(--tracking-button-m-tracking);
  padding: var(--padding-y---padding-y-button-m) var(--padding-x---padding-x-button);
  gap: var(--gap---gap-button-m);
  border-radius: var(--border-radius---radius-button-m);
}

/* --- Size: Large --- */

.btn-l {
  font-size: var(--size-button-l-size);
  font-weight: var(--weight-button-l-weight);
  line-height: var(--line-height-button-l-line-height);
  letter-spacing: var(--tracking-button-l-tracking);
  padding: var(--padding-y---padding-y-button-l) var(--padding-x---padding-x-button);
  gap: var(--gap---gap-button-l);
  border-radius: var(--border-radius---radius-button-l);
}

/* --- Text transform --- */

.btn-s,
.btn,
.btn-m,
.btn-l {
  text-transform: uppercase;
}

/* --- Variant: Primary --- */

.btn-primary {
  background-color: var(--buttons-primary---btn-primary-bg);
  color: var(--buttons-primary---btn-primary-text);
  border-color: var(--buttons-primary---btn-primary-border);
}

.btn-primary:hover {
  background-color: var(--buttons-primary---btn-primary-bg-hover);
  border-color: var(--buttons-primary---btn-primary-border-hover);
}

.btn-primary:focus-visible {
  outline: 2px solid var(--buttons-primary---btn-primary-focus);
  outline-offset: 2px;
}

.btn-primary:disabled {
  background-color: var(--buttons-primary---btn-primary-bg-disabled);
  color: var(--buttons-primary---btn-primary-text-disabled);
  border-color: var(--buttons-primary---btn-primary-border-disabled);
  cursor: not-allowed;
}

/* --- Variant: Primary Dark (navy #000e35) --- */

.btn-primary-dark {
  background-color: var(----pure-black);
  color: var(----pure-white);
  border-color: var(----pure-black);
}

.btn-primary-dark:hover {
  background-color: var(--neutral---neutral-800);
  border-color: var(--neutral---neutral-800);
}

.btn-primary-dark:focus-visible {
  outline: 2px solid var(--quinary---quinary-200);
  outline-offset: 2px;
}

.btn-primary-dark:disabled {
  background-color: var(--buttons-primary---btn-primary-bg-disabled);
  color: var(--buttons-primary---btn-primary-text-disabled);
  border-color: var(--buttons-primary---btn-primary-border-disabled);
  cursor: not-allowed;
}

.btn-primary-dark .btn__icon { background-color: rgba(255, 255, 255, 0.2); }

/* --- Variant: Secondary --- */

.btn-secondary {
  background-color: var(--buttons-secondary---btn-secondary-bg);
  color: var(--buttons-secondary---btn-secondary-text);
  border-color: var(--buttons-secondary---btn-secondary-border);
}

.btn-secondary:hover {
  background-color: var(--buttons-secondary---btn-secondary-bg-hover);
  border-color: var(--buttons-secondary---btn-secondary-border-hover);
}

.btn-secondary:focus-visible {
  outline: 2px solid var(--buttons-secondary---btn-secondary-focus);
  outline-offset: 2px;
}

.btn-secondary:disabled {
  background-color: var(--buttons-secondary---btn-secondary-bg-disabled);
  color: var(--buttons-secondary---btn-secondary-text-disabled);
  border-color: var(--buttons-secondary---btn-secondary-border-disabled);
  cursor: not-allowed;
}

/* --- Variant: Neutral --- */

.btn-neutral {
  background-color: var(--buttons-neutral---btn-neutral-bg);
  color: var(--buttons-neutral---btn-neutral-text);
  border-color: var(--buttons-neutral---btn-neutral-border);
}

.btn-neutral:hover {
  background-color: var(--buttons-neutral---btn-neutral-bg-hover);
  border-color: var(--buttons-neutral---btn-neutral-border-hover);
}

.btn-neutral:focus-visible {
  outline: 2px solid var(--buttons-neutral---btn-neutral-focus);
  outline-offset: 2px;
}

.btn-neutral:disabled {
  background-color: var(--buttons-neutral---btn-neutral-bg-disabled);
  color: var(--buttons-neutral---btn-neutral-text-disabled);
  border-color: var(--buttons-neutral---btn-neutral-border-disabled);
  cursor: not-allowed;
}

/* --- Variant: Accent --- */

.btn-accent {
  background-color: var(--buttons-accent---btn-accent-bg);
  color: var(--buttons-accent---btn-accent-text);
  border-color: var(--buttons-accent---btn-accent-border);
}

.btn-accent:hover {
  background-color: var(--buttons-accent---btn-accent-bg-hover);
  border-color: var(--buttons-accent---btn-accent-border-hover);
}

.btn-accent:focus-visible {
  outline: 2px solid var(--buttons-accent---btn-accent-focus);
  outline-offset: 2px;
}

.btn-accent:disabled {
  background-color: var(--buttons-accent---btn-accent-bg-disabled);
  color: var(--buttons-accent---btn-accent-text-disabled);
  border-color: var(--buttons-accent---btn-accent-border-disabled);
  cursor: not-allowed;
}

/* --- Variant: Outline (modifier) --- */

.btn-primary.btn-outline {
  background-color: transparent;
  color: var(--buttons-primary---btn-primary-text-outline);
  border-color: var(--buttons-primary---btn-primary-border);
}

.btn-secondary.btn-outline {
  background-color: transparent;
  color: var(--buttons-secondary---btn-secondary-text-outline);
  border-color: var(--buttons-secondary---btn-secondary-border);
}

.btn-accent.btn-outline {
  background-color: transparent;
  color: var(--buttons-accent---btn-accent-text-outline);
  border-color: var(--buttons-accent---btn-accent-border);
}

/* --- Icon button (square, no text) --- */

.btn-icon {
  padding: var(--padding-x---padding-x-button-icon-s);
}

/* --- Button with icon circle (text + prefix/suffix icon) ---
   Adds .btn__icon (rounded circle with icon) alongside .btn__text.
   Outer padding is already 2px on all sizes; .btn__text handles text padding. */

/* When icon circle is present, it's taller than text. Vertical padding must shrink
   so that button height matches the text-only height (e.g. 40px for medium).
   Math: icon-circle-height = icon-size + 2*icon-padding (e.g. 20+16=36px for medium).
   Required py = (button-height - icon-circle-height) / 2 = (40-36)/2 = 2px for all sizes. */
.btn.btn--with-icon,
.btn-s.btn--with-icon,
.btn-m.btn--with-icon,
.btn-l.btn--with-icon {
  gap: 0;
  padding-top: var(--padding-x---padding-x-button);
  padding-bottom: var(--padding-x---padding-x-button);
}

.btn__text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-s .btn__text {
  padding: 0 var(--padding-x---padding-x-button-s-text);
}

.btn-m .btn__text,
.btn .btn__text {
  padding: 0 var(--padding-x---padding-x-button-m-text);
}

.btn-l .btn__text {
  padding: 0 var(--padding-x---padding-x-button-l-text);
}

.btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  flex-shrink: 0;
}

.btn-s .btn__icon {
  padding: 0.375rem;
}

.btn-s .btn__icon svg {
  width: var(--icons---icon-button-s);
  height: var(--icons---icon-button-s);
}

.btn-m .btn__icon,
.btn .btn__icon {
  padding: 0.5rem;
}

.btn-m .btn__icon svg,
.btn .btn__icon svg {
  width: var(--icons---icon-button-m);
  height: var(--icons---icon-button-m);
}

.btn-l .btn__icon {
  padding: 0.625rem;
}

.btn-l .btn__icon svg {
  width: var(--icons---icon-button-l);
  height: var(--icons---icon-button-l);
}

/* Icon circle background per variant */
.btn-primary .btn__icon { background-color: var(--buttons-primary---btn-primary-bg-icon); }
.btn-secondary .btn__icon { background-color: var(--buttons-secondary---btn-secondary-bg-icon); }
.btn-neutral .btn__icon { background-color: var(--buttons-neutral---btn-neutral-bg-icon); }
.btn-accent .btn__icon { background-color: var(--buttons-accent---btn-accent-bg-icon); }

/* ==========================================================================
   Interaction layer — tactile hover lift + press feedback
   Ported from the React/Tailwind `.tap` utility. Applies to every button
   variant so the chrome buttons feel as alive on HubSpot-served pages as
   they do on the React side.
   - 200ms ease-out transition on the properties we animate.
   - Hover: soft drop shadow lift, no size change so layout never reflows.
   - Active/pressed: 95% scale (97% for `.btn-l`). Shadow drops to make
     the press read clearly.
   - prefers-reduced-motion kills the scale (WCAG 2.3.3).
   ========================================================================== */

button,
.button,
.hs-button,
.btn {
  transition:
    transform 200ms ease-out,
    color 200ms ease-out,
    background-color 200ms ease-out,
    border-color 200ms ease-out,
    opacity 200ms ease-out;
}

button:active:not(:disabled):not([aria-disabled='true']):not(.no-button),
.button:active:not(:disabled):not([aria-disabled='true']):not(.no-button),
.hs-button:active:not(:disabled):not([aria-disabled='true']):not(.no-button),
.btn:active:not(:disabled):not([aria-disabled='true']):not(.no-button) {
  transform: scale(0.95);
  box-shadow: none;
}

.btn-l:active:not(:disabled):not([aria-disabled='true']):not(.no-button) {
  transform: scale(0.97);
}

button:disabled,
button[aria-disabled='true'],
.button:disabled,
.button[aria-disabled='true'],
.hs-button:disabled,
.hs-button[aria-disabled='true'],
.btn:disabled,
.btn[aria-disabled='true'] {
  transform: none;
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  button:active,
  .button:active,
  .hs-button:active,
  .btn:active {
    transform: none !important;
  }
}

/* --- No button (reset) --- */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus-visible {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

/*** Remax ***/

/* ==========================================================================
   Input Pill — Pill-shaped input containers from Figma design kit
   Sizes: small (32px), medium-s (40px), medium (48px)
   Types: default (with search icon button), standard (with decorative prefix icon)
   ========================================================================== */

/* --- Base input pill container --- */

.input-pill {
  display: flex;
  align-items: center;
  border: 1px solid var(--borders---border-color);
  border-radius: var(--border-radius---radius-pill);
  background-color: var(--input---input-bg);
  width: 100%;
  position: relative;
  transition: border-color 0.15s linear;
}

.input-pill:focus-within {
  border-color: var(--borders---border-color);
  outline: 2px solid var(--buttons-primary---btn-primary-focus);
  outline-offset: 3px;
}

/* --- Size: Small (h=32px context — used for standard/form inputs) --- */

.input-pill--s {
  padding: 0.25rem;
  gap: 0.5rem;
}

/* --- Size: Medium-Small (h=40px — small default/search) --- */

.input-pill--ms {
  padding-left: 1rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 0.5rem;
}

/* --- Size: Medium (h=48px — medium default/search) --- */

.input-pill--m {
  padding-left: 1.5rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 0.5rem;
}

/* --- Input field (the actual <input>, <select>, <textarea>) --- */

/* Specificity 0,2,0 to beat `form input[type=text]` (0,1,2) from theme base */
.input-pill .input-pill__field {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: var(--base-font-family), sans-serif;
  color: var(--text---text-color);
  appearance: none;
}

.input-pill.input-pill--s .input-pill__field {
  font-size: var(--size-placeholder-s-size);
  font-weight: var(--weight-placeholder-weight);
  line-height: var(--line-height-placeholder-s-line-height);
  letter-spacing: var(--tracking-label-tracking);
}

.input-pill.input-pill--ms .input-pill__field {
  font-size: var(--size-placeholder-s-size);
  font-weight: var(--weight-placeholder-weight);
  line-height: var(--line-height-placeholder-s-line-height);
  letter-spacing: var(--tracking-label-tracking);
}

.input-pill.input-pill--m .input-pill__field {
  font-size: var(--size-placeholder-m-size);
  font-weight: var(--weight-placeholder-weight);
  line-height: var(--line-height-placeholder-m-line-height);
  letter-spacing: var(--tracking-label-tracking);
}

.input-pill__field::placeholder {
  color: var(--text---text-color-weaker);
}

/* Selected state: filled input text uses label style */
.input-pill__field:not(:placeholder-shown) {
  font-size: var(--size-label-size);
  font-weight: var(--weight-label-weight);
  line-height: var(--line-height-label-line-height);
}

.input-pill--s .input-pill__field:not(:placeholder-shown) {
  font-size: var(--size-placeholder-s-size);
  font-weight: var(--weight-label-weight);
}

/* iOS Safari zooma su focus quando un input ha font-size < 16px. I nostri
   token placeholder-s / button-m-size (14px) triggerano lo zoom automatico
   nei form (valutatore, MaxMatch search, MaxMatch contact drawer). Alziamo
   TUTTI i field editabili a 16px sotto il breakpoint desktop.

   `!important` e' necessario: alcune regole vivono nei module CSS caricati
   DOPO `_forms.css` (es. `.mm-search__position-input .mm-search__position-field`
   in `module_max-match-search`, `.mm-contact-drawer__input-pill input` in
   `module_max-match-results`), quindi vincono nel cascade a parita' di
   specificita'. Escludiamo i tipi non-testuali (checkbox/radio/button/…)
   che non triggerano zoom e potrebbero avere sizing dedicato. */
@media (max-width: 1023.98px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]):not([type="image"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* --- Decorative prefix icon (neutral mini-button, used in standard type) --- */

.input-pill__prefix-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--border-radius---radius-button-s);
  border: 1px solid var(--buttons-neutral---btn-neutral-border);
  background-color: var(--buttons-neutral---btn-neutral-bg);
  color: var(--text---text-color);
}

.input-pill--s .input-pill__prefix-icon {
  padding: 0.25rem;
}

.input-pill--s .input-pill__prefix-icon svg {
  width: 1rem;
  height: 1rem;
}

.input-pill--ms .input-pill__prefix-icon,
.input-pill--m .input-pill__prefix-icon {
  padding: 0.375rem;
}

.input-pill--ms .input-pill__prefix-icon svg,
.input-pill--m .input-pill__prefix-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

/* --- Suffix (chevron for select, or action button) --- */

.input-pill__suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0.25rem;
  color: var(--text---text-color);
}

.input-pill__suffix svg {
  width: 1rem;
  height: 1rem;
}

/* Field without prefix icon needs left padding */

.input-pill__field:first-child {
  padding-left: 0.75rem;
}

/* --- Select-specific: hide native arrow, pointer cursor --- */

.input-pill select.input-pill__field {
  cursor: pointer;
}

.input-pill select.input-pill__field:invalid {
  color: var(--text---text-color-weaker);
}

/* --- Disabled state --- */

.input-pill--disabled,
.input-pill:has(.input-pill__field:disabled) {
  background-color: var(--input---input-disabled-bg);
  border-color: var(--borders---border-color-weak);
}

.input-pill--disabled .input-pill__field::placeholder,
.input-pill__field:disabled::placeholder {
  color: var(--text---text-color-weakest);
}

/* --- Weak border variant (for standard type default state) --- */

.input-pill--weak-border {
  border-color: var(--borders---border-color-weak);
}

/*** ***/


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0;
    width: auto;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  /*flex-wrap: wrap;*/
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}


/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* ────────────────────────────────────────────────────────────────────
   Animations & motion utilities
   ────────────────────────────────────────────────────────────────────
   Pure CSS via `animation-timeline: view()` — Chromium 115+, Safari 18+.
   Firefox falls back gracefully (content rendered as-is, no flash).

   Strategy: animate the **rows inside each module**, not the module
   itself. The module's <section> (background, padding) stays fixed;
   the direct children of `[class*="__container"]` (header / body /
   cards-grid / list-row, depending on the module's BEM tree) each
   fade + lift 16px independently when they enter the viewport.

   The first `.dnd-section` is exempt (LCP-safe for hero modules that
   would otherwise paint key content at opacity 0).

   The opt-in `.reveal-on-scroll` class still works for elements that
   sit outside a `__container` (hero inner blocks, etc.).

   `prefers-reduced-motion: reduce` collapses keyframes to 0.01ms and
   zeroes the transform.
   ──────────────────────────────────────────────────────────────────── */

@keyframes scroll-reveal-opacity-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes scroll-reveal-transform-in {
  from { transform: translateY(16px); }
  to   { transform: translateY(0); }
}

@supports (animation-timeline: view()) {
  /* Every direct child of a module's `__container` becomes an animated
     row. `:not([class*="__container-"])` filters BEM sub-elements like
     `__container-inner`. The `.dnd-section ~ .dnd-section` prefix
     excludes the first section (hero LCP safety).

     Blog templates (blog-index, blog-post) live outside `.dnd-section`
     but use the same `__container` convention, so we whitelist their
     row-containers explicitly. Hero containers (`*-hero__container`)
     are NOT whitelisted, keeping them LCP-safe. */
  /* `:not(...)` esclude i richtext editoriali (lungo-form): un blocco
     di privacy/cookie/articolo fa fade-in come un'unica row e su
     contenuti di più viewport il risultato è disturbante più che
     piacevole. Header / CTA / image dello stesso modulo continuano a
     fare reveal normalmente. */
  main .dnd-section ~ .dnd-section [class*="__container"]:not([class*="__container-"])
    > *:not(.simple-text__description, .simple-text__text-body, .simple-text__alert-text, .simple-text__item-body),
  main .blog-section__container > *,
  main .blog-latest__container > *,
  main .blog-category__listing-container > *,
  main .blog-post-related__container > *,
  .reveal-on-scroll {
    opacity: 0;
    transform: translateY(16px);
    animation:
      scroll-reveal-opacity-in linear both,
      scroll-reveal-transform-in linear both;
    animation-timeline: view(), view();
    animation-range: entry 0% entry 100%, entry 0% entry 100%;
  }
}

@keyframes reveal-on-mount-opacity-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes reveal-on-mount-transform-in {
  from { transform: translateY(16px); }
  to   { transform: translateY(0); }
}

.reveal-on-mount {
  animation:
    reveal-on-mount-opacity-in 1000ms ease-out both,
    reveal-on-mount-transform-in 1000ms ease-out both;
}

/* Card grid entrance — opt-in via class on a wrapper or per-item.
   Set `animation-delay` inline per item for a staggered effect
   (e.g. style="animation-delay: 60ms" on the 2nd card). */
@keyframes card-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card-enter {
  animation: card-enter 400ms ease-out both;
}

/* ────────────────────────────────────────────────────────────────────
   Card hover — lift + image zoom
   ────────────────────────────────────────────────────────────────────
   Ports `.card-lift` / `.card-img` from the React side. Applied to
   every top-level card so listings + grids feel responsive on hover.

   Implementation notes:
   - The card lift uses the `translate` CSS property (not `transform`)
     so it doesn't conflict with the scroll-reveal animation that
     `animation-fill-mode: both` leaves on the `transform`.
   - The image zoom rides on `transform: scale()` of the child <img>.
     If a specific module already defines its own zoom on the same
     image (e.g. `.bento__card-img:hover { transform: scale(1.04) }`),
     that module's BEM-specific selector wins via higher specificity,
     so we don't fight existing module styles — we only fill the gap
     for cards that don't have their own zoom.
   - `overflow: hidden` on the card frame is already a per-module
     concern. Where present (verified on bento, reason-why,
     blog-custom), the zoomed image stays within the frame.
   ──────────────────────────────────────────────────────────────────── */

main .dnd-section [class*="__card"]:not([class*="__card-"]),
main .dnd-section [class*="__tile"]:not([class*="__tile-"]),
main .dnd-section [class*="__item"]:not([class*="__item-"]):not([class*="__items"]):not(.simple-text__item):not(.ns__item),
main .dnd-section [class*="__col-box"]:not([class*="__col-box-"]):not(.reason-why__col-box),
main .dnd-section [class*="__step"]:not([class*="__step-"]):not([class*="wk-evaluator__"]),
main .dnd-section [class*="__feature"]:not([class*="__feature-"]):not([class*="__features"]),
main .dnd-section [class*="__pillar"]:not([class*="__pillar-"]) {
  transition: translate 300ms ease-out;
}

main .dnd-section [class*="__card"]:not([class*="__card-"]):hover,
main .dnd-section [class*="__tile"]:not([class*="__tile-"]):hover,
main .dnd-section [class*="__item"]:not([class*="__item-"]):not([class*="__items"]):not(.simple-text__item):not(.ns__item):hover,
main .dnd-section [class*="__col-box"]:not([class*="__col-box-"]):not(.reason-why__col-box):hover,
main .dnd-section [class*="__step"]:not([class*="__step-"]):not([class*="wk-evaluator__"]):hover,
main .dnd-section [class*="__feature"]:not([class*="__feature-"]):not([class*="__features"]):not(.ns__feature):hover,
main .dnd-section [class*="__pillar"]:not([class*="__pillar-"]):hover {
  translate: 0 -4px;
}

/* Image zoom on card hover — descendant selector, scoped to the
   parent's hover state. Fallback for modules without their own zoom. */
main .dnd-section [class*="__card"] img,
main .dnd-section [class*="__tile"] img,
main .dnd-section [class*="__item"] img {
  transition: transform 500ms ease-out;
}

main .dnd-section [class*="__card"]:not([class*="__card-"]):hover img,
main .dnd-section [class*="__tile"]:not([class*="__tile-"]):hover img,
main .dnd-section [class*="__item"]:not([class*="__item-"]):not([class*="__items"]):not(.simple-text__item):not(.ns__item):hover img {
  transform: scale(1.05);
}

/* Heart pulse — applied programmatically when a property is favourited. */
@keyframes heart-pulse {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.25); }
  100% { transform: scale(1); }
}

.animate-heart-pulse {
  animation: heart-pulse 300ms ease-out;
}

/* OS-level reduced-motion preference — kill transform-based motion,
   collapse keyframes to ~0ms. Colour/opacity transitions stay alive
   because they don't trigger vestibular issues. */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  @supports (animation-timeline: view()) {
    main .dnd-section ~ .dnd-section [class*="__container"]:not([class*="__container-"]) > *,
    main .blog-section__container > *,
    main .blog-latest__container > *,
    main .blog-category__listing-container > *,
    main .blog-post-related__container > *,
    .reveal-on-scroll {
      opacity: 1;
      transform: none;
      animation: none;
    }
  }

  .reveal-on-mount,
  .card-enter {
    opacity: 1;
    transform: none;
    animation: none;
  }

  /* Card hover micro-interactions — kill the translate-up + img zoom.
     Shadow is allowed to stay (visual cue, no vestibular impact). */
  main .dnd-section [class*="__card"]:not([class*="__card-"]):hover,
  main .dnd-section [class*="__tile"]:not([class*="__tile-"]):hover,
  main .dnd-section [class*="__item"]:not([class*="__item-"]):not([class*="__items"]):not(.simple-text__item):not(.ns__item):hover,
  main .dnd-section [class*="__col-box"]:not([class*="__col-box-"]):not(.reason-why__col-box):hover,
  main .dnd-section [class*="__step"]:not([class*="__step-"]):not([class*="wk-evaluator__"]):hover,
  main .dnd-section [class*="__feature"]:not([class*="__feature-"]):not([class*="__features"]):not(.ns__feature):hover,
  main .dnd-section [class*="__pillar"]:not([class*="__pillar-"]):hover {
    translate: none !important;
  }
  main .dnd-section [class*="__card"]:not([class*="__card-"]):hover img,
  main .dnd-section [class*="__tile"]:not([class*="__tile-"]):hover img,
  main .dnd-section [class*="__item"]:not([class*="__item-"]):not([class*="__items"]):not(.simple-text__item):not(.ns__item):hover img {
    transform: none !important;
  }
}
}
@scope (.hubspot-scope) {
.content-wrapper{max-width:1240px}.content-wrapper--vertical-spacing,.dnd-section{padding:80px 1rem}.dnd-section>.row-fluid{max-width:1240px}.dnd-section{padding:0}.dnd-section>.row-fluid{max-width:revert}a{color:inherit;text-decoration:none}table{background-color:#fff}table,td,th{border:1px solid #0043ff}td,th{color:#0043ff;padding:18px}thead th{background-color:#0043ff;color:#fff}tfoot td{background-color:#fff;color:#0043ff}.card__price,.hs-search-results__title{color:#0043ff;font-family:Merriweather,serif;font-style:normal;font-weight:700;text-decoration:none}.card__price{font-size:30px}.card__body svg{fill:#0043ff}.social-links__icon{background-color:#0043ff}.social-links__icon:focus-visible,.social-links__icon:hover{background-color:#001bd7}.social-links__icon:active{background-color:#286bff;color:#0043ff;font-family:Merriweather,serif;font-size:30px;font-style:normal;font-weight:700;text-decoration:none}
}
@scope (.hubspot-scope) {
/* ==========================================================================
   Header Module
   Desktop mega-menu + mobile full-screen drawer.
   Mobile-first approach. Breakpoints: 768px (tablet), 1024px (desktop).
   ========================================================================== */

/* --- Header root --- */

.header {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
}

/* --- Skip link (accessibility) --- */

.header__skip {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1100;
  padding: var(--spacing-space-4) var(--spacing-space-6);
  background-color: var(--secondary---secondary-600);
  color: var(----pure-white);
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--size-button-s-size);
  font-weight: var(--weight-button-s-weight);
  border-radius: var(--border-radius---radius-button-s);
  text-decoration: none;
  white-space: nowrap;
}

.header__skip:focus {
  top: var(--spacing-space-4);
}

/* --- Shared bar styles --- */

.header__bar,
.header__bar-mobile {
  background-color: var(----pure-black);
  width: 100%;
  /* Nav token overrides for dark header bar */
  --navigation---nav-text: var(--neutral---neutral-100);
  --navigation---nav-text-selected: var(----pure-white);
  --navigation---nav-focus-ring: var(----primary-focus-ring);
}

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: var(--section-padding-block-header) var(--container-padding-inline);
}

@media (min-width: 1024px) {
  .header__container {
    gap: 1rem;
  }
}

/* --- Logo --- */

.header__logo {
  display: block;
  flex-shrink: 0;
  text-decoration: none;
}

.header__logo img {
  display: block;
  height: 64px;
  width: auto;
  object-fit: contain;
}

.header__logo--mobile {
  margin: 0;
}

.header__logo--mobile img {
  height: 40px;
}

/* --- Desktop bar: hidden on mobile --- */

.header__bar {
  display: none;
}

/* --- Mobile bar: visible on mobile --- */

.header__bar-mobile {
  display: flex;
}

.header__bar-mobile .header__container {
  flex-direction: row;
}

/* --- Mobile actions --- */

.header__mobile-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--spacing-space-4);
}

/* --- Hamburger button --- */

.header__hamburger,
.header__hamburger:hover,
.header__hamburger:focus,
.header__hamburger:active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--navigation---nav-text);
  cursor: pointer;
}

.header__hamburger svg {
  width: 32px;
  height: 32px;
}

/* --- CTA mobile (icon-only) --- */

.header__cta-mobile {
  text-decoration: none;
}

.header__cta-mobile svg {
  width: var(--icons---icon-button-s);
  height: var(--icons---icon-button-s);
  fill: currentColor;
}

/* ==========================================================================
   DESKTOP NAV (>= 1024px)
   ========================================================================== */

@media (min-width: 1024px) {
  .header__bar {
    display: flex;
    justify-content: center;
  }

  .header__bar-mobile {
    display: none;
  }

  /* --- Nav list --- */

  .header__nav-list {
    display: flex;
    align-items: center;
    /* Fluid gap: full 0.75rem at >= 1280px, shrinks linearly to 0 at
       1024px to reclaim horizontal space and avoid the nav overflow in
       the 1024-1080px range. */
    gap: clamp(0rem, calc(4.6875vw - 48px), var(--spacing-space-5));
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* --- Nav item --- */

  .header__nav-item {
    position: relative;
  }

  /* --- Nav link (primary level) --- */

  .header__nav-link {
    display: inline-flex;
    align-items: center;
    gap: var(--gap---gap-navigation);
    padding: var(--padding-y---padding-y-navigation-primary) var(--padding-x---padding-x-navigation-primary);
    font-family: var(--base-font-family), sans-serif;
    font-size: var(--size-nav-primary-size);
    font-weight: var(--weight-nav-weight);
    line-height: var(--line-height-nav-primary-line-height);
    letter-spacing: var(--tracking-nav-primary-tracking);
    color: var(--navigation---nav-text);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--border-radius---radius-navigation);
    transition: color 0.15s ease;
  }

  .header__nav-link:hover,
  .header__nav-link:focus-visible {
    color: var(--navigation---nav-text-selected);
  }

  .header__nav-link:focus-visible {
    outline: 2px solid var(--navigation---nav-focus-ring);
    outline-offset: 2px;
  }

  /* Highlight primary link when submenu is open */
  .header__nav-item--has-submenu:hover > .header__nav-link,
  .header__nav-item--has-submenu:focus-within > .header__nav-link,
  .header__nav-item--has-submenu.header__nav-item--open > .header__nav-link {
    color: var(--navigation---nav-text-selected);
  }

  /* --- Actions (lang + CTA) --- */

  .header__actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-space-5);
    flex-shrink: 0;
  }

  .header__cta {
    text-decoration: none;
    white-space: nowrap;
  }

  /* Fix btn-s specificity: .btn .btn__icon (medium) cascades after .btn-s .btn__icon
     in _buttons.css, so we force the small sizing with higher specificity here. */
  .header__actions .btn-s .btn__icon {
    padding: 0.375rem;
  }

  .header__actions .btn-s .btn__icon svg {
    width: var(--icons---icon-button-s);
    height: var(--icons---icon-button-s);
  }

  .header__actions .btn-s .btn__text {
    padding: 0 var(--padding-x---padding-x-button-s-text);
  }

  /* ==========================================================================
     SUBMENU DROPDOWN — Fallback (all browsers)
     Dropdown left-aligned to the trigger <li>.
     Arrow at a fixed offset (~center of a typical nav item).
     ========================================================================== */

  .header__submenu {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: var(--spacing-space-6);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 1000;
    /* Restore nav tokens: dropdown panel has a light background */
    --navigation---nav-text: var(--neutral---neutral-900);
    --navigation---nav-text-selected: var(--primary---primary-700);
  }

  /* Show on hover / focus-within / JS class */
  .header__nav-item--has-submenu:hover > .header__submenu,
  .header__nav-item--has-submenu:focus-within > .header__submenu,
  .header__nav-item--has-submenu.header__nav-item--open > .header__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Lockout: dopo un click su un submenu link (specialmente target="_blank"
     che apre nuova tab), il JS aggiunge `header-submenu-lock` al body per
     ~1s. Questo override `!important` impedisce qualsiasi riapertura dovuta
     a `:hover` o mouseenter sintetici al ritorno sulla tab. */
  body.header-submenu-lock .header__submenu,
  body.header-submenu-lock .header__submenu-arrow {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Arrow / caret — lives inside the <li> (position:relative).
     left:50% = center of the <li> = center of the trigger link.
     Positioned so its top half peeks above the submenu panel while
     the bottom half hides behind it. The submenu has padding-top:16px,
     so the panel starts 16px below the <li>. We place the arrow so its
     visual center aligns with the panel top edge. */
  .header__submenu-arrow {
    position: absolute;
    top: 100%;
    margin-top: 4px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    background-color: var(--accent-1---accent-1-100);
    border-radius: 2px 0 2px 0;
    transform: rotate(45deg);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
  }

  .header__nav-item--has-submenu:hover > .header__submenu-arrow,
  .header__nav-item--has-submenu:focus-within > .header__submenu-arrow,
  .header__nav-item--has-submenu.header__nav-item--open > .header__submenu-arrow {
    opacity: 1;
  }

  /* Inner panel */
  .header__submenu-inner {
    display: flex;
    background-color: var(--accent-1---accent-1-100);
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    min-width: 280px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    clip-path: inset(0 -30px -30px -30px round 24px);
  }

  /* Column */
  .header__submenu-col {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space-4);
    padding: var(--spacing-space-8) var(--spacing-space-6);
  }

  /* Second column (darker bg + right rounded corners) */
  .header__submenu-col--secondary {
    background-color: var(--accent-1---accent-1-200);
    border-radius: 0 24px 24px 0;
  }

  /* Submenu title */
  .header__submenu-title {
    display: block;
    padding: var(--padding-y---padding-y-navigation-secondary) var(--padding-x---padding-x-navigation-secondary);
    font-family: var(--title-font-family), sans-serif;
    font-size: var(--typography-font-size-font-size-20);
    font-weight: var(--typography-font-weight-fw-bold);
    line-height: var(--typography-line-height-line-height-20);
    letter-spacing: var(--tracking-nav-secondary-tracking);
    color: var(--navigation---nav-text);
    white-space: nowrap;
  }

  /* Submenu link list */
  .header__submenu-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Submenu link */
  .header__submenu-link {
    display: inline-flex;
    align-items: center;
    gap: var(--gap---gap-navigation);
    padding: var(--padding-y---padding-y-navigation-secondary) var(--padding-x---padding-x-navigation-secondary);
    font-family: var(--base-font-family), sans-serif;
    font-size: var(--size-nav-secondary-size);
    font-weight: var(--weight-nav-weight);
    line-height: var(--line-height-nav-secondary-line-height);
    letter-spacing: var(--tracking-nav-secondary-tracking);
    color: var(--navigation---nav-text);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--border-radius---radius-navigation);
    transition: color 0.15s ease;
  }

  .header__submenu-link:hover {
    color: var(--navigation---nav-text-selected);
  }

  .header__submenu-link:focus-visible {
    outline: 2px solid var(--navigation---nav-focus-ring);
    outline-offset: 2px;
  }
}

/* ==========================================================================
   SUBMENU — Anchor Positioning Enhancement (~90% of Italian users)
   Progressive enhancement: arrow tracks the exact center of the trigger.
   Auto-flips when the dropdown would overflow the viewport.
   ========================================================================== */

@supports (anchor-name: --a) {
  @media (min-width: 1024px) {

    /* Each <li> scopes its anchor so multiple nav items don't collide */
    .header__nav-item--has-submenu {
      anchor-scope: --header-nav-trigger;
    }

    /* The primary link becomes the anchor */
    .header__nav-item--has-submenu > .header__nav-link {
      anchor-name: --header-nav-trigger;
    }

    /* Dropdown left-aligned to the trigger's left edge.
       position:fixed so anchor() functions resolve correctly.
       flip-inline auto-flips when the dropdown would overflow the viewport. */
    .header__nav-item--has-submenu > .header__submenu {
      position: fixed;
      position-anchor: --header-nav-trigger;
      top: anchor(bottom);
      left: anchor(left);
      transform: none;
      position-try-fallbacks: flip-inline;
      position-visibility: anchors-visible;
    }

    /* Arrow: already at left:50% of the <li> = center of trigger. No override needed. */
  }
}

/* ==========================================================================
   LANGUAGE SWITCHER (shared desktop + drawer)
   ========================================================================== */

.header__lang {
  position: relative;
}

.header__lang-trigger {
  cursor: pointer;
}

.header__actions .header__lang .btn__text {
  padding-left: 4px;
  padding-right: 16px;
}

/* Chevron suffix: wrapped in a circle like the prefix icon */
.header__lang-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  border-radius: 999px;
  transition: transform 0.2s ease;
}

.header__lang-chevron svg {
  width: 12px;
  height: 8px;
}

/* Rotate chevron when open */
.header__lang.is-open .header__lang-chevron {
  transform: rotate(180deg);
}

/* Dropdown */
.header__lang-dropdown {
  position: absolute;
  bottom: calc(100% + var(--spacing-space-2));
  left: 0;
  display: none;
  flex-direction: column;
  min-width: 100%;
  background-color: var(----pure-white);
  border-radius: var(--radius-radius-4);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  list-style: none;
  margin: 0;
  padding: var(--spacing-space-2) 0;
  z-index: 1010;
  /* Reset nav-text tokens overridden by the dark header bar */
  --navigation---nav-text: var(--neutral-2---neutral-900);
  --navigation---nav-text-selected: var(--neutral-2---neutral-900);
}

@media (min-width: 1024px) {
  .header__lang-dropdown {
    bottom: auto;
    top: calc(100% + var(--spacing-space-2));
  }
}

.header__lang.is-open .header__lang-dropdown {
  display: flex;
}

.header__lang-option {
  display: block;
  padding: var(--spacing-space-3) var(--spacing-space-5);
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--size-button-s-size);
  font-weight: var(--weight-button-s-weight);
  line-height: var(--line-height-button-s-line-height);
  letter-spacing: var(--tracking-button-s-tracking);
  color: var(--navigation---nav-text);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

.header__lang-option:hover {
  background-color: var(--navigation---nav-bg-hover);
}

.header__lang-option--active {
  color: var(--navigation---nav-text-selected);
}

/* ==========================================================================
   MOBILE DRAWER
   ========================================================================== */

.header__backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.3);
}

.header__backdrop.is-open {
  display: block;
}

.header__drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 640px;
  z-index: 1050;
  background-color: var(--accent-1---accent-1-100);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(101%);
  transition: transform 0.3s ease-in-out;
}

.header__drawer[hidden] {
  display: block;
  transform: translateX(101%);
  visibility: hidden;
  pointer-events: none;
}

.header__drawer.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}

.header__drawer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: var(--spacing-space-9) var(--spacing-space-8);
  border-radius: 48px;
}

/* Drawer header */
.header__drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-bottom: var(--spacing-space-5);
}

.header__drawer-title {
  font-family: var(--title-font-family), sans-serif;
  font-size: var(--size-h4-size);
  font-weight: var(--typography-font-weight-fw-medium);
  line-height: var(--line-height-h4-line-height);
  letter-spacing: var(--tracking-h4-tracking);
  color: var(--text---text-color);
}

.header__drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: var(--text---text-color);
}

.header__drawer-close svg {
  width: 16px;
  height: 16px;
}

/* Drawer body */
.header__drawer-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: safe center;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  gap: var(--spacing-space-8);
  padding: var(--section-padding-block-header) var(--container-padding-inline);
}

/* Drawer logo */
.header__drawer-logo {
  display: block;
  text-decoration: none;
}

.header__drawer-logo img {
  display: block;
  height: 64px;
  width: auto;
  object-fit: contain;
}

/* Drawer nav */
.header__drawer-nav {
  width: 100%;
}

.header__drawer-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-6);
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__drawer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-2);
}

/* Drawer links */
.header__drawer-link {
  display: inline-flex;
  align-items: center;
  gap: var(--gap---gap-navigation);
  text-decoration: none;
  text-align: center;
  transition: color 0.15s ease;
}

.header__drawer-link--primary {
  padding: var(--padding-y---padding-y-navigation-primary) var(--padding-x---padding-x-navigation-primary);
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--size-nav-primary-size);
  font-weight: var(--weight-nav-weight);
  line-height: var(--line-height-nav-primary-line-height);
  letter-spacing: var(--tracking-nav-primary-tracking);
  color: var(--navigation---nav-text);
}

.header__drawer-link--secondary {
  padding: var(--padding-y---padding-y-navigation-secondary) var(--padding-x---padding-x-navigation-secondary);
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--size-nav-secondary-size);
  font-weight: var(--weight-nav-weight);
  line-height: var(--line-height-nav-secondary-line-height);
  letter-spacing: var(--tracking-nav-secondary-tracking);
  color: var(--navigation---nav-text);
}

.header__drawer-link:hover,
.header__drawer-link:focus-visible {
  color: var(--navigation---nav-text-selected);
}

.header__drawer-link:focus-visible {
  outline: 2px solid var(--navigation---nav-focus-ring);
  outline-offset: 2px;
}

/* Drawer sublist */
.header__drawer-sublist {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Drawer footer */
.header__drawer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: var(--spacing-space-4);
  margin-top: auto;
  padding-top: var(--spacing-space-6);
}

.header__drawer-footer .header__cta {
  text-decoration: none;
  white-space: nowrap;
}

/* Fix btn-s specificity for drawer footer buttons */
.header__drawer-footer .btn-s .btn__icon {
  padding: 0.375rem;
}

.header__drawer-footer .btn-s .btn__icon svg {
  width: var(--icons---icon-button-s);
  height: var(--icons---icon-button-s);
}

.header__drawer-footer .btn-s .btn__text {
  padding: 0 var(--padding-x---padding-x-button-s-text);
}

.header__drawer-footer .header__lang .btn__text {
  padding-left: 4px;
  padding-right: 16px;
}

/* Hide drawer on desktop */
@media (min-width: 1024px) {
  .header__drawer {
    display: none !important;
  }
}

/* ==========================================================================
   COLLECTION — Dark drawer (UI 4 style)
   ========================================================================== */

.header__drawer {
  background-color: #000000;
}

.header__drawer-inner {
  border-radius: 0;
}

.header__drawer-title,
.header__drawer-close,
.header__drawer-close:hover,
.header__drawer-close:focus,
.header__drawer-close:active {
  color: #ffffff;
}

.header__drawer-logo img {
  filter: brightness(0) invert(1);
}

.header__drawer-link--primary,
.header__drawer-link--secondary {
  color: rgba(255, 255, 255, 0.75);
}

.header__drawer-link:hover,
.header__drawer-link:focus-visible {
  color: #ffffff;
  opacity: 1;
}

.header__drawer-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.header__drawer-footer .header__cta {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #232323;
}

.header__drawer-footer .header__cta:hover {
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(255, 255, 255, 0.88);
}

.header__lang-dropdown {
  --navigation---nav-text: var(--neutral-2---neutral-900);
  --navigation---nav-text-selected: var(--neutral-2---neutral-900);
}

/* Session-swap CTA rule: the user-agent `[hidden]` rule loses against any
   class that sets `display: inline-flex` (e.g. `.btn`). Re-assert it on
   `[data-cta]` elements so the hidden variant truly disappears. */
[data-cta][hidden] {
  display: none !important;
}

}
@scope (.hubspot-scope) {
.hero-custom--light{--hero-band-bg:var(--surfaces---bg-dark);--hero-top-bg:var(--surfaces---bg-light);--hero-text:var(--text---text-color);--hero-weak:var(--text---text-color-weak);--hero-ring:var(--surfaces---bg-dark)}.hero-custom--x-dark{--hero-band-bg:var(--surfaces---bg-light);--hero-top-bg:var(--surfaces---bg-dark);--hero-text:var(----pure-white);--hero-weak:var(--neutral---neutral-100);--hero-ring:var(--surfaces---bg-light)}.hero-custom{align-items:center;background-color:var(--hero-band-bg);display:flex;flex-direction:column;overflow:hidden;padding-bottom:6rem}@media (min-width:1024px){.hero-custom{padding-bottom:23rem}}.hero-custom__text-row{background-color:var(--hero-top-bg);color:var(--hero-text);display:flex;justify-content:center;margin-bottom:-2rem;padding:1.5rem var(--container-padding-inline) 5.5rem;width:100%}@media (min-width:1024px){.hero-custom__text-row{margin-bottom:-19rem;padding:3rem 1.5rem}}.hero-custom__inner{display:flex;max-width:var(--container-max-width);padding-inline:var(--container-padding-inline);width:100%}.hero-custom__content{display:flex;flex-direction:column;gap:var(--gap---gap-container-generic);width:100%}@media (min-width:1024px){.hero-custom__content{max-width:41.875rem}}.hero-custom--no-media .hero-custom__text-row{margin-bottom:0}.hero-custom--no-media{padding-bottom:6rem}@media (min-width:1024px){.hero-custom--no-media .hero-custom__content{max-width:none}}.hero-custom__breadcrumb-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.hero-custom__breadcrumb-item,.hero-custom__breadcrumb-list{align-items:center;display:flex;gap:var(--gap---gap-breadcrumbs)}.hero-custom__breadcrumb-link{color:var(--hero-weak);font-size:var(--size-small-size);font-weight:var(--weight-caption-weight);letter-spacing:var(--tracking-caption-tracking);line-height:var(--line-height-caption-line-height);position:relative;text-decoration:none}.hero-custom__breadcrumb-link:after{background-color:var(--hero-weak);border-radius:var(--border-radius---radius-link);bottom:0;content:"";height:1px;left:-1px;position:absolute;right:-1px}.hero-custom__breadcrumb-link:hover{opacity:.75}.hero-custom__breadcrumb-link:focus-visible{border-radius:var(--border-radius---radius-link-focus);outline:2px solid var(--hero-weak);outline-offset:2px}.hero-custom__breadcrumb-current,.hero-custom__breadcrumb-sep{color:var(--hero-weak);font-size:var(--size-small-size);font-weight:var(--weight-caption-weight);letter-spacing:var(--tracking-caption-tracking);line-height:var(--line-height-caption-line-height)}.hero-custom__text{color:var(--hero-text);display:flex;flex-direction:column;gap:1rem}.hero-custom__title{color:inherit;font-family:var(--base-font-family),sans-serif;font-size:var(--size-h1-size);font-weight:var(--weight-h1-weight);letter-spacing:var(--tracking-h1-tracking);line-height:var(--line-height-h1-line-height);margin:0}.hero-custom__subtitle{color:inherit;font-size:var(--size-lead-size);font-weight:var(--weight-lead-weight);letter-spacing:var(--tracking-lead-tracking);line-height:var(--line-height-lead-line-height);margin:0}.hero-custom__cta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap-gap-4)}.hero-custom__grid{display:contents}.hero-custom__image-row{display:flex;justify-content:center;margin-bottom:-2rem;width:100%}.hero-custom--media-card .hero-custom__image-row,.hero-custom__image-row{padding-inline:var(--container-padding-inline)}@media (min-width:1024px){.hero-custom__image-row{justify-content:flex-end;margin-bottom:-19rem;max-width:var(--container-max-width);padding-inline:1rem}}.hero-custom__image-card{background-color:var(--quinary---quinary-950);border-radius:1.5rem;box-shadow:0 0 0 1rem var(--hero-ring);flex-shrink:0;overflow:hidden;width:100%}@media (min-width:1024px){.hero-custom__image-card{border-radius:2.5rem;width:41.125rem}}.hero-custom__image{border-radius:1.5rem;display:block;height:25rem;object-fit:cover;width:100%}.hero-custom__video-embed{background-color:var(--neutral---neutral-950);height:25rem;position:relative;width:100%}.hero-custom__video-embed iframe,.hero-custom__video-embed video{border:none;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-custom__video-embed>:not(.hero-custom__video-thumbnail):not(.hero-custom__video-play):not(iframe):not(video){height:100%;inset:0;position:absolute;width:100%}.hero-custom__video-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.hero-custom__video-embed.is-playing .hero-custom__video-play,.hero-custom__video-embed.is-playing .hero-custom__video-thumbnail{display:none}.hero-custom__video-play{align-items:center;background:transparent;border:none;color:var(--surfaces---bg-light);cursor:pointer;display:flex;height:8rem;justify-content:center;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease,opacity .15s ease;width:8rem}.hero-custom__video-play:hover{opacity:.9;transform:translate(-50%,-50%) scale(1.06)}.hero-custom__video-play:focus-visible{border-radius:50%;outline:2px solid var(----pure-white);outline-offset:3px}.hero-custom--media-full{background-color:var(--hero-top-bg);padding-bottom:0}.hero-custom--media-full .hero-custom__text-row{margin-bottom:0}.hero-custom--media-full .hero-custom__image-row{margin-bottom:0;padding-inline:0}.hero-custom--media-full .hero-custom__image-card{border-radius:0;box-shadow:none}.hero-custom--media-full .hero-custom__image{border-radius:0;height:25rem}@media (min-width:1024px){.hero-custom--media-full{padding-bottom:0}.hero-custom--media-full .hero-custom__grid{align-items:stretch;display:grid;grid-template-columns:1fr 1fr;min-height:var(--section-min-height-hero);width:100%}.hero-custom--media-full .hero-custom__text-row{align-items:center;margin-bottom:0;padding:4rem 1.5rem 4rem max(1.5rem,calc((100vw - var(--container-max-width))/2));width:auto}.hero-custom--media-full .hero-custom__image-row{display:flex;flex-direction:column;margin:0;max-width:none;padding:0;width:auto}.hero-custom--media-full .hero-custom__image-card{background-color:transparent;border-radius:0;box-shadow:none;flex:1;width:100%}.hero-custom--media-full .hero-custom__image{border-radius:0;height:100%;width:100%}}@media (min-width:1024px) and (max-width:1279px){.hero-custom--media-card{padding-bottom:6rem}.hero-custom--media-card .hero-custom__text-row{margin-bottom:-2rem;padding-bottom:5.5rem}.hero-custom--media-card .hero-custom__content{max-width:none}.hero-custom--media-card .hero-custom__image-row{justify-content:center;margin-bottom:-2rem;max-width:100%;padding-inline:var(--container-padding-inline)}.hero-custom--media-card .hero-custom__image-card{border-radius:var(--border-radius---radius-card-desktop);width:100%}}@media (min-width:1280px){.hero-custom--media-card .hero-custom__image-card{width:min(41.125rem,calc(var(--container-max-width) - 48rem))}}.hero-custom--media-simple{background-color:var(--hero-top-bg);padding-bottom:0}.hero-custom--media-simple .hero-custom__image-card{background-color:transparent;box-shadow:none}.hero-custom--media-simple .hero-custom__image,.hero-custom--media-simple .hero-custom__image-card{border-radius:var(--border-radius---radius-card-mobile)}@media (min-width:1024px){.hero-custom--media-simple{padding-bottom:0}.hero-custom--media-simple .hero-custom__grid{align-items:center;display:grid;grid-template-columns:1fr 1fr;margin-inline:auto;max-width:var(--container-max-width);width:100%}.hero-custom--media-simple .hero-custom__text-row{margin-bottom:0;padding:4rem 1.5rem;width:auto}.hero-custom--media-simple .hero-custom__image-row{margin-bottom:0;max-width:none;padding-inline:1.5rem;width:auto}.hero-custom--media-simple .hero-custom__image-card{border-radius:var(--border-radius---radius-card-mobile)}}
}
@scope (.hubspot-scope) {
.home-search--dark{--hs-bg:var(----pure-black,#000);--hs-text:var(----pure-white,#fff);--hs-text-weak:var(--neutral---neutral-100);--hs-bar-ring:var(----pure-black,#000)}.home-search--light{--hs-bg:var(--surfaces---bg-light);--hs-text:var(--text---text-color);--hs-text-weak:var(--text---text-color-weak);--hs-bar-ring:var(--surfaces---bg-light)}.home-search{align-items:center;background-color:var(--hs-bg);color:var(--hs-text);display:flex;flex-direction:column;padding-block:5rem;width:100%}@media (min-width:1024px){.home-search{padding-block:8rem}}.home-search__container{display:flex;flex-direction:column;gap:3rem;max-width:var(--container-max-width,90rem);padding-inline:var(--container-padding-inline,1rem);width:100%}@media (min-width:1024px){.home-search__container{padding-inline:1rem}}.home-search__top{display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.home-search__top{align-items:center;display:grid;gap:2rem;grid-template-columns:4fr 8fr}}.home-search__text-col{display:flex;flex-direction:column;gap:1.5rem}.home-search__title{color:inherit;font-family:var(--title-font-family,var(--base-font-family)),serif;font-size:2.25rem;font-weight:400;letter-spacing:var(--tracking-h2-tracking,.15px);line-height:1.15;margin:0;text-transform:none}@media (min-width:1024px){.home-search__title{font-size:2.75rem;line-height:3rem}}.home-search__subtitle{color:inherit;font-family:var(--base-font-family),sans-serif;font-size:var(--size-body-size,1rem);font-weight:var(--weight-body-weight,400);letter-spacing:var(--tracking-body-tracking,0);line-height:var(--line-height-body-line-height,1.5rem);margin:0;opacity:.85}.home-search__image-col{aspect-ratio:16/9;border-radius:1rem;overflow:hidden}@media (min-width:1024px){.home-search__image-col{aspect-ratio:auto;height:27rem}}.home-search__image{display:block;height:100%;object-fit:cover;width:100%}.home-search__bar-wrap{width:100%}.home-search__bar{background-color:var(--quinary---quinary-950);border-radius:2rem;box-shadow:0 0 0 1rem var(--hs-bar-ring);display:flex;flex-direction:column;overflow:clip}@media (min-width:1024px){.home-search__bar{border-radius:2rem;box-shadow:0 0 0 .75rem var(--hs-bar-ring);display:grid;grid-template-columns:8fr 4fr}}.home-search__base{background-color:var(--surfaces---bg-light);display:flex;flex-direction:column;gap:.5rem;padding:1rem 1rem 1.5rem}@media (min-width:1024px){.home-search__base{border-radius:2rem 0 0 2rem;gap:1rem;justify-content:center;padding:2rem 3rem}}.home-search__tabs{align-items:center;background-color:rgba(227,220,197,.5);border-radius:999px;display:flex;gap:.5rem;padding:.25rem}@media (min-width:1024px){.home-search__tabs{background-color:transparent;padding:0}}.home-search__tab{align-items:center;background-color:var(--accent-1---accent-1-100);border:none;border-radius:999px;color:var(--text---text-color-weak);cursor:pointer;display:flex;flex:1;font-family:var(--base-font-family),sans-serif;font-size:var(--size-label-size);font-weight:var(--weight-label-weight);justify-content:center;letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-label-line-height);padding:.125rem .5rem;text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.home-search__tab:hover{background-color:var(--accent-1---accent-1-200)}.home-search__tab:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__tab.is-active{background-color:var(----pure-black);color:var(----pure-white)}.home-search__tab--link{display:none}@media (min-width:1024px){.home-search__tab--link{display:flex}}.home-search__input{align-items:center;background-color:var(--input---input-bg);border:1px solid var(--borders---border-color);border-radius:var(--border-radius---radius-pill);cursor:pointer;display:flex;gap:.5rem;height:2.5rem;padding:.5rem .25rem .5rem 1rem;transition:border-color .15s ease;width:100%}@media (min-width:1024px){.home-search__input{height:3rem;padding-left:1.5rem}}.home-search__input:hover{border-color:var(----primary-blue)}.home-search__input:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__input-placeholder{color:var(--text---text-color-weaker);flex:1;font-family:var(--base-font-family),sans-serif;font-size:var(--size-placeholder-s-size);font-weight:var(--weight-placeholder-weight);letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-placeholder-s-line-height);min-width:0;text-align:left}@media (min-width:1024px){.home-search__input-placeholder{font-size:var(--size-placeholder-m-size);line-height:var(--line-height-placeholder-m-line-height)}}.home-search__input-btn{align-items:center;background-color:var(--quinary---quinary-950);border-radius:var(--border-radius---radius-button-s);color:var(----pure-white);display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}@media (min-width:1024px){.home-search__input-btn{height:2.5rem;width:2.5rem}.home-search__input-btn svg{height:20px;width:20px}}.home-search__link-tabs{align-items:center;display:flex;gap:.5rem}@media (min-width:1024px){.home-search__link-tabs{display:none}}.home-search__link-tab{align-items:center;background-color:var(--accent-1---accent-1-100);border:1px solid var(--accent-1---accent-1-300);border-radius:9999px;color:var(--text---text-color-weak);cursor:pointer;display:flex;flex:1;font-family:var(--base-font-family),sans-serif;font-size:.8125rem;font-weight:var(--weight-label-weight);justify-content:center;letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-label-line-height);padding:.125rem .5rem;text-align:center;text-decoration:none;transition:background-color .15s ease;white-space:nowrap}.home-search__link-tab:hover{background-color:var(--accent-1---accent-1-200)}.home-search__link-tab:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__ai{align-items:flex-start;background-color:var(--accent-1---accent-1-200);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:11.25rem;padding:1rem}@media (min-width:1024px){.home-search__ai{border-radius:0 2rem 2rem 0;gap:1rem;padding:2rem 3rem}}.home-search__ai-title{color:var(--text---text-color);font-family:var(--base-font-family),sans-serif;font-size:1.125rem;font-weight:var(--typography-font-weight-fw-bold);letter-spacing:var(--tracking-button-s-tracking);line-height:1.25rem;text-transform:uppercase}@media (min-width:1024px){.home-search__ai-title{font-size:1.25rem;line-height:1.5rem}}.home-search__ai-suggestion{align-items:flex-start;background-color:var(--surfaces---bg-light);border-radius:99px;display:flex;gap:.5rem;padding:.25rem 1.25rem;width:100%}.home-search__ai-quote{color:var(--text---text-color);flex-shrink:0;padding-top:.25rem;width:1.25rem}.home-search__ai-suggestion-text{color:rgba(35,35,35,.8);font-family:var(--base-font-family),sans-serif;font-size:.8125rem;font-style:italic;font-weight:var(--weight-label-weight);line-height:1rem}.home-search__ai-input{align-items:center;background-color:var(--input---input-bg);border:1px solid var(--borders---border-color);border-radius:var(--border-radius---radius-pill);cursor:pointer;display:flex;gap:.5rem;height:2.5rem;padding:.5rem .25rem .5rem 1rem;transition:border-color .15s ease;width:100%}.home-search__ai-input:hover{border-color:var(----primary-blue)}.home-search__ai-input:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__ai-input-placeholder{color:var(--text---text-color-weaker);flex:1;font-family:var(--base-font-family),sans-serif;font-size:var(--size-placeholder-s-size);font-weight:var(--weight-placeholder-weight);letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-placeholder-s-line-height);min-width:0;text-align:left}.home-search__ai-input-btn{align-items:center;background:linear-gradient(135deg,var(----primary-blue) 0,var(----primary-red) 100%);border:none;border-radius:var(--border-radius---radius-button-s);color:var(----pure-white);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.home-search__drawer{align-items:flex-end;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@media (min-width:1024px){.home-search__drawer{align-items:center}}.home-search__drawer[hidden]{display:none}.home-search__drawer-panel{padding:1.5rem 1rem calc(1rem + env(safe-area-inset-bottom))}@media (min-width:1024px){.home-search__drawer-panel{border-radius:2rem;max-height:80vh;max-width:40rem;opacity:0;transform:translateY(1rem);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.home-search__drawer.is-open .home-search__drawer-panel{opacity:1;transform:translateY(0)}}.home-search__drawer-title,h2.home-search__drawer-title{font-family:var(--base-font-family),sans-serif;font-size:1.25rem;font-style:normal;font-weight:500;line-height:1.75rem;text-transform:none}.home-search__drawer-body{gap:.5rem;padding:.25rem}.home-search__drawer-input-btn-label{display:inline-block;font-size:.875rem;font-weight:600;line-height:1;max-width:0;overflow:hidden;padding-left:0;padding-right:0;transition:max-width .3s ease-out,padding .3s ease-out;white-space:nowrap}.home-search__drawer-input-wrap:has(.home-search__drawer-input:not(:placeholder-shown)) .home-search__drawer-input-btn-label{max-width:5rem;padding-left:.75rem;padding-right:.25rem}.home-search__drawer-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,14,53,.3);cursor:pointer;inset:0;position:absolute}.home-search__drawer-panel{background-color:var(----pure-white);border-radius:2rem 2rem 0 0;display:flex;flex-direction:column;gap:.75rem;max-height:90vh;padding:1.5rem 0 1rem;position:relative;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.home-search__drawer.is-open .home-search__drawer-panel{transform:translateY(0)}@media (min-width:1024px){.home-search__drawer-panel{border-radius:2rem;max-height:80vh;max-width:52.5rem;opacity:0;transform:translateY(1rem);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.home-search__drawer.is-open .home-search__drawer-panel{opacity:1;transform:translateY(0)}}.home-search__drawer-header{align-items:center;display:flex;justify-content:space-between;min-height:2rem;padding-left:1.5rem;padding-right:1.5rem}.home-search__drawer-title{font-weight:var(--typography-font-weight-fw-bold);text-transform:none}.home-search__drawer-close{align-items:center;background:none;border:none;border-radius:var(--border-radius---radius-button-s);color:var(--text---text-color);cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:.25rem;width:1.5rem}.home-search__drawer-close:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__drawer-body{display:flex;flex:0 1 auto;flex-direction:column;min-height:0;overflow-y:auto;padding:0 .5rem}.home-search__drawer-input-wrap{align-items:center;background-color:var(--input---input-bg);border:1px solid var(--borders---border-color);border-radius:var(--border-radius---radius-pill);display:flex;gap:.5rem;height:2.5rem;margin-left:1.5rem;margin-right:1.5rem;padding:.25rem .25rem .25rem 1rem}.home-search__drawer-body{gap:2rem;padding:0 1.5rem}.home-search__drawer-input-wrap:focus-within{border-color:var(----primary-blue);box-shadow:0 0 0 1px var(----primary-blue)}.home-search__zone-chip{align-items:center;background-color:rgba(0,0,0,.08);border-radius:9999px;color:var(--text---text-color);display:inline-flex;font-size:1rem;font-weight:600;gap:.375rem;line-height:1.25;max-width:calc(100% - 3rem);padding:.25rem .625rem}.home-search__zone-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-search__zone-chip-clear{align-items:center;appearance:none;background:none;border:0;border-radius:9999px;color:var(--text---text-color);cursor:pointer;display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;padding:0;width:1rem}.home-search__zone-chip-clear:hover{background-color:rgba(0,0,0,.1)}.home-search__zone-chip{margin-right:auto}.home-search__drawer-input{background:none;border:none;color:var(--text---text-color);flex:1;font-family:var(--base-font-family),sans-serif;font-size:1rem;font-weight:var(--weight-placeholder-weight);letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-placeholder-s-line-height);margin:0;min-width:0;padding:0}@media (min-width:1024px){.home-search__drawer-input{font-size:var(--size-placeholder-s-size)}}.home-search__drawer-input::placeholder{color:var(--text---text-color-weaker)}.home-search__drawer-input:focus{outline:none}.home-search__drawer-input-btn{align-items:center;border:none;border-radius:var(--border-radius---radius-button-s);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.home-search__drawer-input-btn--ai{background:linear-gradient(135deg,var(----primary-blue) 0,var(----primary-red) 100%);color:var(----pure-white);gap:0;min-width:2rem;width:auto}.home-search__drawer-options{display:flex;flex-direction:column;gap:.25rem}.home-search__drawer-options[hidden]{display:none}.home-search__drawer-option{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--text---text-color);cursor:pointer;display:flex;font-family:var(--base-font-family),sans-serif;font-size:var(--size-body-size);font-weight:var(--weight-small-weight);gap:.75rem;justify-content:flex-start;letter-spacing:var(--tracking-caption-tracking);line-height:var(--line-height-caption-line-height);padding:.5rem 1rem;text-align:left;transition:background-color .1s;width:100%}.home-search__drawer-option:hover{background-color:var(--surfaces---bg-trans-dark)}.home-search__drawer-option:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__drawer-option-icon{align-items:center;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.home-search__drawer-results{display:flex;flex-direction:column;gap:.25rem}.home-search__drawer-results[hidden]{display:none}.home-search__drawer-footer{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding-left:1.5rem;padding-right:1.5rem}.home-search__drawer-cancel,.home-search__drawer-submit{border-radius:9999px;flex:none;min-height:2rem;padding:.5rem 1.25rem;text-transform:none}.home-search__ai-suggestions{display:flex;flex-direction:column;gap:.625rem;padding-top:1.5rem}.home-search__ai-suggestions:last-child{padding-bottom:2.5rem}.home-search__ai-suggestions-title,h3.home-search__ai-suggestions-title{color:var(--text---text-color);font-family:var(--base-font-family),sans-serif;font-size:14px;font-weight:700;letter-spacing:.2px;line-height:20px;margin:0;text-transform:uppercase}.home-search__ai-chip{align-items:flex-start;background-color:var(--surfaces---bg-trans-dark);border:none;border-radius:1rem;color:var(--text---text-color);cursor:pointer;display:flex;font-family:var(--base-font-family),sans-serif;font-size:.875rem;font-style:normal;font-weight:400;gap:.75rem;justify-content:flex-start;line-height:1.25rem;padding:.75rem 1rem;text-align:left;text-transform:none;transition:background-color .15s ease;white-space:normal;width:100%}.home-search__ai-chip:hover{background-color:#d1d1d1}.home-search__ai-chip:focus-visible{outline:2px solid var(----primary-blue);outline-offset:2px}.home-search__ai-chip-icon{color:var(--text---text-color);flex-shrink:0;height:1.25rem;margin-top:.125rem;width:auto}.home-search__drawer [hidden]{display:none!important}.home-search__zone-drill-header{align-items:center;display:flex;gap:.25rem;padding:.25rem .5rem .5rem}.home-search__zone-drill-checkbox{align-items:center;display:flex;flex:1;gap:.5rem;min-width:0}.home-search__zone-back{align-items:center;appearance:none;background:none;border:0;border-radius:9999px;color:var(--text---text-color-weak,#475569);cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.home-search__zone-back:hover{background-color:rgba(0,0,0,.06);color:var(--text---text-color)}.home-search__zone-back-label{color:var(--text---text-color);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-search__zone-list{gap:0;list-style:none;margin:0;padding:0}.home-search__zone-item,.home-search__zone-list{display:flex;flex-direction:column}.home-search__zone-row{align-items:center;appearance:none;background:none;border:0;border-radius:.375rem;color:var(--text---text-color);cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:space-between;padding:.5rem 0;text-align:left;width:100%}@media (min-width:1024px){.home-search__zone-row{padding-inline:1rem}}.home-search__zone-row:hover{background-color:rgba(0,0,0,.04)}.home-search__zone-row--city,.home-search__zone-row--quadrant{align-items:center;background:none;border-radius:0;display:flex;gap:.5rem;padding:0}.home-search__zone-toggle{align-items:center;appearance:none;background:none;border:0;border-radius:.375rem;color:var(--text---text-color);cursor:pointer;display:flex;flex:1;font:inherit;gap:.75rem;min-width:0;padding:.5rem 0;text-align:left}@media (min-width:1024px){.home-search__zone-toggle{padding-inline:1rem}}.home-search__zone-toggle:hover{background-color:rgba(0,0,0,.04)}.home-search__zone-row-label{flex:1;font-size:.875rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1024px){.home-search__zone-row-label{font-size:1rem}}.home-search__zone-toggle--city .home-search__zone-row-label{font-weight:500}.home-search__zone-toggle--quadrant .home-search__zone-row-label{font-size:.875rem;font-weight:400}.home-search__zone-checkbox{align-items:center;appearance:none;background:#fff;border:1px solid #e7e7e7;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.5rem;justify-content:center;padding:0;position:relative;transition:background-color .15s ease,border-color .15s ease;width:1.5rem}.home-search__zone-checkbox svg{height:14px;opacity:0;transition:opacity .15s ease;width:14px}.home-search__zone-checkbox[data-state=checked],.home-search__zone-checkbox[data-state=partial]{background-color:var(----primary-blue);border-color:var(----primary-blue)}.home-search__zone-checkbox[data-state=checked] svg{opacity:1;transform:none}.home-search__zone-checkbox[data-state=partial] svg{opacity:0}.home-search__zone-checkbox[data-state=partial]:after{background:#fff;border-radius:1px;content:"";height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.75rem}.home-search__zone-checkbox-btn{align-items:center;appearance:none;background:none;border:0;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.125rem}.home-search__zone-checkbox-btn:hover{background-color:rgba(0,0,0,.06)}.home-search__zone-trailing{align-items:center;color:var(--text---text-color-weak);display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.home-search__zone-trailing svg{transition:transform .2s ease}.home-search__zone-trailing--expand[data-expanded=true] svg{transform:rotate(90deg)}.home-search__zone-group{display:flex;flex-direction:column}.home-search__zone-group-header{color:var(--text---text-color-weak,#64748b);font-size:.75rem;font-weight:700;letter-spacing:.4px;margin:0;padding:.75rem 1rem .25rem;text-transform:uppercase}.home-search__zone-group-list{padding:0}.home-search__zone-group-list,.home-search__zone-sublist{display:flex;flex-direction:column;list-style:none;margin:0}.home-search__zone-sublist{padding:0 0 0 2rem}.home-search__zone-status{color:var(--text---text-color-weak);font-size:.875rem;margin:0;padding:.75rem;text-align:center}@keyframes home-search-slide-in-right{0%{opacity:0;transform:translateX(8%)}to{opacity:1;transform:translateX(0)}}@keyframes home-search-slide-in-left{0%{opacity:0;transform:translateX(-8%)}to{opacity:1;transform:translateX(0)}}.home-search__zone-slide-right{animation:home-search-slide-in-right .36s cubic-bezier(.2,.8,.2,1)}.home-search__zone-slide-left{animation:home-search-slide-in-left .36s cubic-bezier(.2,.8,.2,1)}.home-search__drawer-panel{color:var(--text---text-color)}.home-search__drawer-body{gap:0}@media (min-width:1024px){.home-search__drawer-panel{border-radius:2rem}}.home-search__ai-error{background-color:rgba(220,38,38,.08);border-radius:.5rem;color:#991b1b;font-size:var(--size-small-size);line-height:var(--line-height-caption-line-height);margin:.5rem 1rem 0;padding:.5rem .875rem}.home-search__ai-error[hidden]{display:none}
}
@scope (.hubspot-scope) {
.lp--light{--lp-bg:var(--surfaces---bg-light);--lp-title:var(--text---text-color);--lp-card-bg:var(--surfaces---bg-white);--lp-text:var(--text---text-color);--lp-text-weak:var(--text---text-color-weak);--lp-chip-bg:var(--surfaces---bg-chip-default);--lp-chip-icon-filter:none;--lp-arrow-bg:var(--surfaces---bg-light);--lp-arrow-icon-filter:none;--lp-skeleton-base:var(--neutral---neutral-200);--lp-skeleton-shine:var(--neutral---neutral-100);--lp-contact-bg:var(--buttons-primary---btn-primary-bg);--lp-contact-icon-filter:invert(1)}.lp--dark{--lp-bg:var(--surfaces---bg-dark);--lp-title:var(----pure-white);--lp-card-bg:var(--surfaces---bg-light);--lp-text:var(--text---text-color);--lp-text-weak:var(--text---text-color-weak);--lp-chip-bg:var(--surfaces---bg-chip-default);--lp-chip-icon-filter:none;--lp-arrow-bg:var(--surfaces---bg-light);--lp-arrow-icon-filter:none;--lp-skeleton-base:var(--surfaces---bg-card-on-dark);--lp-skeleton-shine:#444;--lp-contact-bg:var(--buttons-primary---btn-primary-bg);--lp-contact-icon-filter:invert(1)}.lp{background-color:var(--lp-bg);color:var(--lp-text);justify-content:center;padding-block:var(--section-padding-block-m)}.lp,.lp__container{display:flex;width:100%}.lp__container{flex-direction:column;gap:var(--section-sectiongap,3rem);max-width:var(--container-max-width);padding-inline:var(--container-padding-inline)}.lp__header{display:flex;flex-direction:column;gap:var(--gap---gap-container-generic,1.5rem)}.lp__title{color:var(--lp-title);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h2-size,3.25rem);font-weight:400;letter-spacing:var(--tracking-h2-tracking,.15px);line-height:var(--line-height-h2-line-height,3.5rem);margin:0}.lp__header-cta{align-items:center;display:flex;flex-shrink:0}.lp__cta-link{align-items:center;color:var(--lp-title);display:inline-flex;font-family:var(--base-font-family),sans-serif;font-size:var(--size-button-m-size);font-weight:var(--weight-button-m-weight);gap:.375rem;letter-spacing:var(--tracking-button-m-tracking);line-height:var(--line-height-button-m-line-height);text-decoration:none;text-transform:uppercase;transition:opacity .15s linear}.lp__cta-link:hover{opacity:.7}.lp__cta-link:focus-visible{border-radius:var(--border-radius---radius-link);outline:2px solid var(--buttons-primary---btn-primary-focus);outline-offset:2px}.lp__cta-link svg{flex-shrink:0}@media (min-width:1024px){.lp__header{align-items:flex-end;flex-direction:row}.lp__title{flex:1}}.lp__carousel{align-items:center;display:flex;gap:1rem}.lp__track-wrap{flex:1;min-width:0;overflow:hidden;padding-block:4px}.lp__track{display:flex;gap:1rem;transition:transform .4s ease;will-change:transform}.lp__arrow{align-items:center;background-color:var(--lp-arrow-bg);border:none;border-radius:999px;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.lp__arrow img{filter:var(--lp-arrow-icon-filter)}.lp__arrow--prev{order:-1}.lp__arrow:disabled{cursor:default;opacity:.35}.lp__arrow:focus-visible{outline:2px solid var(----primary-focus-ring,currentColor);outline-offset:2px}.lp__card{background-color:var(--lp-card-bg);border-radius:.75rem;display:flex;flex:0 0 calc(33.33333% - 0.66667rem);flex-direction:column;min-width:0;overflow:hidden;position:relative;transition:box-shadow .3s ease}.lp__card:not(.lp__card--skeleton):hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.lp__card-image{flex-shrink:0;height:16rem;overflow:hidden;position:relative;width:100%}.lp__card-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.lp__card:not(.lp__card--skeleton):hover .lp__card-image img{transform:scale(1.05)}.lp__card-body{display:flex;flex:1;flex-direction:column;gap:1rem;padding:1.25rem .75rem}.lp__agency-name,.lp__agent-name,.lp__agent-photo,.lp__contact-btn,.lp__listing-info{transition:opacity .2s ease}.lp__agency-name,.lp__agent-name{transition:opacity .2s ease,text-decoration-color .2s ease}.lp__card:not(.lp__card--skeleton):hover .lp__agency-name,.lp__card:not(.lp__card--skeleton):hover .lp__agent-name,.lp__card:not(.lp__card--skeleton):hover .lp__agent-photo,.lp__card:not(.lp__card--skeleton):hover .lp__contact-btn,.lp__card:not(.lp__card--skeleton):hover .lp__listing-info{opacity:.8}.lp__card:not(.lp__card--skeleton):hover .lp__agency-name:hover,.lp__card:not(.lp__card--skeleton):hover .lp__agent-name:hover{opacity:1;text-decoration-color:currentColor}.lp__agent-row{justify-content:space-between}.lp__agent-info,.lp__agent-row{align-items:center;display:flex}.lp__agent-info{flex:1;gap:.25rem;min-width:0}.lp__agent-photo{background-color:var(--surfaces---bg-light);border:2px solid var(--neutral---neutral-200,#d1d1d1);border-radius:.5rem;flex-shrink:0;height:2.5rem;object-fit:cover;width:2.5rem}.lp__agent-photo--placeholder{align-items:center;background-color:var(--lp-chip-bg);display:flex;justify-content:center}.lp__agent-names{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lp__agency-name,.lp__agent-name{display:block;max-width:100%;min-height:1.5rem}.lp__agency-name{font-size:var(--size-small-size,.875rem);letter-spacing:var(--tracking-caption-tracking,.15px);line-height:var(--line-height-caption-lineheight,1rem)}.lp__agency-name,.lp__agent-name{color:var(--lp-text-weak);font-family:var(--base-font-family),sans-serif;font-weight:500;overflow:hidden;text-decoration:underline;text-decoration-color:transparent;text-overflow:ellipsis;text-underline-offset:2px;white-space:nowrap}.lp__agent-name{font-size:var(--size-label-size,1rem);line-height:var(--line-height-label-lineheight,1.25rem)}.lp__contact-btn{align-items:center;background-color:var(--lp-contact-bg);border:none;border-radius:999px;cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;text-decoration:none;width:2rem}.lp__contact-btn:focus-visible{box-shadow:0 0 0 2px var(--lp-bg),0 0 0 4px var(--buttons-primary---btn-primary-focus,#0043ff);outline:none}.lp__contact-btn img{filter:var(--lp-contact-icon-filter)}.lp__card-link{color:inherit;text-decoration:none}.lp__listing-info{display:flex;flex-direction:column;gap:.25rem}.lp__price-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.lp__price{color:var(--lp-text);font-family:var(--base-font-family),sans-serif;font-size:var(--size-label-size,1rem);font-weight:500;line-height:var(--line-height-label-lineheight,1.25rem);white-space:nowrap}.lp__listing-title{display:-webkit-box;font-family:var(--title-font-family),sans-serif;font-size:var(--size-h4-size,1.25rem);font-weight:var(--weight-h3-weight,600);letter-spacing:var(--tracking-h3-tracking,.15px);-webkit-line-clamp:2;line-height:var(--line-height-h6-lineheight,1.25rem);margin:0;-webkit-box-orient:vertical}.lp__address,.lp__listing-title{color:var(--lp-text);overflow:hidden}.lp__address{font-family:var(--base-font-family),sans-serif;font-size:var(--size-small-size,.875rem);font-weight:400;letter-spacing:var(--tracking-caption-tracking,.15px);line-height:var(--line-height-caption-lineheight,1rem);text-overflow:ellipsis;white-space:nowrap}.lp__chips{gap:.25rem;justify-content:space-between;padding:.75rem .75rem 1.25rem}.lp__chip,.lp__chips{align-items:center;display:flex}.lp__chip{background-color:var(--lp-chip-bg);border-radius:.375rem;gap:0;justify-content:center;min-width:4rem;overflow:hidden;padding:.125rem .25rem}.lp__chip-icon{filter:var(--lp-chip-icon-filter);flex-shrink:0;height:.75rem;width:.75rem}.lp__chip-text{color:var(--lp-text);font-family:var(--base-font-family),sans-serif;font-size:var(--size-small-size,.875rem);font-weight:400;letter-spacing:var(--tracking-caption-tracking,.15px);line-height:var(--line-height-caption-lineheight,1rem);padding-inline:.375rem;white-space:nowrap}@keyframes lp-shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.lp__card--skeleton{pointer-events:none}.lp__card-image--skeleton,.lp__skeleton-line{animation:lp-shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--lp-skeleton-base) 25%,var(--lp-skeleton-shine) 50%,var(--lp-skeleton-base) 75%);background-size:80rem 100%}.lp__skeleton-line{border-radius:.25rem;height:.875rem;width:100%}.lp__skeleton-line--short{width:40%}.lp__skeleton-line--long{width:70%}.lp__sr-status{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.lp__card:focus-within{box-shadow:0 0 0 2px var(--buttons-primary---btn-primary-focus,#0043ff)}.lp__card:focus-visible{outline:2px solid var(--buttons-primary---btn-primary-focus,#0043ff);outline-offset:2px}.lp__agency-name:focus-visible,.lp__agent-name:focus-visible,.lp__card-link:focus-visible{border-radius:var(--border-radius---radius-link,2px);outline:2px solid var(--buttons-primary---btn-primary-focus,#0043ff);outline-offset:2px}.lp__error{color:var(--lp-text-weak);font-family:var(--base-font-family),sans-serif;font-size:var(--size-label-size,1rem);padding-block:2rem;text-align:center}@media (max-width:1023px){.lp__card{flex:0 0 calc(50% - 0.5rem)}}@media (max-width:639px){.lp__title{font-size:clamp(2rem,8vw,3.25rem);line-height:1.1}.lp__carousel{margin-inline:calc(var(--container-padding-inline)*-1)}.lp__track-wrap{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-inline:var(--container-padding-inline);scroll-padding-inline-start:var(--container-padding-inline);scrollbar-width:none}.lp__track-wrap::-webkit-scrollbar{display:none}.lp__track{transition:none}.lp__card{flex:0 0 85vw;scroll-snap-align:start}.lp__arrow{display:none!important}}
}
@scope (.hubspot-scope) {
.reason-why--light{--rw-bg:var(--surfaces---bg-light);--rw-text:var(--text---text-color);--rw-card-bg:var(----pure-black);--rw-card-text:var(----pure-white);--rw-col-bg:var(--surfaces---bg-trans-light);--rw-col-text:var(--text---text-color)}.reason-why--x-dark{--rw-bg:var(--surfaces---bg-dark);--rw-text:var(----pure-white);--rw-card-bg:var(--surfaces---bg-light);--rw-card-text:var(--text---text-color);--rw-col-bg:var(----pure-white-trans);--rw-col-text:var(----pure-white)}.reason-why{background-color:var(--rw-bg);display:flex;justify-content:center}.reason-why__container{display:flex;flex-direction:column;gap:var(--section-section-gap-l);max-width:var(--container-max-width);padding-block:var(--section-padding-block-l);padding-inline:var(--container-padding-inline);width:100%}.reason-why__top-row{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1024px){.reason-why__top-row{align-items:start;column-gap:1.5rem;display:grid;grid-template-columns:repeat(12,1fr);row-gap:1.5rem}}.reason-why__text{display:flex;flex-direction:column;gap:var(--block-block-gap)}@media (min-width:1024px){.reason-why__text{align-self:start;grid-column:1/span 6}}.reason-why__title{color:var(--rw-text);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h2-size);font-weight:var(--weight-h2-weight);letter-spacing:var(--tracking-h2-tracking);line-height:var(--line-height-h2-line-height);margin:0}.reason-why__body{color:var(--rw-text);font-size:var(--size-body-size);font-weight:var(--weight-body-weight);line-height:var(--line-height-body-line-height);max-width:52.5rem}.reason-why__body p{margin:0}.reason-why__card{background-color:var(--rw-card-bg);border-radius:1.5rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}@media (min-width:1024px){.reason-why__card{align-self:stretch;grid-column:9/span 4;justify-content:center}}.reason-why__card-text{display:flex;flex-direction:column;gap:var(--spacing-space-4)}.reason-why__card-title{color:var(--rw-card-text);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h3-size);font-weight:var(--weight-h3-weight);letter-spacing:var(--tracking-h3-tracking);line-height:var(--line-height-h3-line-height);margin:0}.reason-why__card-description{color:var(--rw-card-text);font-size:var(--size-small-size);font-weight:var(--weight-small-weight);line-height:var(--line-height-small-line-height)}.reason-why__card-description p{margin:0}.reason-why__card-action{display:flex;flex-direction:column}.reason-why__cta-btn{justify-content:center;width:100%}.reason-why__columns{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1024px){.reason-why__columns{align-items:stretch;flex-direction:row}}.reason-why__col-box{align-items:center;background-color:var(--rw-col-bg);border-radius:1.5rem;display:flex;flex:1;flex-direction:column;gap:1rem;padding:2rem 1rem;text-align:center}.reason-why__col-title{color:var(--rw-col-text);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h3-size);font-weight:var(--weight-h3-weight);letter-spacing:var(--tracking-h3-tracking);line-height:var(--line-height-h3-line-height);margin:0}.reason-why__col-text{color:var(--rw-col-text);font-size:var(--size-body-size);font-weight:var(--weight-body-weight);line-height:var(--line-height-body-line-height)}.reason-why__col-text p{margin:0}
}
@scope (.hubspot-scope) {
.text-image--light{--ti-bg:var(--surfaces---bg-light);--ti-text:var(--text---text-color);--ti-body:var(--text---text-color);--ti-dot-active:var(--surfaces---bg-dark);--ti-dot-empty:var(--accent-1---accent-1-200);--ti-quote-bg:var(--accent-1---accent-1-200);--ti-quote-ring:var(--surfaces---bg-light);--ti-quote-icon:var(--text---text-color)}.text-image--x-dark{--ti-bg:var(--surfaces---bg-dark);--ti-text:var(----pure-white);--ti-body:var(--neutral---neutral-100);--ti-dot-active:var(--accent-1---accent-1-50);--ti-dot-empty:var(----pure-white-trans);--ti-quote-bg:var(--surfaces---bg-card-on-dark);--ti-quote-ring:var(--surfaces---bg-dark);--ti-quote-icon:var(----pure-white);--ti-quote-icon-filter:brightness(0) invert(1)}.text-image{background-color:var(--ti-bg);color:var(--ti-text);display:flex;justify-content:center;padding-block:var(--section-padding-block-m);width:100%}.text-image__container{display:flex;flex-direction:column;gap:var(--block-block-gap);max-width:var(--container-max-width);padding-inline:var(--container-padding-inline);width:100%}.text-image__text-col{display:flex;flex-direction:column;gap:var(--gap---gap-container-generic)}.text-image__title{color:var(--ti-text);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h2-size);font-weight:var(--weight-h2-weight);letter-spacing:var(--tracking-h2-tracking);line-height:var(--line-height-h2-line-height);margin:0}.text-image__body{color:var(--ti-body);font-size:var(--size-body-size);font-weight:var(--weight-body-weight);letter-spacing:var(--tracking-body-tracking);line-height:var(--line-height-body-line-height)}.text-image__body p{margin:0 0 .75em}.text-image__body p:last-child{margin-bottom:0}.text-image__quote{background-color:var(--ti-quote-bg);border-radius:var(--border-radius---radius-card-mobile);margin-top:var(--spacing-space-6);padding:var(--spacing-space-9);position:relative}.text-image__quote-icon{align-items:center;background-color:var(--ti-quote-bg);border-radius:var(--border-radius---radius-pill);box-shadow:0 0 0 var(--spacing-space-4) var(--ti-quote-ring);display:flex;height:var(--spacing-space-9);justify-content:center;left:var(--spacing-space-10);position:absolute;top:calc(var(--spacing-space-6)*-1);width:var(--spacing-space-9)}.text-image__quote-icon img{display:block;filter:var(--ti-quote-icon-filter,none);flex-shrink:0;height:16px;width:16px}.text-image__quote-body{color:var(--ti-text);font-size:var(--size-small-size);font-weight:var(--weight-small-weight);letter-spacing:var(--tracking-small-tracking);line-height:var(--line-height-small-line-height);text-align:justify}.text-image__quote-body p{margin:0}.text-image__cta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap-gap-4) var(--spacing-space-6)}.text-image__image-col{border-radius:var(--border-radius---radius-card-mobile);flex-shrink:0;height:20rem;overflow:hidden;position:relative;width:100%}.text-image--full-bleed .text-image__image-col{border-radius:0}.text-image--full-bleed{padding-block-end:0}.text-image--full-bleed .text-image__image-col{margin-inline:calc(var(--container-padding-inline)*-1);width:calc(100% + var(--container-padding-inline)*2)}.text-image__slides-wrap{height:100%;position:relative;width:100%}.text-image__slide{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease}.text-image__slide.is-active{opacity:1;pointer-events:auto}.text-image__slide-img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.text-image--full-bleed .text-image__slide-img{border-radius:0}.text-image__dots{align-items:center;bottom:var(--spacing-space-6);display:flex;gap:var(--gap-gap-4);left:50%;max-width:16rem;position:absolute;transform:translateX(-50%);width:calc(100% - var(--container-padding-inline)*2);z-index:1}.text-image__dot{background-color:var(--ti-dot-empty);border:none;border-radius:var(--border-radius---radius-pill);cursor:pointer;flex:1 0 0;height:.75rem;min-width:0;overflow:hidden;padding:0;position:relative}.text-image__dot:focus-visible{outline:2px solid var(--ti-dot-active);outline-offset:3px}.text-image__dot-fill{background-color:var(--ti-dot-active);border-radius:inherit;display:block;inset:0;position:absolute;width:0}.text-image__dot.is-active .text-image__dot-fill{animation:ti-dot-fill var(--ti-slide-duration,10s) linear forwards}.text-image__dot.is-done .text-image__dot-fill{animation:none;width:100%}@keyframes ti-dot-fill{0%{width:0}to{width:100%}}@media (min-width:1024px){.text-image__container{align-items:center;display:grid;gap:var(--spacing-space-11);grid-template-columns:repeat(12,1fr)}.text-image__image-col{height:32rem}.text-image--right .text-image__text-col{grid-column:1/span 4;grid-row:1}.text-image--right .text-image__image-col{grid-column:5/span 8;grid-row:1}.text-image--left .text-image__image-col{grid-column:1/span 8;grid-row:1}.text-image--left .text-image__text-col{grid-column:9/span 4;grid-row:1}.text-image__dots{bottom:var(--spacing-space-8);gap:var(--spacing-space-6);max-width:none;width:auto}.text-image__dot{flex:none;width:6rem}.text-image--full-bleed{align-items:stretch;min-height:40rem;overflow:hidden;padding-block:0;position:relative}.text-image--full-bleed .text-image__container{align-items:center;min-height:40rem;padding-block:var(--section-padding-block-m)}.text-image--full-bleed.text-image--right .text-image__text-col{grid-column:2/span 4;position:relative;z-index:1}.text-image--full-bleed.text-image--left .text-image__text-col{grid-column:8/span 4;position:relative;z-index:1}.text-image--full-bleed .text-image__image-col{border-radius:0;bottom:0;grid-column:unset;height:auto;margin-inline:0;position:absolute;top:0;width:50%}.text-image--full-bleed.text-image--right .text-image__image-col{right:0}.text-image--full-bleed.text-image--left .text-image__image-col{left:0}.text-image--full-bleed .text-image__dots{bottom:var(--spacing-space-8);max-width:20rem;width:auto}.text-image__text-col:has(.text-image__quote){align-self:start}.text-image__text-col:has(.text-image__quote)~.text-image__image-col{align-self:stretch;height:auto;min-height:32rem}}
}
@scope (.hubspot-scope) {
.simple-text--light{--st-bg:var(--surfaces---bg-light);--st-text:var(--text---text-color);--st-body:var(--text---text-color);--st-number:var(--surfaces---bg-secondary);--st-card-bg:var(--accent-1---accent-1-200);--st-text-box-bg:var(--accent-1---accent-1-200)}.simple-text--x-dark{--st-bg:var(--surfaces---bg-dark);--st-text:var(----pure-white);--st-body:var(--neutral---neutral-100);--st-number:var(--accent-1---accent-1-200);--st-card-bg:var(----pure-white);--st-text-box-bg:hsla(0,0%,100%,.2)}.simple-text--center .simple-text__header{align-items:center;text-align:center}.simple-text--center .simple-text__description{text-align:center}.simple-text--center .simple-text__cta-wrap{justify-content:center}.simple-text--center .simple-text__text-body{text-align:center}.simple-text{background-color:var(--st-bg);color:var(--st-text);display:flex;justify-content:center;padding-block:var(--section-padding-block-m);width:100%}.simple-text--columns{padding-block:var(--section-padding-block-l)}.simple-text__container{display:flex;flex-direction:column;gap:var(--section-section-gap);max-width:var(--container-max-width);padding-inline:var(--container-padding-inline);width:100%}.simple-text--alert .simple-text__container,.simple-text--text .simple-text__container{align-items:center}.simple-text--text.simple-text--left-aligned .simple-text__container{align-items:flex-start}.simple-text__header{display:flex;flex-direction:column;gap:var(--spacing-space-4);width:100%}.simple-text--alert .simple-text__cta-wrap,.simple-text--alert .simple-text__header,.simple-text--text .simple-text__cta-wrap,.simple-text--text .simple-text__header{max-width:61.25rem;width:100%}.simple-text__title{color:var(--st-text);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h2-size);font-weight:var(--weight-h2-weight);letter-spacing:var(--tracking-h2-tracking);line-height:var(--line-height-h2-line-height);margin:0}.simple-text__description{color:var(--st-body);font-size:var(--size-body-size);font-weight:var(--weight-body-weight);letter-spacing:var(--tracking-body-tracking);line-height:var(--line-height-body-line-height);max-width:52.5rem}.simple-text--text .simple-text__description{font-size:var(--size-lead-size);font-weight:var(--weight-lead-weight);letter-spacing:var(--tracking-lead-tracking);line-height:var(--line-height-lead-line-height);max-width:52.5rem}.simple-text__items{display:flex;flex-direction:column;gap:var(--spacing-space-9);width:100%}.simple-text__item{display:flex;flex-direction:column;gap:var(--spacing-space-4)}.simple-text--numbered .simple-text__item{gap:var(--spacing-space-6)}.simple-text__item-title{color:var(--st-text);font-family:var(--title-font-family),sans-serif;font-size:var(--size-h3-size);font-weight:var(--weight-h3-weight);letter-spacing:var(--tracking-h3-tracking);line-height:var(--line-height-h3-line-height);margin:0}.simple-text__item-body{color:var(--st-body);font-size:var(--size-body-size);font-weight:var(--weight-body-weight);letter-spacing:var(--tracking-body-tracking);line-height:var(--line-height-body-line-height)}.simple-text__number{color:var(--st-number);display:block;font-family:var(--title-font-family),sans-serif;font-size:var(--size-display-size);font-weight:var(--weight-h3-weight);letter-spacing:var(--tracking-display-tracking);line-height:var(--line-height-display-line-height);line-height:1}.simple-text__image-col{border-radius:var(--border-radius---radius-card-mobile);flex-shrink:0;height:15rem;overflow:hidden;width:100%}.simple-text__image{display:block;height:100%;object-fit:cover;width:100%}.simple-text__text-body{color:var(--st-body);font-size:var(--size-body-size);font-weight:var(--weight-body-weight);letter-spacing:var(--tracking-body-tracking);line-height:var(--line-height-body-line-height);max-width:61.25rem;width:100%}@media (min-width:1024px){.simple-text__items{align-items:center;flex-direction:row;gap:var(--gap---gap-container-generic)}.simple-text--columns .simple-text__item{align-self:flex-start;flex:1 0 0;min-width:0}.simple-text--numbered .simple-text__items{align-items:flex-start}.simple-text--numbered .simple-text__item{flex:1 0 0;min-width:0}.simple-text__image-col{align-self:stretch;border-radius:var(--border-radius---radius-card-desktop);flex:1 0 0;height:24rem;min-width:0}.simple-text__image-col .simple-text__image{height:100%}}.simple-text__alert{align-items:flex-start;background-color:var(--st-card-bg);border-radius:1.5rem;display:flex;gap:.5rem;max-width:61.25rem;padding:2rem;width:100%}.simple-text__alert-icon{align-items:center;display:flex;flex-shrink:0;padding-block:.125rem}.simple-text__alert-icon img{display:block;filter:var(--st-alert-icon-filter,none);height:16px;width:16px}.simple-text__alert-text{color:var(--text---text-color);font-size:var(--size-small-size);font-weight:var(--weight-small-weight);letter-spacing:var(--tracking-small-tracking);line-height:var(--line-height-small-line-height);text-align:justify}.simple-text__cta-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:flex-start}.simple-text__icon-grid{display:flex;flex-direction:column;gap:4.5rem;padding-top:2.5rem;width:100%}.simple-text__icon-card{background-color:var(--st-card-bg);border-radius:1.5rem;color:inherit;display:flex;flex-direction:column;padding:3.5rem 2rem 2rem;position:relative;text-decoration:none;transition:filter .2s ease}a.simple-text__icon-card:hover{filter:brightness(.95)}.simple-text__icon-wrap{align-items:center;background-color:var(--st-card-bg);border-radius:999px;box-shadow:0 0 0 .5rem var(--st-bg);display:flex;flex-shrink:0;height:4rem;justify-content:center;left:2.5rem;position:absolute;top:-2rem;width:4rem}.simple-text__icon-wrap img{display:block;height:2.5rem;width:2.5rem}.simple-text__icon-card-content{display:flex;flex:1;flex-direction:column;gap:1rem}.simple-text--icon-cards .simple-text__item-body{font-size:var(--size-small-size);font-weight:var(--weight-small-weight);letter-spacing:var(--tracking-small-tracking);line-height:var(--line-height-small-line-height)}.simple-text__icon-card .simple-text__item-body,.simple-text__icon-card .simple-text__item-title{color:var(--text---text-color)}.simple-text__item-link{align-items:center;color:var(--buttons-neutral---btn-neutral-text);display:inline-flex;font-size:var(--size-button-s-size);font-weight:var(--weight-button-s-weight);gap:.5rem;letter-spacing:var(--tracking-button-s-tracking);line-height:var(--line-height-button-s-line-height);text-decoration:none}.simple-text__item-link svg{flex-shrink:0;transition:transform .2s ease}.simple-text__item-link:hover svg,a.simple-text__icon-card:hover .simple-text__item-link svg{transform:translateX(4px)}.simple-text--hero-split{padding-block:var(--section-padding-block-l)}.simple-text__header--split{display:flex;flex-direction:column;gap:var(--section-section-gap);width:100%}.simple-text__split-text{display:flex;flex-direction:column;gap:.5rem}.simple-text__split-cta{align-items:center;display:flex;gap:.5rem}.simple-text__text-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.simple-text__text-box{align-items:center;background-color:var(--st-text-box-bg);border-radius:1.5rem;display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;text-align:center}.simple-text__text-box .simple-text__item-body{font-size:var(--size-label-size);font-weight:var(--weight-label-weight);letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-label-line-height);text-align:center}.simple-text__icon-card .simple-text__item-body p,.simple-text__text-box .simple-text__item-body p{margin:0}@media (min-width:1024px){.simple-text__icon-grid{align-items:stretch;flex-direction:row;gap:1rem;padding-top:2rem}.simple-text__icon-card{flex:1 0 0;min-width:0}.simple-text__header--split{align-items:center;flex-direction:row;gap:var(--gap---gap-container-generic);justify-content:space-between}.simple-text__split-text{flex:1 0 0;min-width:0}.simple-text__split-cta{flex-shrink:0;justify-content:flex-end}.simple-text__text-grid{align-items:stretch;flex-direction:row;gap:3rem}.simple-text__text-box{flex:1 0 0;min-width:0}}.simple-text--x-dark .btn-primary{background-color:var(----pure-white);border-color:var(--neutral---neutral-200);color:var(--neutral---neutral-950)}.simple-text--x-dark .btn-primary:hover{background-color:var(--neutral---neutral-100);border-color:var(--neutral---neutral-300)}.simple-text__alert-text>*+*,.simple-text__description>*+*,.simple-text__item-body>*+*,.simple-text__text-body>*+*{margin-top:1em}.simple-text__alert-text>*+h2,.simple-text__alert-text>*+h3,.simple-text__alert-text>*+h4,.simple-text__description>*+h2,.simple-text__description>*+h3,.simple-text__description>*+h4,.simple-text__item-body>*+h2,.simple-text__item-body>*+h3,.simple-text__item-body>*+h4,.simple-text__text-body>*+h2,.simple-text__text-body>*+h3,.simple-text__text-body>*+h4{margin-top:1.5em}.simple-text__alert-text ol,.simple-text__alert-text ul,.simple-text__description ol,.simple-text__description ul,.simple-text__item-body ol,.simple-text__item-body ul,.simple-text__text-body ol,.simple-text__text-body ul{list-style:revert;padding-inline-start:1.5em}
}
@scope (.hubspot-scope) {
.cstm-blog{align-items:center;background-color:var(--surfaces---bg-light)}.cstm-blog,.cstm-blog__container{display:flex;flex-direction:column}.cstm-blog__container{gap:var(--section-section-gap);max-width:var(--container-max-width);padding:var(--section-padding-block-m) var(--container-padding-inline);width:100%}.cstm-blog__header{display:flex;flex-direction:column;gap:var(--gap---gap-container-generic)}.cstm-blog__text{color:var(--text---text-color);display:flex;flex-direction:column;gap:.5rem}.cstm-blog__title{max-width:52.5rem}.cstm-blog__cta{align-items:center;display:flex}.cstm-blog__cta-link{align-items:center;color:var(--text---text-color);display:inline-flex;font-family:var(--base-font-family),sans-serif;font-size:var(--size-button-m-size);font-weight:var(--weight-button-m-weight);gap:.375rem;letter-spacing:var(--tracking-button-m-tracking);line-height:var(--line-height-button-m-line-height);text-decoration:none;text-transform:uppercase;transition:opacity .15s linear}.cstm-blog__cta-link:hover{opacity:.7}.cstm-blog__cta-link:focus-visible{border-radius:var(--border-radius---radius-link);outline:2px solid var(--buttons-primary---btn-primary-focus);outline-offset:2px}.cstm-blog__cta-link svg{flex-shrink:0}@media (min-width:1024px){.cstm-blog__header{align-items:flex-end;flex-direction:row}.cstm-blog__text{flex:1}.cstm-blog__cta{flex-shrink:0}}.cstm-blog__cards{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cstm-blog__cards::-webkit-scrollbar{display:none}@media (min-width:768px){.cstm-blog__cards{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);overflow-x:visible;scroll-snap-type:none}}.cstm-blog__card{align-items:flex-start;border-radius:var(--border-radius---radius-container-generic);display:flex;flex-direction:column;flex-shrink:0;max-width:85vw;padding-bottom:1rem;position:relative;scroll-snap-align:start;width:21.625rem}@media (min-width:768px){.cstm-blog__card{max-width:none;width:auto}}.cstm-blog__card-inner{background-color:var(--accent-1---accent-1-200);border-radius:var(--border-radius---radius-card-mobile);display:flex;flex:1;flex-direction:column;gap:1rem;margin-bottom:-1rem;overflow:hidden;padding:.75rem;position:relative;width:100%}@media (min-width:1024px){.cstm-blog__card-inner{padding:var(----card-bento-padding-mobile)}}.cstm-blog__card-link{color:inherit;text-decoration:none}.cstm-blog__card-link:after{content:"";inset:0;position:absolute;z-index:1}.cstm-blog__card-link:focus-visible{outline:2px solid var(--buttons-primary---btn-primary-bg);outline-offset:2px}.cstm-blog__card-image-wrap{border-radius:1rem;height:200px;overflow:hidden;position:relative;width:100%}.cstm-blog__card-image{display:block;height:100%;object-fit:cover;width:100%}.cstm-blog__card-date-ribbon{align-items:center;background-color:var(--surfaces---bg-light);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);display:flex;left:0;padding:.3125rem 1.5rem .3125rem 1.25rem;position:absolute;top:1.875rem}.cstm-blog__card-date{color:var(--quinary---quinary-950);font-family:var(--base-font-family),sans-serif;font-size:1rem;font-weight:var(--weight-label-weight);letter-spacing:var(--tracking-label-tracking);line-height:1rem;white-space:nowrap}@media (min-width:1024px){.cstm-blog__card-image-wrap{height:240px}}.cstm-blog__card-body{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;width:100%}.cstm-blog__card-categories{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:2}.cstm-blog__card-chip{align-items:center;background-color:var(--neutral---neutral-100);border-radius:var(--border-radius---radius-pill);color:var(--quinary---quinary-950);display:inline-flex;font-family:var(--base-font-family),sans-serif;font-size:var(--size-caption-size);font-weight:var(--typography-font-weight-fw-medium);justify-content:center;letter-spacing:var(--tracking-caption-tracking);line-height:var(--line-height-caption-line-height);min-width:4rem;padding:.125rem .875rem;text-decoration:none;white-space:nowrap}.cstm-blog__card-chip:hover{opacity:.8;text-decoration:none}.cstm-blog__card-chip:focus-visible{outline:2px solid var(--buttons-primary---btn-primary-bg);outline-offset:2px}.cstm-blog__card-info{display:flex;flex-direction:column;gap:.25rem;width:100%}.cstm-blog__card-title{color:var(--quinary---quinary-950);font-family:var(--title-font-family),sans-serif;font-size:1.375rem;font-weight:var(--weight-h3-weight);letter-spacing:var(--tracking-h3-tracking);line-height:1.5rem}.cstm-blog__card-excerpt{color:var(--quinary---quinary-950);display:-webkit-box;font-family:var(--base-font-family),sans-serif;font-size:.875rem;font-weight:var(--weight-body-weight);letter-spacing:var(--tracking-body-tracking);-webkit-line-clamp:2;line-clamp:2;line-height:1.25rem;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:1024px){.cstm-blog__card-title{font-size:var(--size-h3-size);line-height:var(--line-height-h3-line-height)}.cstm-blog__card-excerpt{font-size:var(--size-body-size);line-height:var(--line-height-body-line-height)}}.cstm-blog__card-cta-wrap{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:-1rem;padding:0 2.5rem;position:relative;width:100%;z-index:2}.cstm-blog__card-cta-wrap .btn{box-shadow:0 0 0 .5rem var(--surfaces---bg-light)}@media (min-width:1024px){.cstm-blog__card-cta-wrap{padding:0 3.5rem}}
}
@scope (.hubspot-scope) {
.footer{background-color:var(----pure-black);color:var(----pure-white)}.footer__container{display:flex;flex-direction:column;gap:var(--section-section-gap);margin:0 auto;max-width:var(--container-max-width);padding-block:64px 88px;padding-inline:var(--container-padding-inline);width:100%}@media (min-width:1024px){.footer__container{padding-block:var(--section-padding-block-l)}}.footer__top{display:flex;flex-direction:column;gap:32px}@media (min-width:1024px){.footer__top{flex-direction:row;gap:24px}}.footer__right{display:flex;flex-direction:column;gap:32px}@media (min-width:1024px){.footer__right{flex:var(--nav-cols,4) 0 0;min-width:0}}.footer__nav{display:flex;flex-direction:column;gap:32px}@media (min-width:1024px){.footer__nav{flex-direction:row;gap:24px}}.footer__brand{display:flex;flex-direction:column;gap:16px}@media (min-width:1024px){.footer__brand{flex:1 0 0;min-width:0}}.footer__logo{display:block;height:72px;object-fit:contain;object-position:left center;width:159px}.footer__company-info{color:var(----pure-white);font-family:var(--base-font-family);font-size:var(--typography-font-size-font-size-14);font-weight:var(--typography-font-weight-fw-medium);letter-spacing:var(--tracking-label-tracking);line-height:var(--line-height-label-line-height);margin:0}.footer__social-list{display:flex;gap:8px;list-style:none;margin:0;padding:0}.footer__social-link{align-items:center;border-radius:var(--border-radius---radius-button-s);display:flex;height:32px;justify-content:center;padding:4px;transition:opacity .2s ease;width:32px}.footer__social-link:focus-visible,.footer__social-link:hover{opacity:.7}.footer__social-icon{display:block;filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.footer__nav-column{display:flex;flex-direction:column;gap:16px}@media (min-width:1024px){.footer__nav-column{flex:1 0 0;min-width:0}}.footer__nav-block{display:flex;flex-direction:column;gap:8px}.footer__nav-title--primary{font-size:var(--size-h3-size);font-weight:var(--weight-h3-weight);letter-spacing:var(--tracking-overline-tracking);line-height:var(--line-height-h3-line-height)}.footer__nav-title--primary,.footer__nav-title--secondary{color:var(--text---text-color-white);font-family:var(--title-font-family),sans-serif;margin:0}.footer__nav-title--secondary{font-size:var(--size-h4-size);font-weight:var(--weight-h4-weight);letter-spacing:var(--tracking-h4-tracking);line-height:var(--line-height-h4-line-height)}.footer__nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer__nav-link{border-radius:var(--border-radius---radius-navigation);color:var(--neutral---neutral-100);font-family:var(--base-font-family);font-size:var(--size-nav-footer-size);font-weight:var(--weight-nav-weight);letter-spacing:var(--tracking-nav-secondary-tracking);line-height:var(--line-height-nav-secondary-line-height);text-decoration:none;transition:opacity .2s ease}.footer__nav-link:focus-visible,.footer__nav-link:hover{opacity:.7}.footer__bottom{display:flex;flex-direction:column;gap:32px}@media (min-width:1024px){.footer__bottom{align-items:flex-end;flex-direction:row;justify-content:flex-start}}.footer__bottom-nav{align-items:center;display:flex}.footer__bottom-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}@media (max-width:1023px){.footer__bottom-list{column-count:2;column-gap:clamp(1rem,8vw,4.375rem);display:block}.footer__bottom-item{break-inside:avoid}}.footer__bottom-link{align-items:center;border-radius:var(--border-radius---radius-navigation);color:var(--neutral---neutral-100);display:inline-flex;font-family:var(--base-font-family);font-size:var(--size-nav-footer-size);font-weight:var(--weight-nav-weight);letter-spacing:var(--tracking-nav-secondary-tracking);line-height:var(--line-height-nav-secondary-line-height);min-height:1.5rem;padding:0;text-decoration:none;transition:opacity .2s ease}.footer__bottom-link:focus-visible,.footer__bottom-link:hover{opacity:.7}.footer__cookie-btn{appearance:none;background:none;border:0;cursor:pointer;text-transform:none}.footer a:focus-visible,.footer button:focus-visible{outline:2px solid var(----pure-white);outline-offset:2px}
}
.hubspot-scope{visibility:visible;animation:none}