:root { --primary--background: var(--_color---neutral--900); --_typography---paragraph-body--font: var(--_typography---fonts--primary-font); --_typography---paragraph-body--font-size: clamp(var(--_typography---paragraph-body--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-body--font-size-min-rem) - ((var(--_typography---paragraph-body--font-size-max-rem) - var(--_typography---paragraph-body--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-body--font-size-max-rem) - var(--_typography---paragraph-body--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-body--font-size-max-rem) * 1rem); --_typography---paragraph-body--line-height: 1.5; --_typography---paragraph-body--font-weight: 400; --_typography---paragraph-body--letter-spacing: .01em; --_typography---h1--bottom-margin: .2em; --_typography---h1--font: var(--_typography---fonts--primary-font); --_typography---h1--font-size: clamp(var(--_typography---h1--font-size-min-rem) * 1rem, ((var(--_typography---h1--font-size-min-rem) - ((var(--_typography---h1--font-size-max-rem) - var(--_typography---h1--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h1--font-size-max-rem) - var(--_typography---h1--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h1--font-size-max-rem) * 1rem); --_typography---h1--line-height: .95; --_typography---h1--font-weight: 300; --_typography---h1--letter-spacing: -.03em; --_typography---h2--bottom-margin: .2em; --_typography---h2--font: var(--_typography---fonts--primary-font); --_typography---h2--font-size: clamp(var(--_typography---h2--font-size-min-rem) * 1rem, ((var(--_typography---h2--font-size-min-rem) - ((var(--_typography---h2--font-size-max-rem) - var(--_typography---h2--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h2--font-size-max-rem) - var(--_typography---h2--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h2--font-size-max-rem) * 1rem); --_typography---h2--line-height: 1.1; --_typography---h2--font-weight: 300; --_typography---h2--letter-spacing: -.02em; --_typography---h3--bottom-margin: .3em; --_typography---h3--font: var(--_typography---fonts--primary-font); --_typography---h3--font-size: clamp(var(--_typography---h3--font-size-min-rem) * 1rem, ((var(--_typography---h3--font-size-min-rem) - ((var(--_typography---h3--font-size-max-rem) - var(--_typography---h3--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h3--font-size-max-rem) - var(--_typography---h3--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h3--font-size-max-rem) * 1rem); --_typography---h3--line-height: 1.1; --_typography---h3--font-weight: 300; --_typography---h3--letter-spacing: 0em; --_typography---h4--bottom-margin: .4em; --_typography---h4--font: var(--_typography---fonts--primary-font); --_typography---h4--font-size: clamp(var(--_typography---h4--font-size-min-rem) * 1rem, ((var(--_typography---h4--font-size-min-rem) - ((var(--_typography---h4--font-size-max-rem) - var(--_typography---h4--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h4--font-size-max-rem) - var(--_typography---h4--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h4--font-size-max-rem) * 1rem); --_typography---h4--line-height: 1.1; --_typography---h4--font-weight: 300; --_typography---h4--letter-spacing: .01em; --_typography---h5--bottom-margin: .5em; --_typography---h5--font: var(--_typography---fonts--primary-font); --_typography---h5--font-size: clamp(var(--_typography---h5--font-size-min-rem) * 1rem, ((var(--_typography---h5--font-size-min-rem) - ((var(--_typography---h5--font-size-max-rem) - var(--_typography---h5--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h5--font-size-max-rem) - var(--_typography---h5--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h5--font-size-max-rem) * 1rem); --_typography---h5--line-height: 1.3; --_typography---h5--font-weight: 400; --_typography---h5--letter-spacing: .01em; --_typography---h6--bottom-margin: .6em; --_typography---h6--font: var(--_typography---fonts--primary-font); --_typography---h6--font-size: clamp(var(--_typography---h6--font-size-min-rem) * 1rem, ((var(--_typography---h6--font-size-min-rem) - ((var(--_typography---h6--font-size-max-rem) - var(--_typography---h6--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h6--font-size-max-rem) - var(--_typography---h6--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h6--font-size-max-rem) * 1rem); --_typography---h6--line-height: 1.4; --_typography---h6--font-weight: 400; --_typography---h6--letter-spacing: .01em; --_typography---paragraph-body--bottom-margin: 1em; --_color---neutral--50: #aaaeb0; --primary--accent: var(--_color---warm--500); --_typography---blockquote--font: var(--_typography---fonts--primary-font); --_typography---blockquote--font-size: clamp(var(--_typography---blockquote--font-size-min-rem) * 1rem, ((var(--_typography---blockquote--font-size-min-rem) - ((var(--_typography---blockquote--font-size-max-rem) - var(--_typography---blockquote--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---blockquote--font-size-max-rem) - var(--_typography---blockquote--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---blockquote--font-size-max-rem) * 1rem); --_typography---blockquote--line-height: 1.4; --_typography---blockquote--font-weight: 300; --primary--text: var(--_color---neutral--50); --_layout---spacer--main: 2.5rem; --primary--border: var(--_color---neutral--500); --_layout---custom-space--xl: 5.5rem; --_color---neutral--500: #333833; --_layout---custom-space--l: 2.5rem; --_components---container--gutter: 6vw; --_components---container--max-width: calc(var(--_layout---fluid--max) * 1rem); --_layout---grid--gap-main: 40px; --_layout---grid--gap-md: 24px; --_layout---grid--gap-sm: 8px; --_layout---grid--gap-button: 16px; --_layout---spacer--sm: 1rem; --_layout---grid--columns: 12; --_color---neutral--700: #171a17; --_layout---custom-space--m: 1.5rem; --_components---button--vertical-padding: 1.25em; --_components---button--horizontal-padding: 2rem; --_components---button--border-radius: 8px; --_components---button--font: var(--_typography---fonts--mono-font); --_color---neutral--white: white; --_components---button--font-size: 1.125rem; --_components---button--line-height: 1.4em; --_components---button--font-weight: 400; --_components---button--letter-spacing: .01em; --_color---cool--500: #b6bcd9; --_color---warm--500: #d24a2f; --_color---cool--100: #fff4eb; --_color---neutral--900: #050505; --_components---card--border-radius: .5rem; --_components---card--padding: var(--_layout---custom-space--l); --_size---0-5rem\: .5rem; --_components---input--font: var(--_typography---fonts--primary-font); --_components---input--font-size: 1rem; --_components---input--line-height: 1.5em; --_components---input--font-weight: 400; --_components---input--letter-spacing: 0em; --_color---neutral--100: #767c7e; --_components---input-label--font: var(--_typography---fonts--primary-font); --_components---input-label--font-size: .75rem; --_components---input-label--line-height: 1.3em; --_components---input-label--font-weight: 400; --_components---input-label--letter-spacing: .06em; --primary--accent-dark: var(--_color---warm--700); --_typography---eyebrow--bottom-margin: .625em; --_typography---eyebrow--font: var(--_typography---fonts--mono-font); --_typography---eyebrow--font-size: clamp(var(--_typography---eyebrow--font-size-min-rem) * 1rem, ((var(--_typography---eyebrow--font-size-min-rem) - ((var(--_typography---eyebrow--font-size-max-rem) - var(--_typography---eyebrow--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---eyebrow--font-size-max-rem) - var(--_typography---eyebrow--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---eyebrow--font-size-max-rem) * 1rem); --_typography---eyebrow--line-height: 1.3; --_typography---eyebrow--font-weight: 400; --_color---warm--300: #ff7945; --_typography---paragraph-sm--bottom-margin: 1em; --_typography---paragraph-sm--font: var(--_typography---fonts--primary-font); --_typography---paragraph-sm--font-size: clamp(var(--_typography---paragraph-sm--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-sm--font-size-min-rem) - ((var(--_typography---paragraph-sm--font-size-max-rem) - var(--_typography---paragraph-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-sm--font-size-max-rem) - var(--_typography---paragraph-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-sm--font-size-max-rem) * 1rem); --_typography---paragraph-sm--line-height: 1.6; --_typography---paragraph-sm--font-weight: 400; --_typography---paragraph-sm--letter-spacing: 0em; --_typography---paragraph-lg--bottom-margin: 1em; --_typography---paragraph-lg--font: var(--_typography---fonts--primary-font); --_typography---paragraph-lg--font-size: clamp(var(--_typography---paragraph-lg--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-lg--font-size-min-rem) - ((var(--_typography---paragraph-lg--font-size-max-rem) - var(--_typography---paragraph-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-lg--font-size-max-rem) - var(--_typography---paragraph-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-lg--font-size-max-rem) * 1rem); --_typography---paragraph-lg--line-height: 1.5; --_typography---paragraph-lg--font-weight: 400; --_typography---paragraph-lg--letter-spacing: .01em; --_typography---paragraph-xl--bottom-margin: 1em; --_typography---paragraph-xl--font: var(--_typography---fonts--primary-font); --_typography---paragraph-xl--font-size: clamp(var(--_typography---paragraph-xl--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-xl--font-size-min-rem) - ((var(--_typography---paragraph-xl--font-size-max-rem) - var(--_typography---paragraph-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-xl--font-size-max-rem) - var(--_typography---paragraph-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-xl--font-size-max-rem) * 1rem); --_typography---paragraph-xl--line-height: 1.4; --_typography---paragraph-xl--font-weight: 400; --_color---neutral--800: #0c0d0c; --_color---neutral--300: #535855; --_layout---spacing--margin-md: 2em; --_layout---spacing--margin-lg: 3em; --_layout---spacing--margin-sm: 1em; --_typography---paragraph-xl--letter-spacing: .01em; --_typography---type-paragraph-lg--font-size-md\: 1.25rem; --_typography---type-paragraph-lg--font-size-sm\: 1.1rem; --_typography---type-paragraph-lg--font-size-xs\: 1.1rem; --_typography---type-paragraph-sm--font-size-md\: .9rem; --_typography---type-paragraph-sm--font-size-sm\: .9rem; --_typography---type-paragraph-sm--font-size-xs\: .9rem; --_layout---spacing--margin-xs: .5em; --_responsive---padding--card\: 1.5rem; --_components---card--card-body-padding-sm\: 20px; --_color---warm--700: #a83018; --_size---1-5rem\: 1.5rem; --_layout---custom-space--xs: .5rem; --_color---success--300: #47d553; --_color---success--100: #fff4eb; --_size---2rem\: 2rem; --_size---3rem\: 3rem; --_size---0-75rem\: .75rem; --_layout---spacer--md: 1.5rem; --_layout---spacer--lg: clamp(2 * 1rem, ((2 - ((3 - 2) / (90 - 20) * 20)) * 1rem + ((3 - 2) / (90 - 20)) * 100vw), 3 * 1rem); --_layout---spacer--xs: .625rem; --_layout---spacer--xl: clamp(4 * 1rem, ((4 - ((5.5 - 4) / (90 - 20) * 20)) * 1rem + ((5.5 - 4) / (90 - 20)) * 100vw), 5.5 * 1rem); --_typography---statement--font: var(--_typography---fonts--primary-font); --_typography---statement--font-size: clamp(var(--_typography---statement--font-size-min-rem) * 1rem, ((var(--_typography---statement--font-size-min-rem) - ((var(--_typography---statement--font-size-max-rem) - var(--_typography---statement--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---statement--font-size-max-rem) - var(--_typography---statement--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---statement--font-size-max-rem) * 1rem); --_typography---statement--line-height: 1; --_typography---statement--font-weight: 300; --_typography---fonts--primary-font: "Host Grotesk Variable", Arial, sans-serif; --_typography---fonts--secondary-font: "Space Grotesk Variable", Arial, sans-serif; --_color---warm--900: #562217; --_color---warm--100: #ffa45a; --_layout---custom-space--2xl: 13.5rem; --_components---section--padding: clamp(var(--_components---section--padding-min-rem) * 1rem, ((var(--_components---section--padding-min-rem) - ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---section--padding-max-rem) * 1rem); --_layout---sticky-top-offset: 11rem; --_typography---standard-link--font: var(--_typography---fonts--mono-font); --_typography---standard-link--font-size: var(--_typography---paragraph-lg--font-size); --_typography---standard-link--line-height: 1.4; --_typography---standard-link--font-weight: 400; --_layout---custom-space--s: 1rem; --_typography---standard-link--letter-spacing: .01em; --_typography---fonts--mono-font: "IBM Plex Mono", Arial, sans-serif; --_typography---eyebrow--letter-spacing: .06em; --_color---cool--300: #dadcea; --_color---success--500: #17401a; --_layout---fluid--max: 120; --_layout---fluid--min: 20; --_components---section--padding-min-rem: 6; --_components---section--padding-max-rem: 13.5; --_typography---statement--font-size-min-rem: 2.5; --_typography---statement--font-size-max-rem: 6; --_typography---statement--letter-spacing: -.04px; --_components---card--padding-min-rem: 1; --_components---card--padding-max-rem: 1.5; --_components---input--border-radius: .5rem; --_components---input--bottom-margin: 1rem; --_typography---h1--font-size-min-rem: 2.5; --_typography---h1--font-size-max-rem: 5; --_typography---h2--font-size-min-rem: 2.25; --_typography---h2--font-size-max-rem: 4; --_typography---h3--font-size-min-rem: 1.75; --_typography---h3--font-size-max-rem: 2.5; --_typography---h4--font-size-min-rem: 1.3; --_typography---h4--font-size-max-rem: 2; --_typography---h5--font-size-min-rem: 1.2; --_typography---h5--font-size-max-rem: 1.75; --_typography---h6--font-size-min-rem: 1; --_typography---h6--font-size-max-rem: 1.375; --_typography---paragraph-xl--font-size-min-rem: 1.25; --_typography---paragraph-xl--font-size-max-rem: 1.5; --_typography---paragraph-lg--font-size-min-rem: 1.1; --_typography---paragraph-lg--font-size-max-rem: 1.125; --_typography---paragraph-body--font-size-min-rem: .9; --_typography---paragraph-body--font-size-max-rem: 1; --_typography---paragraph-sm--font-size-min-rem: .7875; --_typography---paragraph-sm--font-size-max-rem: .875; --_typography---eyebrow--font-size-min-rem: .9; --_typography---eyebrow--font-size-max-rem: 1; --_typography---blockquote--font-size-min-rem: 1.5; --_typography---blockquote--font-size-max-rem: 2; --_typography---blockquote--letter-spacing: 0px; } body { background-color: var(--primary--background); font-family: var(--_typography---paragraph-body--font); font-size: var(--_typography---paragraph-body--font-size); line-height: var(--_typography---paragraph-body--line-height); font-weight: var(--_typography---paragraph-body--font-weight); letter-spacing: var(--_typography---paragraph-body--letter-spacing); text-wrap: pretty; } h1 { margin-top: 0; margin-bottom: var(--_typography---h1--bottom-margin); font-family: var(--_typography---h1--font); font-size: var(--_typography---h1--font-size); line-height: var(--_typography---h1--line-height); font-weight: var(--_typography---h1--font-weight); letter-spacing: var(--_typography---h1--letter-spacing); } h2 { margin-top: 0; margin-bottom: var(--_typography---h2--bottom-margin); font-family: var(--_typography---h2--font); font-size: var(--_typography---h2--font-size); line-height: var(--_typography---h2--line-height); font-weight: var(--_typography---h2--font-weight); letter-spacing: var(--_typography---h2--letter-spacing); } h3 { margin-top: 0; margin-bottom: var(--_typography---h3--bottom-margin); font-family: var(--_typography---h3--font); font-size: var(--_typography---h3--font-size); line-height: var(--_typography---h3--line-height); font-weight: var(--_typography---h3--font-weight); letter-spacing: var(--_typography---h3--letter-spacing); } h4 { margin-top: 0; margin-bottom: var(--_typography---h4--bottom-margin); font-family: var(--_typography---h4--font); font-size: var(--_typography---h4--font-size); line-height: var(--_typography---h4--line-height); font-weight: var(--_typography---h4--font-weight); letter-spacing: var(--_typography---h4--letter-spacing); } h5 { margin-top: 0; margin-bottom: var(--_typography---h5--bottom-margin); font-family: var(--_typography---h5--font); font-size: var(--_typography---h5--font-size); line-height: var(--_typography---h5--line-height); font-weight: var(--_typography---h5--font-weight); letter-spacing: var(--_typography---h5--letter-spacing); } h6 { margin-top: 0; margin-bottom: var(--_typography---h6--bottom-margin); font-family: var(--_typography---h6--font); font-size: var(--_typography---h6--font-size); line-height: var(--_typography---h6--line-height); font-weight: var(--_typography---h6--font-weight); letter-spacing: var(--_typography---h6--letter-spacing); } p { margin-bottom: var(--_typography---paragraph-body--bottom-margin); color: var(--_color---neutral--50); } a { color: inherit; text-underline-offset: .1em; text-underline-position: under; text-decoration: underline; text-decoration-thickness: .1em; display: block; } a:hover { text-decoration: none; } a:focus-visible, a[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } ul { margin-bottom: 1em; padding-left: 0; } ol { margin-top: 0; margin-bottom: 1em; padding-left: 2.2em; } li { color: var(--_color---neutral--50); margin-bottom: .5em; } img { max-width: 100%; display: inline-block; } label { margin-bottom: 5px; display: block; } strong { font-weight: bold; } blockquote { font-family: var(--_typography---blockquote--font); font-size: var(--_typography---blockquote--font-size); line-height: var(--_typography---blockquote--line-height); font-style: italic; font-weight: var(--_typography---blockquote--font-weight); margin-bottom: 0; padding: 0; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 5px; } .h1 { margin-top: 0; margin-bottom: var(--_typography---h1--bottom-margin); font-family: var(--_typography---h1--font); font-size: var(--_typography---h1--font-size); line-height: var(--_typography---h1--line-height); font-weight: var(--_typography---h1--font-weight); letter-spacing: var(--_typography---h1--letter-spacing); } .h2 { margin-top: 0; margin-bottom: var(--_typography---h2--bottom-margin); font-family: var(--_typography---h2--font); font-size: var(--_typography---h2--font-size); line-height: var(--_typography---h2--line-height); font-weight: var(--_typography---h2--font-weight); letter-spacing: var(--_typography---h2--letter-spacing); } .h3 { margin-top: 0; margin-bottom: var(--_typography---h3--bottom-margin); font-family: var(--_typography---h3--font); font-size: var(--_typography---h3--font-size); line-height: var(--_typography---h3--line-height); font-weight: var(--_typography---h3--font-weight); letter-spacing: var(--_typography---h3--letter-spacing); } .h4 { margin-top: 0; margin-bottom: var(--_typography---h4--bottom-margin); font-family: var(--_typography---h4--font); font-size: var(--_typography---h4--font-size); line-height: var(--_typography---h4--line-height); font-weight: var(--_typography---h4--font-weight); letter-spacing: var(--_typography---h4--letter-spacing); } .h4:where(.w-variant-eb7e460e-cf9c-3f4f-13ce-457458f68bc9) { color: var(--primary--text); } .h5 { margin-top: 0; margin-bottom: var(--_typography---h5--bottom-margin); font-family: var(--_typography---h5--font); font-size: var(--_typography---h5--font-size); line-height: var(--_typography---h5--line-height); font-weight: var(--_typography---h5--font-weight); letter-spacing: var(--_typography---h5--letter-spacing); } .h6 { margin-top: 0; margin-bottom: var(--_typography---h6--bottom-margin); font-family: var(--_typography---h6--font); font-size: var(--_typography---h6--font-size); line-height: var(--_typography---h6--line-height); font-weight: var(--_typography---h6--font-weight); letter-spacing: var(--_typography---h6--letter-spacing); } .section { padding-top: var(--_layout---spacer--main); padding-bottom: var(--_layout---spacer--main); --primary--background: var(--_color---neutral--900); --primary--accent: var(--_color---warm--500); --primary--text: var(--_color---neutral--50); --primary--border: var(--_color---neutral--500); --primary--accent-dark: var(--_color---warm--700); position: relative; } .section:where(.w-variant-ffdae436-6d76-12b6-39d6-0e4201c47aad), .section:where(.w-variant-5a3b2588-a7f4-dd06-61a1-e697adf3e2de) { --primary--background: var(--lightningcss-light, var(--_color---neutral--50)) var(--lightningcss-dark, var(--_color---neutral--500)); --primary--accent: var(--_color---warm--500); --primary--text: var(--_color---neutral--50); --primary--border: var(--_color---neutral--500); --primary--accent-dark: var(--_color---warm--700); } .section:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .section:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); } .section:where(.w-variant-64741b56-9dbb-6bda-1c61-6aee5fe11f99) { border-top: 1px solid var(--primary--border); border-bottom: 1px solid var(--primary--border); } .section.cc-blog-hero { padding-top: var(--_layout---custom-space--xl); padding-bottom: var(--_layout---custom-space--xl); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: var(--_color---neutral--500); flex-flow: column; justify-content: center; align-items: stretch; min-height: min(85vh, 60rem); display: flex; } .section.cc-p-lg { padding-top: var(--_layout---custom-space--l); padding-bottom: var(--_layout---custom-space--l); } .section.cc-p-xl { padding-top: var(--_layout---custom-space--xl); padding-bottom: var(--_layout---custom-space--xl); } .section.cc-cta { padding-bottom: 0; overflow: hidden; } .section.cc-scroll { height: 700vh; padding-top: 0; padding-bottom: 0; } .section.tabs-scroll { height: 400vh; padding-top: 0; padding-bottom: 0; } .section.u-mb-lg { margin-bottom: var(--_layout---custom-space--xl); } .section.cc-footer { border-top: 1px solid var(--primary--border); height: 47rem; color: var(--primary--text); padding-top: 0; padding-bottom: 0; } .section.cc-message-strip.full-content-stack { grid-column-gap: 16px; grid-row-gap: 16px; --primary--background: var(--_color---neutral--900); --primary--accent: var(--_color---warm--500); --primary--text: var(--_color---neutral--50); --primary--border: var(--_color---neutral--500); --primary--accent-dark: var(--_color---warm--700); flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-self: flex-start; max-width: 100%; display: block; } .container { width: 100%; max-width: min((100% - var(--_components---container--gutter) * 2), var(--_components---container--max-width)); margin-left: auto; margin-right: auto; display: block; } .container:where(.w-variant-6cae332d-01b0-f960-b41f-aedac7ad74f1), .container:where(.w-variant-5a3b2588-a7f4-dd06-61a1-e697adf3e2de) { max-width: none; } .container:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .container:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { max-width: min((100% - var(--_components---container--gutter) * 2), var(--_components---container--max-width)); } .container.cc-nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; display: flex; } .container.cc-scroll { max-width: none; height: 100%; } .container.cc-main { z-index: 3; max-width: none; padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); position: relative; } .container.cc-main.u-p-0 { padding-left: 0; padding-right: 0; } .container.cc-footer { z-index: 3; max-width: none; height: 100%; padding: var(--_layout---spacer--main); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: relative; } .container.tabs-sticky { max-width: none; height: 100vh; min-height: 1000px; display: flex; } .container.cc-tabs_expanded { max-width: none; display: none; } .row { grid-row-gap: var(--_layout---grid--gap-main); margin-left: calc(var(--_layout---grid--gap-main) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-main) / 2 * -1); flex-wrap: wrap; align-content: stretch; display: flex; } .row:where(.w-variant-478364d0-b9a1-9a8d-3561-fc2372ac7598) { justify-content: center; } .row:where(.w-variant-5d43bd90-6372-654d-731d-541adec41264) { justify-content: space-between; } .row:where(.w-variant-74857e04-b06e-e825-b9a7-b1c429c16d7e) { align-items: center; } .row:where(.w-variant-83b17255-59f7-790b-da69-1e44aab5c586) { justify-content: center; align-items: center; } .row:where(.w-variant-d8cdc2fb-aedc-5d05-72c6-68fd71715228) { justify-content: space-between; align-items: center; } .row:where(.w-variant-b304d51f-8499-8e80-0632-b7e8accf301a) { justify-content: flex-end; align-items: stretch; } .row:where(.w-variant-84c0d3ac-e67c-aa17-8572-49b2e539ff14) { justify-content: flex-end; align-items: center; } .row:where(.w-variant-3d1b8c14-9e99-f9f9-47c1-87e724473bc0) { justify-content: flex-start; align-items: flex-end; } .row:where(.w-variant-30bc1b76-8350-656c-94d9-a238454cac88) { justify-content: flex-end; align-items: flex-end; } .row:where(.w-variant-17c26d76-ad6d-56cb-bed9-f93779ad31e8) { justify-content: center; align-items: flex-end; } .row:where(.w-variant-c4e0622f-418c-65e4-f062-f3424e8d2467) { justify-content: space-between; align-items: flex-end; } .row:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .row:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { grid-column-gap: var(--_layout---grid--gap-main); grid-row-gap: var(--_layout---grid--gap-main); } .row.row-justify-end { justify-content: flex-end; } .row.row-align-end { align-items: flex-end; } .row.row-justify-center { justify-content: center; } .row.row-align-center { align-items: center; } .row.row-justify-around { justify-content: space-around; } .row.row-gap-0 { grid-row-gap: 0rem; margin-bottom: 0; margin-left: 0; margin-right: 0; } .row.row-gap-md { grid-row-gap: var(--_layout---grid--gap-md); margin-left: calc(var(--_layout---grid--gap-md) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-md) / 2 * -1); } .row.row-gap-sm { grid-row-gap: var(--_layout---grid--gap-sm); margin-left: calc(var(--_layout---grid--gap-sm) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-sm) / 2 * -1); } .row.row-gap-button { grid-row-gap: var(--_layout---grid--gap-button); margin-left: calc(var(--_layout---grid--gap-button) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-button) / 2 * -1); } .row.row-content-end { align-content: flex-end; } .row.row-content-center { align-content: center; } .row.row-content-between { align-content: flex-end; } .row.row-content-between.u-h-100 { align-content: space-between; } .row.cc-scroll { height: 100%; position: relative; } .row.u-right-align { justify-content: flex-end; align-items: center; } .row.cc-50-card { grid-row-gap: 0px; border-bottom: 1px solid var(--primary--border); border-top-width: 1px; border-top-color: var(--primary--border); margin-left: 0; margin-right: 0; } .row.u-gap-0 { grid-row-gap: 0px; } .row.u-m-none { margin-left: 0; margin-right: 0; } .row.row-justify-between { justify-content: space-between; } .row.row-justify-between.row-gap-sm.u-center { align-items: center; } .row.u-plr-main { padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); } .row.cc-strip { justify-content: flex-start; align-items: center; } .row.u-plr-sm { padding-right: var(--_layout---spacer--sm); padding-left: var(--_layout---spacer--sm); } .row.cc-mobile-footer { display: none; } .col { padding-left: calc(var(--_layout---grid--gap-main) / 2); padding-right: calc(var(--_layout---grid--gap-main) / 2); flex-flow: column; flex: 1; justify-content: flex-start; display: flex; position: relative; } .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16) { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6) { flex-grow: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col:where(.w-variant-52b169ce-f9c2-1128-cb8d-e5acee9f9159) { flex-grow: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col:where(.w-variant-f8adaa2d-7dff-f490-b6dd-19f48419d59b) { flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3) { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b) { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col:where(.w-variant-63569d8e-a8ac-61e1-0666-21eb6073c541) { flex: 0 auto; } .col:where(.w-variant-95c67bf8-407f-143d-c1b2-46906c26a2f4) { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col:where(.w-variant-6f373193-993b-d370-7068-a233ac19befc) { flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col:where(.w-variant-c2470e99-215a-e78c-3ec0-c579f938e15e) { flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-grow: 1; flex-shrink: 1; flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a) { padding-top: var(--_layout---spacer--main); padding-bottom: var(--_layout---spacer--main); background-color: var(--_color---neutral--700); padding-left: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--main)); padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--main) + 5%); } .col:where(.w-variant-ae373a8f-9bef-d6c9-8d50-2f1e7097a5f3) { padding-left: 0; padding-right: 0; } .col:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-top: var(--_layout---spacer--main); padding-bottom: var(--_layout---spacer--main); background-color: var(--_color---neutral--700); padding-left: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--main)); padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--main) + 5%); } .col.col-lg-3 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12 { padding-left: 0; padding-right: 0; } .col.col-lg-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-lg-2 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-lg-5 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-lg-9 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-lg-12 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-lg-11 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-lg-8 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-lg-4.u-p-0:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.col-lg-4.u-p-0:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { height: 100%; } .col.col-lg-10 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-lg-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-lg-first { order: -1; } .col.col-lg-last { order: 1; } .col.col-lg-offset-1 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-lg-offset-2 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-lg-offset-3 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-lg-offset-4 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-lg-offset-5 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-lg-offset-6 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-lg-contain-left { padding-left: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); } .col.col-lg-contain-right { padding-right: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); } .col.u-border-right { border-right: 1px solid var(--primary--border); } .col.u-border-right.cc-scroll { flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100vh; } .col.cc-scroll { justify-content: flex-start; height: 100vh; padding-left: 0; position: sticky; top: 0; } .col.u-y-center.u-w-100.full-content-stack-7, .col.u-y-center.full-content-stack-6 { padding-left: 0; padding-right: 0; } .col.u-justify-between:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.u-justify-between:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { justify-content: space-between; align-items: flex-start; } .col.u-justify-between.col-gap-md:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.u-justify-between.col-gap-md:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { grid-column-gap: var(--_layout---grid--gap-md); grid-row-gap: var(--_layout---grid--gap-md); } .col.u-grid-bg { background-image: url("https://cdn.prod.website-files.com/69ab449b4b3c36765d1d860e/69d042db33dd6bf886f4f562_a3b0482dcc58fa83d5241cf6941f9777_bg.png"); background-position: 0 0; background-size: 60px; } .col.full-content-stack-3, .col.full-content-stack-4 { padding-left: 0; padding-right: 0; } .col.col-lg-6 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12 { padding-left: 0; padding-right: 0; } .col.col-lg-6.col-md-12.cc-50-card { border-right-style: solid; border-right-width: 1px; border-right-color: var(--primary--border); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); justify-content: space-between; padding-left: 0; padding-right: 0; } .col.col-lg-6.col-md-12.cc-50-card.border-none { border-right-style: none; border-right-width: 0; } .col.col-lg-6.cc-hp-scroll { grid-column-gap: 10rem; grid-row-gap: 10rem; align-items: stretch; padding-left: 0; padding-right: 0; } .col.col-lg-6.cc-hp-sticky { padding-bottom: 8%; } .col.col-lg-6.col-sm-12:where(.w-variant-d5f3dc8f-4d56-855c-6d8b-fd8792106ca7) { padding-left: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---grid--gap-main)); padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---grid--gap-main)); } .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12, .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11 { padding-left: 0; padding-right: 0; } .col.col-lg-4 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-lg-4.u-p-0:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.col-lg-4.u-p-0:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { height: 100%; } .col.col-shrink { flex: 0 auto; } .col.col-shrink.full-content-stack-8 { padding-left: 0; padding-right: 0; } .col.u-y-center { justify-content: center; } .col.u-y-center.u-w-100.full-content-stack-7, .col.u-y-center.full-content-stack-6, .col.u-y-center.u-w-100.full-content-stack-7 { padding-left: 0; padding-right: 0; } .col.u-x-right { justify-content: flex-start; align-items: flex-end; } .col.cc-card-list { padding-top: var(--_layout---custom-space--m); padding-bottom: var(--_layout---custom-space--m); border-style: solid none solid solid; border-width: 1px 0 1px 1px; border-color: var(--primary--border); justify-content: space-between; align-items: flex-start; } .col.u-shrink.u-border-left { border-left: 1px solid var(--primary--border); border-left: 1px solid var(--primary--border); } .button { padding-top: var(--_components---button--vertical-padding); padding-right: var(--_components---button--horizontal-padding); padding-bottom: var(--_components---button--vertical-padding); padding-left: var(--_components---button--horizontal-padding); grid-column-gap: .4em; grid-row-gap: .4em; border-top-left-radius: var(--_components---button--border-radius); border-top-right-radius: var(--_components---button--border-radius); border-bottom-left-radius: var(--_components---button--border-radius); border-bottom-right-radius: var(--_components---button--border-radius); font-family: var(--_components---button--font); color: var(--_color---neutral--white); font-size: var(--_components---button--font-size); line-height: var(--_components---button--line-height); font-weight: var(--_components---button--font-weight); text-align: center; letter-spacing: var(--_components---button--letter-spacing); border: 2px solid #0000; justify-content: center; align-items: center; width: fit-content; text-decoration: none; display: inline-flex; position: relative; } .button:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { border-top-color: var(--_color---cool--500); border-right-color: var(--_color---cool--500); border-bottom-color: var(--_color---cool--500); border-left-color: var(--_color---cool--500); color: var(--primary--text); background-color: #0000; } .button:hover:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { background-color: color-mix(in hsl, var(--primary--accent) 10%, transparent 90%); } .button:focus-visible, .button[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .button.cc-full { width: 100%; } .button.cc-simple { background-color: var(--_color---warm--500); text-transform: uppercase; transition: color .3s, background-color .3s; } .button.cc-simple:hover { border-color: var(--_color---cool--100); background-color: var(--_color---neutral--900); } .page-wrapper { max-width: var(--_components---container--max-width); border-right: 1px solid var(--primary--border); background-color: var(--primary--background); flex-flow: column; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: clip; } .page-wrapper.cc-utility { flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; display: flex; } .page-wrapper.cc-vertical { flex-flow: column; } .page-wrapper.cc-d-horizontal { flex-flow: row; } .custom-code-component { display: none; position: fixed; inset: 0% auto auto 0%; } .eyebrow { max-width: 100%; max-height: 14%; margin-bottom: var(--_typography---eyebrow--bottom-margin); aspect-ratio: auto; font-family: var(--_typography---eyebrow--font); color: var(--primary--accent); font-size: var(--_typography---eyebrow--font-size); line-height: var(--_typography---eyebrow--line-height); font-weight: var(--_typography---eyebrow--font-weight); letter-spacing: .1em; text-transform: uppercase; white-space: normal; word-break: normal; overflow-wrap: normal; object-fit: fill; --primary--background: var(--_color---neutral--900); --primary--accent: var(--_color---warm--500); --primary--text: var(--_color---neutral--50); --primary--border: var(--_color---neutral--500); --primary--accent-dark: var(--_color---warm--700); flex-flow: column; display: block; position: static; } .eyebrow:where(.w-variant-b45a3190-3d08-7826-175e-70dfb1d773b0) { color: var(--_color---warm--300); } .eyebrow:where(.w-variant-8d29e36d-9bd0-01c5-6de9-679fc6127277) { color: var(--primary--text); } .eyebrow:where(.w-variant-eb7e460e-cf9c-3f4f-13ce-457458f68bc9) { order: -9999; } .eyebrow.cc-breadcrumb { margin-bottom: 0; text-decoration: none; } .eyebrow.cc-breadcrumb:hover { text-decoration: underline; } .eyebrow.cc-breadcrumb.cc-current-page { opacity: .5; text-decoration: none; } .eyebrow.u-text-warm-300.u-mb-0:where(.w-variant-eb7e460e-cf9c-3f4f-13ce-457458f68bc9) { order: -9999; } .paragraph-sm { margin-bottom: var(--_typography---paragraph-sm--bottom-margin); font-family: var(--_typography---paragraph-sm--font); font-size: var(--_typography---paragraph-sm--font-size); line-height: var(--_typography---paragraph-sm--line-height); font-weight: var(--_typography---paragraph-sm--font-weight); letter-spacing: var(--_typography---paragraph-sm--letter-spacing); } .paragraph-xl { margin-bottom: var(--_typography---paragraph-xl--bottom-margin); font-family: var(--_typography---paragraph-xl--font); font-size: var(--_typography---paragraph-xl--font-size); line-height: var(--_typography---paragraph-xl--line-height); font-weight: var(--_typography---paragraph-xl--font-weight); } .u-d-none { display: none; } .u-sr-only { white-space: nowrap; border: 0 solid #0000; width: 1px; height: 1px; margin-top: -1px; padding: 0; position: absolute; overflow: hidden; } .u-sr-only:where(.w-variant-28c1bf27-a4fa-4ef2-daac-40f59e76d6a4) { display: none; } .u-w-100 { width: 100%; } .u-img-cover { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-img-cover:where(.w-variant-109354ec-e18b-6d34-fc97-2bd60ed75688) { object-position: 0% 0%; } .u-img-cover:where(.w-variant-40e3e929-19ef-9b36-6290-dc5709682adc) { object-position: 50% 0%; } .u-img-cover:where(.w-variant-0da5bd83-82c0-9ff7-a129-8f787e266277) { object-position: 100% 0%; } .u-img-cover:where(.w-variant-95f10c6a-375e-6791-942f-befcfd098245) { object-position: 0% 50%; } .u-img-cover:where(.w-variant-70209591-5532-2fc0-7d51-2b8b6dddb987) { object-position: 100% 50%; } .u-img-cover:where(.w-variant-a7ddd5b7-263c-c9cb-72d3-05c79a748253) { object-position: 0% 100%; } .u-img-cover:where(.w-variant-1d20b8de-5e87-989b-a18d-586e4efc38e7) { object-position: 50% 100%; } .u-img-cover:where(.w-variant-0230cd8b-7253-149b-4b7c-efe7ca05c971) { object-position: 100% 100%; } .u-link-cover { z-index: 1; background-color: #0000; width: 100%; height: 100%; padding: 0; position: absolute; inset: 0%; } .u-link-cover.cc-tabs-link:focus-visible, .u-link-cover.cc-tabs-link[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: -2px; outline-width: 2px; outline-style: solid; } .u-mt-0 { margin-top: 0; } .u-mt-md { margin-top: var(--_layout---spacing--margin-md); } .u-mt-lg { margin-top: var(--_layout---spacing--margin-lg); } .u-mt-auto { margin-top: auto; } .u-mt-sm { margin-top: var(--_layout---spacing--margin-sm); } .u-mb-sm { margin-bottom: var(--_layout---spacing--margin-sm); } .u-mb-0 { margin-bottom: 0; } .u-mb-md { margin-bottom: var(--_layout---spacing--margin-md); } .u-mb-lg { margin-bottom: var(--_layout---spacing--margin-lg); } .u-p-0 { padding: 0; } .u-border { width: 100%; height: 1px; margin-top: var(--_layout---grid--gap-main); margin-right: 0; margin-bottom: var(--_layout---grid--gap-main); border-top-style: none; border-top-width: 2px; border-top-color: var(--_color---neutral--500); border-right-style: none; border-right-width: 2px; border-right-color: var(--_color---neutral--500); border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: var(--_color---neutral--500); border-left-style: none; border-left-width: 2px; border-left-color: var(--_color---neutral--500); background-color: var(--primary--border); box-shadow: none; margin-left: 0; padding: 0; position: absolute; inset: auto 0% -40px; } .u-border.cc-left { width: 1px; height: 100%; margin-top: 0; margin-bottom: 0; inset: 0% auto 0% 0%; } .u-position-relative { position: relative; } .page-main { flex-flow: column; flex: 1; display: flex; position: relative; } .u-minh-100vh { min-height: 100vh; } .rich-text { color: var(--primary--text); text-wrap: pretty; } .rich-text:where(.w-variant-1978bc63-55aa-56e2-2595-0908c23614f1) { font-family: var(--_typography---paragraph-sm--font); font-size: var(--_typography---paragraph-sm--font-size); line-height: var(--_typography---paragraph-sm--line-height); font-weight: var(--_typography---paragraph-sm--font-weight); letter-spacing: var(--_typography---paragraph-sm--letter-spacing); } .rich-text:where(.w-variant-22964a1e-cf26-a7c9-064a-fac0985738b0) { font-family: var(--_typography---paragraph-lg--font); font-size: var(--_typography---paragraph-lg--font-size); line-height: var(--_typography---paragraph-lg--line-height); font-weight: var(--_typography---paragraph-lg--font-weight); letter-spacing: var(--_typography---paragraph-lg--letter-spacing); } .rich-text:where(.w-variant-5468efbc-9044-8940-1482-59077fda5d89) { font-family: var(--_typography---paragraph-xl--font); font-size: var(--_typography---paragraph-xl--font-size); line-height: var(--_typography---paragraph-xl--line-height); font-weight: var(--_typography---paragraph-xl--font-weight); letter-spacing: var(--_typography---paragraph-xl--letter-spacing); } .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4 { margin-top: 1em; } .rich-text blockquote { border: 1px #000; margin-top: 1.25em; margin-bottom: 1.25em; } .rich-text figure { border-radius: var(--_components---card--border-radius); margin: 3em 0; } .rich-text img { border-top-style: solid; border-top-width: 2px; border-top-color: var(--_color---neutral--500); border-right-style: solid; border-right-width: 2px; border-right-color: var(--_color---neutral--500); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: var(--_color---neutral--500); border-left-style: solid; border-left-width: 2px; border-left-color: var(--_color---neutral--500); border-top-left-radius: var(--_components---card--border-radius); border-top-right-radius: var(--_components---card--border-radius); border-bottom-left-radius: var(--_components---card--border-radius); border-bottom-right-radius: var(--_components---card--border-radius); box-shadow: var(--shadow-ui); overflow: hidden; } .rich-text figcaption { color: var(--_color---neutral--50); margin-top: 1em; margin-bottom: 1em; font-size: .875rem; } .rich-text code { background-color: var(--primary--border); border-radius: 4px; padding-left: .4em; padding-right: .4em; font-size: .9em; display: inline-block; } .rich-text h5, .rich-text h6 { margin-top: 1em; } .rich-text a { color: var(--_color---cool--500); display: inline-block; } .rich-text.cc-2-col { column-count: 2; column-gap: 2.5rem; } .u-mt-xs { margin-top: var(--_layout---spacing--margin-xs); } .u-mb-xs { margin-bottom: var(--_layout---spacing--margin-xs); } .u-mb-auto { margin-bottom: auto; } .nav-menu_btn { background-color: #0000; padding: .125rem; } .nav-menu_btn.w--open { background-color: #0000; } .slot { flex-flow: column; align-items: stretch; display: flex; } .slot.cc-section { flex-flow: column; align-items: stretch; position: static; } .slot.cc-card { flex: 1; align-items: stretch; } .slot.cc-card-body { height: 100%; } .slot.cc-content-wrap { justify-content: flex-start; align-items: stretch; } .slot.cc-content-wrap:where(.w-variant-4f776f9f-c275-ad96-13cc-1a1155282c66) { justify-content: flex-start; align-items: flex-start; } .slot.cc-content-wrap:where(.w-variant-ef75f072-0d3e-a68c-b71c-8389a2a0f173) { text-align: center; align-items: center; } .slot.cc-tabs-menu { scrollbar-width: none; flex-flow: row; justify-content: flex-start; align-items: stretch; overflow-x: auto; } .slot.cc-tabs-menu:where(.w-variant-2aaea931-c3cd-72d0-7879-74b59b68dd9b) { flex-flow: column; overflow-x: hidden; } .slot.cc-table { display: contents; } .slot.cc-column { align-items: stretch; width: 100%; height: 100%; } .slot.u-gap-xs { grid-column-gap: var(--_layout---custom-space--xs); grid-row-gap: var(--_layout---custom-space--xs); } .u-mode-dark { background-color: var(--primary--background); color: var(--primary--text); --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; } .u-mode-light { background-color: var(--primary--background); color: var(--primary--text); --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; } .eyebrow-component { width: 100%; } .heading-component:where(.w-variant-984930a4-eb30-995d-254e-48885d94d23f) { text-align: right; } .heading-component:where(.w-variant-f20e659e-08bf-56be-6132-f0579c289fff) { text-align: center; } .img-component { aspect-ratio: 4 / 3; width: 100%; position: relative; overflow: hidden; } .img-component:where(.w-variant-b5e7a2df-0aae-a75d-3cfa-d5f2e50ac839) { aspect-ratio: 16 / 9; } .img-component:where(.w-variant-c7b9829e-5860-6efa-0d93-1aa6a99a637f) { aspect-ratio: 3 / 4; } .img-component:where(.w-variant-1ead5ba6-2a8f-9163-58f6-93b05efab34b) { aspect-ratio: 9 / 16; } .img-component:where(.w-variant-9fbd509f-cdc1-3164-90ff-53a572e70fad) { aspect-ratio: 1; } .img-component:where(.w-variant-0375267a-29ec-433a-03b2-8f111c99a60b) { aspect-ratio: auto; } .img-component:where(.w-variant-bb15dbc4-816d-ba55-5a68-046b1d0e5917) { z-index: -1; aspect-ratio: auto; height: 100%; position: absolute; inset: 0%; } .spacer-component { width: 100%; height: var(--_layout---spacer--main); box-shadow: none; padding: 0; outline: none !important; } .spacer-component:where(.w-variant-e4fc4cad-f8e2-63d7-bb51-6c5b9af34c38) { height: var(--_layout---spacer--sm); } .spacer-component:where(.w-variant-60e88f1c-8990-2b60-1d3a-e5ec07d412dc) { height: var(--_layout---spacer--md); } .spacer-component:where(.w-variant-aea45f07-8b30-d181-0430-911625064b03) { height: var(--_layout---spacer--lg); } .spacer-component:where(.w-variant-dba9cae2-54be-141a-12ba-b302e9a20450) { height: var(--_layout---spacer--xs); } .spacer-component:where(.w-variant-b9bbdb1d-89f6-63ea-ffca-58b2e52d07e8) { height: var(--_layout---spacer--xl); } .spacer-component:where(.w-variant-082a9005-f700-4c05-c99d-4ea0cb36fda8) { height: 0; } .img-component_bg-overlay { display: none; } .img-component_bg-overlay:where(.w-variant-bb15dbc4-816d-ba55-5a68-046b1d0e5917) { background-color: color-mix(in hsl, var(--_color---neutral--900) 60%, transparent 10%); width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .rich-text-component { color: var(--primary--text); } .btn-text { pointer-events: none; text-transform: uppercase; position: relative; } .heading-text { color: var(--primary--text); } .heading-text:where(.w-variant-813f064f-ba2b-ffa1-55eb-a41550789ac8) { margin-bottom: var(--_typography---h1--bottom-margin); font-family: var(--_typography---h1--font); font-size: var(--_typography---h1--font-size); line-height: var(--_typography---h1--line-height); font-weight: var(--_typography---h1--font-weight); letter-spacing: var(--_typography---h1--letter-spacing); } .heading-text:where(.w-variant-d76e87ae-843a-69e9-fbc7-cb9db80fed20) { margin-bottom: var(--_typography---h2--bottom-margin); font-family: var(--_typography---h2--font); font-size: var(--_typography---h2--font-size); line-height: var(--_typography---h2--line-height); font-weight: var(--_typography---h2--font-weight); letter-spacing: var(--_typography---h2--letter-spacing); } .heading-text:where(.w-variant-70c6f07f-bb2a-4ede-3aeb-15ccf0589766) { margin-bottom: var(--_typography---h3--bottom-margin); font-family: var(--_typography---h3--font); font-size: var(--_typography---h3--font-size); line-height: var(--_typography---h3--line-height); font-weight: var(--_typography---h3--font-weight); letter-spacing: var(--_typography---h3--letter-spacing); } .heading-text:where(.w-variant-844c7b9e-ef44-fc84-3fbe-9e715b45094b) { margin-bottom: var(--_typography---h4--bottom-margin); font-family: var(--_typography---h4--font); font-size: var(--_typography---h4--font-size); line-height: var(--_typography---h4--line-height); font-weight: var(--_typography---h4--font-weight); letter-spacing: var(--_typography---h4--letter-spacing); } .heading-text:where(.w-variant-b1ee5d40-f1e3-742d-08e8-7dcdfdc3ce1c) { margin-bottom: var(--_typography---h5--bottom-margin); font-family: var(--_typography---h5--font); font-size: var(--_typography---h5--font-size); line-height: var(--_typography---h5--line-height); font-weight: var(--_typography---h5--font-weight); letter-spacing: var(--_typography---h5--letter-spacing); } .heading-text:where(.w-variant-3fee1e3d-0e23-2506-6d0c-d4910fcae199) { margin-bottom: var(--_typography---h6--bottom-margin); font-family: var(--_typography---h6--font); font-size: var(--_typography---h6--font-size); line-height: var(--_typography---h6--line-height); font-weight: var(--_typography---h6--font-weight); letter-spacing: var(--_typography---h6--letter-spacing); } .heading-text:where(.w-variant-f270f264-0d18-f641-c482-38c2072684c9) { font-family: var(--_typography---statement--font); font-size: var(--_typography---statement--font-size); line-height: var(--_typography---statement--line-height); font-weight: var(--_typography---statement--font-weight); } .plain-text-component { color: inherit; } .plain-text:where(.w-variant-eebac4d0-008c-75e9-e740-016bad7573f2) { font-family: var(--_typography---paragraph-sm--font); font-size: var(--_typography---paragraph-sm--font-size); line-height: var(--_typography---paragraph-sm--line-height); font-weight: var(--_typography---paragraph-sm--font-weight); letter-spacing: var(--_typography---paragraph-sm--letter-spacing); } .plain-text:where(.w-variant-9ad92d80-207c-60b9-8e5c-36936970f4aa) { font-family: var(--_typography---paragraph-lg--font); font-size: var(--_typography---paragraph-lg--font-size); line-height: var(--_typography---paragraph-lg--line-height); font-weight: var(--_typography---paragraph-lg--font-weight); letter-spacing: var(--_typography---paragraph-lg--letter-spacing); } .plain-text:where(.w-variant-fde4265e-10fa-d64b-4bec-f557e2b09922) { font-family: var(--_typography---paragraph-xl--font); font-size: var(--_typography---paragraph-xl--font-size); line-height: var(--_typography---paragraph-xl--line-height); font-weight: var(--_typography---paragraph-xl--font-weight); letter-spacing: var(--_typography---paragraph-xl--letter-spacing); } .nav-menu_btn-dot { background-color: var(--primary--text); border-radius: 50%; width: 3px; height: 3px; transition: transform .3s; } .nav-menu_btn-icon { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: wrap; justify-content: space-between; align-items: flex-start; width: 20px; display: flex; } .nav_logo-end { width: auto; height: 1.125rem; } .nav-menu_btn-inner { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .nav-menu_btn-label { font-size: var(--_typography---eyebrow--font-size); transition: opacity .3s; position: static; } .nav-menu_btn-label.cc-closed { position: absolute; } .nav-menu_btn-label.cc-open { opacity: 0; } .u-text-neutral-50 { color: var(--_color---neutral--50); } .button_bg { border-top-left-radius: var(--_components---button--border-radius); border-top-right-radius: var(--_components---button--border-radius); border-bottom-left-radius: var(--_components---button--border-radius); border-bottom-right-radius: var(--_components---button--border-radius); background-color: var(--_color---warm--500); filter: url("#noise"); width: 100%; height: 100%; transition-property: opacity, box-shadow; transition-duration: .3s, .3s; transition-timing-function: ease, ease; position: absolute; inset: 0%; } .button_bg:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { background-color: var(--_color---neutral--900); opacity: 0; box-shadow: 0 0 10px 6px var(--_color---cool--500); } .button_bg:where(.w-variant-8c0d0482-7b4d-fba8-9734-4f41095a8656) { display: block; } .button_bg:hover { box-shadow: 0 2px 5px #0003; } .button_bg.cc-circle { border-radius: 50%; } .button_bg.cc-nav-link { display: none; } .button_bg.cc-nav-link:where(.w-variant-8c0d0482-7b4d-fba8-9734-4f41095a8656) { display: block; } .u-img-contain { object-fit: contain; width: 100%; height: 100%; } .u-img-contain.u-aspect-16x9:where(.w-variant-ac8b038e-5a3b-d087-05df-30c9c8415fdb) { aspect-ratio: auto; } .button_fg { border-radius: var(--_components---button--border-radius); background-color: var(--_color---warm--700); width: 100%; height: 100%; transition: background-color .3s; position: absolute; inset: 0%; } .button_fg:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { background-color: var(--_color---neutral--900); } .button_fg:where(.w-variant-8c0d0482-7b4d-fba8-9734-4f41095a8656) { display: block; } .button_fg.cc-circle { border-radius: 50%; } .button_fg.cc-nav-link { display: none; } .button_fg.cc-nav-link:where(.w-variant-8c0d0482-7b4d-fba8-9734-4f41095a8656) { display: block; } .arrow-link { grid-column-gap: 1rem; grid-row-gap: 1rem; font-family: var(--_typography---standard-link--font); font-size: var(--_typography---standard-link--font-size); line-height: var(--_typography---standard-link--line-height); font-weight: var(--_typography---standard-link--font-weight); text-transform: uppercase; justify-content: flex-start; align-items: center; text-decoration: none; display: inline-flex; } .arrow-link:where(.w-variant-5328b658-3e68-caec-441d-a8aa9c9ffb40), .arrow-link:where(.w-variant-2f6cda71-c4ea-7bca-8ece-0e3b2ed873e6) { display: none; } .arrow-link:where(.w-variant-28c1bf27-a4fa-4ef2-daac-40f59e76d6a4) { position: relative; } .svg-icon { width: 1rem; color: var(--primary--text); flex: none; position: relative; } .svg-icon:where(.w-variant-28c1bf27-a4fa-4ef2-daac-40f59e76d6a4) { color: var(--primary--accent); } .svg-icon.cc-lg { width: 1.5rem; } .arrow-link_icon { justify-content: center; align-items: center; display: flex; } .logomark { width: 2.4375rem; height: 2.625rem; color: var(--primary--accent); } .page-container { flex-flow: column; flex: 1; display: flex; position: relative; } .logo_link { aspect-ratio: 1; width: 2.5rem; height: 2.5rem; } .logo_link.w--current { padding-left: 0; } .nav_bar { border-right: 1px solid var(--primary--border); border-left: 1px solid var(--primary--border); background-color: var(--primary--background); width: 20%; max-width: 20rem; color: var(--primary--text); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .nav_menu { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .nav_container { width: 100%; height: 100%; padding: 1.5rem 1.25rem 1.5rem var(--_layout---spacer--md); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; position: relative; } .nav_link { font-family: var(--_typography---standard-link--font); color: var(--_color---neutral--100); font-size: var(--_typography---standard-link--font-size); text-transform: uppercase; margin: 0; padding: 0; } .nav_link:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { color: var(--_color---cool--100); letter-spacing: var(--_typography---standard-link--letter-spacing); justify-content: flex-start; align-items: center; display: flex; } .nav_link:focus:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020), .nav_link:visited:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020), .nav_link:lang(en):where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { color: var(--_color---cool--100); } .nav_menu_top { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; display: flex; position: sticky; top: 1.5rem; } .nav_wrapper { flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; display: flex; position: relative; } .nav_link-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; cursor: pointer; justify-content: flex-start; align-items: center; display: flex; } .nav_link-wrapper:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { color: var(--primary--text); } .nav_link-active { aspect-ratio: 1; width: .75rem; color: var(--primary--accent); display: none; } .nav_link-active:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { display: block; } .heading-component_wrap { margin-bottom: .5rem; } .heading-component_wrap:where(.w-variant-c1acc2b0-26ba-1158-b658-dce2bcdc6728) { text-align: center; } .heading-component_wrap:where(.w-variant-ef5227ae-b569-967b-54b3-e50707c2bd08) { text-align: right; } .heading-component_wrap:where(.w-variant-8aa4544e-b49f-2513-aaaa-b291207c1f9d) { text-align: left; } .paragraph-component { color: var(--primary--text); } .paragraph-component:where(.w-variant-1e64fc3d-6f5c-4fe6-89c0-3f15a86f35f1) { text-align: center; } .paragraph-component:where(.w-variant-9be934cb-3a74-3585-fb1a-c3b842af7db5) { text-align: right; } .paragraph-component:where(.w-variant-d7a74ed5-d236-e8b6-1dd7-2b302fbcf1d6) { text-align: left; } .nav_menu-logos { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-flow: column; display: flex; } .u-embed { display: none; } .u-border-dash { width: 100%; height: 1px; color: var(--primary--text); } .arrow-link_wrapper { position: relative; } .arrow-link_wrapper:where(.w-variant-28c1bf27-a4fa-4ef2-daac-40f59e76d6a4) { color: var(--primary--accent); } .img:where(.w-variant-c0f489a2-fc64-3b6c-1b29-50a0fe975d95) { object-fit: cover; width: 100%; height: 100%; } .img:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .img:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { width: 100%; height: 100%; } .content-wrap { flex-flow: column; flex: 1; justify-content: center; align-items: flex-start; display: flex; } .content-wrap:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .content-wrap:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { height: 100%; } .content-wrap.cc-feature-component { border-right: 1px solid var(--primary--border); border-left: 1px solid var(--primary--border); } .content-wrap.cc-border { border-bottom: 1px solid var(--primary--border); } .content-wrap.cc-tabs { padding: var(--_layout---spacer--md); flex-flow: column; flex: 1; justify-content: center; align-items: flex-start; display: flex; position: relative; } .content-wrap.u-flex-shrink { flex: 0 auto; } .content-wrap.u-align-top { justify-content: flex-start; align-items: flex-start; } .arrow_link-link, .arrow_link-link:where(.w-variant-28c1bf27-a4fa-4ef2-daac-40f59e76d6a4) { position: absolute; inset: 0%; } .footer-base { min-height: 37.5rem; } .footer-text { width: 12.5rem; color: var(--primary--accent); } .footer-logo { color: var(--_color---cool--100); position: relative; } .tabs-nav { grid-column-gap: 1rem; grid-row-gap: 1rem; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--primary--border); width: 100%; max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-flow: column; display: flex; } .tab-content { border-bottom: 1px solid var(--primary--border); border-left: 1px solid var(--primary--accent); opacity: 0; pointer-events: none; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; display: flex; position: absolute; } .tab-title { padding: var(--_layout---spacer--sm) var(--_layout---spacer--md); background-color: var(--_color---neutral--700); color: var(--primary--text); cursor: pointer; display: flex; } .tab-title.is-active { background-color: var(--primary--accent); color: var(--primary--background); background-color: var(--primary--accent); } .tab-pane { flex: 1; width: 100%; position: relative; } .number { aspect-ratio: 1; background-color: var(--primary--accent); width: 3rem; color: var(--primary--text); border-radius: 100%; justify-content: center; align-items: center; display: flex; } .list_element { margin-top: var(--_layout---spacer--md); flex-flow: column; display: flex; } .list_item { border: 1px solid var(--primary--border); border-radius: 1335px; padding: .625rem 2rem; } .list_item-content { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: flex-start; align-items: center; display: flex; } .check_mark { aspect-ratio: 1; width: .8125rem; color: var(--_color---success--300); flex: none; } .footer-img { aspect-ratio: 1; width: 267px; height: 264px; color: var(--primary--accent); position: absolute; inset: auto 18% 35% auto; } @media screen and (max-width: 991px) { .section.cc-blog-hero { min-height: auto; } .section.cc-scroll { height: 100%; } .container.cc-scroll { display: none; } .container.cc-tabs_expanded, .container.cc-scroll { display: none; } .container.cc-main.u-d-none { display: block; } .container.tabs-sticky { height: calc(100vh - 80px); min-height: 1300px; top: 80px; } .container.cc-tabs_expanded { display: none; } .row.row-align-center:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .row.row-align-center:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { flex-flow: column; } .row.row-align-center:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .row.row-align-center:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { flex-flow: column; } .row.u-plr-main.u-y-center { justify-content: flex-start; align-items: center; } .row.cc-50-card { grid-row-gap: 0px; border-bottom-style: none; } .row.cc-strip { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .row.cc-mobile-footer { margin-bottom: 1rem; display: flex; } .row.u-m-none { display: none; } .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16), .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6) { flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-f8adaa2d-7dff-f490-b6dd-19f48419d59b) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3) { flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b), .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 50%; max-width: 100%; } .col:where(.w-variant-95c67bf8-407f-143d-c1b2-46906c26a2f4), .col:where(.w-variant-6f373193-993b-d370-7068-a233ac19befc) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex-basis: 50%; max-width: 50%; } .col.col-lg-4.u-p-0:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.col-lg-4.u-p-0:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { max-width: none; } .col.cc-corner-clip:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.cc-corner-clip:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--main)); } .col.u-justify-between.col-gap-md:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.u-justify-between.col-gap-md:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-left: 0; padding-right: 0; } .col.col-lg-6.col-md-12.cc-50-card { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: none; border-bottom-color: var(--primary--border); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); border-bottom-style: solid; border-bottom-width: 1px; border-right-style: none; border-bottom-color: var(--primary--border); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); border-bottom-style: solid; border-bottom-width: 1px; border-right-style: none; border-bottom-color: var(--primary--border); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-md-9 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-md-2 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-md-6 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-md-5 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-md-4 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-md-11 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-md-3 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-md-8 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-md-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-lg-4.u-p-0:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.col-lg-4.u-p-0:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f), .col.col-lg-4.u-p-0:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.col-lg-4.u-p-0:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { max-width: none; } .col.col-md-10 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-md-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-md-12 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-md-first { order: -1; } .col.col-md-last { order: 1; } .col.col-md-offset-0 { margin-left: 0%; } .col.col-md-offset-1 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-md-offset-2 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-md-offset-3 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-md-offset-4 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-md-offset-5 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-md-offset-6 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-lg-contain-left { padding-right: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); } .col.col-lg-contain-right { padding-right: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); padding-left: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); } .col.cc-corner-clip:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.cc-corner-clip:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--main)); } .col.u-justify-between.col-gap-md:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.u-justify-between.col-gap-md:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f), .col.u-justify-between.col-gap-md:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.u-justify-between.col-gap-md:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-left: 0; padding-right: 0; } .col.cc-strip { order: -9999; } .col.col-gap-md { grid-column-gap: var(--_layout---grid--gap-md); grid-row-gap: var(--_layout---grid--gap-md); } .col.u-grid-bg.u-shrink { flex: 0 auto; min-height: 20%; } .col.u-shrink.u-border-left.cc-tabs { max-height: 400px; } .button { font-size: 1rem; } .page-wrapper { border-left: 1px solid var(--primary--border); flex-flow: column; } .page-wrapper.cc-d-horizontal { flex-flow: column; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-m-0 { margin: 0; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-md\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-md\); } .rich-text.cc-2-col { column-count: 1; } .u-md-d-none { display: none; } .u-md-d-block { display: block; } .modal_close-button { background-color: var(--_color---warm--500); border-radius: 50%; width: 3rem; height: 3rem; padding: .25rem; } .nav { padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .nav-link { font-size: 1.5rem; } .nav-link.cc-dropdown-btn { justify-content: space-between; } .nav-dropdown_content { position: relative; } .nav-dropdown_content.w--open { padding: .5rem 1.5rem; } .nav-dropdown_content.cc-mega { max-height: none; top: auto; } .nav-dropdown_content.cc-mega.w--open { border-style: solid; border-color: var(--primary--border); border-radius: var(--_components---card--border-radius); max-height: none; } .nav-dropdown { width: 100%; } .nav-cta-wrapper { margin-left: auto; } .nav-menu_btn { border-radius: var(--_components---button--border-radius); } .nav-menu_btn:focus-visible, .nav-menu_btn[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 0px; outline-width: 2px; outline-style: solid; } .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom, .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom { width: 1.5rem; } .img-stylized.cc-ui { border-radius: 8px; } .blog-hero_inner { grid-column-gap: 4rem; grid-row-gap: 4rem; } .jumbo-card { padding: var(--_layout---custom-space--l); } .jumbo-card.cc-scroller { position: static; } .icon-card_icon { color: var(--_color---warm--500); } .scroller-section_content { grid-column-gap: 4rem; grid-row-gap: 4rem; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; } .section-header:where(.w-variant-fd4c7283-80ac-970e-3611-51ebd4501114) { margin-bottom: var(--_layout---custom-space--l); } .feature-card { padding-left: 0; padding-right: 0; } .callout { min-height: 32rem; } .ui-card { grid-column-gap: var(--_layout---custom-space--s); grid-row-gap: var(--_layout---custom-space--s); flex-flow: column; grid-auto-flow: column; display: flex; } .ui-card_img { order: -9999; } .feature-strip { padding-top: var(--_layout---custom-space--m); padding-bottom: var(--_layout---custom-space--m); } .team-modal { width: 100vw; max-width: none; padding: var(--_layout---custom-space--xl) var(--_layout---custom-space--l) var(--_layout---custom-space--l); inset: 0%; } .logo_link { flex: 1; } .nav_bar { border-bottom: 1px solid var(--primary--border); border-right-style: none; width: 100%; max-width: 100%; height: 80px; position: sticky; top: 0; overflow: hidden; } .nav_menu { margin-bottom: .5rem; } .nav_menu.is--hidden { display: none; } .nav_container { justify-content: flex-start; align-items: flex-start; margin-left: 0; margin-right: 0; } .nav_link { font-size: var(--_typography---standard-link--font-size); text-decoration: none; } .nav_link:hover { text-decoration: underline; } .nav_link.u-mb-sm { margin-bottom: var(--_layout---spacing--margin-sm); margin-bottom: var(--_layout---spacing--margin-sm); } .nav_menu_top { width: 100%; margin-bottom: 2rem; } .nav_wrapper { justify-content: flex-start; align-items: flex-start; } .nav_menu-logos { flex-flow: row; justify-content: space-between; align-items: center; } .nav_button { flex: 1; } .scroll_info { padding-right: var(--_layout---spacer--md); padding-left: var(--_layout---spacer--md); } .scroll_box { padding-right: var(--_layout---spacer--sm); } .img.cc-m-sticky { position: sticky; } .content-wrap.cc-tabs { width: 100%; } .footer-base { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .tabs-nav { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .tab-content { flex-flow: column; } .tab-title { color: var(--_color---neutral--50); cursor: pointer; } .tab-title.is-active { cursor: pointer; cursor: pointer; } .tab-pane { min-width: auto; } .number { color: var(--primary--text); } .tab_card-expand-wrap { display: none; } .tab-heading { font-size: var(--_typography---h3--font-size); } .label_1 { width: 80%; } .card-list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .scroll_card, .simple_card { border: 1px solid var(--primary--border); flex-flow: column; width: 100%; padding: 2rem; display: flex; } } @media screen and (max-width: 767px) { .section.tabs-scroll { height: auto; overflow: visible; } .container.cc-footer { position: relative; } .container.tabs-sticky { display: none; } .container.cc-tabs_expanded { display: block; } .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6), .col:where(.w-variant-52b169ce-f9c2-1128-cb8d-e5acee9f9159), .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3), .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b), .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-fab7a9b4-0a06-dbe8-4f40-70fcb5b63b99) { padding-left: 0; padding-right: 0; } .col.col-sm-12 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-sm-9 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-sm-10 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-sm-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-sm-5 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-sm-6 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-sm-3 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-sm-4 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-sm-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-sm-8 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-sm-11 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-sm-2 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-shrink.col-sm-100 { width: 100%; } .col.col-sm-first { order: -1; } .col.col-sm-last { order: 1; } .col.col-sm-offset-0 { margin-left: 0%; } .col.col-sm-offset-1 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-sm-offset-2 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-sm-offset-3 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-sm-offset-4 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-sm-offset-5 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-sm-offset-6 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .button { width: 100%; font-size: .875rem; } .form_required-note { color: var(--primary--text); margin-bottom: 1rem; position: static; } .form-success_flex { max-width: 340px; } .input-group { flex-flow: wrap; } .input { width: 100%; max-width: none; } .input.is--message, .input-label.is-message, .input-label.is-message { width: 100%; min-width: 100%; } .page-wrapper { flex-flow: column; } .styles__section-label { padding-bottom: 10px; } .styles__nav-link { text-align: left; } .styles__nav-link.cc-cta { background-color: #0000; margin-left: 0; padding-left: 0; padding-right: 0; } .styles__nav-link.cc-cta:hover { background-color: #0000; text-decoration: underline; } .styles__nav-btn { margin-top: -2px; padding: 0 2px; font-size: 1.8rem; line-height: 1; } .styles__nav-btn:hover { background-color: var(--_color---neutral--500); } .styles__nav-btn.w--open { background-color: var(--_color---neutral--500); border-radius: 4px; } .styles__nav-menu { background-color: var(--_color---neutral--500); border-radius: 4px; margin-left: 2rem; padding: 4px 8px; overflow-x: auto; } .styles__nav-btn-icon { width: 28px; height: 28px; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-sm\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-sm\); } .u-sm-d-none { display: none; } .u-sm-d-block { display: block; } .accordion-trigger { padding: var(--_components---card--card-body-padding-sm\); } .accordion-icon { align-items: center; width: 28px; height: 28px; display: flex; } .accordion-content { padding-right: var(--_components---card--card-body-padding-sm\); padding-left: var(--_components---card--card-body-padding-sm\); } .modal { padding: var(--_components---card--card-body-padding-sm\); } .nav-link { background-color: #0000; justify-content: center; align-items: center; padding-top: .75rem; padding-bottom: .75rem; } .nav-link:where(.w-variant-8c0d0482-7b4d-fba8-9734-4f41095a8656) { padding: var(--_components---button--vertical-padding) var(--_components---button--horizontal-padding); font-size: .875rem; } .nav-link:hover { background-color: #0000; } .nav-menu { background-color: var(--_color---neutral--800); } .nav-dropdown_content.cc-mega.w--open { padding-top: 2rem; padding-bottom: 2rem; } .nav-menu_container { grid-column-gap: 0rem; grid-row-gap: 0rem; } .slider-pagination { flex: none; order: 9999; width: 100%; margin-top: 2em; } .slider-nav { flex-flow: wrap; } .nav_inner { padding-left: 1rem; padding-right: 1rem; } .nav_logo-center { height: 2rem; } .blur-dot.cc-nav-link, .nav-link_icon, .nav-menu_end.cc-last, .nav-menu_end.cc-last { display: none; } .standard-link { font-family: var(--_typography---fonts--secondary-font); text-transform: uppercase; font-size: 1.125rem; font-weight: 400; line-height: 1.4; } .standard-link.u-d-none.u-sm-d-block { font-size: .875rem; } .form-wrapper { padding: .5rem 0 1.5rem; } .simple-header { padding-top: var(--_layout---custom-space--xl); padding-bottom: var(--_layout---custom-space--xl); } .img-stylized.cc-ui { border-radius: 4px; } .blog-hero_inner { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; } .blog-content { flex-flow: column; } .blog-content_main { width: 100%; } .blog-content_sidebar { width: 100%; max-width: 100%; } .arrow-link { position: relative; } .svg-icon { color: inherit; } .split_content-wrapper { height: auto; } .split_content-wrapper:where(.w-variant-c0f489a2-fc64-3b6c-1b29-50a0fe975d95) { padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); } .icon-card { flex-flow: column; } .section-header { margin-bottom: var(--_layout---custom-space--l); } .feature-card_content { padding-top: var(--_layout---custom-space--m); border-top: 2px solid var(--_color---warm--500); border-left-style: none; padding-bottom: 0; padding-left: 0; } .callout { min-height: auto; } .cta_bg_img.cc-stars { bottom: 0; } .ui-card { grid-column-gap: var(--_layout---custom-space--xs); grid-row-gap: var(--_layout---custom-space--xs); } .ui-card_content { padding: var(--_layout---custom-space--m); } .nav-menu_cta { align-self: center; margin-top: .75rem; } .split_content { min-height: auto; padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); } .split_content:where(.w-variant-ac8b038e-5a3b-d087-05df-30c9c8415fdb), .split_content:where(.w-variant-7fdfea87-22fc-f2a1-b5a9-282280f847f6) { flex: 0 auto; min-height: auto; } .team-modal { padding: var(--_components---card--card-body-padding-sm\); } .logo_link { flex: 1; } .logo_link.w--current { flex: 1; padding-left: 0; } .nav_bar { z-index: 999; border-bottom: 1px solid var(--primary--border); background-color: var(--primary--background); border-right-style: none; width: 100%; max-width: 100%; height: 80px; transition: height .2s cubic-bezier(.23, 1, .32, 1); position: sticky; inset: 0%; overflow: hidden; } .nav_menu { width: 100%; } .nav_container { justify-content: flex-start; align-items: flex-start; } .nav_link { display: block; } .nav_link:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { justify-content: flex-start; align-items: stretch; width: fit-content; } .nav_link.w--current { flex: 1; justify-content: center; align-items: center; display: flex; } .nav_link.cc-logo { justify-content: center; align-items: center; display: flex; } .nav_menu_top { grid-column-gap: 2rem; grid-row-gap: 2rem; width: 100%; margin-bottom: 0; } .nav_wrapper { justify-content: flex-start; align-items: stretch; } .nav_link-wrapper:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { justify-content: flex-start; align-items: center; } .nav_menu-logos { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: row; justify-content: space-between; align-items: center; } .nav_button { flex: 1; } .arrow-link_wrapper { position: relative; } .split_button-wrapper:where(.w-variant-ff9ccdc5-e5df-2748-0f53-51acdd0cbec1) { width: 100%; margin-top: 1rem; } .content-wrap.cc-tabs { grid-column-gap: 1rem; grid-row-gap: 1rem; border-right: 1px solid var(--primary--border); border-bottom: 1px solid var(--primary--border); border-left: 1px solid var(--primary--border); grid-column-gap: 1rem; grid-row-gap: 1rem; border-right: 1px solid var(--primary--border); border-bottom: 1px solid var(--primary--border); border-left: 1px solid var(--primary--border); flex-flow: column; flex: 0 auto; } .arrow_link-link { position: absolute; inset: 0%; } .footer-base { height: 100%; min-height: auto; } .feature_collection_item { min-width: 60%; max-width: 75%; } .tabs-nav { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .input_wrapper, .input_wrapper.is-right { padding-left: 2rem; padding-right: 2rem; } .input_wrapper.is-right { padding-left: 2rem; padding-right: 2rem; } .input_wrapper.is-left { justify-content: center; align-items: flex-start; padding-left: 2rem; padding-right: 2rem; } .input_row-wrapper { max-width: 100%; } .submit-wrapper { min-width: 100%; padding-left: 2rem; padding-right: 2rem; } .tab_card { padding-top: var(--_layout---spacer--main); padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); border-bottom: 1px solid var(--primary--border); flex-flow: column; justify-content: flex-end; } .tab_card-img { background-image: url("https://cdn.prod.website-files.com/69ab449b4b3c36765d1d860e/69d042db33dd6bf886f4f562_a3b0482dcc58fa83d5241cf6941f9777_bg.png"); background-position: 0 0; background-size: 60px; height: 300px; position: relative; } .tab_card-content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .tab_expand { justify-content: flex-end; align-items: center; width: 100%; padding-top: .5rem; padding-right: .5rem; display: flex; position: absolute; } .tab_expand-btn { aspect-ratio: 1; background-color: var(--_color---neutral--900); width: 2.2rem; height: 2.2rem; color: var(--_color---cool--100); cursor: pointer; justify-content: center; align-items: center; padding: .25rem; display: flex; position: relative; } .tab_card-expanded { z-index: 999; background-color: var(--_color---neutral--700); flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 85dvh; min-height: 70dvh; max-height: 85dvh; padding: 1rem; display: flex; position: relative; } .tab_expand-indicator { z-index: 99; justify-content: center; align-items: center; height: 2rem; padding: .5rem; display: flex; position: absolute; inset: 0% 0% auto; } .tab_indicator { background-color: var(--primary--background); border-radius: 30px; width: 30%; height: 80%; position: relative; } .tab_card-expand-wrap { z-index: 999; flex-flow: column; justify-content: flex-end; width: 100%; height: 100dvh; display: none; position: fixed; inset: 0%; } .tab_expand-close { z-index: 999; aspect-ratio: 1; background-color: var(--_color---neutral--800); width: 2rem; color: var(--_color---cool--100); justify-content: center; align-items: center; display: flex; position: absolute; inset: .5rem .5rem auto auto; } .right-arrow { width: 100%; position: relative; inset: auto 0% 0%; } .is--hidden, .is--prev { display: none; } .tab_card-slider { background-color: var(--_color---neutral--700); width: 100%; height: auto; margin-top: 1rem; } .tab_expanded-slide { background-color: var(--_color---neutral--700); width: 100%; height: 100%; } .tab_expanded-mask { width: 100%; height: 100%; } .content_insert { margin-bottom: 1rem; } .footer-img { aspect-ratio: 1; width: 180px; height: 180px; } } @media screen and (max-width: 479px) { .container.cc-nav { grid-column-gap: .5rem; grid-row-gap: .5rem; } .container.cc-scroll { position: sticky; } .row.cc-scroll { flex-flow: column; } .row.u-plr-main.u-y-center.cc-strip-section { grid-row-gap: var(--_layout---spacer--sm); flex-flow: wrap-reverse; } .row.u-plr-main.u-y-center.cc-strip-section:where(.w-variant-fab7a9b4-0a06-dbe8-4f40-70fcb5b63b99) { padding-left: 2.5rem; } .col:where(.w-variant-63569d8e-a8ac-61e1-0666-21eb6073c541) { flex: 0 auto; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-fab7a9b4-0a06-dbe8-4f40-70fcb5b63b99) { padding-left: 0; padding-right: 0; } .col:where(.w-variant-ae373a8f-9bef-d6c9-8d50-2f1e7097a5f3), .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .col.u-y-center.u-w-100.full-content-stack-7, .col.u-y-center.full-content-stack-6 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .col.cc-corner-clip:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.cc-corner-clip:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-left: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--sm)); padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--sm)); } .col.full-content-stack-3, .col.full-content-stack-4, .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12, .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12, .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.cc-message-strip.full-content-stack-11, .col.col-lg-6.col-sm-12.full-content-stack-12 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .col.col-xs-11 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-xs-6 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-xs-10 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-xs-4 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-xs-3 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-xs-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-xs-8 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-xs-9 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-xs-2 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-xs-12 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-xs-5 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-xs-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-shrink.full-content-stack-8 { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; } .col.col-xs-first { order: -1; } .col.col-xs-offset-0 { margin-left: 0%; } .col.col-xs-offset-1 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-xs-offset-2 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-xs-offset-3 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-xs-offset-4 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-xs-offset-5 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-xs-offset-6 { margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.u-border-right.cc-scroll { flex: 0 auto; height: 50vh; } .col.cc-scroll { flex: 1; position: relative; } .col.u-y-center { flex: 0 auto; } .col.u-y-center.u-w-100.full-content-stack-7, .col.u-y-center.full-content-stack-6, .col.u-y-center.u-w-100.full-content-stack-7, .col.u-y-center.u-w-100.full-content-stack-7, .col.u-y-center.full-content-stack-6 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .col.cc-corner-clip:where(.w-variant-a42c2800-f12a-60ef-8d98-46e5808df37a), .col.cc-corner-clip:where(.w-variant-cf18f89e-b2e5-3697-d4c8-6a51d532580f) { padding-left: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--sm)); padding-right: calc(var(--_layout---grid--gap-main) / 2 + var(--_layout---spacer--sm)); } .col.full-content-stack-3, .col.full-content-stack-4 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .form_required-note { color: var(--primary--text); position: static; bottom: 8%; } .input-group { flex-flow: column; } .input { width: 100%; } .input.is--message { width: 100%; min-width: auto; } .input-label.is-message { min-width: auto; } .styles__row-example { height: auto; } .eyebrow { box-sizing: border-box; aspect-ratio: auto; object-fit: fill; text-wrap: wrap; width: 100%; max-width: 100%; max-height: none; display: flex; overflow: visible; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-m-0 { margin: 0; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-xs\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-xs\); } .u-xs-d-none { display: none; } .u-xs-d-block { display: block; } .accordion-trigger { grid-column-gap: 1rem; grid-row-gap: 1rem; } .nav-logo_link { width: 100%; max-width: 5rem; } .nav_logo-end { height: 1rem; } .form-wrapper { padding-left: 0; padding-right: 0; } .split_content-wrapper { height: auto; } .split_content-wrapper:where(.w-variant-c0f489a2-fc64-3b6c-1b29-50a0fe975d95) { padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); } .split_content { min-height: auto; padding-right: var(--_layout---spacer--main); padding-left: var(--_layout---spacer--main); } .split_content:where(.w-variant-c0f489a2-fc64-3b6c-1b29-50a0fe975d95) { padding-left: 0; padding-right: 0; } .split_content:where(.w-variant-7fdfea87-22fc-f2a1-b5a9-282280f847f6) { padding-bottom: var(--_layout---spacer--xl); } .logomark { width: 1.8rem; } .logo_link { flex: 1; } .logo_link.w--current { flex: 0 auto; width: 1.8rem; } .nav_bar { position: sticky; } .nav_link { width: fit-content; } .nav_link:where(.w-variant-f8da216e-198c-41ed-84f9-7289e5b91020) { justify-content: flex-start; align-items: center; display: flex; } .heading-component_wrap { margin-bottom: 1rem; } .nav_menu-logos { grid-column-gap: .5rem; grid-row-gap: .5rem; } .nav_button { flex: 1 0; } .scroll_box { padding-left: var(--_layout---spacer--sm); } .feature_collection_item { min-width: 75%; max-width: 85%; } .input_wrapper { justify-content: center; align-items: flex-start; padding-left: 2rem; padding-right: 2rem; } .input_wrapper.is-left { justify-content: center; align-items: flex-start; } .input_row-wrapper { flex-flow: column; } .submit-wrapper { width: 100%; min-width: auto; padding-left: 2rem; padding-right: 2rem; } .tab_card { padding-top: var(--_layout---spacer--md); padding-right: var(--_layout---spacer--md); padding-left: var(--_layout---spacer--md); } .tab_card-slider { overflow: scroll; } .footer-img { width: 150px; height: 150px; inset: auto -4% 21% auto; } .container-2 { overflow-wrap: normal; max-width: 90%; } .paragraph-2 { max-width: 100%; font-family: var(--_typography---eyebrow--font); color: var(--primary--accent); font-size: var(--_typography---eyebrow--font-size); line-height: var(--_typography---eyebrow--line-height); font-weight: var(--_typography---eyebrow--font-weight); text-overflow: clip; overflow-wrap: normal; } }