:root { --_text-style---font-family: var(--_typography---font--primary-family); --_swatch---dark-1: #1f1d1e; --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--text-main); --_heading-style---line-height: var(--_typography---line-height--1-5); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_text-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--4); --_heading-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_spacing---space--6: clamp(var(--_sizes---spacing--mobile-6) * 1rem, ((var(--_sizes---spacing--mobile-6) - ((var(--_sizes---spacing--desktop-6) - var(--_sizes---spacing--mobile-6)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-6) - var(--_sizes---spacing--mobile-6)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-6) * 1rem); --_spacing---space--7: clamp(var(--_sizes---spacing--mobile-7) * 1rem, ((var(--_sizes---spacing--mobile-7) - ((var(--_sizes---spacing--desktop-7) - var(--_sizes---spacing--mobile-7)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-7) - var(--_sizes---spacing--mobile-7)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-7) * 1rem); --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(var(--_sizes---mobile-margin) * 1rem, ((var(--_sizes---mobile-margin) - ((var(--_sizes---desktop-margin) - var(--_sizes---mobile-margin)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---desktop-margin) - var(--_sizes---mobile-margin)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---desktop-margin) * 1rem); --max-width--small: 58rem; --max-width--medium: 72rem; --_spacing---space--2: clamp(var(--_sizes---spacing--mobile-2) * 1rem, ((var(--_sizes---spacing--mobile-2) - ((var(--_sizes---spacing--desktop-2) - var(--_sizes---spacing--mobile-2)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-2) - var(--_sizes---spacing--mobile-2)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-2) * 1rem); --site--gutter: clamp(var(--_sizes---mobile-gutter) * 1rem, ((var(--_sizes---mobile-gutter) - ((var(--_sizes---desktop-gutter) - var(--_sizes---mobile-gutter)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---desktop-gutter) - var(--_sizes---mobile-gutter)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---desktop-gutter) * 1rem); --_column-count---value: 1; --_gap---size: var(--site--gutter); --_swatch---brand--blue-1: #133f92; --_spacing---space--11: clamp(var(--_sizes---spacing--mobile-11) * 1rem, ((var(--_sizes---spacing--mobile-11) - ((var(--_sizes---spacing--desktop-11) - var(--_sizes---spacing--mobile-11)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-11) - var(--_sizes---spacing--mobile-11)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-11) * 1rem); --_spacing---space--12: clamp(var(--_sizes---spacing--mobile-12) * 1rem, ((var(--_sizes---spacing--mobile-12) - ((var(--_sizes---spacing--desktop-12) - var(--_sizes---spacing--mobile-12)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-12) - var(--_sizes---spacing--mobile-12)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-12) * 1rem); --_spacing---space--13: clamp(var(--_sizes---spacing--mobile-13) * 1rem, ((var(--_sizes---spacing--mobile-13) - ((var(--_sizes---spacing--desktop-13) - var(--_sizes---spacing--mobile-13)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-13) - var(--_sizes---spacing--mobile-13)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-13) * 1rem); --_spacing---space--1: clamp(var(--_sizes---spacing--mobile-1) * 1rem, ((var(--_sizes---spacing--mobile-1) - ((var(--_sizes---spacing--desktop-1) - var(--_sizes---spacing--mobile-1)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-1) - var(--_sizes---spacing--mobile-1)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-1) * 1rem); --_spacing---space--3: clamp(var(--_sizes---spacing--mobile-3) * 1rem, ((var(--_sizes---spacing--mobile-3) - ((var(--_sizes---spacing--desktop-3) - var(--_sizes---spacing--mobile-3)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-3) - var(--_sizes---spacing--mobile-3)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-3) * 1rem); --_spacing---space--4: clamp(var(--_sizes---spacing--mobile-4) * 1rem, ((var(--_sizes---spacing--mobile-4) - ((var(--_sizes---spacing--desktop-4) - var(--_sizes---spacing--mobile-4)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-4) - var(--_sizes---spacing--mobile-4)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-4) * 1rem); --_spacing---space--5: clamp(var(--_sizes---spacing--mobile-5) * 1rem, ((var(--_sizes---spacing--mobile-5) - ((var(--_sizes---spacing--desktop-5) - var(--_sizes---spacing--mobile-5)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-5) - var(--_sizes---spacing--mobile-5)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-5) * 1rem); --_spacing---space--8: clamp(var(--_sizes---spacing--mobile-8) * 1rem, ((var(--_sizes---spacing--mobile-8) - ((var(--_sizes---spacing--desktop-8) - var(--_sizes---spacing--mobile-8)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-8) - var(--_sizes---spacing--mobile-8)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-8) * 1rem); --_spacing---space--9: clamp(var(--_sizes---spacing--mobile-9) * 1rem, ((var(--_sizes---spacing--mobile-9) - ((var(--_sizes---spacing--desktop-9) - var(--_sizes---spacing--mobile-9)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-9) - var(--_sizes---spacing--mobile-9)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-9) * 1rem); --_spacing---space--10: clamp(var(--_sizes---spacing--mobile-10) * 1rem, ((var(--_sizes---spacing--mobile-10) - ((var(--_sizes---spacing--desktop-10) - var(--_sizes---spacing--mobile-10)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---spacing--desktop-10) - var(--_sizes---spacing--mobile-10)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---spacing--desktop-10) * 1rem); --_typography---font--primary-family: Inter, Arial, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-bold: 700; --_typography---font--secondary-family\: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --_typography---font--secondary-regular\: 400; --_typography---font--secondary-medium\: 500; --_typography---font--secondary-semibold\: 600; --_typography---font--secondary-bold\: 700; --radius--tiny: .25rem; --radius--small-1: .375rem; --radius--medium: 1.5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: .063rem; --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_typography---line-height--1: 1; --_swatch---dark-2: #2f2b2d; --_swatch---error: #ed4337; --radius--small-2: .5rem; --_typography---font-size--text-small: clamp(var(--_sizes---typography-text--mobile-text-small) * 1rem, ((var(--_sizes---typography-text--mobile-text-small) - ((var(--_sizes---typography-text--desktop-text-small) - var(--_sizes---typography-text--mobile-text-small)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-text--desktop-text-small) - var(--_sizes---typography-text--mobile-text-small)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-text--desktop-text-small) * 1rem); --_swatch---black: black; --_swatch---transparent: transparent; --_button-style---border: color-mix(in srgb, var(--_swatch---light-1) 24%, var(--_swatch---transparent) 0%); --_button-style---background: var(--_swatch---brand--yellow-1); --_button-style---text: var(--_swatch---dark-1); --_typography---font-size--button: clamp(var(--_sizes---buttons--mobile-button) * 1rem, ((var(--_sizes---buttons--mobile-button) - ((var(--_sizes---buttons--desktop-button) - var(--_sizes---buttons--mobile-button)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---buttons--desktop-button) - var(--_sizes---buttons--mobile-button)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---buttons--desktop-button) * 1rem); --_swatch---brand--yellow-1: #ffa400; --_swatch---light-1: white; --_swatch---light-2: #ebebeb; --_button-text-style---text-hover: var(--_swatch---accent); --_button-text-style---text: var(--_swatch---light-1); --_button-text-style---line: var(--_swatch---light-1); --_typography---font--primary-semibold: 600; --_spacing---section-space--small: clamp(var(--_sizes---section-space--mobile-small) * 1rem, ((var(--_sizes---section-space--mobile-small) - ((var(--_sizes---section-space--desktop-small) - var(--_sizes---section-space--mobile-small)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---section-space--desktop-small) - var(--_sizes---section-space--mobile-small)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---section-space--desktop-small) * 1rem); --_typography---font-size--text-tiny: clamp(var(--_sizes---typography-text--mobile-text-tiny) * 1rem, ((var(--_sizes---typography-text--mobile-text-tiny) - ((var(--_sizes---typography-text--desktop-text-tiny) - var(--_sizes---typography-text--mobile-text-tiny)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-text--desktop-text-tiny) - var(--_sizes---typography-text--mobile-text-tiny)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-text--desktop-text-tiny) * 1rem); --_typography---font--primary-medium: 500; --_typography---font-size--h6: clamp(var(--_sizes---typography-heading--mobile-h6) * 1rem, ((var(--_sizes---typography-heading--mobile-h6) - ((var(--_sizes---typography-heading--desktop-h6) - var(--_sizes---typography-heading--mobile-h6)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-h6) - var(--_sizes---typography-heading--mobile-h6)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-h6) * 1rem); --_typography---line-height--1-4: 1.4; --_spacing---section-space--main: clamp(var(--_sizes---section-space--mobile-main) * 1rem, ((var(--_sizes---section-space--mobile-main) - ((var(--_sizes---section-space--desktop-main) - var(--_sizes---section-space--mobile-main)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---section-space--desktop-main) - var(--_sizes---section-space--mobile-main)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---section-space--desktop-main) * 1rem); --_spacing---section-space--large: clamp(var(--_sizes---section-space--mobile-large) * 1rem, ((var(--_sizes---section-space--mobile-large) - ((var(--_sizes---section-space--desktop-large) - var(--_sizes---section-space--mobile-large)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---section-space--desktop-large) - var(--_sizes---section-space--mobile-large)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---section-space--desktop-large) * 1rem); --_spacing---section-space--even: var(--site--margin); --_spacing---section-space--x-large: clamp(var(--_sizes---section-space--mobile-xlarge) * 1rem, ((var(--_sizes---section-space--mobile-xlarge) - ((var(--_sizes---section-space--desktop-xlarge) - var(--_sizes---section-space--mobile-xlarge)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---section-space--desktop-xlarge) - var(--_sizes---section-space--mobile-xlarge)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---section-space--desktop-xlarge) * 1rem); --_spacing---section-space--tiny: clamp(var(--_sizes---section-space--mobile-tiny) * 1rem, ((var(--_sizes---section-space--mobile-tiny) - ((var(--_sizes---section-space--desktop-tiny) - var(--_sizes---section-space--mobile-tiny)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---section-space--desktop-tiny) - var(--_sizes---section-space--mobile-tiny)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---section-space--desktop-tiny) * 1rem); --_theme---background-2\: var(--_swatch---light-2); --_swatch---brand--granite: #1c1c1c; --_swatch---brand--steel: #eaeaea; --_swatch---brand--blue-2: #1b445e; --_swatch---brand--blue-3: #6095ac; --_swatch---brand--orange-2: #8a3c24; --_swatch---swatch--brand\: #3b89ff; --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_typography---font-size--text-large: clamp(var(--_sizes---typography-text--mobile-text-large) * 1rem, ((var(--_sizes---typography-text--mobile-text-large) - ((var(--_sizes---typography-text--desktop-text-large) - var(--_sizes---typography-text--mobile-text-large)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-text--desktop-text-large) - var(--_sizes---typography-text--mobile-text-large)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-text--desktop-text-large) * 1rem); --_typography---font-size--text-main: clamp(var(--_sizes---typography-text--mobile-text-main) * 1rem, ((var(--_sizes---typography-text--mobile-text-main) - ((var(--_sizes---typography-text--desktop-text-main) - var(--_sizes---typography-text--mobile-text-main)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-text--desktop-text-main) - var(--_sizes---typography-text--mobile-text-main)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-text--desktop-text-main) * 1rem); --nav--nav-height: 4.5rem; --nav--nav-top-gap: 2.25rem; --_swatch---brand--teal: aquamarine; --_typography---letter-spacing--0-04em: -.04em; --_swatch---accent: var(--_swatch---brand--yellow-1); --_typography---font--primary-xbold: 800; --_swatch---brand--light-grey: #f7f7f7; --_swatch---brand--ghost: #5b656f; --_sizes---mobile-gutter: .75; --_spacing---size--2-5rem: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --border-width--lage: .09375rem; --_swatch---brand--mid-grey: #d9d9d9; --_swatch---brand--dark-grey: #666; --_swatch---alpha--alpha-dark-30: color-mix(in srgb, var(--_swatch---dark-1) 30%, transparent); --_swatch---alpha--alpha-light-5: color-mix(in srgb, var(--_swatch---light-1) 5%, transparent); --_swatch---alpha--alpha-dark-20: color-mix(in srgb, var(--_swatch---dark-1) 20%, transparent); --_swatch---brand--grey: whitesmoke; --_swatch---brand--orange-1: #ae3c19; --_sizes---desktop-margin: 5; --_sizes---mobile-margin: 1; --_sizes---desktop-gutter: 1.5; --_sizes---typography-heading--desktop-display: 5.25; --_sizes---typography-heading--mobile-display: 3; --_sizes---typography-heading--desktop-h1: 5.5; --_sizes---typography-heading--mobile-h1: 3.375; --_sizes---typography-heading--desktop-h2: 4.25; --_sizes---typography-heading--mobile-h2: 2.375; --_sizes---typography-heading--desktop-h3: 3.375; --_sizes---typography-heading--mobile-h3: 1.875; --_sizes---typography-heading--desktop-h4: 2.5; --_sizes---typography-heading--mobile-h4: 1.5; --_sizes---typography-heading--desktop-h5: 2; --_sizes---typography-heading--mobile-h5: 1.5; --_sizes---typography-heading--desktop-h6: 1.5; --_sizes---typography-heading--mobile-h6: 1; --_sizes---typography-text--desktop-text-large: 1.25; --_sizes---typography-text--mobile-text-large: 1.125; --_sizes---typography-text--desktop-text-medium: 1.125; --_sizes---typography-text--mobile-text-medium: 1; --_sizes---typography-text--desktop-text-main: 1; --_sizes---typography-text--mobile-text-main: 1; --_sizes---typography-text--desktop-text-small: .875; --_sizes---typography-text--mobile-text-small: .75; --_sizes---typography-text--desktop-text-tiny: .75; --_sizes---typography-text--mobile-text-tiny: .625; --_sizes---buttons--desktop-button: 1.125; --_sizes---buttons--mobile-button: 1; --_sizes---spacing--desktop-1: .25; --_sizes---spacing--mobile-1: .25; --_sizes---spacing--desktop-2: .5; --_button-style---background-hover: var(--_swatch---dark-1); --_button-style---border-hover: var(--_swatch---dark-1); --_button-style---text-hover: var(--_swatch---light-1); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 94.5; --site--viewport-min: 24.56; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --site--column-count: 12; --_sizes---spacing--mobile-2: .5; --_sizes---spacing--desktop-3: .75; --_sizes---spacing--mobile-3: .75; --_sizes---spacing--desktop-4: 1; --_sizes---spacing--mobile-4: 1; --_spacing---size--2rem: clamp(1.25 * 1rem, ((1.25 - ((2 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---size--3rem: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---size--3-5rem: clamp(2.375 * 1rem, ((2.375 - ((3.5 - 2.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.5 - 2.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.5 * 1rem); --_spacing---size--4rem: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_spacing---size--4-5rem: clamp(2.75 * 1rem, ((2.75 - ((4.5 - 2.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4.5 - 2.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4.5 * 1rem); --_spacing---size--5rem: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---size--5-5rem: clamp(3.25 * 1rem, ((3.25 - ((5.5 - 3.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5.5 - 3.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5.5 * 1rem); --_spacing---size--6rem: clamp(3.5 * 1rem, ((3.5 - ((6 - 3.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 3.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_spacing---size--6-5rem: clamp(3.75 * 1rem, ((3.75 - ((6 - 3.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 3.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_spacing---size--7rem: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---size--7-5rem: clamp(4.25 * 1rem, ((4.25 - ((7.5 - 4.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 4.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7.5 * 1rem); --_spacing---size--8rem: clamp(4.5 * 1rem, ((4.5 - ((8 - 4.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((8 - 4.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 8 * 1rem); --_spacing---size--8-5rem: clamp(4.75 * 1rem, ((4.75 - ((8.5 - 4.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((8.5 - 4.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 8.5 * 1rem); --_spacing---size--9rem: clamp(5 * 1rem, ((5 - ((9 - 5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((9 - 5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 9 * 1rem); --_spacing---size--9-5rem: clamp(5.25 * 1rem, ((5.25 - ((9.5 - 5.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((9.5 - 5.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 9.5 * 1rem); --_spacing---size--10rem: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---size--11rem: clamp(5.75 * 1rem, ((5.75 - ((11 - 5.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((11 - 5.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 11 * 1rem); --_spacing---size--12rem: clamp(6 * 1rem, ((6 - ((12 - 6) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((12 - 6) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 12 * 1rem); --_spacing---size--13rem: clamp(6.5 * 1rem, ((6.5 - ((13 - 6.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((13 - 6.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 13 * 1rem); --_spacing---size--14rem: clamp(7 * 1rem, ((7 - ((14 - 7) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 7) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --_spacing---size--15rem: clamp(7.5 * 1rem, ((7.5 - ((15 - 7.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((15 - 7.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 15 * 1rem); --_spacing---size--16rem: clamp(8 * 1rem, ((8 - ((16 - 8) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((16 - 8) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 16 * 1rem); --_swatch---brand--green: #0c980a; --_swatch---alpha--alpha-light-10: color-mix(in srgb, var(--_swatch---light-1) 10%, transparent); --_sizes---spacing--desktop-5: 1.5; --_swatch---alpha--alpha-light-20: color-mix(in srgb, var(--_swatch---light-1) 20%, transparent); --_sizes---spacing--mobile-5: 1.25; --_swatch---alpha--alpha-light-30: color-mix(in srgb, var(--_swatch---light-1) 30%, transparent); --_sizes---spacing--desktop-6: 2; --_sizes---spacing--mobile-6: 1.5; --_swatch---alpha--alpha-light-40: color-mix(in srgb, var(--_swatch---light-1) 40%, transparent); --_sizes---spacing--desktop-7: 3; --_swatch---alpha--alpha-light-50: color-mix(in srgb, var(--_swatch---light-1) 50%, transparent); --_sizes---spacing--mobile-7: 2; --_swatch---alpha--alpha-light-60: color-mix(in srgb, var(--_swatch---light-1) 60%, transparent); --_swatch---alpha--alpha-light-70: color-mix(in srgb, var(--_swatch---light-1) 70%, transparent); --_sizes---spacing--desktop-8: 4; --_sizes---spacing--mobile-8: 3; --_swatch---alpha--alpha-light-80: color-mix(in srgb, var(--_swatch---light-1) 80%, transparent); --_swatch---alpha--alpha-light-90: color-mix(in srgb, var(--_swatch---light-1) 90%, transparent); --_sizes---spacing--desktop-9: 5; --_swatch---alpha--alpha-dark-5: color-mix(in srgb, var(--_swatch---dark-1) 5%, transparent); --_sizes---spacing--mobile-9: 4; --_sizes---spacing--desktop-10: 6; --_swatch---alpha--alpha-dark-10: color-mix(in srgb, var(--_swatch---dark-1) 10%, transparent); --_sizes---spacing--mobile-10: 4.5; --_sizes---spacing--desktop-11: 7.5; --_sizes---spacing--mobile-11: 6; --_swatch---alpha--alpha-dark-40: color-mix(in srgb, var(--_swatch---dark-1) 40%, transparent); --_swatch---alpha--alpha-dark-50: color-mix(in srgb, var(--_swatch---dark-1) 50%, transparent); --_sizes---spacing--desktop-12: 9; --_sizes---spacing--mobile-12: 7.5; --_swatch---alpha--alpha-dark-60: color-mix(in srgb, var(--_swatch---dark-1) 60%, transparent); --_sizes---spacing--desktop-13: 8.5; --_swatch---alpha--alpha-dark-70: color-mix(in srgb, var(--_swatch---dark-1) 70%, transparent); --_swatch---alpha--alpha-dark-80: color-mix(in srgb, var(--_swatch---dark-1) 80%, transparent); --_sizes---spacing--mobile-13: 6.5; --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --_swatch---alpha--alpha-dark-90: color-mix(in srgb, var(--_swatch---dark-1) 10%, transparent); --_sizes---section-space--desktop-tiny: 3; --_sizes---section-space--mobile-tiny: 2; --_sizes---section-space--desktop-small: 6.25; --_sizes---section-space--mobile-small: 4; --_typography---letter-spacing--0-05em: -.05em; --_typography---letter-spacing--0-03em: -.03em; --_typography---letter-spacing--0-02em: -.02em; --_typography---letter-spacing--0-01em: -.01em; --_typography---letter-spacing--0em: 0em; --_sizes---section-space--desktop-main: 7.5; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-15: 1.15; --_typography---line-height--1-2: 1.2; --_typography---line-height--1-3: 1.3; --_sizes---section-space--mobile-main: 6; --_typography---line-height--1-5: 1.5; --_sizes---section-space--desktop-large: 10; --_sizes---section-space--mobile-large: 7; --_sizes---section-space--desktop-xlarge: 15; --_sizes---section-space--mobile-xlarge: 10; --_typography---font-size--text-medium: clamp(var(--_sizes---typography-text--mobile-text-medium) * 1rem, ((var(--_sizes---typography-text--mobile-text-medium) - ((var(--_sizes---typography-text--desktop-text-medium) - var(--_sizes---typography-text--mobile-text-medium)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-text--desktop-text-medium) - var(--_sizes---typography-text--mobile-text-medium)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-text--desktop-text-medium) * 1rem); --_typography---font-size--h5: clamp(var(--_sizes---typography-heading--mobile-h5) * 1rem, ((var(--_sizes---typography-heading--mobile-h5) - ((var(--_sizes---typography-heading--desktop-h5) - var(--_sizes---typography-heading--mobile-h5)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-h5) - var(--_sizes---typography-heading--mobile-h5)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-h5) * 1rem); --_typography---font-size--h4: clamp(var(--_sizes---typography-heading--mobile-h4) * 1rem, ((var(--_sizes---typography-heading--mobile-h4) - ((var(--_sizes---typography-heading--desktop-h4) - var(--_sizes---typography-heading--mobile-h4)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-h4) - var(--_sizes---typography-heading--mobile-h4)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-h4) * 1rem); --_typography---font-size--h3: clamp(var(--_sizes---typography-heading--mobile-h3) * 1rem, ((var(--_sizes---typography-heading--mobile-h3) - ((var(--_sizes---typography-heading--desktop-h3) - var(--_sizes---typography-heading--mobile-h3)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-h3) - var(--_sizes---typography-heading--mobile-h3)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-h3) * 1rem); --_typography---font-size--h2: clamp(var(--_sizes---typography-heading--mobile-h2) * 1rem, ((var(--_sizes---typography-heading--mobile-h2) - ((var(--_sizes---typography-heading--desktop-h2) - var(--_sizes---typography-heading--mobile-h2)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-h2) - var(--_sizes---typography-heading--mobile-h2)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-h2) * 1rem); --_typography---font-size--h1: clamp(var(--_sizes---typography-heading--mobile-h1) * 1rem, ((var(--_sizes---typography-heading--mobile-h1) - ((var(--_sizes---typography-heading--desktop-h1) - var(--_sizes---typography-heading--mobile-h1)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-h1) - var(--_sizes---typography-heading--mobile-h1)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-h1) * 1rem); --_typography---font-size--display: clamp(var(--_sizes---typography-heading--mobile-display) * 1rem, ((var(--_sizes---typography-heading--mobile-display) - ((var(--_sizes---typography-heading--desktop-display) - var(--_sizes---typography-heading--mobile-display)) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((var(--_sizes---typography-heading--desktop-display) - var(--_sizes---typography-heading--mobile-display)) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), var(--_sizes---typography-heading--desktop-display) * 1rem); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --focus--width: .125rem; --focus--offset-inner: calc(var(--focus--width) * -1); --radius--large: 2rem; --focus--offset-outer: .1875rem; --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_button-text-style---line-hover: var(--_swatch---accent); --_theme---button-secondary--text\: var(--_swatch---dark-2); } body { font-family: var(--_text-style---font-family); color: var(--_swatch---dark-1); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-theme-light { background-color: var(--_theme---background-1\); color: var(--_theme---text-1\); --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .u-theme-dark { color: var(--_swatch---dark-1); --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .u-text-style-display { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display); --_heading-style---line-height: var(--_typography---line-height--1); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--6); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-h1 { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h1); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-04em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: 0px; --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-h2 { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h2); --_heading-style---line-height: var(--_typography---line-height--1-15); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-h3 { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h3); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-h4 { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h4); --_heading-style---line-height: var(--_typography---line-height--1-3); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-h5 { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h5); --_heading-style---line-height: var(--_typography---line-height--1-3); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-h6 { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h6); --_heading-style---line-height: var(--_typography---line-height--1-4); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-large { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-medium { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-medium); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-tiny { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-tiny); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-container { max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; position: relative; container: threshold-large / inline-size; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-hflex-left-center { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .u-hflex-right-center { flex-flow: row; justify-content: flex-end; align-items: center; display: flex; } .u-vflex-left-top { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .u-vflex-left-between { flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .u-vflex-center-center { flex-flow: column; justify-content: center; align-items: center; display: flex; } .u-vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 1; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .u-grid-desktop { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .u-text-align-center { text-align: center; } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-mt-5 { margin-top: var(--_spacing---space--5); } .u-mb-1 { margin-bottom: var(--_spacing---space--1); } .u-mb-2 { margin-bottom: var(--_spacing---space--2); } .u-mb-3 { margin-bottom: var(--_spacing---space--3); } .u-mb-4 { margin-bottom: var(--_spacing---space--4); } .u-mb-5 { margin-bottom: var(--_spacing---space--5); } .u-mb-6 { margin-bottom: var(--_spacing---space--6); } .u-mb-7 { margin-bottom: var(--_spacing---space--7); } .u-mb-8 { margin-bottom: var(--_spacing---space--8); } .u-mb-9 { margin-bottom: var(--_spacing---space--9); } .u-mb-10 { margin-bottom: var(--_spacing---space--10); } .u-mb-11 { margin-bottom: var(--_spacing---space--11); } .u-mb-12 { margin-bottom: var(--_spacing---space--12); } .u-mb-13 { margin-bottom: var(--_spacing---space--13); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: 500 !important; } .u-weight-sbold { font-family: var(--_typography---font--primary-family); font-weight: 600 !important; } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-weight2-regular { font-family: var(--_typography---font--secondary-family\); font-weight: var(--_typography---font--secondary-regular\); } .u-weight2-medium { font-family: var(--_typography---font--secondary-family\); font-weight: var(--_typography---font--secondary-medium\); } .u-weight2-sbold { font-family: var(--_typography---font--secondary-family\); font-weight: var(--_typography---font--secondary-semibold\); } .u-weight2-bold { font-family: var(--_typography---font--secondary-family\); font-weight: var(--_typography---font--secondary-bold\); } .u-column-custom { grid-column: auto / span 1; } .u-position-relative { position: relative; } .u-position-fixed { position: fixed; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .btn_main_wrap { border-top-style: solid; border-top-width: var(--border-width--main); border-top-color: var(--_button-style---border); border-right-style: solid; border-right-width: var(--border-width--main); border-right-color: var(--_button-style---border); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_button-style---border); border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: var(--_button-style---border); background-color: var(--_button-style---background); color: var(--_button-style---text); font-size: var(--_typography---font-size--button); text-align: center; vertical-align: middle; --_button-style---border: color-mix(in srgb, var(--_swatch---light-1) 24%, var(--_swatch---transparent) 0%); --_button-style---background: var(--_swatch---brand--yellow-1); --_button-style---text: var(--_swatch---dark-1); --_button-style---background-hover: var(--_swatch---dark-1); --_button-style---border-hover: var(--_swatch---dark-1); --_button-style---text-hover: var(--_swatch---light-1); -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); border-radius: .19rem; justify-content: center; align-items: center; padding: .75rem 1.75rem .75rem 1.25rem; line-height: 1; display: flex; position: relative; } .btn_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_swatch---light-1); --_button-style---background: transparent; --_button-style---text: var(--_swatch---light-1); --_button-style---background-hover: transparent; --_button-style---border-hover: var(--_swatch---accent); --_button-style---text-hover: var(--_swatch---accent); --_button-text-style---text-hover: var(--_swatch---accent); --_button-text-style---text: var(--_swatch---light-1); --_button-text-style---line: var(--_swatch---light-1); --_button-text-style---line-hover: var(--_swatch---accent); border-style: none; border-radius: 0; } .btn_main_wrap:where(.w-variant-07d13c4c-e7eb-c170-3e13-92f83b7f54b3) { --_button-style---border: var(--_swatch---dark-1); --_button-style---background: var(--_swatch---dark-1); --_button-style---text: var(--_swatch---light-1); --_button-style---background-hover: var(--_swatch---accent); --_button-style---border-hover: var(--_swatch---accent); --_button-style---text-hover: var(--_swatch---dark-1); } .btn_main_wrap:where(.w-variant-df7dd555-0d53-b99d-90a2-39cf06c7c76e) { --_button-style---border: var(--_swatch---light-1); --_button-style---background: var(--_swatch---light-1); --_button-style---text: var(--_swatch---dark-1); --_button-style---background-hover: var(--_swatch---accent); --_button-style---border-hover: var(--_swatch---accent); --_button-style---text-hover: var(--_swatch---dark-1); } .btn_main_wrap:where(.w-variant-ee6402e4-74ec-314a-f3b7-73eeb4c10970) { border-top-color: var(--_swatch---brand--yellow-1); border-right-color: var(--_swatch---brand--yellow-1); border-bottom-color: var(--_swatch---brand--yellow-1); border-left-color: var(--_swatch---brand--yellow-1); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); -webkit-clip-path: none; clip-path: none; padding-right: 1.25rem; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease; } .btn_main_wrap:where(.w-variant-83d136e9-eaa6-9620-1539-cf91c87de6e5) { border-top-color: var(--_swatch---brand--yellow-1); border-right-color: var(--_swatch---brand--yellow-1); border-bottom-color: var(--_swatch---brand--yellow-1); border-left-color: var(--_swatch---brand--yellow-1); border-top-left-radius: var(--radius--tiny); border-top-right-radius: var(--radius--tiny); border-bottom-left-radius: var(--radius--tiny); border-bottom-right-radius: var(--radius--tiny); -webkit-clip-path: none; clip-path: none; padding-right: 1.25rem; } .btn_main_wrap:where(.w-variant-889844ce-40a5-a80d-c3e8-441deeb91aec) { border-top-color: var(--_swatch---dark-1); border-right-color: var(--_swatch---dark-1); border-bottom-color: var(--_swatch---dark-1); border-left-color: var(--_swatch---dark-1); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: var(--_swatch---dark-1); color: var(--_swatch---light-1); --_button-style---border: var(--_swatch---dark-1); --_button-style---background: var(--_swatch---dark-1); --_button-style---text: var(--_swatch---light-1); --_button-style---background-hover: var(--_swatch---accent); --_button-style---border-hover: var(--_swatch---accent); --_button-style---text-hover: var(--_swatch---dark-1); -webkit-clip-path: none; clip-path: none; padding-right: 1.25rem; } .btn_main_wrap:where(.w-variant-276e8c9e-0993-cf6c-471e-2603a0815734) { border-top-color: var(--_swatch---light-2); border-right-color: var(--_swatch---light-2); border-bottom-color: var(--_swatch---light-2); border-left-color: var(--_swatch---light-2); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: var(--_swatch---light-2); -webkit-clip-path: none; clip-path: none; padding-right: 1.25rem; } .btn_main_wrap:hover:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { color: var(--_button-text-style---text-hover); } .btn_main_wrap.hs-button { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: var(--_swatch---brand--yellow-1); font-weight: var(--_typography---font--primary-bold); padding: 1rem 2rem; -webkit-clip-path: none !important; clip-path: none !important; } .btn_main_wrap.is-black { --_button-style---border: var(--_swatch---dark-1); --_button-style---background: var(--_swatch---dark-1); --_button-style---text: var(--_swatch---light-1); --_button-style---background-hover: var(--_swatch---accent); --_button-style---border-hover: var(--_swatch---accent); --_button-style---text-hover: var(--_swatch---dark-1); } .btn_main_text { z-index: 2; font-weight: var(--_typography---font--primary-bold); line-height: inherit; position: relative; } .btn_main_text:where(.w-variant-1442b9fd-db40-298d-4e83-a28836df692f) { font-size: var(--_typography---font-size--text-small); } .btn_text_wrap { color: var(--_button-text-style---text); font-size: var(--_typography---font-size--button); text-align: center; vertical-align: middle; --_button-text-style---text-hover: var(--_swatch---accent); --_button-text-style---text: var(--_swatch---dark-2); --_button-text-style---line: var(--_swatch---dark-2); --_button-text-style---line-hover: var(--_swatch---accent); justify-content: center; align-items: center; padding-top: .25rem; padding-bottom: .25rem; line-height: 1; display: inline-flex; position: relative; } .btn_text_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_swatch---light-1); --_button-style---background: transparent; --_button-style---text: var(--_swatch---light-1); --_button-style---background-hover: transparent; --_button-style---border-hover: var(--_swatch---accent); --_button-style---text-hover: var(--_swatch---accent); } .btn_text_wrap:where(.w-variant-4d4bc117-1452-7a51-d4f4-2e952234bd70) { color: var(--_swatch---light-1); } .btn_text_line { height: var(--border-width--main); background-color: var(--_button-text-style---line); width: 100%; position: absolute; bottom: 0; } .btn_text_line:where(.w-variant-4d4bc117-1452-7a51-d4f4-2e952234bd70) { background-color: var(--_swatch---light-1); } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .g_eyebrow_text { font-size: var(--_typography---font-size--text-tiny); line-height: var(--_text-style---margin-top); font-weight: var(--_typography---font--primary-medium); text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .g_eyebrow_text:where(.w-variant-f88a7310-53f6-be18-5e1d-b186c26df9c4) { font-size: var(--_typography---font-size--text-small); } .g_eyebrow_text:where(.w-variant-1ee094d7-9160-96bd-48f3-9f7a5ed6d601) { font-size: var(--_typography---font-size--h6); line-height: var(--_typography---line-height--1-4); font-weight: var(--_typography---font--primary-bold); } .g_visual_wrap { background-color: color-mix(in lab, currentcolor 10%, transparent); overflow: hidden; } .g_visual_img { object-position: inherit; } .g_visual_video { width: 100%; height: 100%; position: relative; } .g_visual_overlay { background-color: var(--_theme---background-1\); opacity: calc(var(--number) * 1%); } .g_clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .g_heading { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--text-main); --_heading-style---line-height: var(--_typography---line-height--1-5); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--4); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); align-items: inherit; text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); flex-flow: column; display: flex; } .g_heading:where(.w-variant-22499e30-15e5-95d7-54d7-04694480696c) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display); --_heading-style---line-height: var(--_typography---line-height--1); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--6); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-cb2513ea-7299-7204-5dae-c0a0c0bac915) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h1); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-04em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: 0px; --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-2fdaea33-f2d0-52b5-cb1f-8568b2dddc6f) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h2); --_heading-style---line-height: var(--_typography---line-height--1-15); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-037f3230-31a4-671d-8155-9c592e242019) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h3); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-3fa8ad02-16ec-64a9-ba75-37e4c985fa1d) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h4); --_heading-style---line-height: var(--_typography---line-height--1-3); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-959cd13f-0561-b99f-3f8f-087fe670326c) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h5); --_heading-style---line-height: var(--_typography---line-height--1-3); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-bac0dfe7-0cff-ffc4-13cc-4d7ceb1294bc) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h6); --_heading-style---line-height: var(--_typography---line-height--1-4); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-d23dbbd1-64f6-4573-2bf7-eb653ab9ff0f) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display); --_heading-style---line-height: var(--_typography---line-height--1); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--6); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-0fe35947-7937-dbc2-d7f6-b6adf6b8c25c) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h1); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-04em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: 0px; --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-043ff460-55ef-2ef8-630a-c66403fae90b) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h2); --_heading-style---line-height: var(--_typography---line-height--1-15); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-0a3c5e63-bef6-5bd4-b9b9-e3adffd23742) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h3); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-38f06dac-623b-c865-dc3a-3c89c073b233) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h4); --_heading-style---line-height: var(--_typography---line-height--1-3); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-3c35c0d0-3e89-79e9-e9ba-fe0fb5b49019) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h5); --_heading-style---line-height: var(--_typography---line-height--1-3); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_heading:where(.w-variant-35ba1ad5-bf70-b515-1825-fbc8a1640d08) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h6); --_heading-style---line-height: var(--_typography---line-height--1-4); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_background:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: var(--_theme---background-1\); } .g_background:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171), .g_background:where(.w-variant-09a041e4-30b4-d71d-6b67-13a406a69f21), .g_background:where(.w-variant-aa64d9b4-c908-2816-34ed-333f0b20c74e), .g_background:where(.w-variant-c495bbd4-9ed1-2191-940e-d95ab0763d10) { background-color: var(--_theme---background-2\); } .g_background.u-cover-absolute:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: #fff; } .g_background.u-cover-absolute:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171) { background-color: var(--_swatch---brand--granite); } .g_background.u-cover-absolute:where(.w-variant-09a041e4-30b4-d71d-6b67-13a406a69f21) { background-color: var(--_swatch---brand--steel); } .g_background.u-cover-absolute:where(.w-variant-aa64d9b4-c908-2816-34ed-333f0b20c74e) { background-color: var(--_swatch---brand--blue-2); } .g_background.u-cover-absolute:where(.w-variant-c495bbd4-9ed1-2191-940e-d95ab0763d10) { background-color: var(--_swatch---brand--blue-3); } .g_background.u-cover-absolute:where(.w-variant-330be1c3-9435-c51f-4df3-1d4193931a36) { background-color: var(--_swatch---light-2); } .g_background.u-cover-absolute:where(.w-variant-f149e77e-e0ed-6b77-9355-dc74e6bee335) { background-color: var(--_swatch---brand--orange-2); } .g_background.u-cover-absolute:where(.w-variant-cd4c35de-7f04-6b80-9e44-40d2dd43ed7e) { background-color: var(--_swatch---brand--blue-1); } .u-max-width-dynamic { max-width: calc(var(--number) * 1ch); } .u-background-dark1 { background-color: var(--_swatch---dark-1); } .g_visual_playback_wrap { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); color: var(--_swatch---light-1); background-color: color-mix(in srgb, currentColor 20%, transparent); width: 4rem; height: 4rem; position: absolute; inset: auto auto 1.5rem 1.5rem; } .g_visual_playback_button { border-radius: inherit; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 10%; display: flex; position: absolute; } .g_visual_playback_pause { justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; } .g_visual_playback_play { justify-content: center; align-items: center; display: none; } .u-text-color-gradient-light { -webkit-text-fill-color: transparent; background-image: linear-gradient(48deg, #d0d0d0, #ebebeb); -webkit-background-clip: text; background-clip: text; } .u-text-color-white { color: var(--_swatch---light-1); } .icon-embed-small { flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .cta_wrap { color: var(--_theme---text-1\); overflow: clip; } .cta_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-b927bb1a-89e7-cfdf-6d1a-2bd6a7febd97) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-b927bb1a-89e7-cfdf-6d1a-2bd6a7febd98) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-b69cd03b-0da9-2a39-3bfc-d4e1e77a1241) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-b69cd03b-0da9-2a39-3bfc-d4e1e77a1242) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-85e785c0-d10f-fbb1-7298-1427bc012608) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-85e785c0-d10f-fbb1-7298-1427bc012609) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-0cc30457-3eca-570a-e275-93278413c0d9) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-0cc30457-3eca-570a-e275-93278413c0da) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-579f7329-32c9-9b23-01b6-108e679f96b0) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-579f7329-32c9-9b23-01b6-108e679f96b1) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-49923ae4-1838-4798-9e14-077289635427) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-49923ae4-1838-4798-9e14-077289635428) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-8176d839-1d82-017e-43da-746d31e66853) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-8176d839-1d82-017e-43da-746d31e66854) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-a3ac14d1-d96a-022e-92f1-62b6903ebad8) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-a3ac14d1-d96a-022e-92f1-62b6903ebad9) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-4e3ad109-b948-aafe-92e6-fc43b9111e8e) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-4e3ad109-b948-aafe-92e6-fc43b9111e8f) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_wrap:where(.w-variant-c5e9c063-c1d7-c297-60c0-0876d8509c16) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .cta_wrap:where(.w-variant-c5e9c063-c1d7-c297-60c0-0876d8509c17) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .cta_contain.u-container { z-index: 2; z-index: 2; justify-content: center; align-items: center; height: 100svh; margin-top: -100svh; display: flex; position: sticky; top: 0; } .cta_layout { position: relative; } .cta_decorative { pointer-events: none; width: 33rem; position: absolute; inset: 0% 0% 0% auto; } .cta_scroll-offset { height: 100svh; } .cta_bg_wrap { pointer-events: none; justify-content: center; align-items: center; height: 100svh; display: flex; position: sticky; inset: 0%; } .cta_bg_image { aspect-ratio: 496 / 627; opacity: .5; width: 30%; } .footer_wrap { background-color: var(--_swatch---brand--light-grey); } .footer_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-b927bb1a-89e7-cfdf-6d1a-2bd6a7febd97) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-b927bb1a-89e7-cfdf-6d1a-2bd6a7febd98) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-b69cd03b-0da9-2a39-3bfc-d4e1e77a1241) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-b69cd03b-0da9-2a39-3bfc-d4e1e77a1242) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-85e785c0-d10f-fbb1-7298-1427bc012608) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-85e785c0-d10f-fbb1-7298-1427bc012609) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-0cc30457-3eca-570a-e275-93278413c0d9) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-0cc30457-3eca-570a-e275-93278413c0da) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-579f7329-32c9-9b23-01b6-108e679f96b0) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-579f7329-32c9-9b23-01b6-108e679f96b1) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-49923ae4-1838-4798-9e14-077289635427) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-49923ae4-1838-4798-9e14-077289635428) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-8176d839-1d82-017e-43da-746d31e66853) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-8176d839-1d82-017e-43da-746d31e66854) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-a3ac14d1-d96a-022e-92f1-62b6903ebad8) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-a3ac14d1-d96a-022e-92f1-62b6903ebad9) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-4e3ad109-b948-aafe-92e6-fc43b9111e8e) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-4e3ad109-b948-aafe-92e6-fc43b9111e8f) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-c5e9c063-c1d7-c297-60c0-0876d8509c16) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-c5e9c063-c1d7-c297-60c0-0876d8509c17) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_wrap:where(.w-variant-d6a379d2-2925-c549-fc2c-c51c9701ad08) { --_theme---background-1\: var(--_swatch---light-1); --_theme---text-1\: var(--_swatch---dark-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-dark-20); --_theme---background-2\: var(--_swatch---light-2); --_theme---text-2\: var(--_swatch---dark-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---dark-2); } .footer_wrap:where(.w-variant-d6a379d2-2925-c549-fc2c-c51c9701ad09) { --_theme---background-1\: var(--_swatch---dark-1); --_theme---text-1\: var(--_swatch---light-1); --_theme---border--border-1\: var(--_swatch---alpha--alpha-light-20); --_theme---background-2\: var(--_swatch---dark-2); --_theme---text-2\: var(--_swatch---light-2); --_theme---text-accent\: var(--_swatch---accent); --_theme---text-light\: var(--_swatch---light-1); --_theme---text-dark\: var(--_swatch---dark-1); --_theme---background-light\: var(--_swatch---light-1); --_theme---button-secondary--text\: var(--_swatch---light-2); } .footer_layout { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .footer_item_header_wrap { margin-bottom: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--2); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: color-mix(in srgb, var(--_swatch---dark-1) 20%, var(--_swatch---transparent) 0%); } .footer_item_header_text { color: var(--_swatch---brand--ghost); letter-spacing: .08em; text-transform: uppercase; } .footer_content_item1.u-column-custom { grid-column-end: span 3; } .footer_link_item { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .footer_link_text { color: var(--_swatch---brand--ghost); } .footer_content_item2.u-column-custom { grid-column: 5 / span 8; } .footer_sublink_list.u-grid-custom { --_column-count---value: 8; } .footer_sublink_item { flex: 1; } .footer_sublink_item.u-column-custom { grid-column-end: span 2; } .footer_sublink_title { padding-bottom: var(--_spacing---space--2); color: var(--_swatch---brand--ghost); text-transform: uppercase; display: block; } .footer_bottom_wrap { padding-top: var(--_spacing---size--2-5rem); padding-bottom: var(--_spacing---size--2-5rem); border-top-style: solid; border-top-width: var(--border-width--main); background-color: var(--_swatch---light-1); border-top-color: color-mix(in srgb, var(--_swatch---black) 25%, var(--_swatch---transparent) 0%); } .footer_bottom_logo { width: 11.13rem; } .footer_bottom_logo_wrap.u-column-custom { grid-column-end: span 3; } .footer_bottom_content.u-column-custom { grid-column: 5 / span 4; } .footer_bottom_copyright { border-bottom: var(--border-width--main) solid var(--_swatch---brand--ghost); padding-bottom: .38rem; } .u-color-ghost { color: var(--_swatch---brand--ghost); } .footer_bottom_logos_list.u-column-custom { grid-column-end: span 4; } .footer_bottom_logos_item { aspect-ratio: 142 / 41; width: 8.88rem; } .u-background-orange2 { background-color: var(--_swatch---brand--orange-2); } .u-background-granite { background-color: var(--_swatch---brand--granite); } .u-text-color-blue2 { color: var(--_swatch---brand--blue-2); } .u-text-color-dark2 { color: var(--_swatch---dark-2); } .u-text-color-darkgrey { color: var(--_swatch---brand--dark-grey); } .u-text-color-blue1 { color: var(--_swatch---brand--blue-1); } .g_divider { height: var(--border-width--main); background-color: var(--_swatch---dark-2); opacity: .2; width: 100%; } .nav2_wrap { left: 0%; top: var(--nav--nav-top-gap); z-index: 999; height: var(--nav--nav-height); justify-content: flex-start; align-items: stretch; display: flex; position: fixed; bottom: auto; right: 0%; } .nav2_contain.u-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; } .nav2_layout { z-index: 5; padding: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-radius: var(--radius--round); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background-image: linear-gradient(0deg, #00000080, #00000040); justify-content: space-between; align-items: stretch; width: 100%; height: 100%; display: flex; position: relative; } .nav2_block_wrap { display: flex; } .g_nav2_item_bg { background-image: none; } .nav2_block_list { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); display: flex; } .nav2_block_item { border-radius: var(--radius--round); justify-content: center; align-items: center; display: flex; } .nav2_block_logo_wrap { padding: var(--_spacing---space--4) var(--_spacing---space--5); } .nav2_block_logo_svg { width: 7.88rem; } .nav2_links_list { display: flex; } .nav2_links_item { color: color-mix(in srgb, var(--_swatch---light-1) 100%, var(--_swatch---transparent) 0%); } .nav2_links_item.is-active { color: var(--_swatch---light-1); } .nav2_link_wrap { padding: var(--_spacing---space--4) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); cursor: pointer; justify-content: flex-start; align-items: center; height: 100%; display: flex; } .nav2_link_wrap.is-active { opacity: 100; } .nav2_link_text { line-height: var(--_typography---line-height--1-4); font-weight: var(--_typography---font--primary-medium); letter-spacing: 0; } .nav2_link_text.is-active { opacity: 1; } .nav2_link_arrow { flex-direction: column; justify-content: center; align-items: center; width: .88rem; height: .88rem; display: flex; } .nav2_link_arrow.is-active { transform: rotate(-180deg); } .nav2_platform_wrap { border-radius: var(--radius--small-2); background-color: var(--_swatch---light-1); opacity: 0; pointer-events: none; height: 0; max-height: 30rem; display: none; position: relative; overflow: hidden; } .nav2_platform_wrap.is-active { grid-column-gap: 0px; grid-row-gap: 0px; opacity: 1; pointer-events: auto; height: calc(100svh - var(--nav--nav-height) - var(--nav--nav-top-gap) - 2rem); justify-content: space-between; align-items: stretch; display: flex; } .nav2_dropdown_outer { opacity: 0; pointer-events: none; bottom: auto; left: 0%; right: 0%; top: calc(var(--nav--nav-height) - 2px - var(--_spacing---space--2)); padding-top: 1.5rem; position: absolute; } .nav2_dropdown_outer.is-active { z-index: 3; opacity: 1; pointer-events: auto; } .nav2_platform_content { z-index: 3; padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); background-color: var(--_swatch---light-1); width: 100%; max-width: 32rem; } .nav2_dropdown_title { padding-bottom: var(--_spacing---space--4); position: relative; } .nav2_dropdown_title.is-platform { margin-left: 2.5rem; margin-right: 2.5rem; } .nav2_dropdown_title.is-industries { margin-bottom: 1.5rem; } .nav2_dropdown_divider.g_divider { inset: auto 0% 0%; position: absolute; inset: auto 0% 0%; } .nav2_dropdown_link_list { margin-top: var(--_spacing---space--3); } .nav2_dropdown_link_item { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); cursor: pointer; background-color: #0000; justify-content: space-between; align-items: center; display: flex; } .nav2_dropdown_link_item.is-active { background-color: color-mix(in srgb, var(--_swatch---brand--mid-grey) 20%, var(--_swatch---transparent) 0%); } .nav2_dropdown_link_item.is-platform { padding-left: 2.5rem; padding-right: 2.5rem; } .nav2_dropdown_link_item.is-platform.is-blue3.is-active { background-color: var(--_swatch---brand--blue-3); color: var(--_swatch---brand--grey); } .nav2_dropdown_link_item.is-platform.is-steel.is-active { background-color: var(--_swatch---brand--steel); color: var(--_swatch---dark-1); } .nav2_dropdown_link_item.is-platform.is-blue2.is-active { background-color: var(--_swatch---brand--blue-2); color: var(--_swatch---brand--steel); } .nav2_dropdown_link_item.is-platform.is-blue1.is-active { background-color: var(--_swatch---brand--blue-1); color: var(--_swatch---brand--steel); } .nav2_dropdown_link_text { z-index: 1; text-transform: uppercase; } .nav2_dropdown_link_icon_wrap { z-index: 1; background-color: color-mix(in srgb, var(--_swatch---black) 10%, var(--_swatch---transparent) 0%); padding: .25rem; } .nav2_dropdown_link_icon { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .nav2_dropdown_link_divider.g_divider { z-index: 1; z-index: 1; inset: auto 0% 0%; position: absolute; inset: auto 0% 0%; } .nav2_dropdown_link_content { z-index: 2; padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } .nav2_platform_cta_wrap { width: 100%; max-width: 24rem; } .nav2_platform_cta_visual { aspect-ratio: 384 / 222; border-radius: var(--radius--small-2); width: 24rem; position: relative; overflow: clip; } .nav2_platform_menu { z-index: 2; padding-top: var(--_spacing---space--6); padding-right: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); opacity: 0; pointer-events: none; width: calc(100% - 32rem); position: absolute; inset: 0% auto 0% 32rem; overflow: auto; } .nav2_platform_menu.is-active { opacity: 100; pointer-events: auto; } .nav2_platform_menu.u-background-blue3.is-active { z-index: 10; background-color: var(--_swatch---brand--blue-3); z-index: 10; background-color: var(--_swatch---brand--blue-3); z-index: 10; background-color: var(--_swatch---brand--blue-3); width: calc(100% - 32rem); left: 32rem; } .nav2_platform_cta { z-index: 1; padding: var(--_spacing---space--6); background-color: var(--_swatch---light-2); opacity: 1; pointer-events: auto; justify-content: flex-end; align-items: center; width: 100%; height: 100%; display: flex; position: static; inset: 0%; } .nav2_platform_cta.is-active { opacity: 100; pointer-events: auto; width: 100%; height: 100%; display: flex; inset: 0%; } .nav2_platform_menu_wrap { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); justify-content: space-between; align-items: stretch; display: flex; } .nav2_platform_menu_list { flex-flow: column; flex: 1 0 0; display: flex; } .nav2_platform_menu_visual { aspect-ratio: 384 / 400; border-radius: var(--radius--small-2); flex: 1; max-width: 24rem; position: relative; overflow: clip; } .nav2_platform_menu_item { display: block; } .nav2_dropdown_sublink_wrap { padding: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); justify-content: space-between; align-items: center; display: flex; } .nav2_dropdown_sublink_text { text-transform: uppercase; } .nav2_dropdown_sublink_icon_wrap { padding-top: var(--_spacing---space--1); padding-right: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); background-color: color-mix(in srgb, var(--_swatch---light-1) 10%, var(--_swatch---transparent) 0%); } .nav2_dropdown_sublink_icon_wrap.is-dark { background-color: color-mix(in srgb, var(--_swatch---dark-1) 10%, var(--_swatch---transparent) 0%); background-color: color-mix(in srgb, var(--_swatch---dark-1) 10%, var(--_swatch---transparent) 0%); } .nav2_dropdown_sublink_icon { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .u-background-blue3 { background-color: var(--_swatch---brand--blue-3); } .nav2_mobile_menu_wrap { background-color: var(--_swatch---light-1); width: 28rem; display: none; overflow: auto; } .nav2_mobile_menu_wrap.is-active { z-index: 2; width: 100vw; height: 100svh; margin-top: 0; display: flex; position: fixed; bottom: 0%; left: 0%; right: 0%; } .nav2_mobile_menu_list { margin-top: var(--_spacing---space--3); display: none; } .nav2_mobile_menu_list.is-active { flex-flow: column; width: 100%; margin-top: 0; display: flex; } .nav2_btn_group { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); display: flex; } .nav2_mobile_btn_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; cursor: pointer; flex-flow: column; justify-content: center; align-self: center; align-items: stretch; width: 2rem; height: 2rem; margin-right: 1rem; display: none; position: relative; } .nav2_mobile_btn_line_wrap { width: 100%; height: .13rem; position: relative; } .nav2_mobile_btn_line { background-color: var(--_swatch---light-1); width: 100%; height: .13rem; position: absolute; inset: 0% 0% auto; } .nav2_mobile_btn_line.is-bottom { inset: auto 0% 0%; inset: auto 0% 0%; } .nav2_back_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; cursor: pointer; justify-content: flex-start; align-items: center; margin-bottom: 2rem; display: none; } .nav2_back_icon { flex-direction: column; justify-content: center; align-items: center; width: .75rem; height: .75rem; display: flex; } .nav2_dropdown_mobile_link_icon_wrap { z-index: 1; background-color: color-mix(in srgb, var(--_swatch---black) 10%, var(--_swatch---transparent) 0%); justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .25rem; display: none; } .nav2_dropdown_mobile_link_icon { flex-direction: column; justify-content: center; align-items: center; width: .88rem; height: .88rem; display: flex; } .u-background-steel { background-color: var(--_swatch---brand--steel); } .u-background-blue2 { background-color: var(--_swatch---brand--blue-2); } .u-background-blue1 { background-color: var(--_swatch---brand--blue-1); } .nav2_mobile_menu_contain.u-container { padding-top: calc(var(--nav--nav-height) + var(--nav--nav-top-gap) + 2rem); padding-top: calc(var(--nav--nav-height) + var(--nav--nav-top-gap) + 2rem); } .nav2_industries_wrap { border-radius: var(--radius--small-2); background-color: var(--_swatch---light-1); opacity: 0; pointer-events: none; height: 0; max-height: 30rem; display: none; position: relative; overflow: hidden; } .nav2_industries_wrap.is-active { grid-column-gap: 0px; grid-row-gap: 0px; opacity: 1; pointer-events: auto; height: calc(100svh - var(--nav--nav-height) - var(--nav--nav-top-gap) - 2rem); justify-content: space-between; align-items: stretch; max-height: 32rem; display: flex; } .nav2_industries_content { background-color: var(--_swatch---light-2); flex-flow: column; flex: auto; padding: 2.5rem; display: flex; } .nav2_industries_cta_wrap { flex: 25rem; justify-content: center; align-items: stretch; min-width: 18rem; max-width: 25rem; padding: 2.5rem; display: flex; } .nav2_industries_cta_visual { aspect-ratio: 319 / 196; border-radius: var(--radius--small-2); width: 100%; position: relative; overflow: hidden; } .nav2_industries_cta_content { flex: 1; } .nav2_industries_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .nav2_industries_item_wrap { padding: var(--_spacing---space--2); border-radius: var(--radius--small-2); flex-flow: column; display: flex; } .nav2_industries_item_title { margin-top: var(--_spacing---space--4); margin-bottom: var(--_spacing---space--4); padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); justify-content: space-between; align-items: center; display: flex; } .nav2_industries_item_icon_wrap { color: var(--_swatch---light-1); background-color: color-mix(in srgb, var(--_swatch---light-1) 10%, var(--_swatch---transparent) 0%); flex: none; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; } .nav2_industries_item_visual { border-top-left-radius: var(--radius--small-2); border-top-right-radius: var(--radius--small-2); border-bottom-left-radius: var(--radius--small-2); border-bottom-right-radius: var(--radius--small-2); background-color: color-mix(in srgb, var(--_swatch---black) 20%, var(--_swatch---transparent) 0%); flex: 1; position: relative; overflow: clip; } .nav2_industries_item_visual.is-light { background-color: color-mix(in srgb, var(--_swatch---light-1) 10%, var(--_swatch---transparent) 0%); background-color: color-mix(in srgb, var(--_swatch---light-1) 10%, var(--_swatch---transparent) 0%); } .nav2_industries_item_image { object-fit: contain; max-width: none; height: 100%; padding-top: 2rem; position: absolute; top: 1rem; } .nav2_dropdown_container { max-width: var(--max-width--main); margin-left: auto; margin-right: auto; } .nav2_solutions_wrap { border-radius: var(--radius--small-2); background-color: var(--_swatch---light-1); opacity: 0; pointer-events: none; height: 0; max-height: 30rem; display: none; position: relative; overflow: hidden; } .nav2_solutions_wrap.is-active { grid-column-gap: 0px; grid-row-gap: 0px; opacity: 1; pointer-events: auto; height: calc(100svh - var(--nav--nav-height) - var(--nav--nav-top-gap) - 2rem); justify-content: space-between; align-items: stretch; max-height: 32rem; display: flex; } .nav2_solutions_list { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--2); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; max-width: 50rem; display: grid; } .nav2_solutions_list_item { border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: color-mix(in srgb, var(--_swatch---dark-2) 20%, var(--_swatch---transparent) 0%); flex: 1; } .nav2_solutions_content { background-color: var(--_swatch---brand--steel); flex-flow: column; flex: auto; padding: 2.5rem; display: flex; } .nav2_resource_wrap { border-radius: var(--radius--small-2); background-color: var(--_swatch---light-1); opacity: 0; pointer-events: none; height: 0; max-height: 30rem; display: none; position: relative; overflow: hidden; } .nav2_resource_wrap.is-active { grid-column-gap: 0px; grid-row-gap: 0px; opacity: 1; pointer-events: auto; height: calc(100svh - var(--nav--nav-height) - var(--nav--nav-top-gap) - 2rem); justify-content: space-between; align-items: stretch; max-height: 32rem; display: flex; } .nav2_resource_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .nav2_resource_content { background-color: var(--_swatch---light-1); flex-flow: column; flex: auto; max-width: 25rem; padding: 2.5rem; display: flex; } .nav2_resource_item_image { object-fit: cover; max-width: none; height: 100%; position: absolute; } .nav2_resource_link_list { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--2); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: stretch; max-width: 50rem; display: grid; } .nav2_resource_item_visual { border-top-left-radius: var(--radius--small-2); border-top-right-radius: var(--radius--small-2); border-bottom-left-radius: var(--radius--small-2); border-bottom-right-radius: var(--radius--small-2); background-color: color-mix(in srgb, var(--_swatch---black) 20%, var(--_swatch---transparent) 0%); flex: 1; position: relative; overflow: clip; } .nav2_resource_item_visual.is-light { background-color: color-mix(in srgb, var(--_swatch---light-1) 10%, var(--_swatch---transparent) 0%); background-color: color-mix(in srgb, var(--_swatch---light-1) 10%, var(--_swatch---transparent) 0%); } .cta_bg_video { aspect-ratio: 496 / 627; opacity: .5; width: 30%; position: relative; } .u-text-color-blue3 { color: var(--_swatch---brand--blue-3); } .u-opacity-50 { opacity: .5; } .u-padding-nav { padding-top: calc(var(--nav--nav-height) + var(--nav--nav-top-gap) + var(--_spacing---space--8)); } .nav2_industries_cta_cmslist { height: 100%; } .nav2_industries_cta_cmsitem { flex-flow: column; height: 100%; display: flex; } .u-sticky-nav { top: calc(var(--nav--nav-height) + var(--nav--nav-top-gap) + var(--_spacing---space--5)); position: sticky; } .u-text-color-grey { color: var(--_swatch---brand--grey); } .home-hero-btn { max-width: 295px; margin-top: 48px; } .home-hero-btn.home-hero-btn--founders-bi { max-width: none; margin-top: 40px; } .home-hero-btn.home-hero-btn--founders { margin-top: 40px; } .tools-item-body { grid-column-gap: 72px; grid-row-gap: 72px; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .tools-hero-content { z-index: 2; text-align: left; flex-direction: column; align-items: flex-start; width: 42vw; margin-bottom: 39px; display: flex; position: relative; } .home-hero-img-wrap { justify-content: center; align-items: center; width: 45%; display: flex; position: absolute; inset: 0% 0% 0% auto; overflow: visible; } .home-hero-img-wrap.home-hero-img-wrap--full { width: auto; left: 0; } .button-get { pointer-events: auto; color: #fbfffe; cursor: pointer; background-color: #23c017; border-radius: 37px; justify-content: space-between; align-items: center; padding: 14px 32px; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 600; line-height: 150%; text-decoration: none; transition: background-color .3s linear; display: flex; position: relative; } .button-get:hover { background-color: #0c9c01; text-decoration: none; } .home-hero-img { object-fit: cover; width: 100%; max-width: none; height: 100%; } .container { grid-column-gap: 0px; grid-row-gap: 0px; object-fit: fill; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: stretch; padding: 0 32px; display: block; position: relative; } .section-tools-list { padding-top: 80px; padding-bottom: 80px; } .section-tools-list.section-tools-list--automation { padding-top: 50px; padding-bottom: 0; padding-left: 36px; display: flex; } .section-tools-list.section-tools-list--tool { padding-top: 60px; padding-bottom: 40px; } .features-tools-cms-mob { grid-column-gap: 24px; grid-row-gap: 24px; flex-direction: column; flex: 0 auto; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: center; align-items: center; width: auto; max-width: 678px; padding: 20px; display: grid; } .features-tools-cms-mob.features-tools-cms-mob--m0-left { place-items: center stretch; width: 100%; max-width: 100%; height: 100%; } .tools-list-body { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 1376px; margin-left: auto; margin-right: auto; display: grid; } .tools-list-body.tools-list-body--automation { grid-column-gap: 20px; grid-row-gap: 20px; } .breadcrumbs { z-index: 10; grid-column-gap: 4px; grid-row-gap: 4px; grid-template-rows: auto; grid-template-columns: max-content max-content max-content; grid-auto-columns: max-content; grid-auto-flow: column; display: grid; position: absolute; top: 79px; left: 32px; } .tools-item-img-wrap { border-radius: 30px; flex: 0 auto; justify-content: center; align-items: center; width: auto; max-width: 678px; min-height: 630px; display: flex; overflow: hidden; } .tools-item-img-wrap.tools-item-img-wrap--7b4 { background-color: #0567b4; } .tools-item-img-wrap.tools-item-img-wrap--7b4.tools-item-img-wrap--7b4--645 { min-height: 465px; } .tools-item-img-wrap.tools-item-img-wrap--7ee { background-color: #f0f7ee; align-items: flex-end; } .tools-item-img-wrap.tools-item-img-wrap--7ee.tools-item-img-wrap--7ee--465 { height: 465px; min-height: 465px; } .tools-item-img-wrap.tools-item-img-wrap--sec { background-color: #fcf6ee; } .tools-item-img-wrap.tools-item-img-wrap--cf2 { background-color: #e7ecf2; } .tools-item-img-wrap.tools-item-img-wrap-full { min-height: auto; } .t-28-700 { color: #333; margin-top: 0; margin-bottom: 0; font-family: Montserrat, sans-serif; font-size: 26px; font-weight: 700; line-height: 125%; } .t-28-700.t-28-700--white { color: #f5f5f7; } .tools-item--img { width: 37.083vw; margin-top: auto; position: relative; } .tools-item--img.tools-item--img--xl { width: 396px; top: 102px; } .tools-item--img.tools-item--img--bord { width: 41vw; } .tools-item--img.tools-item--img-mini { width: 25vw; } .tools-item--img.tools-item--img--full { width: 100%; margin-bottom: auto; } .t-16-400 { color: #333; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; } .t-16-400.t-16-400--mob16 { opacity: 1; width: 100%; margin-bottom: 0; padding-top: 0; font-size: 20px; } .t-16-400.t-16-400--white { color: #fbfffe; line-height: 125%; } .t-16-400.t-16-400--white.t-16-400--white--150 { line-height: 150%; } .t-16-400.t-16-400--white.t-16-400--white--150.t-16-400--white--150--16mob { box-sizing: border-box; object-fit: fill; width: 100%; font-size: 20px; } .t-16-400.t-16-400--7b4 { color: #0567b4; } .t-16-400.t-16-400--ff { color: #fff; } .t-16-400.t-16-400--ff.t-16-400--ff--mob16 { text-align: left; } .t-16-400.t-16-400__fe { color: #fbfffe; } .t-16-400.t-16-400--555 { color: #555; } .t-16-400.t-16-400--555.t-16-400--555--mob16 { font-size: 20px; } .bread-link { color: #868686; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 400; line-height: 125%; } .bread-link.bread-link--white { color: #fff; } .t-24-400 { color: #fbfffe; margin-top: 48px; font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 400; line-height: 125%; } .t-24-400.t-24-400--mob14 { text-align: left; } .h1 { color: #fbfffe; text-align: left; font-family: Montserrat, sans-serif; font-size: 60px; font-weight: 600; line-height: 100%; } .section-home-hero { margin-top: -104px; padding-top: 32px; padding-bottom: 0; display: block; position: relative; } .section-home-hero._1 { margin-top: 0; } .home-hero-desc { margin-top: 16px; } .home-hero-desc.home-hero-desc--founders { margin-top: 24px; } .tools-hero-body { background-color: #0567b4; border-radius: 30px; justify-content: flex-start; align-items: center; max-width: 1376px; min-height: 650px; margin-left: auto; margin-right: auto; padding: 167px 40px 50px; display: flex; position: relative; overflow: hidden; } .home-hero-img-bg { background-color: #0567b499; position: absolute; inset: 0%; } .home-hero-img-bg.home-hero-img-bg--grad { background-image: linear-gradient(#0567b4 20%, #fff0); margin-bottom: 0; } .home-hero-img-bg.home-hero-img-bg--50 { background-color: #0567b480; } .old-main-wrapper { margin-top: calc(var(--nav--nav-height) + var(--nav--nav-top-gap) + 3rem); } .arrow-hero { width: 1.5rem; height: 1.5rem; display: none; position: absolute; inset: 11px 9px auto auto; } .link-arr { justify-content: center; align-items: center; width: 16px; height: 16px; margin-left: 10px; transition: transform .2s; display: flex; } .link-tools { color: #0567b4; cursor: pointer; align-self: flex-start; align-items: center; margin-right: auto; font-size: 18px; font-weight: 600; line-height: 150%; text-decoration: none; display: flex; } .link-tools:hover { color: #23c017; text-decoration: none; } .link-tools.link-tools--lock { color: #fff; font-weight: 400; } .link-tools.link-tools--lock:hover { color: #23c017; } @media screen and (min-width: 1280px) { .g_eyebrow_text { font-weight: var(--_typography---font--primary-regular); } .nav-menu-drop-war { grid-column-gap: 30px; grid-row-gap: 30px; margin-left: auto; margin-right: auto; } .nav-drop-triangle { left: 32%; } .nav-drop-triangle.nav-drop-triangle--why { left: 55%; } .nav-drop-triangle.nav-drop-triangle--resours { left: 65%; } .button-green.button-green--mob51.button-green--mob51--light { min-width: 132px; padding-left: 24px; padding-right: 24px; } .customers-hero { display: flex; } .tools-item-body { grid-column-gap: 52px; grid-row-gap: 52px; } .nav-buttons-wrap { margin-left: 0; } .section-get-start { padding-top: 60px; } .brand { width: 170px; height: 32px; margin-right: 0; } .nav-drop-list-body-container { flex-direction: row; } .nav-drop-list-body-container.nav-drop-list-body-container--vert { flex-direction: column; } .nav-right-col-link-war { grid-template-columns: max-content max-content; grid-auto-columns: max-content; justify-content: space-between; } .drop-search-list.w--open { width: 93vw; left: -225px; } .container { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: block; } .section-tools-list { padding-top: 40px; padding-bottom: 40px; } .section-tools-list.section-tools-list--automation { padding-top: 50px; } .get-start-img-wrap { min-height: 571.594px; } .get-start-img { object-position: 50% 50%; } .nav-drop-line-separator { background-color: #ffffff1a; width: 1px; height: 150%; padding-bottom: 0; padding-right: 0; display: none; position: absolute; inset: -38px -80px 0% auto; } .customers-content { display: block; } .but-arr { margin-bottom: 0; margin-left: 0; position: static; left: auto; right: 260px; } .but-arr.arrow-contact { right: 30px; } .features-tools-cms-mob { padding: 40px; } .drop-search { margin-left: 40px; } .get-start-content { margin-right: 36px; } .nav-menu-body { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; } .nav-drop-right-col.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .section-customers { padding-top: 60px; } .nav-drop-list.w--open { width: 100%; } .blog-hero-coll-list.blog-hero-coll-list--nav.blog-hero-coll-list--nav--col { grid-column-gap: 32px; grid-row-gap: 32px; grid-column-gap: 32px; grid-row-gap: 32px; grid-column-gap: 32px; grid-row-gap: 32px; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .nav-drop-left-col { position: relative; } .t-28-700 { font-size: 27px; } .nav-drop-list-body { flex-flow: wrap; } .t-40-600 { text-align: left; width: 100%; margin-bottom: 15px; font-size: 38px; } .t-40-600.t-40-600--white { text-align: left; text-align: left; width: 610px; } .t-40-600.t-40-600--ff { width: 495px; } .t-40-600.t-40-600--white { text-align: left; width: 610px; } .t-16-400.t-16-400--white.t-16-400--white--mob16 { font-size: 20px; } .footer-block { width: 201px; } .t-24-400 { font-size: 22px; } .nav-drop-left-col-link.nav-drop-left-col-link--resours { width: 304px; } .nav-drop-left-col-link.nav-drop-left-col-link--resours.nav-drop-left-col-link--resours__full { width: auto; } .cust-collection-item { width: 100%; } .text-block-8 { padding-left: 0; padding-right: 27px; } .nav-menu { max-width: none; margin-left: 0; } .button-white.button-white--mob51.button-white--mob51--light { min-width: 132px; padding-left: 24px; padding-right: 24px; } .h1 { font-size: 64px; } .section-home-hero { padding-bottom: 40px; } .tools-hero-body { min-height: 700px; } .home-hero-img-bg.home-hero-img-bg--grad { background-image: linear-gradient(to right, #0567b4 28%, #fff0); } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--who { grid-template-columns: 1fr; width: 317px; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--why { grid-column-gap: 32px; grid-row-gap: 24px; grid-template-columns: 1fr 1fr; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--integration { grid-template-columns: 1fr; } .automation-hero-img-wrap { width: 537px; margin-top: -34px; margin-right: 0; } .powerful-item { max-width: 328px; } .time-info-btn { padding-left: 20px; padding-right: 20px; } .automation-hero-desc { max-width: 633px; } .automation-bot-store-wrap { justify-content: start; } .time-info-block { padding-top: 60px; padding-left: 30px; padding-right: 30px; } .t-32-600 { font-size: 30px; } .time-info-btn-wrap { grid-template-columns: 1fr 1fr; max-width: 557px; } .arrow-hero { position: absolute; top: 16px; right: 20px; } .automation-hero-content { text-align: left; margin-left: 0; margin-right: 60px; } .automation-hero-img { width: 978px; max-width: none; } .nav-drop-right-col-2 { min-width: 1004px; } .nav-drop-right-col-2.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .section-time { padding-top: 100px; } .section-time.section-time--automation { padding-top: 130px; padding-bottom: 130px; } .section-operation { padding-top: 80px; padding-bottom: 130px; } .automation-hero-btn { margin-left: 0; } .automation-hero-body { flex-wrap: nowrap; padding-bottom: 60px; padding-right: 0; } .tools-list-bot-head { padding-bottom: 130px; } .nav-drop-right-col-3 { min-width: 1004px; } .nav-drop-right-col-3.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .saas-body { padding: 60px 60px 60px 50px; } .nav-drop-right-col-4 { min-width: 1004px; } .nav-drop-right-col-4.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-5 { min-width: 1004px; } .nav-drop-right-col-5.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-6 { min-width: 1004px; } .nav-drop-right-col-6.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-7 { min-width: 1004px; } .nav-drop-right-col-7.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-8 { min-width: 1004px; } .nav-drop-right-col-8.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-9 { min-width: 1004px; } .nav-drop-right-col-9.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-10 { min-width: 1004px; } .nav-drop-right-col-10.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-11 { min-width: 1004px; } .nav-drop-right-col-11.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-12 { min-width: 1004px; } .nav-drop-right-col-12.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-13 { min-width: 1004px; } .nav-drop-right-col-13.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-14 { min-width: 1004px; } .nav-drop-right-col-14.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-15 { min-width: 1004px; } .nav-drop-right-col-15.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-16 { min-width: 1004px; } .nav-drop-right-col-16.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-17 { min-width: 1004px; } .nav-drop-right-col-17.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-18 { min-width: 1004px; } .nav-drop-right-col-18.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-19 { min-width: 1004px; } .nav-drop-right-col-19.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-20 { min-width: 1004px; } .nav-drop-right-col-20.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-21 { min-width: 1004px; } .nav-drop-right-col-21.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-22 { min-width: 1004px; } .nav-drop-right-col-22.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-23 { min-width: 1004px; } .nav-drop-right-col-23.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-24 { min-width: 1004px; } .nav-drop-right-col-24.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-25 { min-width: 1004px; } .nav-drop-right-col-25.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-26 { min-width: 1004px; } .nav-drop-right-col-26.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-27 { min-width: 1004px; } .nav-drop-right-col-27.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-28 { min-width: 1004px; } .nav-drop-right-col-28.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-29 { min-width: 1004px; } .nav-drop-right-col-29.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-30 { min-width: 1004px; } .nav-drop-right-col-30.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-31 { min-width: 1004px; } .nav-drop-right-col-31.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-32 { min-width: 1004px; } .nav-drop-right-col-32.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-33 { min-width: 1004px; } .nav-drop-right-col-33.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-34 { min-width: 1004px; } .nav-drop-right-col-34.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-35 { min-width: 1004px; } .nav-drop-right-col-35.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-36 { min-width: 1004px; } .nav-drop-right-col-36.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-37 { min-width: 1004px; } .nav-drop-right-col-37.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-38 { min-width: 1004px; } .nav-drop-right-col-38.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-39 { min-width: 1004px; } .nav-drop-right-col-39.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-40 { min-width: 1004px; } .nav-drop-right-col-40.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-41 { min-width: 1004px; } .nav-drop-right-col-41.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .nav-drop-right-col-42 { min-width: 1004px; } .nav-drop-right-col-42.nav-drop-right-col--vid { min-width: auto; max-width: 835px; margin-left: 160px; } .u-show-tablet { flex-flow: column; display: flex; } .thank-body { padding-top: 70px; padding-bottom: 100px; } .section-brands { padding-top: 40px; } .home-hero-body { padding: 140px 100px 60px; } .t-56-600.t-56-600__fe { font-size: 56px; } .section-tool { padding-bottom: 130px; } .section-tool.section-tool--home { padding-bottom: 50px; } .tool-body { padding-left: 0; padding-right: 0; } .tool-left-coll { max-width: 433px; margin-right: 40px; } } @media screen and (min-width: 1440px) { .nav-menu-drop-war { grid-column-gap: 48px; grid-row-gap: 48px; } .home-hero-btn { margin-top: 48px; } .nav-drop-triangle { left: 32%; } .nav-drop-triangle.nav-drop-triangle--resours { left: 66%; } .customers-hero { text-align: center; justify-content: center; align-items: center; } .tools-item-body { grid-column-gap: 80px; grid-row-gap: 80px; grid-auto-flow: row; } .section-get-start { padding-top: 40px; } .nav-drop-list-body-container, .nav-drop-list-body-container.nav-drop-list-body-container--vert, .nav-drop-list-body-container.nav-drop-list-body-container--vert { flex-direction: row; } .tools-hero-content { z-index: 2; max-width: 600px; position: relative; } .home-hero-img-wrap { height: 102%; position: absolute; inset: auto 0% auto auto; } .home-hero-img-wrap.home-hero-img-wrap--full { top: 0; bottom: 0; } .nav-right-col-link-war { grid-column-gap: 29px; grid-row-gap: 29px; grid-template-columns: max-content max-content; grid-auto-columns: max-content; } .button-get { grid-column-gap: 15px; grid-row-gap: 15px; } .home-hero-img { width: 100%; max-width: none; height: 100%; } .container { grid-column-gap: 0px; grid-row-gap: 0px; text-align: left; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; max-width: 1376px; margin-left: auto; margin-right: auto; padding-right: 32px; display: block; } .section-tools-list { padding-top: 80px; padding-bottom: 60px; } .section-tools-list.section-tools-list--automation { padding-top: 20px; padding-left: 32px; display: flex; } .get-start-img-wrap { max-width: 718px; height: 594px; } .get-start-img { object-position: 50% 50%; max-width: none; height: 100%; } .nav-drop-line-separator { background-color: #ffffff1a; width: 1px; height: 170%; padding-bottom: 0; padding-right: 0; position: absolute; inset: -11% -80px 0% auto; } .customers-content { margin-top: 0; } .but-arr { margin-left: 0; position: static; left: auto; right: 320px; } .but-arr.arrow-contact { right: 30px; } .features-tools-cms-mob { padding: 64px; } .features-tools-cms-mob.features-tools-cms-mob--m0-left { grid-column-gap: 0px; grid-row-gap: 0px; grid-column-gap: 0px; grid-row-gap: 0px; } .tools-list-body.tools-list-body--automation { grid-column-gap: 20px; grid-row-gap: 20px; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .bottons-store { width: 150px; } .get-start-content { margin-right: 48px; } .nav-drop-right-col.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .section-customers { padding-top: 50px; } .form-started-btn { max-width: 250px; } .nav-drop-left-col { position: relative; } .t-28-700 { font-size: 28px; } .t-40-600 { text-align: left; width: 100%; max-width: none; margin-bottom: 15px; font-size: 40px; } .t-40-600.t-40-600--white { text-align: left; text-align: left; width: 100%; } .t-40-600.t-40-600--ff { width: 530px; } .t-40-600.t-40-600--white { text-align: left; width: 100%; } .tools-item--img { width: 534px; } .tools-item--img.tools-item--img--xl { width: 396px; } .tools-item--img.tools-item--img--bord { width: 581px; } .tools-item--img.tools-item--img-mini { width: 350px; } .t-16-400.t-16-400--white.t-16-400--white--150.t-16-400--white--150--16mob { width: 100%; } .t-24-400 { color: #fbfffe; font-family: Montserrat, sans-serif; font-size: 24px; font-weight: 400; line-height: 125%; } .text-block-8 { padding-right: 27px; } .get-start-body { align-items: flex-start; } .customers-body { max-width: 1376px; } .h1 { color: #fbfffe; font-family: Montserrat, sans-serif; font-size: 72px; font-weight: 600; line-height: 100%; } .section-home-hero { padding-bottom: 40px; } .home-hero-desc { margin-top: 16px; } .tools-hero-body { border-radius: 30px; justify-content: flex-start; align-items: center; min-height: 750px; padding: 167px 116px 162px 100px; display: flex; position: relative; overflow: hidden; } .home-hero-img-bg { position: absolute; inset: 0%; } .nav-drop-left-col-link-wrap { grid-auto-flow: row; max-width: 304px; display: grid; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--who { grid-template-columns: 1fr; width: 317px; max-width: none; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--why { grid-template-columns: 1fr 1fr; max-width: none; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--integration { grid-template-columns: 1fr; width: 317px; max-width: 317px; } .powerful-item-arr { color: #0567b4; } .time-info-block { padding-top: 80px; padding-left: 48px; padding-right: 48px; } .t-32-600 { font-size: 32px; } .operation-hero-img-wrap { left: 270px; } .powerful-grid { grid-auto-rows: auto; align-items: start; } .section-related { padding-top: 80px; } .arrow-hero { top: 16px; right: 20px; } .automation-hero-content { z-index: 2; position: relative; } .nav-drop-right-col-2 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-2.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .section-time { padding-top: 120px; } .section-time.section-time--automation { padding-top: 181px; padding-bottom: 160px; } .rel-col-list-wrap { overflow: hidden; } .section-operation { padding-top: 80px; padding-bottom: 160px; } .slide-buttons-wrap { top: 4px; } .automation-hero-btn { max-width: 300px; } .automation-hero-body { border-radius: 30px; justify-content: flex-start; align-items: center; height: 812px; padding-left: 114px; display: flex; position: relative; overflow: hidden; } .tools-list-bot-head { padding-bottom: 160px; } .saas-content { max-width: 63%; } .nav-drop-right-col-3 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-3.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .saas-body { width: 100%; margin-top: 0; padding: 82px 73px 40px 64px; } .saas-head { max-width: 100%; } .saas-decore-img { left: 477px; } .nav-drop-right-col-4 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-4.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-5 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-5.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-6 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-6.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-7 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-7.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-8 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-8.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-9 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-9.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-10 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-10.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-11 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-11.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-12 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-12.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-13 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-13.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-14 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-14.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-15 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-15.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-16 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-16.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-17 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-17.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-18 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-18.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-19 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-19.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-20 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-20.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-21 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-21.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-22 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-22.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-23 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-23.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-24 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-24.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-25 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-25.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-26 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-26.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-27 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-27.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-28 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-28.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-29 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-29.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-30 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-30.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-31 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-31.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-32 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-32.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-33 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-33.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-34 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-34.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-35 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-35.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-36 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-36.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-37 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-37.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-38 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-38.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-39 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-39.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-40 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-40.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-41 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-41.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .nav-drop-right-col-42 { margin-top: 0; margin-left: 52px; } .nav-drop-right-col-42.nav-drop-right-col--vid { min-width: 835px; margin-left: 160px; } .results_item_parawrap { justify-content: flex-end; align-items: center; } .u-show-tablet { display: none; } .thank-body { padding-top: 88px; padding-bottom: 120px; } .section-brands { padding-top: 0; } .home-hero-body { border-radius: 30px; justify-content: flex-start; align-items: center; padding: 167px 116px 40px; display: flex; position: relative; overflow: hidden; } .tool-item-img.tool-item-img--431 { margin-bottom: 0; } .tool-center-coll { margin-right: 139px; } .section-tool { padding-bottom: 160px; } .section-tool.section-tool--home { padding-bottom: 60px; } .tool-item-point { left: -174px; } } @media screen and (max-width: 991px) { .u-grid-desktop { flex-flow: column; display: flex; } .form-columns-2 { grid-template-columns: 1fr; } .blog_card_content.u-zindex-2.u-vflex-left-top.u-gap-6 { padding-top: var(--_spacing---space--4); padding-top: var(--_spacing---space--4); padding-top: var(--_spacing---space--4); padding-top: var(--_spacing---space--4); } .g_tabs_menu_list { margin-bottom: var(--_spacing---space--4); border-radius: var(--radius--small-2); flex-flow: column; width: 100%; max-width: none; height: auto; } .g_tabs_menu_list.u-mb-8 { border-radius: var(--radius--small-1); border-radius: var(--radius--small-1); flex-flow: column; height: auto; margin-bottom: 0; } .g_tabs_menu_item { border-radius: var(--radius--small-1); } .features_items_wrap.u-hflex-between-stretch.u-gap-8 { justify-content: space-between; align-items: center; } .testimonials_layout { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); height: auto; min-height: auto; max-height: none; } .stories_item_visual.u-position-relative { height: 18rem; } .resourcehub_swiper_slide.swiper-slide { width: 50%; } .footer_layout.u-vflex-stretch-top.u-gap-7 { padding-top: var(--_spacing---section-space--tiny); padding-bottom: var(--_spacing---section-space--tiny); padding-top: var(--_spacing---section-space--tiny); padding-bottom: var(--_spacing---section-space--tiny); padding-top: var(--_spacing---section-space--tiny); padding-bottom: var(--_spacing---section-space--tiny); } .footer_content_list.u-grid-desktop { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); } .footer_sublink_list.u-grid-custom { display: flex; } .footer_bottom_layout.u-grid-desktop { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); } .footer_bottom_logos_list.u-column-custom.u-hflex-right-center.u-gap-2 { justify-content: flex-start; align-items: center; } .hero_form_layout.u-hflex-between-stretch.u-gap-5 { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; } .hero_form_content.u-vflex-stretch-between.u-gap-8 { display: contents; } .hero_form_info_list.u-vflex-stretch-top.u-gap-4 { order: 5; } .faqs_hero_tabs_wrap.u-hflex-between-stretch.u-gap-5.text-color-black { flex-flow: column; } .faqs_hero_tabs_menu_wrap.u-vflex-left-top.u-gap-5 { max-width: none; } .faqs_hero_bg_glow { display: none; } .pricing_hero_list { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .pricing_hero_item.u-grid-custom { flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; max-width: none; display: flex; } .pricing_card_title.u-vflex-left-top.u-gap-2 { min-height: auto; } .pricing_table_layout { flex: none; overflow: auto; } .pricing_table_col { flex: none; width: 10rem; } .pricing_table_col.is-large { flex: none; width: 20rem; } .about_story_layout.u-position-relative.u-vflex-left-bottom, .about_feature2_layout.u-position-relative.u-vflex-left-bottom { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .leadership_list.u-grid-custom.u-mt-9 { --_column-count---value: 2; } .values_layout.u-hflex-between-top.u-gap-5 { --_gap---size: var(--_spacing---space--7); flex-flow: column; } .values_list.u-flex-grow.u-vflex-stretch-top.u-gap-5 { width: 100%; max-width: 64rem; } .team_list.u-grid-custom.u-mt-8 { --_column-count---value: 3; } .solutions_hero_video_wrap.u-mt-10.u-position-relative { aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; } .keyfeature_list.u-grid-custom.u-gap-5 { --_column-count---value: 2; } .ic_benefits_visual.u-overflow-clip { aspect-ratio: 16 / 9; aspect-ratio: 16 / 9; align-self: stretch; width: 100%; } .ic_benefits_content.u-vflex-left-top.u-gap-5 { padding-left: 0; } .ic_benefits_layout.u-grid-custom { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .ic_features_list.u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: minmax(0, 1fr); display: grid; } .feature3_layout.u-grid-desktop { padding-top: var(--_spacing---space--10); padding-bottom: var(--_spacing---space--10); padding-top: var(--_spacing---space--10); padding-bottom: var(--_spacing---space--10); height: auto; min-height: auto; max-height: none; } .g_verticalmarquee1_wrap.u-column-custom { margin-left: calc(-1 * var(--_spacing---section-space--even)); margin-right: calc(-1 * var(--_spacing---section-space--even)); margin-left: calc(-1 * var(--_spacing---section-space--even)); margin-right: calc(-1 * var(--_spacing---section-space--even)); max-height: none; } .feature3_content.u-column-custom.u-vflex-stretch-center.u-gap-6 { margin-top: var(--_spacing---space--8); margin-top: var(--_spacing---space--8); margin-top: var(--_spacing---space--8); margin-top: var(--_spacing---space--8); } .g_verticalmarquee1_list { flex-flow: row; } .g_verticalmarquee1_item { flex: none; width: 16rem; height: 20rem; } .industries_hero_layout.u-hflex-between-stretch.u-gap-6 { flex-flow: column; height: auto; min-height: auto; max-height: none; } .int_features_list.u-grid-custom { grid-template-columns: 1fr 1fr; } .industries_hero_image1.u-zindex-3 { width: 100%; height: auto; position: relative; left: 0%; right: 0%; } .industries_hero_image2 { width: 60vw; } .industries_hero_image3 { width: 40vw; right: 0; } .integrations_layout { flex-flow: column; } .integrations_filters_wrap { max-width: none; } .featured_cta_layout.u-grid-custom { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--11); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--11); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; justify-content: flex-start; align-items: stretch; height: auto; min-height: auto; max-height: none; display: flex; } .featured_cta_visual.u-radius-small.u-overflow-clip { aspect-ratio: 16 / 9; aspect-ratio: 16 / 9; aspect-ratio: 16 / 9; width: 100%; } .int_cta_layout.u-hflex-between-stretch.u-gap-7 { flex-flow: column; } .int_cta_form { flex: none; max-width: none; } .nav1_menu_dropdown { opacity: 1; visibility: visible; max-height: none; padding-top: 0; position: relative; } .nav1_link_text { font-size: 1em; } .nav1_toggle_wrap { display: flex; } .nav1_menu_wrap { opacity: 0; padding-top: var(--nav--height); visibility: hidden; background-color: #000; width: 100%; height: 100dvh; position: fixed; inset: 0%; } .nav1_button.nav1-hide-tablet { display: none; } .nav1_dropdown_scroll { grid-template-rows: 0fr; width: 100%; max-height: none; display: grid; position: relative; overflow: hidden; } .nav1_link_wrap { justify-content: space-between; align-items: center; width: 100%; padding-left: .5rem; padding-right: .5rem; } .nav1_menu_scroll { grid-row-gap: 2rem; flex-flow: column; justify-content: space-between; width: 100%; height: 100%; padding: 1.5rem; display: flex; overflow: hidden auto; } .nav1_dropdown_layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .nav1_menu_end_wrap { display: flex; } .nav1_menu_list { flex-flow: column; justify-content: center; align-items: stretch; } .nav1_dropdown_overflow { flex-flow: column; width: 100%; height: 10000%; display: flex; position: relative; overflow: hidden; } .nav1_dropdown_contain { padding-left: .5rem; padding-right: .5rem; } .resource_feature_item_wrap.u-grid-custom { flex-flow: column; display: flex; } .resource_feature_item_visual.u-column-5 { grid-column-end: span 12; min-height: 20rem; } .resource_feature_item_content.u-column-7.u-vflex-center-center { padding-top: var(--_spacing---section-space--tiny); padding-bottom: var(--_spacing---section-space--tiny); padding-top: var(--_spacing---section-space--tiny); padding-bottom: var(--_spacing---section-space--tiny); padding-top: var(--_spacing---section-space--tiny); padding-bottom: var(--_spacing---section-space--tiny); grid-column-end: span 12; justify-content: flex-start; align-items: stretch; } .blogs_body_layout.u-grid-custom { flex-flow: column; display: flex; } .blogs_toc_wrap { display: none; } .blogs_body_side.u-column-5, .blogs_body_side.u-column-3, .blogs_body_side.u-column-5, .blogs_body_side.u-column-3 { order: 9999; } .cslist_title.u-hflex-between-stretch.u-gap-4.u-mb-7 { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .rh_listing_filter_col { max-width: none; } .g_filter_wrap.u-mt-7.u-vflex-stretch-top.u-gap-3 { margin-top: var(--_spacing---space--3); margin-top: var(--_spacing---space--3); margin-top: var(--_spacing---space--3); margin-top: var(--_spacing---space--3); } .g_filter_list.u-vflex-stretch-top.u-gap-5 { display: none; } .g_filter_radio_list { width: 100%; } .g_filter_radio_list.u-hflex-left-stretch.u-gap-1.u-overflow-x-auto { overflow: auto; } .g_filter_radio_listwrap { width: 100%; } .g_filter_radio_listitem { flex: none; } .nav2_contain.u-container { width: calc(100% - 2rem); max-width: none; } .nav2_layout { padding: var(--_spacing---space--4) var(--_spacing---space--5) var(--_spacing---space--4) var(--_spacing---space--2); justify-content: space-between; align-items: center; } .nav2_links_list { display: none; } .nav2_platform_wrap.is-active { flex-flow: column; height: 100%; max-height: none; } .nav2_dropdown_link_icon_wrap.is-main { display: flex; } .nav2_dropdown_link_content.is-active { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--blue-3), var(--_swatch---brand--blue-3)); color: var(--_swatch---light-1); } .nav2_dropdown_link_content.is-steel.is-active { background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--steel), var(--_swatch---brand--steel)); color: var(--_swatch---dark-1); background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--steel), var(--_swatch---brand--steel)); } .nav2_dropdown_link_content.is-blue2.is-active { background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--blue-2), var(--_swatch---brand--blue-2)); background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--blue-2), var(--_swatch---brand--blue-2)); } .nav2_dropdown_link_content.is-blue1.is-active { background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--blue-1), var(--_swatch---brand--blue-1)); background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--_swatch---brand--blue-1), var(--_swatch---brand--blue-1)); } .nav2_dropdown_content_block { z-index: 10; flex: none; display: flex; } .nav2_platform_menu { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: 0fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; min-height: 0; padding: 0; display: grid; position: static; overflow: clip; } .nav2_platform_menu.is-active { grid-template-rows: 1fr; width: 100%; position: static; } .nav2_platform_menu.u-background-blue3.is-active { z-index: 6; z-index: 6; inset: 100% 0% auto; width: 100%; inset: 100% 0% auto; } .nav2_platform_cta.is-active { padding: var(--_spacing---space--6) var(--_spacing---space--5); padding: var(--_spacing---space--6) var(--_spacing---space--5); } .nav2_platform_menu_wrap { min-height: 0; overflow: clip; } .div-block { position: fixed; } .nav2_mobile_menu_wrap { z-index: 5; flex: 1; } .nav2_mobile_menu_wrap.is-active { pointer-events: auto; pointer-events: auto; } .nav2_mobile_menu_list { z-index: 1; pointer-events: none; padding-left: 1.5rem; padding-right: 1.5rem; display: block; position: relative; } .nav2_mobile_menu_list.is-active { pointer-events: auto; pointer-events: auto; } .nav2_btn_group { display: none; } .nav2_mobile_btn_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; cursor: pointer; flex-flow: column; justify-content: center; align-items: stretch; width: 2rem; height: 2rem; display: flex; position: relative; } .nav2_mobile_btn_line_wrap { width: 100%; height: .13rem; position: relative; } .nav2_mobile_btn_line_wrap.is-bottom { inset: auto 0% 0%; inset: auto 0% 0%; } .nav2_mobile_btn_line { background-color: var(--_swatch---light-1); width: 100%; height: .13rem; position: absolute; inset: 0% 0% auto; } .nav2_mobile_btn_line.is-bottom { inset: auto 0% 0%; inset: auto 0% 0%; } .u-hide-tablet { display: none; } .nav2_industries_wrap.is-active, .nav2_solutions_wrap.is-active, .nav2_solutions_wrap.is-active, .nav2_resource_wrap.is-active, .nav2_resource_wrap.is-active { flex-flow: column; height: 100%; max-height: none; } .industries_feature_layout.u-hflex-between-top.u-gap-7 { flex-flow: column; justify-content: space-between; align-items: stretch; } .industries_feature_title.u-vflex-left-top.u-gap-7 { position: static; } .industries_feature_item_wrap.u-vflex-stretch-top.u-gap-7.u-position-relative { position: relative; top: 0 !important; } .cs_swiper_slide.swiper-slide, .fs1_item_swiper_slide.swiper-slide, .fs1_item_swiper_slide.swiper-slide { width: 50%; } .platfrom_service_card_wrap { aspect-ratio: 2 / 3; height: auto; } .accor2_layout.u-hflex-between-top.u-gap-5 { flex-flow: column; } .accor2_visual.u-position-relative { flex: none; width: 100%; } .g_select_mobile_wrap { align-self: stretch; display: block; } .history_swiper_slide.swiper-slide { width: 50%; } .drop-search-icon { justify-content: center; align-items: center; display: flex; } .nav-menu-drop-war { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: min-content; grid-template-columns: auto; grid-auto-rows: min-content; grid-auto-flow: row; } .menu-button { color: #0567b4; padding: 0; } .menu-button.w--open { color: #23c017; background-color: #0000; } .custom-link-title { display: none; } .home-hero-btn.home-hero-btn--founders-bi { margin-left: auto; margin-right: auto; } .up-block { bottom: 8px; left: 48%; right: 0; } .button-green.button-green--mob51 { height: 51px; } .nav-drop-togle-icon { display: flex; } .blog-hero-coll-item { width: 82.933vw; max-width: 311px; } .blog-hero-coll-item:last-child { margin-right: 16px; } .blog-hero-coll-item.blog-hero-coll-item--nav { width: auto; max-width: none; margin-right: 0; } .tools-item-body { grid-column-gap: 40px; grid-row-gap: 40px; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-items: stretch; display: grid; } .nav-drop-togle { background-color: #fff; border-radius: 8px; flex: none; justify-content: space-between; width: 100%; height: 62px; margin-left: 0; margin-right: 0; padding: 16px; } .nav-link.nav-link--mob { display: block; } .nav-drop { flex-direction: column; justify-content: space-between; width: 91.467vw; } .nav-buttons-wrap { grid-column-gap: 24px; grid-row-gap: 24px; order: -1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; align-self: stretch; width: 91.467vw; margin: 0 auto 24px; } .section-get-start { padding-top: 40px; } .brand { width: 130px; height: 24px; } .nav-body { justify-content: space-between; } .tools-hero-content { text-align: center; align-items: center; width: auto; margin-bottom: 0; margin-left: auto; margin-right: auto; } .home-hero-img-wrap { width: 100%; } .nav-right-col-link-war { grid-column-gap: 8px; grid-row-gap: 8px; grid-template-columns: 1fr; grid-auto-flow: row; } .drop-search-list.w--open { width: 84vw; left: 0; right: 0; } .button-get:hover { background-color: #23c017; } .video-close { top: -35px; } .container { flex-flow: column; display: flex; } .nav-drop-togle-text { color: #0567b4; font-size: 20px; font-weight: 600; line-height: 150%; } .section-tools-list { flex-flow: column; padding-top: 40px; padding-bottom: 100px; display: block; } .section-tools-list.section-tools-list--tool { padding-bottom: 80px; } .section-tools-list.section-tools-list--automation { flex-flow: column; justify-content: flex-start; align-items: stretch; padding-top: 30px; display: block; } .get-start-img-wrap { max-width: none; min-height: auto; max-height: 500px; margin-left: auto; margin-right: auto; } .features-tools-cms-mob { text-align: center; max-width: none; margin-left: auto; margin-right: auto; padding: 0; } .features-tools-cms-mob.features-tools-cms-mob--tool { text-align: left; justify-content: start; justify-items: start; max-width: none; margin-left: 0; padding: 0 0 16px; } .features-tools-cms-mob.features-tools-cms-mob--m0-left { text-align: left; padding-top: 30px; } .footer-content { grid-column-gap: 60px; grid-template-columns: max-content max-content max-content max-content; } .container-nav { padding-right: 16px; } .t-24-600 { font-size: 22px; } .drop-search { margin-left: auto; margin-right: 40px; position: static; } .custom-drop-toggle-title { display: block; } .tools-list-body { grid-column-gap: 56px; grid-row-gap: 56px; } .tools-list-body.tools-list-body--automation { grid-column-gap: 56px; grid-row-gap: 56px; grid-column-gap: 56px; grid-row-gap: 56px; order: 0; } .start-form { width: 100%; } .get-start-content { max-width: none; margin-top: 32px; margin-right: 0; } .custom-drop-arr { display: flex; } .breadcrumbs { top: 24px; } .slider-customers-btns-wrap { top: 420px; right: 80px; } .tools-item-img-wrap { max-width: none; } .tools-item-img-wrap.tools-item-img-wrap-full { min-height: auto; } .navbar { padding-top: 32px; top: -25px; } .nav-menu-body { flex-direction: column; } .nav-drop-right-col { margin-top: 20px; } .section-customers { padding-top: 30px; } .nav-drop-list { padding-top: 0; position: relative; top: 0; } .nav-drop-list.w--open { padding-left: 0; padding-right: 0; } .blog-hero-coll-list.blog-hero-coll-list--nav { grid-column-gap: 24px; grid-row-gap: 24px; grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .drop-search-toggle { color: #0567b4; border-radius: 100%; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0; display: flex; } .drop-search-toggle:hover { color: #fff; background-color: #0567b4; } .t-28-700 { font-size: 25px; } .nav-drop-list-body { max-height: none; padding: 16px 0 24px; } .t-40-600 { font-size: 30px; } .t-40-600.t-40-600--white { width: 100%; } .tools-item--img { width: 71vw; } .tools-item--img.tools-item--img--bord { width: 79vw; } .tools-item--img.tools-item--img-mini { width: 45vw; } .t-16-400.t-16-400--mob16 { flex-flow: wrap; justify-content: center; align-items: center; width: 100%; display: block; } .c-story-item-video-pop-content { width: 80%; } .dropdown-list-country { width: 100%; } .t-24-400 { font-size: 18px; } .t-24-400.t-24-400--mob14 { opacity: 1; opacity: 1; } .nav-drop-left-col-link { flex-direction: column; align-items: flex-start; } .nav-drop-left-col-link.nav-drop-left-col-link--resours { align-items: center; } .start-form-block { max-width: 100%; } .nav-menu { background-color: #0567b4; height: auto; max-height: 88vh; margin-left: 20px; margin-right: 20px; padding-top: 64px; padding-bottom: 64px; position: absolute; overflow: auto; } .button-white.button-white--mob51 { height: 51px; } .button-white.button-white--mob51.button-white--mob51--light { color: #fff; background-color: #0000; border-color: #ffffff4d; } .get-start-body { flex-direction: column-reverse; min-height: auto; } .success-message { text-align: center; margin-left: auto; margin-right: auto; } .custom-link-war-drop-toggle { padding-top: 8px; } .h1 { font-size: 45px; } .section-home-hero { margin-top: 0; padding-bottom: 40px; } .nav-right-col-title { margin-bottom: 8px; } .menu-grad { display: none; } .menu-grad.menu-grad--mob { z-index: 10000; z-index: 10000; margin-bottom: -60px; display: block; transform: translate(0, 4px); } .home-hero-desc.home-hero-desc--founders { width: 72.8vw; margin-left: auto; margin-right: auto; } .blog-hero-coll-list-wrap { margin-top: 0; } .tools-hero-body { height: auto; min-height: auto; padding: 132px 27px 122px; } .burger-icon { justify-content: center; align-items: center; display: flex; } .main { padding-top: 0; } .navbar-w { z-index: 10; } .transcript-close { top: -35px; } .old-main-wrapper { padding-top: 0; } .time-info-img { width: 430px; margin-bottom: -85px; margin-left: auto; margin-right: auto; } .automation-hero-img-wrap { margin-top: 50px; margin-bottom: 40px; position: relative; top: 0; } .powerful-item { max-width: none; margin-top: 24px; } .powerful-item:hover { box-shadow: none; } .automation-bot-store-wrap { display: none; } .t-32-600 { font-size: 26px; } .t-32-600.t-32-600--333 { line-height: 122%; } .operation-hero-img-wrap { width: 80vw; top: 0; left: 40px; } .powerful-grid { grid-template-rows: auto .25fr; grid-template-columns: 1fr 1fr 1fr; margin-top: 0; } .section-related { padding-top: 60px; } .time-info-btn-wrap { grid-template-columns: 1fr 1fr; } .time-info-btn-wrap.time-info-btn-wrap--get-back { max-width: 557px; } .arrow-hero { right: 14px; } .nav-drop-right-col-2 { margin-top: 20px; } .section-time { padding-top: 80px; } .section-time.section-time--automation { padding-top: 40px; padding-bottom: 80px; } .section-operation { padding-top: 80px; padding-bottom: 80px; } .data-video-img-wrap { height: 430px; } .data-video-img-wrap.data-video-img-wrap--440 { height: 46vw; } .automation-hero-body { padding-top: 60px; padding-bottom: 0; } .tools-list-bot-head { padding-top: 80px; padding-bottom: 0; } .saas-content { max-width: none; margin-bottom: 48px; margin-right: 0; } .nav-drop-right-col-3 { margin-top: 20px; } .saas-body { flex-direction: column; padding: 40px 30px; } .saas-body-wrap { flex-direction: column-reverse; } .saas-decore-img { bottom: -306px; left: auto; } .nav-drop-right-col-4, .nav-drop-right-col-5, .nav-drop-right-col-6, .nav-drop-right-col-7, .nav-drop-right-col-8, .nav-drop-right-col-9, .nav-drop-right-col-10, .nav-drop-right-col-11, .nav-drop-right-col-12, .nav-drop-right-col-13, .nav-drop-right-col-14, .nav-drop-right-col-15, .nav-drop-right-col-16, .nav-drop-right-col-17, .nav-drop-right-col-18, .nav-drop-right-col-19, .nav-drop-right-col-20, .nav-drop-right-col-21, .nav-drop-right-col-22, .nav-drop-right-col-23, .nav-drop-right-col-24, .nav-drop-right-col-25, .nav-drop-right-col-26, .nav-drop-right-col-27, .nav-drop-right-col-28, .nav-drop-right-col-29, .nav-drop-right-col-30, .nav-drop-right-col-31, .nav-drop-right-col-32, .nav-drop-right-col-33, .nav-drop-right-col-34, .nav-drop-right-col-35, .nav-drop-right-col-36, .nav-drop-right-col-37, .nav-drop-right-col-38, .nav-drop-right-col-39, .nav-drop-right-col-40, .nav-drop-right-col-41, .nav-drop-right-col-42 { margin-top: 20px; } .results_item_parawrap.u-hflex-right-top { justify-content: flex-start; align-items: flex-start; } .form-columns-2-2 { grid-template-columns: 1fr; } .thank-video-grid { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: 1fr 1fr; justify-content: space-between; } .follow-link { padding-left: 30px; padding-right: 30px; } .follow-grid { grid-column-gap: 20px; grid-row-gap: 20px; } .section-brands { padding-top: 20px; } .thank-video-item { margin-left: auto; margin-right: auto; } .home-hero-body { padding: 100px 40px; } .t-56-600.t-56-600__fe { font-size: 46px; } .tool-item.tool-item--auto { justify-content: center; display: flex; } .tool-fly-content { text-align: center; flex-direction: column; align-items: center; display: flex; } .tool-center-wr { background-image: radial-gradient(circle, #33629c 78%, #fff0); } .tool-right-coll { z-index: 10; position: relative; } .mob-get-start-btn { margin-top: 56px; display: flex; } .tool-center-coll { height: 100%; margin-right: auto; padding-top: 139px; position: absolute; } .section-tool { padding-bottom: 80px; } .section-tool.section-tool--home { padding-bottom: 40px; } .tool-fly-cube { position: absolute; top: 118px; } .tool-fly-cube.tool-fly-cube--home { top: 81px; } .tool-fly-content-btn { display: none; } .tool-item-point { margin-left: auto; margin-right: auto; top: -12px; left: auto; } .tool-body { flex-direction: column; align-items: center; position: relative; overflow: hidden; } .tool-left-coll { width: auto; max-width: none; margin-bottom: 152px; margin-right: 0; } } @media screen and (max-width: 767px) { .u-grid-tablet { flex-flow: column; display: flex; } .logo_marquee_item { width: 8rem; height: 4rem; } .g_tabs_wrap.u-vflex-center-top { justify-content: flex-start; align-items: stretch; } .g_tabs_menu_list { max-width: 100%; } .g_tabs_menu_list.u-mb-8 { margin-bottom: var(--_spacing---space--4); margin-bottom: var(--_spacing---space--4); } .g_tabs_content_list.u-position-relative { height: auto; min-height: auto; max-height: none; } .g_tabs_content_item_wrap.u-grid-custom { flex-flow: column; height: auto; display: flex; position: static; } .g_tabs_content_item_content.u-position-relative.u-vflex-stretch-center.u-gap-8 { max-width: none; } .g_tabs_content_item_visual.u-position-relative { aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; order: -9999; } .features_items_wrap.u-hflex-between-stretch.u-gap-8 { flex-flow: column; justify-content: flex-start; align-items: stretch; } .features_items_content.u-vflex-stretch-center.u-gap-8 { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); } .features_fixed_item_wrap { display: none; } .impact_layout { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--main); } .testimonials_wrap { -webkit-clip-path: polygon(0% 30px, calc(50% - 120px) 30px, calc(50% - 80px) 0, calc(50% + 80px) 0, calc(50% + 120px) 30px, 100% 30px, 100% 80%, 0% 80%); clip-path: polygon(0% 30px, calc(50% - 120px) 30px, calc(50% - 80px) 0, calc(50% + 80px) 0, calc(50% + 120px) 30px, 100% 30px, 100% 80%, 0% 80%); } .testimonials_wrap.u-position-relative { padding-top: 0; } .testimonials_wrap.u-clip-polygon-top { -webkit-clip-path: polygon(0% 30px, calc(50% - 120px) 30px, calc(50% - 80px) 0, calc(50% + 80px) 0, calc(50% + 120px) 30px, 100% 30px, 100% 100%, 0% 100%); clip-path: polygon(0% 30px, calc(50% - 120px) 30px, calc(50% - 80px) 0, calc(50% + 80px) 0, calc(50% + 120px) 30px, 100% 30px, 100% 100%, 0% 100%); } .testimonials_layout { padding-top: var(--_spacing---space--7); } .testimonials_title.u-vflex-center-center.u-mb-7.u-zindex-2.u-text-align-center { margin-bottom: 0; } .testimonials_slider_wrap { height: 45rem; min-height: auto; } .testimonials_slider_slide { flex-flow: column; display: flex; } .testimonials_slider_image.u-pointer-off { position: static; } .testimonials_slider_btn_group.u-mt-7 { margin-top: 0; } .testimonials_slider_content.u-hflex-between-bottom.u-gap-3 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; justify-content: space-between; align-items: flex-start; } .testimonials_slider_content.u-hflex-between-bottom.u-gap-3.u-pointer-off { flex: 1; position: static; } .testimonials_slider_icon { width: 8rem; } .testimonials_slider_glow { display: none; } .trustedby_layout.u-hflex-between-center.u-gap-2 { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; } .trustedby_marquee_component { display: block; } .trustedby_marquee_item { display: flex; } .trustedby_marquee_image { object-fit: contain; width: 5rem; height: 5rem; } .trustedby_marquee_line { flex: none; } .trustedby_marquee_item { flex: none; justify-content: center; align-items: stretch; padding-right: 1rem; } .trustedby_list { display: none; } .stories_layout.u-vflex-stretch-top.u-gap-12 { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .stories_header.u-hflex-between-bottom.u-gap-4 { flex-flow: wrap; } .stories_list.u-grid-custom { padding-right: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-right: calc(-1 * var(--_spacing---section-space--even)); padding-right: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-right: calc(-1 * var(--_spacing---section-space--even)); flex-flow: row; display: flex; overflow: auto; } .stories_item_wrap { flex: none; width: 90%; } .stories_item_visual.u-position-relative { height: 29rem; } .stories_item_img { aspect-ratio: auto; width: auto; height: 100%; } .resourcehub_swiper_slide.swiper-slide { width: 50%; } .reviews_swiper_slide.swiper-slide { width: 80%; } .reviews_swiper_navigation { justify-content: center; align-items: center; display: flex; } .reviews_swiper_pagination_bullet.is-active { background-color: var(--_swatch---accent); background-color: var(--_swatch---accent); } .reviews_card_content { padding-bottom: var(--_spacing---space--6); } .reviews_card_author_name.u-text-style-h5 { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h6); --_heading-style---line-height: var(--_typography---line-height--1-4); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .cta_bg_image { width: 50%; } .footer_layout.u-vflex-stretch-top.u-gap-7 { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); flex-flow: wrap; } .footer_content_list.u-grid-desktop { display: contents; } .footer_content_item1.u-column-custom { width: calc(50% - (var(--_sizes---mobile-gutter) * 1rem)); width: calc(50% - (var(--_sizes---mobile-gutter) * 1rem)); order: 1; } .footer_content_item2.u-column-custom { order: 2; width: 100%; } .footer_sublink_list.u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: wrap; display: flex; } .footer_sublink_item.u-column-custom { flex: none; width: calc(50% - .75rem); } .footer_bottom_copyright.u-text-style-tiny.u-weight-regular.u-color-ghost { padding-bottom: 0; } .footer_bottom_link_list.u-hflex-left-center.u-gap-5 { display: none; } .u-show-mobile-landscape { display: block; } .hero_form_info_list.u-vflex-stretch-top.u-gap-4 { max-width: none; } .hero_form_logo_wrap { order: 3; } .pricing_hero_item.u-grid-custom { flex-flow: column; height: auto; display: flex; position: static; } .about_marquee_item { height: 13rem; } .about_marquee_item.is-small { height: 14rem; } .about_marquee_item.is-large { height: 20rem; } .about_feature_layout.u-hflex-center-center { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); height: auto; min-height: auto; max-height: none; } .about_feature_content.u-hflex-center-center.u-gap-10 { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; justify-content: center; align-items: stretch; } .leadership_list.u-grid-custom.u-mt-9 { --_column-count---value: 1; } .leadership_card_visual.u-position-relative.u-overflow-hidden { aspect-ratio: 1; aspect-ratio: 1; aspect-ratio: 1; height: auto; } .team_list.u-grid-custom.u-mt-8 { --_column-count---value: 1; } .solutions_hero_layout { padding-bottom: var(--_spacing---space--8); } .solutions_hero_header.u-text-align-center.u-text-color-light1.u-vflex-center-top.u-gap-6 { --_gap---size: var(--_spacing---space--5); } .solutions_hero_video_wrap.u-mt-10.u-position-relative { margin-top: var(--_spacing---space--8); margin-top: var(--_spacing---space--8); margin-top: var(--_spacing---space--8); } .solutions_hero_content.u-vflex-stretch-top.u-gap-8 { --_gap---size: var(--_spacing---space--5); } .solutions_feature1_layout.u-vflex-stretch-between.u-gap-5 { min-height: 30rem; } .ic_hero_visual.u-radius-small.u-overflow-clip { aspect-ratio: 16 / 9; aspect-ratio: 16 / 9; aspect-ratio: 16 / 9; } .keyfeature_list.u-grid-custom.u-gap-5 { --_column-count---value: 1; } .ic_benefits_visual.u-overflow-clip { aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; } .ic_features_list.u-grid-custom { flex-flow: column; display: flex; } .int_features_list.u-grid-custom { grid-template-columns: 1fr; } .integrations_list { flex-flow: column; display: flex; } .featured_cta_visual.u-radius-small.u-overflow-clip { aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; } .resource_feature_item_wrap.u-grid-custom { padding-bottom: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .resource_feature_item_content.u-column-7.u-vflex-center-center { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .blogs_hero_content.u-vflex-center-top { text-align: left; text-align: left; justify-content: flex-start; align-items: flex-start; } .blogs_hero_details_wrap { flex-flow: wrap; } .blogs_hero_visual { aspect-ratio: 16 / 9; } .blogs_body_layout.u-grid-custom { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); } .cslist_cmslist.u-grid-custom.u-gap-5 { --_column-count---value: 1; } .g_filter_radio_list.u-hflex-left-stretch.u-gap-1 { overflow: auto; } .g_filter_radio_listitem { flex: none; } .nav2_wrap { padding-right: 0; } .nav2_contain.u-container { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .nav2_mobile_menu_wrap { flex: 1 0 auto; } .g_tabs_content_wrap.u-hflex-center-center.u-position-relative { padding: var(--_spacing---space--8) var(--_spacing---space--5); padding: var(--_spacing---space--8) var(--_spacing---space--5); padding: var(--_spacing---space--8) var(--_spacing---space--5); flex-flow: column; justify-content: center; align-items: stretch; } .cta_bg_video { width: 50%; } .solutions_hero_bg_glow { display: none; } .industries_feature_item_visual.u-position-relative.u-zindex-2 { aspect-ratio: 322 / 362; aspect-ratio: 322 / 362; aspect-ratio: 322 / 362; } .industries_feature_bg_fade { background-image: linear-gradient(180deg, var(--_swatch---brand--granite), var(--_swatch---transparent) 41%); width: 100%; } .results_item_wrap.u-grid-above.u-gap-5 { flex-flow: column; } .ic_hero_layout.u-vflex-stretch-top.u-gap-9 { --_gap---size: var(--_spacing---space--5); } .hero_form_bg_glow { display: none; } .cs_swiper_slide.swiper-slide { width: 100%; } .hero2_layout.u-padding-nav.u-vflex-left-center.u-text-color-gradient-light.u-gap-5 { justify-content: flex-end; align-items: flex-start; } .fs1_item_header.u-hflex-between-bottom.u-gap-4.u-mb-7.u-text-color-gradient-light { flex-flow: wrap; } .fs1_item_swiper_slide.swiper-slide { width: 100%; } .sponsers_marquee_image { aspect-ratio: 206 / 80; width: 10rem; height: auto; } .sponsers_marquee_item { height: 4rem; } .history_swiper_slide.swiper-slide { width: 100%; } .css { margin-left: auto; margin-right: auto; } .tools-item-body { grid-column-gap: 32px; grid-row-gap: 32px; } .tools-item-body.tools-item-body--20 { grid-column-gap: 20px; grid-row-gap: 20px; grid-column-gap: 20px; grid-row-gap: 20px; } .section-get-start { padding-top: 40px; } .bottons-store-wrap { margin-top: 32px; } .checkbox-field { align-items: flex-start; } .nav-drop-list-body-container { width: 100%; } .footer-wrapper { flex-direction: column; align-items: center; } .check-icon { width: 20px; height: 20px; } .video-close { width: 24px; height: 24px; } .container { padding-left: 20px; padding-right: 20px; } .section-tools-list { padding-bottom: 80px; } .section-tools-list.section-tools-list--automation { padding-top: 80px; padding-bottom: 40px; } .footer-botom-content { flex-direction: column; } .get-start-img-wrap { min-height: 320px; } .get-start-img { object-fit: cover; max-width: none; height: 100%; } .cust-collection-list-wrap { flex-direction: column; display: flex; } .footer { padding-top: 75px; } .customers-content { flex-flow: column; margin-top: 24px; display: flex; } .features-tools-cms-mob { padding: 24px 16px; } .features-tools-cms-mob.features-tools-cms-mob--m0-left { margin-top: 20px; padding: 0; } .footer-content { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1fr 1fr; } .t-24-600 { font-size: 20px; line-height: 120%; } .group-input { grid-template-columns: 1fr; } .breadcrumbs { top: 20px; left: 16px; } .slider-customers-btns-wrap { grid-column-gap: 48px; grid-row-gap: 48px; justify-content: center; inset: auto 0% 32px; } .tools-item-img-wrap { height: 430px; min-height: 430px; } .tools-item-img-wrap.tools-item-img-wrap--7b4.tools-item-img-wrap--7b4--645, .tools-item-img-wrap.tools-item-img-wrap--7ee.tools-item-img-wrap--7ee--465 { height: 69.333vw; min-height: 260px; } .tools-item-img-wrap.tools-item-img-wrap-full { height: auto; } .tools-item-img-wrap.tools-item-img-wrap--7b4.tools-item-img-wrap--7b4--645, .tools-item-img-wrap.tools-item-img-wrap--7ee.tools-item-img-wrap--7ee--465, .tools-item-img-wrap.tools-item-img-wrap--7ee.tools-item-img-wrap--7ee--465 { height: 69.333vw; min-height: 260px; } .navbar { padding-left: 20px; padding-right: 20px; } .section-customers { padding-top: 40px; padding-bottom: 40px; display: block; } .blog-hero-coll-list.blog-hero-coll-list--nav { grid-template-columns: 1fr; } .form-started-btn { max-width: none; } .t-28-700 { font-size: 24px; } .t-28-700.t-28-700-mob600 { font-weight: 600; } .t-40-600 { font-size: 24px; } .t-40-600.t-40-600--white { width: 420px; padding-left: 0; padding-right: 0; } .tools-item--img { top: 41px; } .tools-item--img.tools-item--img--full { top: 0; } .tools-item--img.tools-item--img-mini, .tools-item--img.tools-item--img--full { top: 0; } .tools-item--img.tools-item--img--xl { width: 65vw; top: 51px; } .tools-item--img.tools-item--img--bord { width: 84vw; top: 0; } .tools-item--img.tools-item--img-mini { top: 0; } .t-16-400 { font-size: 14px; } .t-16-400.t-16-400--mob16, .t-16-400.t-16-400--555.t-16-400--555--mob16, .t-16-400.t-16-400--white.t-16-400--white--mob16 { font-size: 16px; } .t-16-400.t-16-400--ff.t-16-400--ff--mob16, .t-16-400.t-16-400--mob16, .t-16-400.t-16-400--555.t-16-400--555--mob16, .t-16-400.t-16-400--555.t-16-400--555--mob16, .t-16-400.t-16-400--white.t-16-400--white--mob16 { font-size: 16px; } .t-16-400.t-16-400--white.t-16-400--white--mob16 { font-size: 16px; } .t-16-400.t-16-400--white.t-16-400--white--150.t-16-400--white--150--16mob { padding-left: 0; padding-right: 0; font-size: 16px; } .t-16-400.t-16-400--ff.t-16-400--ff--mob16 { font-size: 16px; } .c-story-item-video-pop-content { margin-top: auto; margin-bottom: auto; } .footer-block { justify-items: center; width: auto; } .t-24-400 { font-size: 16px; line-height: 150%; } .t-24-400.t-24-400--mob14 { color: #fbfffe; font-size: 14px; } .cust-collection-item { height: auto; } .cust-collection-list { flex-direction: row; flex: none; height: auto; } .start-form-block { margin-top: 24px; } .nav-menu { margin-left: 0; margin-right: 0; } .t-10-400 { font-size: 12px; line-height: 150%; } .t-10-400.t-10-400--op58.t-10-400--op58--10 { font-size: 10px; line-height: 125%; } .get-start-body { padding: 16px 16px 24px; } .customers-body { max-width: 100%; } .footer-link:hover { color: #1a1b1fbf; } .video-pop, .transcript-pop { align-items: center; padding-top: 40px; padding-bottom: 40px; overflow: auto; } .h1 { font-size: 40px; line-height: 120%; } .h1.h1-28mob { font-size: 28px; } .rating-block-new { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: max-content; justify-items: center; } .rating-block-new.rating-block-new--56 { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: max-content; } .rating-block-new.rating-block-new--56.rating-block-new--56--home { margin-top: 48px; } .footer-divider { margin-top: 60px; } .home-hero-desc.home-hero-desc--founders { margin-top: 16px; } .footer-copyright-center { text-align: center; width: 230px; } .nav-drop-left-col-link-wrap { grid-auto-flow: row; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--who { grid-template-columns: 1fr 1fr 1fr 1fr; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--integration, .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--who { grid-template-columns: 1fr 1fr 1fr 1fr; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--why { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr 1fr; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--integration { grid-template-columns: 1fr 1fr 1fr 1fr; } .transcript-close { width: 24px; height: 24px; } .related-head { justify-content: center; } .time-info-img { width: 100%; } .t-14-400.t-14-400-dark { overflow: visible; } .powerful-item { margin-top: 24px; } .automation-hero-desc { margin-top: 16px; } .rel-col-item { flex: none; width: 91.467vw; max-width: 343px; } .time-info-block { height: auto; margin-bottom: 20px; padding-top: 32px; padding-left: 16px; padding-right: 16px; } .t-32-600 { font-size: 24px; } .powerful-grid { grid-template-rows: auto .25fr; grid-template-columns: 1fr 1fr; } .section-related { padding-top: 80px; padding-bottom: 96px; } .time-info-btn-wrap { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 311px; margin-top: 40px; display: grid; } .time-info-btn-wrap.time-info-btn-wrap--get-back { max-width: 311px; } .related-body { position: relative; } .arrow-hero { right: 13px; } .automation-hero-img { width: 100%; } .section-time { padding-bottom: 40px; } .time-info-title { width: 76.267vw; margin-left: auto; margin-right: auto; } .operation-content { padding: 40px 16px; } .section-operation { padding-top: 40px; padding-bottom: 80px; } .slide-buttons-wrap { grid-template-columns: min-content min-content; justify-content: center; justify-items: center; position: absolute; inset: auto 0% -64px; } .time-info-content { margin-bottom: 44.59px; } .tools-list-bot-head { max-width: 83.2vw; } .saas-body { padding: 32px 16px 64px; } .link-tools-wrap { margin-top: 16px; } .saas-head { margin-bottom: 24px; } .saas-decore-img { width: 686px; bottom: -86px; } .googlereviews_list.u-hflex-center-center.u-gap-7 { flex-flow: column; } .home_hero_swiper_navigation { padding-left: 2rem; padding-right: 2rem; } .home_hero_swiper_pagination_wrap { justify-content: center; align-items: center; } .testimonials_slider_para.u-text-style-main { font-size: var(--_typography---font-size--text-small); font-size: var(--_typography---font-size--text-small); } .hero_form_support_list.u-grid-custom.u-mb-9 { margin-bottom: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); } .thank-collection-list-wrapper { margin-top: 48px; } .thank-video-grid { grid-template-columns: 1fr; } .follow-link { min-width: 343px; max-width: none; } .follow-grid { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr; justify-items: center; margin-top: 32px; } .thank-body { padding: 40px 16px; } .thank-desc { margin-top: 16px; } .section-brands { padding-top: 0; padding-bottom: 30px; } .home-hero-body { padding: 48px 16px 54px; } .t-56-600.t-56-600__fe { font-size: 40px; } .iphine-pro { width: 73.867vw; max-width: 376px; } .ipad-pro { width: 101.867vw; max-width: 110.419%; left: 21px; } .tool-right-coll { grid-column-gap: 56px; grid-row-gap: 56px; } .tool-item-img, .tool-item-img.tool-item-img--431 { margin-top: 30px; margin-bottom: 72.533vw; } .tool-item-img.tool-item-img--431 { margin-top: 30px; margin-bottom: 72.533vw; } .tool-item-img.tool-item-img--iphone-wr { margin-top: 30px; margin-bottom: 64.267vw; } .tool-item-content { padding-top: 24px; padding-left: 16px; padding-right: 16px; } .section-tool.section-tool--home { padding-top: 80px; padding-bottom: 20px; } } @media screen and (max-width: 479px) { .u-grid-landscape { flex-flow: column; display: flex; } .a_toggle_svg { width: 1.25rem; height: 1.25rem; } .form1_fieldset_list { flex-flow: column; display: flex; } .home_hero_header.u-vflex-center-top.u-gap-7.u-position-relative.u-zindex-3 { --_gap---size: var(--_spacing---space--5); } .home_hero_swiper_slide.swiper-slide { width: 90%; } .blog_card_wrap { width: 100%; } .home_hero_heading.u-text-style-h1.u-text-color-gradient-light { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--h2); --_heading-style---line-height: var(--_typography---line-height--1-15); --_heading-style---font-weight: var(--_typography---font--primary-bold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); --_heading-style---trim-top: var(--_typography---font--primary-trim-top); --_heading-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_tabs_menu_list.u-mb-9 { margin-bottom: var(--_spacing---space--5); border-radius: var(--radius--small-2); margin-bottom: var(--_spacing---space--5); border-radius: var(--radius--small-2); flex-flow: column; width: 100%; height: auto; } .g_tabs_menu_item.is-active { border-radius: var(--radius--small-1); border-radius: var(--radius--small-1); } .g_tabs_content_item_visual.u-position-relative { aspect-ratio: 370 / 380; aspect-ratio: 370 / 380; } .g_tabs_content_item_btn.u-btn-group { flex-flow: wrap-reverse; } .impact_content.u-vflex-stretch-top.u-gap-8 { padding: var(--_spacing---space--7) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); padding: var(--_spacing---space--7) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); padding: var(--_spacing---space--7) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .testimonials_layout { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--7); } .testimonials_slider_slide { flex-flow: column; display: flex; } .testimonials_slider_image { position: relative; } .trustedby_layout.u-hflex-between-center.u-gap-2 { text-align: center; text-align: center; text-align: center; } .stories_layout.u-vflex-stretch-top.u-gap-12 { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .stories_item_wrap { width: 95%; } .stories_item_visual.u-position-relative { justify-content: center; align-items: flex-end; height: 18rem; display: flex; } .stories_item_img { aspect-ratio: auto; width: auto; max-width: none; height: 100%; position: static; transform: none; } .resourcehub_swiper_slide.swiper-slide { width: 100%; } .reviews_swiper_slide.swiper-slide { width: 100%; max-width: none; } .faqs_tabs_menu_wrap { border-radius: var(--radius--small-1); flex-flow: column; width: 100%; overflow: auto; } .faqs_tabs_menu_item { justify-content: center; align-items: center; display: flex; } .faqs_tabs_menu_item.is-active { border-radius: var(--radius--tiny); border-radius: var(--radius--tiny); } .hero_form_layout.u-hflex-between-stretch.u-gap-5 { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .hero_form_layout.u-hflex-between-stretch.u-gap-5.u-padding-nav { padding-bottom: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .faqs_hero_tabs_menu { width: 100%; overflow: auto; } .faqs_hero_tabs_menu_item { justify-content: center; align-items: center; display: flex; } .pricing_hero_item.u-grid-custom { justify-content: flex-start; align-items: stretch; max-width: none; } .pricing_card_order_title.u-hflex-between-center.u-gap-2, .pricing_card_total_info_wrap.u-hflex-left-center, .pricing_card_total_info_wrap.u-hflex-left-center { flex-flow: wrap; } .about_story_layout.u-position-relative.u-vflex-left-bottom, .about_feature2_layout.u-position-relative.u-vflex-left-bottom, .about_feature2_layout.u-position-relative.u-vflex-left-bottom, .about_feature2_layout.u-position-relative.u-vflex-left-bottom { min-height: auto; max-height: none; } .keyfeature_item_wrap { flex-flow: column; } .keyfeature_item_icon { width: var(--_spacing---space--6); height: var(--_spacing---space--6); } .keyfeature_item_icon_wrap.u-hflex-center-center { width: var(--_spacing---space--8); height: var(--_spacing---space--8); width: var(--_spacing---space--8); height: var(--_spacing---space--8); } .industries_hero_image1.u-zindex-3 { width: 100%; min-width: auto; } .nav1_logo_wrap { width: 5em; } .g_breadcrumbs_wrap { flex-flow: wrap; } .blogs_hero_details_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; } .blogs_hero_details_item { flex-flow: column; justify-content: flex-start; align-items: center; } .blogs_hero_details_divider { height: var(--border-width--main); width: 100%; } .blogs_hero_visual { aspect-ratio: 1; } .cslist_item_content.u-vflex-left-between.u-gap-5 { padding: var(--_spacing---space--5); padding: var(--_spacing---space--5); padding: var(--_spacing---space--5); } .cslist_item_logo.u-position-relative { height: 2rem; } .nav2_dropdown_content_block { flex: 0 auto; } .cs_swiper_slide.swiper-slide { width: 100%; } .fs1_item_header.u-hflex-between-bottom.u-gap-4.u-mb-7.u-text-color-gradient-light { flex-flow: wrap; } .home-hero-btn.home-hero-btn--founders { width: auto; } .drop-country { max-width: 100%; } .up-block { left: 45%; } .customers-hero { margin-top: 50px; } .nav-buttons-wrap { grid-template-columns: 1fr; } .rating-text { width: 75%; font-size: 10px; bottom: 20%; left: 40px; } .button-get { text-align: center; flex-flow: row; justify-content: center; align-items: center; width: 100%; padding-left: 15px; padding-right: 15px; display: flex; } .home-hero-img { box-sizing: border-box; aspect-ratio: auto; opacity: .2; object-fit: cover; margin: 0; padding: 0; position: static; overflow: clip; } .container { object-fit: fill; width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 20px; padding-right: 16px; display: block; } .section-tools-list { padding-top: 0; } .section-tools-list.section-tools-list--automation { padding-top: 40px; padding-left: 0; display: block; } .get-start-img-wrap { flex: 0 auto; justify-content: center; align-items: center; height: 320px; display: flex; } .get-start-img { object-fit: cover; max-width: none; } .customers-content { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: block; } .video { height: 56vw; } .features-tools-cms-mob.features-tools-cms-mob--m0-left { margin-top: 31px; } .footer-content { text-align: center; grid-template-columns: 1fr; place-content: center; justify-items: center; } .tools-list-body.tools-list-body--automation { display: block; } .bottons-store { width: 124.25px; min-width: 124.25px; } .breadcrumbs { top: 20px; } .tools-item-img-wrap { height: 430px; } .navbar { padding-left: 16px; padding-right: 16px; } .section-customers { padding-top: 0; padding-bottom: 20px; display: block; } .drop-country-toglge { max-width: 82.933vw; margin-left: 0; margin-right: auto; overflow: hidden; } .t-28-700 { justify-content: center; display: flex; } .t-40-600 { text-align: center; width: 106%; font-size: 28px; } .t-40-600.t-40-600--white { text-align: center; text-align: center; width: 100%; } .t-40-600.t-40-600--ff { width: auto; } .t-40-600.t-40-600--white { text-align: center; width: 100%; } .tools-item--img { width: 108vw; max-width: none; top: 15px; } .tools-item--img.tools-item--img--xl { width: 53.667vw; top: 26px; } .tools-item--img.tools-item--img-mini { width: 73vw; top: 0; } .t-16-400 { position: static; } .c-story-item-video-pop-content { width: 100%; } .t-24-400 { display: block; } .form-input-grid { grid-template-columns: auto; } .rating-link { width: 150px; } .nav-menu { max-height: 80vh; } .customers-body { flex-flow: column; align-items: center; width: 100%; display: flex; } .h1 { width: auto; padding-left: 0; padding-right: 0; display: block; } .section-home-hero { padding-top: 17px; } .rating-block-new.rating-block-new--56 { margin-top: 30px; display: flex; } .footer-divider { margin-top: 48px; } .tools-hero-body { padding-left: 20px; padding-right: 20px; } .follow-links-wrap { grid-column-gap: 40px; grid-row-gap: 40px; } .main { width: 100vw; overflow: hidden; } .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--who, .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--why, .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--integration, .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--who, .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--why, .nav-drop-left-col-link-wrap.nav-drop-left-col-link-wrap--integration { grid-template-columns: 1fr; } .old-main-wrapper { width: 100vw; overflow: hidden; } .time-info-img { position: relative; top: 10px; } .automation-hero-img-wrap { width: 100%; } .powerful-item { max-width: none; margin-top: 24px; } .automation-hero-desc { width: 71vw; margin-left: auto; margin-right: auto; } .time-info-block { min-height: 540px; } .operation-hero-img-wrap { width: 81.6vw; position: static; left: 0; } .powerful-grid { grid-template-columns: 1fr; } .arrow-hero { right: 19px; } .automation-hero-content { width: 76vw; } .automation-hero-img { width: 100%; } .operation-body { padding-top: 0; position: static; } .automation-hero-body { padding-top: 48px; padding-left: 16px; padding-right: 16px; } .saas-btn { flex-flow: column; display: flex; } .googlereviews_item { width: 12rem; } .follow-link { width: 100%; min-width: auto; height: 127px; } .section-brands { padding-top: 40px; } .home-hero-body { justify-content: center; align-items: center; } .mob-get-start-btn { flex-direction: column; align-items: stretch; } } #w-node-d95b7034-e4d9-ab98-37ef-896e11e1207d-7087a029, #w-node-d95b7034-e4d9-ab98-37ef-896e11e12094-7087a029, #w-node-d95b7034-e4d9-ab98-37ef-896e11e120a8-7087a029, #w-node-d95b7034-e4d9-ab98-37ef-896e11e120b5-7087a029 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-d95b7034-e4d9-ab98-37ef-896e11e12093-7087a029, #w-node-d95b7034-e4d9-ab98-37ef-896e11e120a7-7087a029 { order: -9999; } } @media screen and (max-width: 767px) { #w-node-d95b7034-e4d9-ab98-37ef-896e11e1209d-7087a029, #w-node-d95b7034-e4d9-ab98-37ef-896e11e120ae-7087a029, #w-node-d95b7034-e4d9-ab98-37ef-896e11e120bb-7087a029 { grid-area: span 1 / span 1 / span 1 / span 1; } }