:root { --_theme---background: var(--swatch--light-100); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark-900); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_gap---size: var(--site--gutter); --_column-count---value: 1; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_spacing---space--6: clamp(1 * 1rem, ((1 - ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---line-height--normal: 1; --_typography---line-height--1: 1.1; --_typography---line-height--3: 1.3; --_typography---line-height--5: 1.5; --_typography---letter-spacing--tight-3: -.03em; --_typography---letter-spacing--normal: 0em; --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(1 * 1rem, ((1 - ((5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --max-width--small: 50rem; --max-width--full: 100%; --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---section-space--large: clamp(2.75 * 1rem, ((2.75 - ((7.5 - 2.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 2.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7.5 * 1rem); --_spacing---section-space--xlarge: clamp(2.75 * 1rem, ((2.75 - ((8.25 - 2.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((8.25 - 2.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 8.25 * 1rem); --_spacing---section-space--page-top: clamp(7 * 1rem, ((7 - ((9.75 - 7) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((9.75 - 7) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 9.75 * 1rem); --_theme---heading-accent: var(--swatch--brand-600); --_spacing---space--2: clamp(.5 * 1rem, ((.5 - ((.5 - .5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --site--gutter: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_theme---background-2: var(--swatch--light-200); --_spacing---space--1: clamp(.25 * 1rem, ((.25 - ((.25 - .25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.25 - .25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .25 * 1rem); --_spacing---space--3: clamp(.5 * 1rem, ((.5 - ((.75 - .5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---space--4: clamp(.75 * 1rem, ((.75 - ((1 - .75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--5: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_spacing---space--8: clamp(1.75 * 1rem, ((1.75 - ((2.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: .094rem; --_theme---border: var(--swatch--dark-900-o20); --swatch--transparent: transparent; --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --_trigger---on: 1; --_trigger---off: 0; --focus--offset-inner: -.125rem; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_state---true: 1; --_state---false: 0; --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --nav--max-width-outer: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background); --nav--max-width-inner: var(--max-width--main); --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: var(--_spacing---space--7); --swatch--dark-900: #1f1d1e; --nav--height: 4rem; --swatch--brand-500: #65b61b; --nav--hamburger-thickness: var(--border-width--main); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --nav--hamburger-gap: var(--_spacing---space--2); --_typography---font-size--text-tiny: clamp(.75 * 1rem, ((.75 - ((.75 - .75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---section-space--medium: clamp(2 * 1rem, ((2 - ((3.75 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.75 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.75 * 1rem); --_spacing---space--10: clamp(2 * 1rem, ((2 - ((3.75 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.75 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.75 * 1rem); --site--viewport-max: 90; --site--viewport-min: 24; --focus--width: .125rem; --swatch--light-100: #f8f8f8; --swatch--brand-text: var(--swatch--dark-900); --_typography---font--primary-semibold: 600; --_typography---font--primary-light: 300; --_theme---text-link-secondary--border-hover: white; --_typography---line-height--2: 1.2; --_typography---line-height--4: 1.4; --_typography---letter-spacing--tight-4: -.04em; --_typography---letter-spacing--tight-5: -.05em; --_typography---letter-spacing--tight-1: -.01em; --_typography---letter-spacing--tight-2: -.02em; --_typography---letter-spacing--loose-1: .01em; --_typography---letter-spacing--loose-2: .02em; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_typography---font-size--text-super-tiny: clamp(.625 * 1rem, ((.625 - ((.625 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.625 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .625 * 1rem); --_spacing---space--9: clamp(2 * 1rem, ((2 - ((2.75 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.75 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.75 * 1rem); --_spacing---space--11: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---space--12: clamp(3 * 1rem, ((3 - ((6.25 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6.25 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6.25 * 1rem); --_spacing---space--13: clamp(3.5 * 1rem, ((3.5 - ((7.5 - 3.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 3.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7.5 * 1rem); --_spacing---section-space--xxlarge: clamp(4.5 * 1rem, ((4.5 - ((8.75 - 4.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((8.75 - 4.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 8.75 * 1rem); --_typography---font-size--h1: clamp(1.5 * 1rem, ((1.5 - ((3.75 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.75 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.75 * 1rem); --_typography---font-size--h4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--text-main: clamp(.75 * 1rem, ((.75 - ((1 - .75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --mob-hero-text: #252525; --mob-hero-run-color: #65b61b; --mob-hero-dot-color: #b1bda2; --mob-hero-hub-bg: #f3f7ef; --mob-hero-veil: #fff9; --mob-hero-shade: #b6c3a7; --mob-hero-tint: #e3eadb; --mob-hero-icon-bg: #fbfff6; --mob-hero-text-muted: #25252599; --pro-hero-text: #252525; --pro-hero-run-color: #65b61b; --pro-hero-dot-color: #b1bda2; --pro-hero-hub-bg: #f3f7ef; --pro-hero-veil: #fff9; --pro-hero-shade: #b6c3a7; --pro-hero-tint: #e3eadb; --pro-hero-icon-bg: #fbfff6; --pro-hero-text-muted: #25252599; --swatch--light-300: #ebefe6; --sitemap--step: calc(var(--sitemap--num-width) + var(--_spacing---space--5)); --sitemap--num-width: 2.5rem; --_text-style---text-transform: var(--_typography---text-transform--none); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --site--column-count: 12; --focus--offset-outer: .1875rem; --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --swatch--light-200: #ebebeb; --swatch--dark-800: #2f2b2d; --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%); --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%); --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_graphic---reveal-distance: .6em; --_alignment---direction: start; --_theme---button-primary--background: var(--swatch--brand-500); --_graphic---hub-breathe-scale: 1.03; --_theme---button-primary--border: var(--_theme---button-primary--background); --_graphic---run-width: 1.6; --_theme---button-primary--text: var(--swatch--brand-text); --_graphic---run-delay: calc(var(--_graphic---reveal-duration) * 1.2); --_graphic---run-fade: calc(var(--_graphic---reveal-duration) * .9); --_graphic---dot-color: #b1bda2; --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_graphic---runner-width: 2.342; --_theme---button-primary--text-hover: var(--_theme---text); --_graphic---runner-length: 7; --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; --nav--banner-height: 2.4rem; --nav--menu-open-duration: var(--nav-duration, .4s); --_typography---font--primary-family: Inter, sans-serif; --_typography---font--primary-trim-top: .45em; --_typography---font--primary-trim-bottom: .58em; --_typography---font--primary-extrabold: 800; --_typography---font--primary-black: 900; --nav--menu-close-duration: var(--nav-duration, .4s); --nav--dropdown-open-duration: var(--nav-duration, .4s); --nav--dropdown-close-duration: var(--nav-duration, .4s); --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter)); --column-width--1: var(--site--column-width); --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter)); --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter)); --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter)); --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter)); --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter)); --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter)); --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter)); --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter)); --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter)); --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter)); --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter)); --column-margin--0: 0px; --column-margin--1: calc(var(--column-width--plus-gutter) * 1); --column-margin--2: calc(var(--column-width--plus-gutter) * 2); --column-margin--3: calc(var(--column-width--plus-gutter) * 3); --column-margin--4: calc(var(--column-width--plus-gutter) * 4); --column-margin--5: calc(var(--column-width--plus-gutter) * 5); --column-margin--6: calc(var(--column-width--plus-gutter) * 6); --column-margin--7: calc(var(--column-width--plus-gutter) * 7); --column-margin--8: calc(var(--column-width--plus-gutter) * 8); --column-margin--9: calc(var(--column-width--plus-gutter) * 9); --column-margin--10: calc(var(--column-width--plus-gutter) * 10); --column-margin--11: calc(var(--column-width--plus-gutter) * 11); --column-margin--12: calc(var(--column-width--plus-gutter) * 12); --_typography---font-size--text-medium: clamp(.75 * 1rem, ((.75 - ((1.125 - .75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - .75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--h6: clamp(.875 * 1rem, ((.875 - ((1.25 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--h5: clamp(1.125 * 1rem, ((1.125 - ((1.375 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.375 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.375 * 1rem); --_typography---font-size--h3: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font-size--h2: clamp(1.5 * 1rem, ((1.5 - ((2.5 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_typography---font-size--display: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --site--column-width: calc((min(var(--max-width--main), 100vw - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_typography---text-transform--none: var(--text-transform, none); --graphic-hom-hero-pd: .85; --graphic-mob-hero-i: 0; --_typography---text-transform--uppercase: uppercase; --graphic-mob-hero-p: .35; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --mob-hero-reveal-distance: 1em; --mob-hero-breathe-scale: 1.03; --mob-hero-run-width: 1.6; --mob-hero-hover-scale: 1.08; --toc-surface: #fff; --toc-border: color-mix(in srgb, var(--_theme---text, #16211c) 10%, transparent); --pro-hero-reveal-distance: 1em; --pro-hero-breathe-scale: 1.03; --pro-hero-run-width: 1.6; --pro-hero-hover-scale: 1.08; --philos-i: 0; --graphic-ins-eco-p: .844; --graphic-ins-eco-i: 0; } .w-form-formrecaptcha { margin-bottom: 8px; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); 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); --_column-count---value: 12; text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6, p { display: flow-root; } 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%; display: block; } strong { font-weight: 700; } em { font-style: italic; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .c-heading { 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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); max-width: calc(var(--number) * 1ch); } .c-heading:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-bd39cbbc-fa87-0f6e-9cb9-ef0f912c415c) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-9f48e0a5-4f23-70c5-c4f4-59290938f86e) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph { 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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); max-width: calc(var(--number) * 1ch); } .c-paragraph:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-846f789f-4989-14af-0042-b1913b2303bf) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph:where(.w-variant-8485e734-7a6d-bfe2-a8a7-4c425a86363c) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .c-grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { --_column-count---value: 2; } .c-grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130) { --_column-count---value: 3; } .c-grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { --_column-count---value: 4; } .c-grid:where(.w-variant-a49c393c-8eb9-9702-a7f7-b0d31c2535b6) { --_column-count---value: 5; } .c-grid:where(.w-variant-1fa34b50-a837-2ff8-cbdc-a25a0f0f655e) { --_column-count---value: 6; } .c-grid:where(.w-variant-40a5ac65-6ad6-ab31-f112-a487dd6f4194) { --_column-count---value: 7; } .c-grid:where(.w-variant-acca940a-8500-4c63-671b-ba41437b73b7) { --_column-count---value: 8; } .c-grid:where(.w-variant-3f4418b6-400a-afb6-8442-1ca7dcd18498) { --_column-count---value: 9; } .c-grid:where(.w-variant-6ad0d720-f0d5-1ea4-b1b1-2599a18bd67d) { --_column-count---value: 10; } .c-grid:where(.w-variant-d8367f61-c746-929f-bff3-d9477c01c581) { --_column-count---value: 11; } .c-grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5) { --_column-count---value: 12; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link-primary--border-hover: var(--swatch--brand-500); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-text-style-display { 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--display); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h1 { 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h2 { 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h3 { 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h4 { 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h5 { 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h6 { 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-line-height-normal { line-height: var(--_typography---line-height--normal); } .u-line-height-1 { line-height: var(--_typography---line-height--1); } .u-line-height-3 { line-height: var(--_typography---line-height--3); } .u-line-height-5 { line-height: var(--_typography---line-height--5); } .u-letter-spacing-tight-3 { letter-spacing: var(--_typography---letter-spacing--tight-3); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .u-section { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link-primary--border-hover: var(--swatch--brand-500); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link-primary--border-hover: var(--swatch--brand-500); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .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-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--xlarge); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-visual-wrap { z-index: 1; aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-content-wrapper { text-align: var(--_alignment---direction, start); } .u-content-wrapper:where(.w-variant-67e1f4a6-997b-b215-d348-cc757a57083b) { --_alignment---direction: start; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { --_alignment---direction: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { --_alignment---direction: end; } .u-button-group { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); min-width: 100%; text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-above, .u-grid-below { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-align-self-variable { align-self: var(--_alignment---direction, start); } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-variable { align-items: var(--_alignment---direction, start); } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-variable { justify-content: var(--_alignment---direction, start); } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: color-mix(in lab, currentcolor 10%, transparent); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .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-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .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-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-margin-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-1 { margin-top: var(--_spacing---space--1); } .u-margin-top-2 { margin-top: var(--_spacing---space--2); } .u-margin-top-3 { margin-top: var(--_spacing---space--3); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-5 { margin-top: var(--_spacing---space--5); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-top-7 { margin-top: var(--_spacing---space--7); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-1 { margin-bottom: var(--_spacing---space--1); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-3 { margin-bottom: var(--_spacing---space--3); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-margin-bottom-5 { margin-bottom: var(--_spacing---space--5); } .u-margin-bottom-6 { margin-bottom: var(--_spacing---space--6); } .u-margin-bottom-7 { margin-bottom: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-weight: var(--_typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-full { grid-column: 1 / -1; } .u-column-custom { grid-column: auto / span 1; } .u-column-indent { grid-column: 2 / -2; } .u-column-1 { grid-column: auto / span 1; } .u-column-2 { grid-column: auto / span 2; } .u-column-3 { grid-column: auto / span 3; } .u-column-4 { grid-column: auto / span 4; } .u-column-5 { grid-column: auto / span 5; } .u-column-6 { grid-column: auto / span 6; } .u-column-7 { grid-column: auto / span 7; } .u-column-8 { grid-column: auto / span 8; } .u-column-9 { grid-column: auto / span 9; } .u-column-10 { grid-column: auto / span 10; } .u-column-11 { grid-column: auto / span 11; } .u-column-12 { grid-column: auto / span 12; } .u-alignment-start { --_alignment---direction: start; text-align: var(--_alignment---direction, start); } .u-alignment-center { --_alignment---direction: center; text-align: var(--_alignment---direction, start); } .u-alignment-end { --_alignment---direction: end; text-align: var(--_alignment---direction, start); } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-10ch { max-width: 10ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-50ch { max-width: 50ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-80ch { max-width: 80ch; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain; } .u-threshold-large { container-name: threshold-large; } .u-threshold-medium { container-name: threshold-medium; } .u-threshold-small { container-name: threshold-small; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-1 { padding: var(--_spacing---space--1); } .u-padding-2 { padding: var(--_spacing---space--2); } .u-padding-3 { padding: var(--_spacing---space--3); } .u-padding-4 { padding: var(--_spacing---space--4); } .u-padding-5 { padding: var(--_spacing---space--5); } .u-padding-6 { padding: var(--_spacing---space--6); } .u-padding-7 { padding: var(--_spacing---space--7); } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--large); } .u-padding-large { padding: var(--_spacing---section-space--xlarge); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .u-padding-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .u-padding-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .u-padding-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .u-padding-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .u-padding-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .u-padding-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .u-padding-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-block-xlarge { padding-top: var(--_spacing---section-space--xlarge); padding-bottom: var(--_spacing---section-space--xlarge); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-padding-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-padding-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-padding-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .u-padding-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-padding-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .u-padding-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .u-padding-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--1); } .u-padding-top-2 { padding-top: var(--_spacing---space--2); } .u-padding-top-3 { padding-top: var(--_spacing---space--3); } .u-padding-top-4 { padding-top: var(--_spacing---space--4); } .u-padding-top-5 { padding-top: var(--_spacing---space--5); } .u-padding-top-6 { padding-top: var(--_spacing---space--6); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--7); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--large); } .u-padding-top-large { padding-top: var(--_spacing---section-space--xlarge); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--1); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--2); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--3); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--4); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--5); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--6); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--7); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--large); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--xlarge); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--1); } .u-padding-left-2 { padding-left: var(--_spacing---space--2); } .u-padding-left-3 { padding-left: var(--_spacing---space--3); } .u-padding-left-4 { padding-left: var(--_spacing---space--4); } .u-padding-left-5 { padding-left: var(--_spacing---space--5); } .u-padding-left-6 { padding-left: var(--_spacing---space--6); } .u-padding-left-7 { padding-left: var(--_spacing---space--7); } .u-padding-left-8 { padding-left: var(--_spacing---space--8); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--1); } .u-padding-right-2 { padding-right: var(--_spacing---space--2); } .u-padding-right-3 { padding-right: var(--_spacing---space--3); } .u-padding-right-4 { padding-right: var(--_spacing---space--4); } .u-padding-right-5 { padding-right: var(--_spacing---space--5); } .u-padding-right-6 { padding-right: var(--_spacing---space--6); } .u-padding-right-7 { padding-right: var(--_spacing---space--7); } .u-padding-right-8 { padding-right: var(--_spacing---space--8); } .styleguide_subheading { margin-bottom: 0; } .styleguide_card_wrap { height: 100%; padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--border-width--main) solid var(--_theme---border); text-align: center; } .tag_wrap { line-height: var(--_typography---line-height--normal); width: fit-content; text-transform: var(--_text-style---text-transform, none); } .styleguide_font_item { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-bottom: var(--border-width--main) solid var(--_theme---border); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .form_label_wrap { text-align: left; flex-flow: column; width: 100%; display: flex; position: relative; } .form_main_label_text { margin-bottom: var(--_spacing---space--3); display: inline-block; } .form_main_label_text:where(.w-variant-7a7e1430-cb84-4e7e-fddc-4d66784e148c) { 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; } .form_main_wrap { width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; margin-top: 0; padding: .8rem 1.4rem; } .form_main_field { border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); width: 100%; height: 3rem; font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-small); line-height: var(--_text-style---line-height); font-weight: var(--_typography---font--primary-regular); text-align: center; 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); color: inherit; text-transform: var(--_text-style---text-transform, none); border-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); outline-offset: var(--focus--offset-inner); appearance: none; background-color: #0000; margin-bottom: 0; padding: 0 .9rem; display: block; } .form_main_field:where(.w-variant-965e8952-ab6e-990e-4277-37a522c85082) { text-align: left; } .form_main_field:focus { border-bottom-color: var(--_theme---text); } .form_main_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_main_field.is-textarea { text-align: left; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 7.5rem; max-height: 15rem; padding-top: .5rem; padding-left: .9rem; padding-right: .9rem; } .button_main_wrap { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; display: inline-block; position: relative; box-shadow: 2px 2px 3px #5095164f, 7px 2px 10px #2d3f6833, inset -2px -2px 2px #00000040, inset 4px 4px 10px #fff3, -4px -4px 10px #fff9, 0 10px 16px #50951642; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); box-shadow: 2px 2px 3px #2a3c784d, 7px 2px 10px #2d3f6833, inset -2px -2px 2px #00000040, inset 4px 4px 10px #fff3, -4px -4px 10px #fff9, 0 10px 16px #a2b7d2; } .button_main_wrap:where(.w-variant-aca74ebb-b908-57cb-3a51-69273a3f8976) { --_button-style---border: var(--_theme---button-tertiary--border); --_button-style---background: var(--_theme---button-tertiary--background); --_button-style---text: var(--_theme---button-tertiary--text); --_button-style---border-hover: var(--_theme---button-tertiary--border-hover); --_button-style---background-hover: var(--_theme---button-tertiary--background-hover); --_button-style---text-hover: var(--_theme---button-tertiary--text-hover); } .button_main_wrap:where(.w-variant-260229d0-2204-655b-2c93-70b432f7f1c3) { --_button-style---border: var(--_theme---button-quaternary--border); --_button-style---background: var(--_theme---button-quaternary--background); --_button-style---text: var(--_theme---button-quaternary--text); --_button-style---border-hover: var(--_theme---button-quaternary--border-hover); --_button-style---background-hover: var(--_theme---button-quaternary--background-hover); --_button-style---text-hover: var(--_theme---button-quaternary--text-hover); } .button_main_wrap:where(.w-variant-fbff106f-5b3a-be73-62cf-4401ff305a63) { box-shadow: 0 2px 4px #00000026; } .button_main_text { z-index: 1; font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_typography---line-height--normal); font-weight: var(--_text-style---font-weight); --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); position: relative; } .button_toggle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); width: 5rem; color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_toggle_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_toggle_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_toggle_wrap:where(.w-variant-52110ebe-ad7f-f85d-1f08-5e52bac4cce7), .button_toggle_wrap:where(.w-variant-6676f0df-7629-5a5b-1963-984162b8467b) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_toggle_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .styleguide_group { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .styleguide_visual { width: 100%; max-height: 7rem; padding: var(--_spacing---space--1); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .styleguide_icon { width: 3rem; height: 3rem; } .hero_utility-page_wrap { text-align: center; } .hero_utility-page_contain { min-height: 100svh; padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--large); flex-flow: column; justify-content: center; align-items: center; margin-bottom: 0; display: flex; } .hero_utility-page_content { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .guide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); display: grid; } .guide_column { color: #8a8a8a80; background-color: #9292920f; flex-flow: column; justify-content: flex-end; align-items: center; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; display: flex; } .eyebrow_wrap { justify-content: var(--_alignment---direction, start); display: flex; } .eyebrow_marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .eyebrow_text { margin-top: 0; margin-bottom: 0; } .overlay_wrap { background-color: #000; } .styleguide_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { 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); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_scroll { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--_theme---text) transparent; margin-right: calc(var(--site--margin) * -1); grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto clip; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--_spacing---space--8); } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 12; flex-flow: column; grid-auto-columns: 1fr; align-items: start; } .styleguide_content { grid-column: 1 / span 8; width: 100%; } .styleguide_nav_wrap { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); width: 100%; top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10 / -1; padding: 1rem; position: sticky; overflow: clip auto; } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--_theme---border); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { outline-offset: var(--focus--offset-inner); padding-top: .125rem; padding-bottom: .125rem; padding-left: .75rem; display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { opacity: .6; outline-offset: var(--focus--offset-inner); padding: .125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .button_toggle_pause { opacity: 0; display: block; } .button_toggle_play { display: block; } .eyebrow_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .styleguide_card_inner { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .hero_utility-page_header { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; justify-content: center; align-items: center; display: flex; } .form_main_radio_input { z-index: 2; cursor: pointer; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_fieldset_wrap { width: 100%; } .form_main_radio_circle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: 100vw; flex: none; justify-content: center; align-items: center; width: 1.5rem; padding: 0; display: flex; } .form_main_radio_label { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_radio_circle_inner { aspect-ratio: 1; opacity: 0; background-color: currentColor; border-radius: 100vw; width: 80%; padding: 0; } .form_main_fieldset_list { margin-top: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_ui_label { grid-column-gap: .5rem; grid-row-gap: .5rem; font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_ui_label:where(.w-variant-0c5c4e5b-3c6c-e4eb-3bfe-9fb017f1340d) { border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); 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: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); padding: .6rem 1rem .6rem .6rem; } .form_ui_input { z-index: 2; cursor: pointer; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_ui_visual_wrap { aspect-ratio: 1; border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); width: 1.6rem; color: var(--_theme---background); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); flex: none; justify-content: center; align-items: center; padding: 0; display: flex; } .form_ui_visual_wrap:where(.w-variant-6ac6e2dd-2041-5ff7-c1af-fbf6787cbef8) { border-color: var(--_theme---border); border-radius: var(--radius--round); background-color: #0000; } .form_ui_visual_wrap:where(.w-variant-5371586d-2789-87fa-c307-6014519ff59a) { aspect-ratio: auto; 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: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-style: none; justify-content: flex-start; align-items: center; width: 3.1rem; height: 1.6rem; padding: .2rem; } .form_ui_visual_wrap:where(.w-variant-0c5c4e5b-3c6c-e4eb-3bfe-9fb017f1340d) { 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: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); } .form_ui_visual_icon { width: 100%; opacity: var(--_state---false); overflow: visible !important; } .form_ui_visual_icon:where(.w-variant-6ac6e2dd-2041-5ff7-c1af-fbf6787cbef8), .form_ui_visual_icon:where(.w-variant-5371586d-2789-87fa-c307-6014519ff59a) { display: none; } .background_wrap:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: var(--_theme---background); } .background_wrap:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171) { background-color: var(--_theme---background-2); } .form_main_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_main_select_icon { pointer-events: none; width: .8em; margin-right: .9em; display: block; position: absolute; overflow: visible !important; } .section_wrap { background-color: #0000; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link-primary--border-hover: var(--swatch--brand-500); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: #c0ff86; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link-primary--border-hover: var(--_theme---text); --_theme---text-link-primary--text-hover: var(--_theme---text-link-primary--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link-secondary--border-hover: white; --_theme---text-link-primary--border: var(--_theme---border); --_theme---text-link-primary--text: var(--_theme---text); --_theme---text-link-secondary--border: white; --_theme---text-link-secondary--text: white; --_theme---text-link-secondary--text-hover: white; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--dark-900); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: #514f4f; --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-tertiary--background: white; --_theme---button-tertiary--border: white; --_theme---button-tertiary--text: var(--_theme---text); --_theme---button-tertiary--background-hover: var(--_theme---text); --_theme---button-tertiary--border-hover: var(--swatch--dark-900); --_theme---button-tertiary--text-hover: white; --_theme---button-quaternary--background: white; --_theme---button-quaternary--border: white; --_theme---button-quaternary--text: white; --_theme---button-quaternary--background-hover: white; --_theme---button-quaternary--border-hover: white; --_theme---button-quaternary--text-hover: white; } .button_link_wrap { flex-flow: row; position: relative; } .button_link_wrap:hover { border-bottom-color: var(--_theme---text-link-primary--border-hover); color: var(--_theme---text-link-primary--text-hover); } .button_link_text { z-index: 1; font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_typography---line-height--normal); font-weight: var(--_text-style---font-weight); --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); position: relative; } .slider_bullet_list { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); justify-content: flex-start; align-items: center; display: flex; width: auto !important; } .swiper-wrapper { display: flex; } .slider_bullet_item { aspect-ratio: 1; border: .09rem solid var(--_theme---border); background-color: #eee0; border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { border-color: var(--_theme---text); background-color: var(--_theme---text); } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; display: flex; container-type: inline-size; } .slider_offset { margin-left: calc(var(--_gap---size) * -.5); margin-right: calc(var(--_gap---size) * -.5); flex: 1; display: flex; } .slider_list { height: 100%; } .slider_list.swiper-wrapper { display: flex; } .slider_controls { margin-top: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .slider_button_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .slider_element.swiper { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; overflow: visible; } .slider_element.swiper:where(.w-variant-bfb8c45c-dbfa-13cc-2dfc-0c02a34504e4) { overflow: hidden; } .slider_element.swiper:where(.w-variant-b8ee48da-439e-7156-5d2e-5b4f080e200e) { clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .card_primary_wrap { display: flex; } .card_primary_inner { width: 100%; padding: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); position: relative; } .button_arrow_wrap { border-radius: var(--radius--round); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; display: inline-block; position: relative; } .button_arrow_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_arrow_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_arrow_wrap:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_arrow_wrap:where(.w-variant-52110ebe-ad7f-f85d-1f08-5e52bac4cce7) { --_button-style---border: var(--_theme---button-tertiary--border); --_button-style---background: var(--_theme---button-tertiary--background); --_button-style---text: var(--_theme---button-tertiary--text); --_button-style---border-hover: var(--_theme---button-tertiary--border-hover); --_button-style---background-hover: var(--_theme---button-tertiary--background-hover); --_button-style---text-hover: var(--_theme---button-tertiary--text-hover); } .button_arrow_wrap:where(.w-variant-6676f0df-7629-5a5b-1963-984162b8467b) { --_button-style---border: var(--_theme---button-quaternary--border); --_button-style---background: var(--_theme---button-quaternary--background); --_button-style---text: var(--_theme---button-quaternary--text); --_button-style---border-hover: var(--_theme---button-quaternary--border-hover); --_button-style---background-hover: var(--_theme---button-quaternary--background-hover); --_button-style---text-hover: var(--_theme---button-quaternary--text-hover); } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .accordion_js { display: none; } .accordion_toggle_icon { aspect-ratio: 1; flex: none; width: 1.4rem; } .accordion_content_wrap { grid-template-rows: 0fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; overflow: hidden; } .accordion_content_padding { padding-bottom: var(--_spacing---space--5); } .accordion_component { border-bottom: var(--border-width--main) solid var(--_theme---border); } .accordion_toggle_heading { margin-top: 0; margin-bottom: 0; } .accordion_toggle_button { width: 100%; padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); outline-offset: var(--focus--offset-inner); justify-content: space-between; align-items: center; display: flex; } .nav_links_svg { flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_links_svg:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: .7rem; } .nav_mobile_contain { max-width: var(--nav--max-width-outer); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-start; align-items: stretch; display: flex; } .nav_banner_wrap { z-index: 1; background-color: var(--_theme---text); pointer-events: auto; color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_links_item { display: flex; } .nav_dropdown_mega_content { position: relative; } .nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); } .nav_dropdown_mega_contain { width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: var(--nav--max-width-inner); padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--8); } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--4); padding-right: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--4); padding-left: var(--_spacing---space--6); background-color: var(--_theme---nav--background); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); border-radius: .75rem; position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_dropdown_main_scroll.u-grid-custom { --_column-count---value: 1; } .nav_dropdown_main_scroll.u-grid-custom:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { --_column-count---value: 2; background-color: #fbfff6; } .nav_component { z-index: 1000; pointer-events: none; background-color: #0000; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { position: fixed; } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: 10rem; padding-top: var(--_spacing---space--1); position: absolute; } .nav_dropdown_main_wrap.w--open:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: auto; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_search_field { width: 100%; min-width: 0; max-width: 100%; height: 2.9em; font-size: inherit; color: inherit; background-color: #0000; border-style: none; border-width: 0; border-radius: 0; margin-bottom: 0; padding: 0 0; } .nav_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_dropdown_mega_layout:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .nav_desktop_layout { width: 100%; height: var(--nav--height); max-width: var(--nav--max-width-inner); grid-column-gap: var(--_spacing---space--7); pointer-events: auto; justify-content: space-between; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_desktop_layout:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { grid-column-gap: var(--_spacing---space--7); } .nav_dropdown_component { width: 100%; height: 100%; z-index: unset; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; width: 100%; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { font-size: inherit; padding-top: 0; padding-bottom: 0; display: flex; } .nav_dropdown_link.w--current { color: var(--swatch--brand-500); } .nav_mobile_menu_wrap { max-width: var(--nav--max-width-outer); padding-top: var(--nav--height); border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; text-align: left; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_links_search_icon { width: 1.1rem; } .nav_dropdown_text { transition: opacity .1s; } .nav_button_line { width: 100%; height: var(--nav--hamburger-thickness); background-color: currentColor; flex: none; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_mobile_layout { z-index: 2; width: 100%; height: var(--nav--height); padding: 0px var(--nav--spacing-inner-horizontal); grid-column-gap: var(--_spacing---space--3); border-radius: var(--nav--radius); background-color: var(--swatch--transparent); pointer-events: auto; justify-content: space-between; margin-left: auto; margin-right: auto; display: flex; position: relative; } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_banner_close_svg { width: 100%; overflow: visible !important; } .nav_screen-reader-text { 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; } .nav_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin: 0px var(--_spacing---space--3); } .nav_links_link { z-index: 2; width: 100%; padding-top: var(--_spacing---space--2); padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { height: 100%; padding: 0px var(--_spacing---space--3); } .nav_links_link.w--current { color: var(--swatch--brand-500); } .nav_desktop_menu_wrap { z-index: 1; padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--7); border-radius: .75rem; flex: 1; display: flex; } .nav_mobile_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; position: relative; } .nav_banner_svg { width: 1rem; overflow: visible !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--_theme---background) !important; } .nav_button_wrap { z-index: 2; flex: none; width: 2rem; padding: 0; outline-width: var(--focus--width) !important; outline-color: var(--_theme---text) !important; outline-offset: var(--focus--offset-inner) !important; } .nav_button_wrap.w--open { color: inherit; background-color: #0000; } .nav_dropdown_list:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .nav_search_label { width: 100%; } .nav_mobile_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-self: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; position: relative; } .nav_skip_wrap { z-index: 2; border-width: var(--border-width--main); border-radius: var(--nav--radius); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); pointer-events: auto; color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .nav_button_layout { grid-column-gap: var(--nav--hamburger-gap); grid-row-gap: var(--nav--hamburger-gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_actions_wrap { flex-flow: column; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: row; justify-content: flex-start; } .nav_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_links_component { grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { font-size: var(--_typography---font-size--text-tiny); flex-flow: row; display: flex; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--nav--height); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_banner_contain { grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: grid; } .nav_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: var(--nav--max-width-outer); min-width: 0; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; position: absolute; inset: 0% 0% auto; } .nav_mobile_menu_contain { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .nav_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_mobile_menu_scroll { padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_links_locales_hide { display: none; } .nav_search_wrap { border-bottom: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_desktop_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; display: none; position: relative; } .nav_desktop_contain { max-width: var(--nav--max-width-outer); padding-right: var(--_spacing---section-space--none); padding-left: var(--_spacing---space--4); background-color: var(--_theme---nav--background); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); border-radius: .75rem; margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); flex: none; justify-content: flex-start; align-self: center; align-items: center; width: 10rem; height: 2.5rem; display: flex; position: relative; } .nav_desktop_logo.w--current:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { width: 9rem; } .modal_backdrop { background-color: var(--swatch--dark-900); opacity: .5; width: 100%; height: 100vh; position: absolute; inset: 0% 0% auto; } .modal_scroll { height: 100%; padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); border-radius: inherit; flex-flow: column; display: flex; position: relative; overflow: hidden auto; } .modal_scroll:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { padding: var(--site--margin); } .modal_dialog { z-index: 1010; width: 100%; max-width: none; height: 100vh; max-height: none; color: inherit; background-color: #0000; border-style: none; border-width: 0; margin: 0; padding: 0; position: fixed; inset: 0% 0% auto; overflow: clip; } .modal_content { border-radius: var(--radius--main); background-color: var(--_theme---background); width: 100%; max-width: 38rem; max-height: 100%; color: var(--_theme---text); position: relative; } .modal_content:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { border-radius: 0; max-width: none; height: 100vh; } .modal_inner { width: 100%; height: 100dvh; padding: var(--site--margin); flex-flow: column; justify-content: center; align-items: center; display: flex; } .modal_inner:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { padding: 0; } .modal_slot { flex-flow: column; flex: 1; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .modal_slot:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { max-width: var(--max-width--main); } .button_close_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); width: 3rem; color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_close_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_close_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_close_wrap:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec), .button_close_wrap:where(.w-variant-52110ebe-ad7f-f85d-1f08-5e52bac4cce7), .button_close_wrap:where(.w-variant-6676f0df-7629-5a5b-1963-984162b8467b) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_close_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_close_icon { aspect-ratio: 1; width: 36%; position: relative; } .footer_contain { padding-top: var(--_spacing---section-space--medium); padding-bottom: var(--_spacing---section-space--medium); } .footer_wrap { z-index: 1; background-color: #e5f0d8; position: relative; } .footer_content { grid-column-gap: var(--site--gutter); grid-row-gap: inherit; flex: auto; grid-column: span 3; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); grid-auto-columns: 1fr; height: 100%; display: grid; } .footer_social_link { width: 1.5rem; } .footer_social_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center flex-start; align-items: center; display: flex; } .footer_group_title { margin-bottom: var(--_spacing---space--5); } .footer_group_title.u-text-style-h6 { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_logo_wrap { width: 5.4375rem; height: 5.5625rem; } .footer_bottom_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center flex-start; align-items: center; display: flex; } .footer_social_wrap { margin-top: auto; } .footer_layout { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; display: grid; } .footer_layout.u-grid-custom { grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); } .footer_bottom_link_wrap { border-top-style: none; border-top-width: 0; border-top-color: var(--swatch--transparent); border-right-style: none; border-right-width: 0; border-right-color: var(--swatch--transparent); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: none; border-left-width: 0; border-left-color: var(--swatch--transparent); border-bottom-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), currentColor calc(100% * var(--_state---false))); position: relative; } .footer_bottom_layout { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-top-style: solid; border-top-width: var(--border-width--main); flex-flow: wrap; place-content: center space-between; align-items: center; padding-top: 2.5rem; padding-bottom: 2.5rem; display: flex; } .footer_group_item { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); display: flex; } .footer_group_item:hover { color: color-mix(in srgb, var(--_theme---text) 100%, transparent); } .footer_group_item.u-color-faded { transition: opacity .2s; } .footer_nav { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); flex: 500 auto; grid-column: span 9; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .footer_group_list { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_bottom_item { display: flex; } .footer_link_wrap { border-style: none none solid; border-width: 1px; border-top-color: inherit; border-right-color: inherit; border-left-color: inherit; border-bottom-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), currentColor calc(100% * var(--_state---false))); position: relative; } .modal_close { z-index: 2; align-self: flex-end; position: sticky; inset: 0 auto auto 0%; } .tab_control_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .tab_button_item { width: 100%; min-width: 10rem; padding-top: var(--_spacing---space--4); padding-right: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); opacity: .7; text-align: center; cursor: pointer; outline-offset: var(--focus--offset-inner); outline-width: var(--focus--width); position: relative; } .tab_button_list { padding-right: var(--site--margin); padding-left: var(--site--margin); margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); display: flex; overflow: auto clip; } .tab_content_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; position: relative; } .tab_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .tab_button_line { width: 100%; height: var(--border-width--main); opacity: 0; background-color: currentColor; position: absolute; inset: auto auto 0% 0%; transform: translate(0, 100%); } .tab_content_wrap { padding-right: var(--site--margin); padding-left: var(--site--margin); margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); overflow-x: clip; } .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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .button_main_icon { width: var(--_spacing---space--6); height: var(--_spacing---space--6); aspect-ratio: 1; justify-content: center; align-items: center; } .button_main_icon:where(.w-variant-fbff106f-5b3a-be73-62cf-4401ff305a63) { width: var(--_spacing---space--3); height: var(--_spacing---space--3); } .u-color-white { color: var(--swatch--light-100); } .u-color-black { color: #000; } .u-color-brand-text { color: var(--swatch--brand-text); } .u-weight-semibold { font-weight: var(--_typography---font--primary-semibold); } .u-weight-light { font-weight: var(--_typography---font--primary-light); } .form_main_label_error { font-family: var(--_text-style---font-family); color: red; 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); display: none; } .form_ui_visual_inner { width: 63%; height: auto; } .form_ui_visual_inner:where(.w-variant-6ac6e2dd-2041-5ff7-c1af-fbf6787cbef8) { background-color: var(--_theme---text); width: 70%; height: 70%; opacity: var(--_state---false); border-radius: inherit; } .form_ui_visual_inner:where(.w-variant-5371586d-2789-87fa-c307-6014519ff59a) { 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: color-mix(in srgb, var(--_theme---background) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); width: 70%; height: 100%; transform: translateX(calc(43% * var(--_state---false))); } .button_link_line { height: var(--border-width--main); background-color: var(--_theme---text-link-primary--border-hover); pointer-events: none; transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); transform-origin: calc(100% * var(--_trigger---on)) 100%; position: absolute; inset: auto 0% 0%; } .button_link_line:where(.w-variant-9dbac93b-2e68-5691-0716-c447fa95e20f) { background-color: var(--_theme---text-link-secondary--border-hover); } .form_range_element { border-radius: var(--radius--round); background-color: var(--_theme---background-2); margin-top: .3rem; display: block; position: relative; } .form_range_input { background-color: var(--swatch--transparent); border-radius: inherit; width: 100%; height: .7rem; display: block; } .form_range_fill { background-color: var(--_theme---text); pointer-events: none; height: 100%; width: calc(var(--progress) * 100% + var(--thumb-size) * -1 * (var(--progress) - .5)); border-top-left-radius: inherit; border-bottom-left-radius: inherit; padding: 0; position: absolute; inset: 0% auto 0% 0%; } .form_range_thumb_wrap { pointer-events: none; width: 100%; height: 100%; transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size))); flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .form_range_thumb_element { aspect-ratio: 1; border-top-style: solid; border-top-width: .3rem; border-top-color: var(--_theme---text); border-right-style: solid; border-right-width: .3rem; border-right-color: var(--_theme---text); border-bottom-style: solid; border-bottom-width: .3rem; border-bottom-color: var(--_theme---text); border-left-style: solid; border-left-width: .3rem; border-left-color: var(--_theme---text); background-color: var(--_theme---background); width: var(--thumb-size); border-radius: var(--thumb-radius); padding: 0; } .form_range_output_wrap { pointer-events: none; transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size))); justify-content: center; align-items: center; padding-top: 1rem; display: flex; } .form_range_output_element { border-radius: var(--radius--small); background-color: var(--_theme---background-2); pointer-events: auto; padding: .1rem .6rem; } .u-line-height-2 { line-height: var(--_typography---line-height--2); } .u-line-height-4 { line-height: var(--_typography---line-height--4); } .u-letter-spacing-tight-4 { letter-spacing: var(--_typography---letter-spacing--tight-4); } .u-letter-spacing-tight-5 { letter-spacing: var(--_typography---letter-spacing--tight-5); } .u-letter-spacing-tight-1 { letter-spacing: var(--_typography---letter-spacing--tight-1); } .u-letter-spacing-tight-2 { letter-spacing: var(--_typography---letter-spacing--tight-2); } .u-letter-spacing-loose-1 { letter-spacing: var(--_typography---letter-spacing--loose-1); } .u-letter-spacing-loose-2 { letter-spacing: var(--_typography---letter-spacing--loose-2); } .button_main_element { min-height: 3.125rem; padding-top: .75rem; padding-right: var(--_spacing---space--8); grid-column-gap: .5rem; grid-row-gap: .5rem; text-align: center; color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; padding-bottom: .75rem; padding-left: 1.5rem; display: flex; } .button_main_element:where(.w-variant-fbff106f-5b3a-be73-62cf-4401ff305a63) { grid-column-gap: .3125rem; grid-row-gap: .3125rem; min-height: auto; padding-left: 1.25rem; padding-right: 1.25rem; } .button_main_element:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); padding-left: 1.5rem; padding-right: 1.5rem; } .button_link_element { grid-column-gap: .5rem; grid-row-gap: .5rem; border-top-style: none; border-top-width: var(--border-width--main); border-top-color: var(--_theme---text-link-primary--border); border-right-style: none; border-right-width: var(--border-width--main); border-right-color: var(--_theme---text-link-primary--border); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---text-link-primary--border); border-left-style: none; border-left-width: var(--border-width--main); border-left-color: var(--_theme---text-link-primary--border); text-align: center; height: 100%; color: color-mix(in srgb, var(--_theme---text-link-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link-primary--text-hover) calc(100% * var(--_trigger---off))); justify-content: center; align-items: center; padding: .5rem 0; display: flex; } .button_link_element:where(.w-variant-9dbac93b-2e68-5691-0716-c447fa95e20f) { border-top-style: solid; border-top-color: var(--_theme---text-link-secondary--border); border-right-style: solid; border-right-color: var(--_theme---text-link-secondary--border); border-bottom-style: solid; border-bottom-color: var(--_theme---text-link-secondary--border); border-left-style: solid; border-left-color: var(--_theme---text-link-secondary--border); color: color-mix(in srgb, var(--_theme---text-link-secondary--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link-secondary--text-hover) calc(100% * var(--_trigger---off))); } .button_arrow_element { aspect-ratio: 1; border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); width: 3rem; color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); justify-content: center; align-items: center; display: flex; position: relative; } .footer_link_line { height: var(--border-width--main); pointer-events: none; transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); transform-origin: calc(100% * var(--_trigger---on)) 100%; background-color: currentColor; position: absolute; inset: auto 0% 0%; } .accordion_content_item { flex-flow: column; height: 1000%; display: flex; position: relative; overflow: hidden; } .u-video { width: 100%; height: 100%; } .tag_text { background-image: linear-gradient(#65b61b 27%, #fff); } .tag_text.u-text-style-medium.u-weight-bold { font-weight: var(--_typography---font--primary-bold); } .tag_text.u-text-style-medium.u-weight-bold.u-text-transform-uppercase { text-transform: uppercase; -webkit-text-fill-color: transparent; background-image: linear-gradient(#65b61b 27%, #c0ff86); -webkit-background-clip: text; background-clip: text; } .tag_text.u-text-style-medium.u-weight-bold.u-text-transform-uppercase:where(.w-variant-e4f6367e-0f6e-5ef4-6071-6853f5b3e2ac) { text-transform: none; } .section_header { width: 100%; container-type: inline-size; } .section_header:where(.w-variant-0291ed9c-1688-7529-aab0-f5c77a7c511b) { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .u-margin-bottom-9 { margin-bottom: var(--_spacing---space--9); } .u-margin-bottom-10 { margin-bottom: var(--_spacing---space--10); } .u-margin-bottom-11 { margin-bottom: var(--_spacing---space--11); } .u-margin-bottom-12 { margin-bottom: var(--_spacing---space--12); } .u-margin-bottom-13 { margin-bottom: var(--_spacing---space--13); } .section_subheading { grid-row-gap: var(--_spacing---space--7); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .section_subheading:where(.w-variant-9b5d7b3e-6b86-849f-c2a3-64ac0fd990aa) { flex-flow: row; justify-content: space-between; align-items: flex-end; } .section_subheading:where(.w-variant-0291ed9c-1688-7529-aab0-f5c77a7c511b) { justify-content: space-between; align-items: center; } .m-hero_wrap, .m-hero_contain { position: relative; } .u-padding-block-xxlarge { padding-top: var(--_spacing---section-space--xxlarge); padding-bottom: var(--_spacing---section-space--xxlarge); } .u-padding-block-medium { padding-top: var(--_spacing---section-space--medium); padding-bottom: var(--_spacing---section-space--medium); } .u-padding-block-top { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--page-top); } .m-hero_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .m-hero_header { width: 100%; max-width: 55.4375rem; margin-left: auto; margin-right: auto; } .u-background-tint { background-color: #e3eadb; } .section-background-glow { position: absolute; inset: 0%; } .m-hero_visual { width: 100vw; } .section_bottom_gradient { pointer-events: none; background-image: linear-gradient(#f8f8f800, #f8f8f8); height: 25%; position: absolute; inset: auto 0% 0%; } .section_bottom_gradient:where(.w-variant-c14c1ad9-a1c6-bfb1-7564-fd8e735ce355) { background-image: linear-gradient(#f8f8f800, #f3f7ef); } .network_layout.u-grid-above { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 2; } .u-color-faded-80 { color: color-mix(in srgb, var(--_theme---text) 80%, transparent); } .u-text-color-gradient-black { line-height: var(--_typography---line-height--3); -webkit-text-fill-color: transparent; background-image: linear-gradient(#252525, #666); -webkit-background-clip: text; background-clip: text; } .network_card { padding-top: var(--_spacing---space--7); padding-right: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); background-color: #fff; border-radius: 1.25rem; flex-flow: column; display: flex; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #e0e8eb7a, inset 0 0 31.9px #e0e5eb; } .network_card-header { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .network_card-list { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .network_card-list_item { padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); background-color: #ebefe64d; border-radius: 1rem; justify-content: flex-start; align-items: center; display: flex; } .network_card-icon_wrap { background-color: #ebefe6; border-radius: .75rem; flex: none; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .network_card-icon { flex: none; width: 2rem; } .network_card-item_text_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .network_col-1 { grid-column-gap: var(--_spacing---space--11); grid-row-gap: var(--_spacing---space--11); flex-flow: column; display: flex; } .network_col-2 { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .u-background-gradient-light-1 { background-image: linear-gradient(#f8f8f8, #f3f7ef); } .automation_layout.u-grid-above { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); --_column-count---value: 2; } .automation_header { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; justify-content: space-between; display: flex; } .automation_header-botttom { border-top: 1px solid #65b61b; padding-top: 12px; } .automation_item { border-radius: 1rem; padding: 1.5rem; overflow: clip; } .automation_item.u-theme-dark { aspect-ratio: 273 / 252; flex-flow: column; justify-content: flex-end; display: flex; position: relative; } .automation_item.u-theme-dark.is-landscape { aspect-ratio: 602 / 252; background-color: #b6c3a7; justify-content: space-between; } .automation_visual { position: absolute; inset: 0%; } .automation_visual.is-wide { z-index: 2; aspect-ratio: 465 / 310; top: 0%; bottom: 0%; left: auto; } .automation_visual-img { height: 100%; } .automation_logo.u-position-relative { width: 8.9375rem; } .u-background-gradient-light-2 { background-image: linear-gradient(#f3f7ef, #f8f8f8); } .presence_wrap { background-color: #f8f8f8; } .presence_contain.u-container.u-padding-block-large { position: relative; } .cube_wrap { grid-column-gap: 5.625rem; grid-row-gap: 5.625rem; pointer-events: none; flex-flow: column; margin-top: 3em; display: flex; position: absolute; inset: 5.375rem 5% auto auto; } .cube_item { border-radius: 26.4px; } .cube_item.is-1 { width: 5.1875rem; transform: translate(-130%)rotate(16deg); box-shadow: -4.341px -5.788px 7.235px #fff9, inset 0 -7.235px 10.129px #bdd1a5, 2.894px 11.576px 11.576px #afb9a3; } .cube_item.is-2 { width: 9.5rem; transform: rotate(-10.5deg); box-shadow: -10.562px 13.202px 13.202px #fff9, inset 0 -13.202px 18.483px #bdd1a5, 21.123px -13.202px 21.123px #afb9a3; } .security_layout { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; justify-content: center; align-items: center; display: flex; } .security_list { width: 100%; } .security_list.u-grid-autofill { grid-column-gap: 0px; grid-row-gap: 0px; --_column-count---value: 3; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); border-top: 1px solid #2525251f; border-right: 1px solid #2525251f; } .security_list.u-grid-custom { --_column-count---value: 3; } .security_item { padding: var(--_spacing---space--7) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); border: 1px solid #2525251f; border-right-color: #fff; flex-flow: column; display: flex; } .security_icon { aspect-ratio: 1; width: 5rem; } .i-hero_contain.u-container { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--small); } .i-hero_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .career-cta_wrap.u-background-3 { position: relative; } .career-cta_layout.u-grid-above { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); --_column-count---value: 2; } .u-background-3 { background-color: #f3f7ef; } .career-cta_visual { aspect-ratio: 500 / 550; border-radius: 1.5rem; height: 100%; position: relative; overflow: clip; } .career-cta_header { flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .cta_wrap { background-image: linear-gradient(#f3f7ef, #e5f0d8); min-height: 35.875rem; } .cta_contain.u-container.u-padding-block-xlarge.u-position-relative { padding-bottom: var(--_spacing---section-space--page-top); } .footer_bottom_svg { width: calc(100vw - 64px); margin-left: auto; margin-right: auto; display: block; } .i-hero_visual_wrap { aspect-ratio: 1242 / 671; border: 4px solid var(--swatch--light-100); background-color: #c8c8c8; border-radius: 1rem; justify-content: center; align-items: center; height: 100%; display: flex; position: relative; overflow: clip; } .i-hero_visual_wrap:where(.w-variant-300e79f2-6c61-5652-5aa8-545edf191968) { border-style: none; } .i-hero_visual_gradient { pointer-events: none; background-image: linear-gradient(#0000, #f8f8f8); height: 50%; position: absolute; inset: auto 0% 0%; } .philosophy_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .philosophy_list.u-grid-autofill { --_column-count---value: 4; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .philosophy_list.u-grid-custom { --_column-count---value: 4; } .philosophy_item { padding-top: var(--_spacing---space--4); padding-right: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); background-color: #f8faf4; border-radius: .75rem; flex-flow: column; display: flex; box-shadow: 38px 27px 13px #0000, 24px 18px 12px #00000003, 14px 10px 10px #0000000d, 6px 4px 7px #00000017, 2px 1px 4px #0000001a; } .philosophy_number { color: #25252533; } .philosophy_context { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .international_wrap { background-image: linear-gradient(#f3f7ef, #f3f7ef); } .international_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .international_visual { aspect-ratio: 2; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .international_image { width: 100vw; max-width: none; height: 100%; } .international_gradient { z-index: 2; pointer-events: none; background-image: linear-gradient(#f3f7ef, #0000 20% 80%, #f3f7ef); width: 100vw; height: 100%; margin-left: auto; margin-right: auto; position: absolute; } .testimonial_wrap { background-color: #f8f8f8; } .testimonial_contain.u-container { padding-top: var(--_spacing---space--13); padding-bottom: calc(var(--_spacing---space--13) + var(--_spacing---space--9)); position: relative; } .testimonial_wrapper { margin: var(--_spacing---space--5); background-color: #e5f0d8; border: 1px solid #2525250d; border-radius: 1.5rem; overflow: clip; } .testimonial_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .testimonial_main { position: relative; } .swiper-slide.is-testi { margin-left: auto; margin-right: auto; } .testimonial_nav { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); justify-content: space-between; align-items: center; width: 100%; max-width: 66.25rem; display: flex; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); } .testimonial_card { max-width: 50rem; padding-top: 4.375rem; padding-right: var(--_spacing---space--10); padding-bottom: 4.375rem; padding-left: var(--_spacing---space--10); grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); background-color: #f8f8f8; border-radius: 1.5rem; flex-flow: column; justify-content: space-between; margin-left: auto; margin-right: auto; display: flex; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #d1e1bf, inset 0 0 31.9px #e0e5eb; } .testimonial_meta { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; display: flex; } .testimonial_image { border-radius: 100%; flex: none; width: 3.75rem; height: 3.75rem; } .testimonial_image.is-company { border-radius: .25rem; width: 100%; height: 2rem; } .testimonial_context { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .testimonial_name.u-text-style-medium.u-weight-bold { font-weight: var(--_typography---font--primary-bold); } .value_layout { grid-column-gap: var(--_spacing---space--11); grid-row-gap: var(--_spacing---space--11); flex-flow: column; display: flex; } .value_card_wrap.u-grid-custom { --_column-count---value: 4; flex: 1; } .value_card_item { min-height: 26.25rem; padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); background-color: #e3eadb; border: 1px solid #2525250d; border-radius: 1rem; flex-flow: column; display: flex; } .value_card_logo { border-radius: var(--radius--small); background-color: #eff2ec; width: 3.25rem; height: 3.25rem; padding: .625rem; } .value_card_content { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .news_wrap { position: relative; } .news_contain.u-container.u-padding-block-large { flex-flow: column; display: flex; } .news_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .news_list.u-grid-autofill { --_column-count---value: 3; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .news_card { padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); background-color: #e3eadb; border: 1px solid #2525250d; border-radius: 1rem; flex-flow: column; display: flex; } .news_visual { aspect-ratio: 368 / 250; border-radius: .75rem; width: 100%; position: relative; overflow: clip; } .news_context { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .why_layout { grid-column-gap: var(--_spacing---space--11); grid-row-gap: var(--_spacing---space--11); flex-flow: column; display: flex; } .why_card_wrap.u-grid-custom { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); --_column-count---value: 3; } .why_card_item { padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); background-color: #e3eadb; border: 1px solid #2525250d; border-radius: 1rem; align-items: center; display: flex; } .why_card_svg { width: 4rem; height: 4rem; padding: var(--_spacing---space--3); background-color: #eff2ec; border-radius: .75rem; flex: none; overflow: clip; } .why_card_content { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .d-hero_wrap { min-height: 37.5rem; position: relative; } .d-hero_contain.u-container { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--small); } .location_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .location_list.u-grid-autofill { --_column-count---value: 3; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .location_list.u-grid-custom { grid-row-gap: var(--_spacing---space--5); --_column-count---value: 3; } .location_item { min-height: 12.5rem; padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); border-radius: 1.5rem; flex-flow: column; justify-content: space-between; display: flex; position: relative; overflow: clip; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #e0e8eb7a, inset 0 0 31.9px #e0e5eb; } .contact_main_wrap.u-section { background-color: #e3eadb; } .contact_main_contain.u-padding-block-top { padding-bottom: var(--_spacing---section-space--xxlarge); } .contact_main_layout.u-grid-above { grid-row-gap: var(--_spacing---space--9); --_column-count---value: 2; } .contact_main_content { grid-column-gap: 11.25rem; grid-row-gap: 11.25rem; flex-flow: column; display: flex; } .contact_main_cta_wrap { max-width: 26.25rem; padding-top: var(--_spacing---space--6); padding-right: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: #f5fcee; border-radius: 1.5rem; flex-flow: column; align-items: flex-start; display: flex; box-shadow: 38px 27px 13px #0000, 24px 18px 12px #00000003, 14px 10px 10px #0000000d, 6px 4px 7px #00000017, 2px 1px 4px #0000001a; } .contact_main_cta_heading { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .contact_main_bottom { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .contact_main_item { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .location_flag { aspect-ratio: 1; border-radius: 8px; width: 64px; position: relative; overflow: clip; } .location_top { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; position: relative; } .location_address { position: relative; } .location_icon { width: 2rem; position: absolute; inset: 0% 0% auto auto; } .location_gradient-hover { opacity: 0; pointer-events: none; background-image: linear-gradient(#65b61b, #c0ff86); position: absolute; inset: 0%; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #e0e8eb7a, inset 0 0 31.9px #e0e5eb; } .contact_main_link { text-decoration: none; } .contact_main_right { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; justify-content: flex-end; display: flex; } .m-news_wrap { background-image: linear-gradient(#f8f8f8, #e5f0d8); } .m-news_layout { padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .m-news_layout.u-grid-autofill { --_column-count---value: 3; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .m-news_layout.u-grid-custom { grid-row-gap: var(--_spacing---space--10); --_column-count---value: 3; } .contact_main_form-2col { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .contact_main_form-heading { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .contact_main_form { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .g-hero_wrap { min-height: 39.75rem; position: relative; } .g-hero_contain { position: relative; } .g-hero_contain.u-container.u-padding-block-top { padding-bottom: var(--_spacing---space--7); } .g-hero_layout.u-grid-above { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); --_column-count---value: 2; } .g-hero_visual { height: 100%; } .kpi_wrap { background-color: #f8f8f8; } .kpi_wrap.u-background-gradient-light-1 { background-image: linear-gradient(#f8f8f8, #f3f7ef); } .kpi_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .kpi_list.u-grid-autofill { grid-column-gap: 0px; grid-row-gap: 0px; --_column-count---value: 3; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .kpi_list.u-grid-custom { --_column-count---value: 3; } .kpi_item { padding: var(--_spacing---space--7) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); border: 1px solid #2525251f; flex-flow: column; display: flex; } .kpi_logo_wrap { flex-flow: row; display: flex; position: relative; overflow: clip; } .kpi_logo_list { flex-flow: row; flex: none; display: flex; } .kpi_logo_item { height: 3.75rem; margin-right: var(--_spacing---space--12); flex: none; position: relative; } .kpi_logo_item.u-opacity { opacity: .3; } .kpi_logo_img { object-fit: cover; width: auto; max-width: none; height: 100%; } .kpi_logo_overlay { pointer-events: none; background-image: linear-gradient(90deg, #0000, #f8f8f8); width: 17%; } .kpi_logo_overlay.is-right { position: absolute; inset: 0% 0% 0% auto; } .kpi_logo_overlay.is-left { background-image: linear-gradient(90deg, #f8f8f8, #0000); position: absolute; inset: 0% auto 0% 0%; } .benefit_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .benefit_list.u-grid-above { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); } .benefit_card { padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: #e3eadb; border: 1px solid #2525250d; border-radius: 1rem; flex-flow: column; display: flex; } .benefit_visual { aspect-ratio: 368 / 298; flex-flow: column; justify-content: center; align-items: center; } .benefit_visual.is-landscape { aspect-ratio: 578 / 296; } .u-paragraph-accent strong { color: var(--swatch--brand-text); font-weight: inherit; } .product_layout, .product_list { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .product-item_layout.u-grid-above, .product-item_layout.u-grid-custom { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); --_column-count---value: 2; align-items: center; } .product-item_visual { aspect-ratio: 580 / 550; border-radius: 1.5rem; width: 100%; height: 100%; position: relative; overflow: clip; box-shadow: 38px 27px 13px #0000, 24px 18px 12px #00000003, 14px 10px 10px #0000000d, 6px 4px 7px #00000017, 2px 1px 4px #0000001a; } .product-item_visual:where(.w-variant-2937b1f3-45c2-88e9-209b-7e03909c5343) { order: 1; } .product-item_subvisual_wrap { aspect-ratio: 480 / 450; border-radius: 1rem 0 0 1rem; width: 85%; position: absolute; inset: auto 0% 0% auto; overflow: clip; box-shadow: -38px -27px 13px #0000, -24px -18px 12px #00000003, -14px -10px 10px #0000000d, -6px -4px 7px #00000017, -2px -1px 4px #0000001a; } .product-item_subvisual_wrap:where(.w-variant-05c4477f-2edc-c8eb-6426-55f352f2c180) { aspect-ratio: 480 / 366; bottom: 10%; } .product-item_subvisual_wrap:where(.w-variant-d816ebff-6dfc-f3a9-dfbf-4b27c4bc60b6) { aspect-ratio: 480 / 413; bottom: 10%; } .product-item_subvisual_wrap:where(.w-variant-4e431306-ea6a-dd08-3240-534aa6b58509) { aspect-ratio: 480 / 366; bottom: 10%; } .product-item_subvisual_wrap.is-mobility { aspect-ratio: 480 / 428; bottom: 3%; } .product-item_context { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .product-item_header { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .product-richtext { text-wrap: var(--_text-style---text-wrap); } .product-richtext h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .product-richtext h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .product-richtext h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .product-richtext h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .product-richtext h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .product-richtext h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .product-richtext p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .product-richtext blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .product-richtext ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .product-richtext li { display: list-item; } .product-richtext ul { grid-row-gap: var(--_spacing---space--5); align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .product-richtext figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .features_wrap { background-color: #f3f7ef; } .features_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .features_list.u-grid-autofill { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); --_column-count---value: 4; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .features_list.u-grid-custom { --_column-count---value: 4; } .features_item { aspect-ratio: 295 / 320; border-radius: 1rem; position: relative; overflow: clip; } .features_context { z-index: 3; min-height: 100%; padding: var(--_spacing---space--4) var(--_spacing---space--4) var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); background-image: linear-gradient(#ebebeb, #0000); flex-flow: column; display: flex; position: relative; } .hit_wrap, .hit_contain.u-container.u-padding-block-xlarge { position: relative; } .hit_layout.u-grid-above { --_column-count---value: 2; } .hit_layout.u-grid-custom { grid-column-gap: 8.75rem; grid-row-gap: 8.75rem; --_column-count---value: 2; } .hit_list { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .hit_item { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); background-color: #f8f8f8; border-radius: 1.5rem; justify-content: flex-start; align-items: flex-start; display: flex; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #e0e8eb7a, inset 0 0 31.9px #e0e5eb; } .hit_graphic_wrap { aspect-ratio: auto; color: #fff; background-color: #e3eadb; border-radius: 1rem; flex: none; justify-content: center; align-items: center; width: 100%; max-width: 8.8125rem; height: 9.5rem; display: flex; position: relative; overflow: clip; } .hit_graphic_wrap:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); justify-content: space-between; align-items: flex-start; } .hit_graphic_wrap._w-number-2 { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: space-between; align-items: flex-start; } .hit_graphic_icon { z-index: 2; aspect-ratio: 1; flex: none; width: 4rem; position: relative; } .hit_graphic_icon.is-small { width: 2.75rem; height: 2.75rem; } .hit_graphic_icon.is-small:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c), .hit_graphic_icon.is-small._w-number-5 { color: #252525; } .hit_graphic_hover { opacity: 0; pointer-events: none; background-image: linear-gradient(#65b61b, #c0ff86); border-radius: 1rem; position: absolute; inset: 0%; box-shadow: inset -2px -2px 2px #00000040, inset 4px 4px 10px #fff3; } .hit_context { height: 100%; padding: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: center; display: flex; } .hit_sticky { top: var(--_spacing---section-space--page-top); position: sticky; } .hit_icon { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; width: 100%; height: 100%; display: block; overflow: visible !important; } .hit_icon:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .hit_icon:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .hit_icon:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .hit_icon:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .hit_icon:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .hit_icon:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .usecases_wrap { background-color: #f8f8f8; } .usecases_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .usecases_list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .usecases_yarowa { width: 100%; padding: var(--_spacing---space--2); aspect-ratio: 688 / 88; background-color: #e3eadb; border: 1px solid #2525250d; border-radius: 1rem; position: relative; overflow: clip; } .usecases_card { padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: #e3eadb; border: 1px solid #2525250d; border-radius: 1rem; flex-flow: column; display: flex; } .usecases_visual { aspect-ratio: 368 / 298; } .usecases_visual.is-landscape { aspect-ratio: 578 / 296; } .legal_wrap { background-image: linear-gradient(#e3eadb, #e5f0d8); } .legal_contain.u-container { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--xxlarge); } .legal_rich_text { text-wrap: var(--_text-style---text-wrap); } .legal_rich_text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .legal_rich_text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--h1); 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .legal_rich_text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--h4); 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .legal_rich_text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-main); 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .legal_rich_text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .legal_rich_text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .legal_rich_text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-weight: var(--_typography---font--primary-regular); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .legal_rich_text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .legal_rich_text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; font-weight: var(--_typography---font--primary-regular); align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .legal_rich_text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .legal_rich_text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; font-weight: var(--_typography---font--primary-regular); align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .legal_rich_text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .legal_rich_text.u-column-indent { grid-column: 3 / -3; } .legal_rich_text_wrap.u-column-indent { flex-flow: column; grid-column: 3 / -3; max-width: 40.625rem; display: flex; } .custom_legal_wrap { margin-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .company_info_list_wrap { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: wrap; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; max-width: 40.625rem; display: grid; } .company_info_list { max-width: 19.3125rem; } .d-job_contain.u-container.u-padding-block-top { padding-bottom: var(--_spacing---section-space--xxlarge); } .d-job_col-1.u-column-3 { flex-flow: column; display: flex; position: relative; } .button_back_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); justify-content: flex-start; align-items: center; display: flex; } .button_back_icon { width: 1.5rem; height: 1.5rem; } .u-background-gradient-light-3 { background-image: linear-gradient(#e3eadb, #f3f7ef); } .d-job_main { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; max-width: 50rem; display: flex; } .d-job_main.u-gap-9 { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); } .d-job_top { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .d-job_header { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .d-job_list { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .d-job_item { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .d-job_item-top { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .d-job_benefit_list.u-grid-above { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--3); --_column-count---value: 2; } .d-job_benefit_item { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); justify-content: flex-start; align-items: center; display: flex; } .d-job_benefit_icon { width: 2rem; height: 2rem; } .cube-2_wrap { grid-column-gap: 3.125rem; grid-row-gap: 3.125rem; flex-flow: column; display: flex; position: absolute; inset: 6.25rem 0% auto; } .cube-2_item.is-1 { border-radius: 1.25rem; width: 5.75rem; position: relative; left: 50%; transform: rotate(-21deg); box-shadow: -6px -8px 10px #fff9, inset 0 -10px 14px #bdd1a5, 4px 16px 16px #afb9a3; } .cube-2_item.is-2 { border-radius: .88rem; width: 5.1875rem; transform: rotate(16deg); box-shadow: -4.341px -5.788px 7.235px #fff9, inset 0 -7.235px 10.129px #bdd1a5, 2.894px 11.576px 11.576px #afb9a3; } .d-news_contain.u-container.u-padding-block-top { padding-bottom: calc(var(--_spacing---space--12) * 2); } .d-news_col-1.u-column-3 { position: relative; } .d-news_main { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .d-news_top { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .d-news_visual_wrap { aspect-ratio: 604 / 350; border-radius: 1.25rem; width: 100%; height: 100%; position: relative; overflow: clip; } .d-news_meta { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: wrap; justify-content: flex-start; align-items: flex-start; display: flex; } .d-news_meta_item { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .d-news_meta_text.u-color-faded { font-weight: var(--_typography---font--primary-regular); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .news_richtext { text-wrap: var(--_text-style---text-wrap); } .news_richtext h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .news_richtext h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .news_richtext h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .news_richtext h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .news_richtext h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .news_richtext h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .news_richtext p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_spacing---space--7); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .news_richtext blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .news_richtext ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .news_richtext li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .news_richtext ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .news_richtext figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .d-news_key { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .d-news_key_list.u-grid-above { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--7); --_column-count---value: 2; } .d-news_key_item { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .k-benefit_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .k-benefit_list.u-grid-custom { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); --_column-count---value: 3; position: relative; } .k-benefit_item { z-index: 2; grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .k-benefit_graph { width: 11.25rem; height: 11.25rem; } .k-benefit_graph_wrap { justify-content: center; align-items: center; display: flex; } .k-benefit_context { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: center; align-items: center; display: flex; } .k-benefit_desc.u-text-style-medium.u-weight-regular { font-weight: var(--_typography---font--primary-regular); } .k-benefit_line { z-index: 0; background-image: url('../images/benefits_deco.svg'); background-position: 0 0; background-size: auto; width: 80%; height: 1px; display: block; position: absolute; inset: 25% auto auto 50%; transform: translate(-50%); } .s-benefit_layout.u-grid-above { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); --_column-count---value: 2; } .s-benefit_list { padding-top: var(--_spacing---space--7); padding-right: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); background-color: #fff; border-radius: 1.25rem; flex-flow: column; display: flex; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #e0e8eb7a, inset 0 0 31.9px #e0e5eb; } .s-benefit_item { padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); background-color: #ebefe64d; border-radius: 1rem; justify-content: flex-start; align-items: center; display: flex; } .s-benefit_icon_wrap { background-color: #ebefe6; border-radius: .75rem; flex-flow: column; flex: none; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .s-benefit_icon { aspect-ratio: 1; flex: none; width: 2rem; } .s-benefit_context { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .s-benefit_sticky { top: var(--_spacing---section-space--page-top); position: sticky; } .s-benefit_sticky_wrap { height: 100%; } .hit_graphic_icon_wrap:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c), .hit_graphic_icon_wrap._w-number-4 { z-index: 2; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; display: flex; position: relative; } .hit_graphic_icon_number { font-size: 2.81rem; } .hit_graphic_icon_number.u-text-color-gradient-black.u-line-height-1:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { opacity: .5; } .hit_icon-grad { width: 0; height: 0; } .integration_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .integration_list.u-grid-autofill { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 5; grid-template-columns: repeat(auto-fill, minmax(min(max(10rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .integration_list.u-grid-custom { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 4; } .integration_item { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .sec-comp_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; display: flex; } .sec-comp_main { width: 100%; max-width: 64.25rem; padding-top: var(--_spacing---space--10); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--10); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); background-color: #f3f7ef; border-radius: 2.5rem; flex-flow: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; box-shadow: -6px -8px 10px #fff9, inset 0 -10px 14px #bdd1a5, 4px 16px 16px #afb9a3; } .sec-comp_logo_list { flex: none; justify-content: flex-start; align-items: center; display: flex; } .sec-comp_logo { flex: none; height: 7.5rem; margin-right: 4.375rem; } .sec-comp_logo-img { object-fit: contain; width: auto; height: 100%; } .sec-comp_logo_overlay { z-index: 2; pointer-events: none; background-image: linear-gradient(90deg, #0000, #f8f8f8); width: 17%; } .sec-comp_logo_overlay.is-right { background-image: linear-gradient(90deg, #0000, #f3f7ef); position: absolute; inset: 0% 0% 0% auto; } .sec-comp_logo_overlay.is-left { background-image: linear-gradient(90deg, #f3f7ef, #0000); position: absolute; inset: 0% auto 0% 0%; } .sec-comp_logo_wrap { max-width: 57.75rem; display: flex; position: relative; overflow: clip; } .section_button_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: flex-start; align-items: center; display: flex; } .custom_legal_list.u-grid-above, .custom_legal_list.u-grid-custom { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); --_column-count---value: 2; } .custom_legal_item { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .h-line { background-color: #2525251a; width: 100%; height: 1px; } .handbuch_wrap { background-image: linear-gradient(#e3eadb, #e5f0d8); } .handbuch_contain.u-container.u-padding-block-top { padding-bottom: var(--_spacing---section-space--xxlarge); } .handbuch_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; max-width: 51rem; margin-left: auto; margin-right: auto; display: flex; } .handbuch_main { grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); flex-flow: column; display: flex; } .handbuch_items { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .handbuch_card { padding-top: var(--_spacing---space--7); padding-right: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: #f5fcee; border-radius: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; box-shadow: 38px 27px 13px #0000, 24px 18px 12px #00000003, 14px 10px 10px #0000000d, 6px 4px 7px #00000017, 2px 1px 4px #0000001a; } .handbuch-card_richtext { text-wrap: var(--_text-style---text-wrap); margin-top: calc(var(--_text-style---margin-top) * -1); } .handbuch-card_richtext h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .handbuch-card_richtext h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--h1); 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .handbuch-card_richtext h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--h4); 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .handbuch-card_richtext h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-main); 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .handbuch-card_richtext h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .handbuch-card_richtext h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .handbuch-card_richtext p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-weight: var(--_typography---font--primary-regular); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .handbuch-card_richtext blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .handbuch-card_richtext ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .handbuch-card_richtext li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .handbuch-card_richtext ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .handbuch-card_richtext figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .handbuch-card_richtext.u-column-indent { grid-column: 3 / -3; } .report_wrap { background-image: linear-gradient(#e3eadb, #e5f0d8); } .report_contain.u-container.u-padding-block-top { padding-bottom: var(--_spacing---section-space--xxlarge); } .report_layout { max-width: 51rem; margin-left: auto; margin-right: auto; } .report_form { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; display: flex; } .report_2-col { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .report_field_wrap { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .report_form-bottom { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .processors_wrap { background-image: linear-gradient(#e3eadb, #e5f0d8); } .processors_wrap.u-section { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--xlarge); background-image: linear-gradient(180deg, var(--_theme---brand-tint), var(--_theme---brand-pale)); } .processors_content { grid-column-gap: var(--_spacing---space--13); grid-row-gap: var(--_spacing---space--13); flex-direction: column; align-items: flex-start; width: 57.625rem; max-width: 100%; margin-left: auto; margin-right: auto; display: flex; } .legal_title.u-text-style-h1 { ---mode--collection-d056d05f-0078-8374-471a-9be9fa04ec7a: mode-c8f9295e-be3a-d63d-2e45-c42c2e6a7b3d; } .processors_scroll { width: 100%; padding: 0; overflow-x: auto; } .processors_table { width: 100%; padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); box-shadow: .125rem .0625rem .25rem var(--_theme---border-subtle), .375rem .25rem .4375rem var(--_theme---border-subtle), .875rem .625rem .625rem var(--_theme---border-subtle); background-color: #f5fcee; flex-direction: column; align-items: flex-start; display: flex; overflow: auto; } .processors_row { width: 56.25rem; padding-bottom: var(--_spacing---space--2); border-bottom: 1px solid #2525251a; align-items: flex-start; display: flex; } .processors_cell { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--3); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-shrink: 0; align-items: flex-start; display: flex; overflow: clip; } .processors_cell.is-c1 { width: 13.75rem; } .processors_cell.is-c2 { width: 11.25rem; } .processors_cell.is-c3 { width: 18.75rem; } .processors_cell.is-c4 { width: 12.5rem; } .processors_head_cell.u-text-style-main { min-width: 0; color: var(--_theme---text); line-height: var(--_typography---line-height--normal); font-weight: var(--_typography---font--primary-semibold); letter-spacing: var(--_typography---letter-spacing--tight-4); flex: 1 0 0; margin-bottom: 0; } .processors_cell_text.u-text-style-main { min-width: 0; color: var(--_theme---text); flex: 1 0 0; margin-bottom: 0; } .m-hero_cube_wrap { z-index: -1; grid-column-gap: 50%; grid-row-gap: 50%; pointer-events: none; flex-flow: column; justify-content: space-between; align-items: center; width: 100%; position: absolute; inset: 0%; } .m-cube_wrap { position: absolute; } .m-cube_wrap.is-1 { aspect-ratio: 1; border-radius: 1.25rem; width: 7.1875rem; inset: 18em 0% auto auto; transform: rotate(16deg); box-shadow: -8px 10px 10px #fff9, inset 0 -10px 14px #bdd1a5, 16px -10px 16px #afb9a3; } .m-cube_wrap.is-2 { border-radius: 1.25rem; width: 7.1875rem; inset: 24em auto auto 0%; transform: rotate(16deg); box-shadow: -6px -8px 10px #fff9, inset 0 -10px 14px #bdd1a5, 4px 16px 16px #afb9a3; } .m-cube_img { object-fit: contain; height: 100%; } .security_icon-img { height: 100%; } .icon-embed-custom { flex-direction: column; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .u-object-fit-left { object-position: 0% 50%; } .mob_hero_preview { max-width: 604px; margin: 0 auto; } .mob_hero_wrap { aspect-ratio: 604 / 354; width: 100%; max-width: 37.75rem; position: relative; container-type: inline-size; } .mob_hero_stage { width: 100%; height: 100%; color: var(--mob-hero-text); justify-content: center; align-items: center; font-family: Inter, system-ui, sans-serif; font-size: 1cqw; display: flex; position: absolute; top: 0; left: 0; } .mob_hero_ring_wrap { aspect-ratio: 1; width: 37.42em; position: absolute; top: calc(50% + 2.899em); left: 29.3em; transform: translateY(-50%); } .mob_hero_ring { object-fit: contain; width: 100%; max-width: 100%; height: 100%; position: absolute; } .mob_hero_ring_dash { transform-origin: 113px 115.7px; } .mob_hero_runner { opacity: 1; transform-origin: 113px 116px; } .mob_hero_runner_tail_3 { opacity: .13; fill: none; stroke: var(--mob-hero-run-color); stroke-dasharray: 33 188; stroke-dashoffset: -7px; stroke-linecap: round; stroke-width: calc(var(--mob-hero-run-width) * 1.8); } .mob_hero_runner_tail_2 { opacity: .24; fill: none; stroke: var(--mob-hero-run-color); stroke-dasharray: 23 188; stroke-dashoffset: -17px; stroke-linecap: round; stroke-width: calc(var(--mob-hero-run-width) * 1.5); } .mob_hero_runner_tail_1 { opacity: .4; fill: none; stroke: var(--mob-hero-run-color); stroke-dasharray: 15 188; stroke-dashoffset: -25px; stroke-linecap: round; stroke-width: calc(var(--mob-hero-run-width) * 1.2); } .mob_hero_runner_head { opacity: .95; fill: none; stroke: var(--mob-hero-run-color); stroke-dasharray: 7 188; stroke-dashoffset: -33px; stroke-linecap: round; stroke-width: calc(var(--mob-hero-run-width) * 1); } .mob_hero_dot { fill: var(--mob-hero-dot-color); } .mob_hero_hub { aspect-ratio: 1; background-color: var(--mob-hero-hub-bg); width: 21.85em; box-shadow: -.9934em -1.3245em 1.6556em var(--mob-hero-veil), .6623em 2.649em 2.649em var(--mob-hero-shade), inset 0 -1.6556em 2.3179em var(--mob-hero-tint); border-radius: 50%; justify-content: center; align-items: center; padding: 3.9735em; display: flex; position: absolute; top: 0; left: 0; transform: translateX(37.09em)translateY(21.3572em); } .mob_hero_hub_img_wrap { aspect-ratio: 1; width: 13.9073em; position: relative; } .mob_hero_hub_img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; } .mob_hero_step { grid-column-gap: 1.3245em; grid-row-gap: 1.3245em; align-items: center; width: 31.46em; display: flex; position: absolute; top: 0; left: 0; } .mob_hero_step_1 { transform: translateX(43.54em)translateY(-.1641em); } .mob_hero_step_icon_wrap { aspect-ratio: 1; background-color: var(--mob-hero-icon-bg); width: 8.7748em; box-shadow: -.9934em -1.3245em 1.6556em var(--mob-hero-veil), .6623em 2.649em 2.649em var(--mob-hero-shade), inset 0 -1.6556em 2.3179em var(--mob-hero-tint); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; display: flex; overflow: clip; } .mob_hero_step_icon_img_wrap { aspect-ratio: 1; width: 4.6358em; position: relative; } .mob_hero_step_icon { object-fit: contain; width: 100%; height: 100%; position: absolute; } .mob_hero_step_content { grid-column-gap: .6623em; grid-row-gap: .6623em; flex-direction: column; flex: 1; align-items: flex-start; min-width: 0; display: flex; } .mob_hero_step_title { letter-spacing: -.04em; width: 100%; font-size: 2.3179em; font-weight: 600; line-height: 1.5; } .mob_hero_step_text { width: 100%; color: var(--mob-hero-text-muted); font-size: 1.9868em; font-weight: 400; line-height: 1.5; } .mob_hero_step_2 { transform: translateX(68.54em)translateY(16.8853em); } .mob_hero_step_3 { transform: translateX(0)translateY(16.8853em); } .mob_hero_step_4 { transform: translateX(57.95em)translateY(48.675em); } .mob_hero_step_5 { transform: translateX(5.63em)translateY(48.675em); } .styles, .scripts { display: none; } .pro_hero_wrap { aspect-ratio: 604 / 354; width: 100%; max-width: 37.75rem; position: relative; container-type: inline-size; } .pro_hero_stage { width: 100%; height: 100%; color: var(--pro-hero-text); justify-content: center; align-items: center; font-family: Inter, system-ui, sans-serif; font-size: 1cqw; display: flex; position: absolute; top: 0; left: 0; } .pro_hero_ring_wrap { aspect-ratio: 1; width: 37.42em; position: absolute; top: calc(50% + 2.899em); left: 29.3em; transform: translateY(-50%); } .pro_hero_ring { object-fit: contain; width: 100%; max-width: 100%; height: 100%; position: absolute; } .pro_hero_ring_dash { transform-origin: 113px 115.7px; } .pro_hero_runner { opacity: 1; transform-origin: 113px 116px; } .pro_hero_runner_tail_3 { opacity: .13; fill: none; stroke: var(--pro-hero-run-color); stroke-dasharray: 33 188; stroke-dashoffset: -7px; stroke-linecap: round; stroke-width: calc(var(--pro-hero-run-width) * 1.8); } .pro_hero_runner_tail_2 { opacity: .24; fill: none; stroke: var(--pro-hero-run-color); stroke-dasharray: 23 188; stroke-dashoffset: -17px; stroke-linecap: round; stroke-width: calc(var(--pro-hero-run-width) * 1.5); } .pro_hero_runner_tail_1 { opacity: .4; fill: none; stroke: var(--pro-hero-run-color); stroke-dasharray: 15 188; stroke-dashoffset: -25px; stroke-linecap: round; stroke-width: calc(var(--pro-hero-run-width) * 1.2); } .pro_hero_runner_head { opacity: .95; fill: none; stroke: var(--pro-hero-run-color); stroke-dasharray: 7 188; stroke-dashoffset: -33px; stroke-linecap: round; stroke-width: calc(var(--pro-hero-run-width) * 1); } .pro_hero_dot { fill: var(--pro-hero-dot-color); } .pro_hero_hub { aspect-ratio: 1; background-color: var(--pro-hero-hub-bg); width: 21.85em; box-shadow: -.9934em -1.3245em 1.6556em var(--pro-hero-veil), .6623em 2.649em 2.649em var(--pro-hero-shade), inset 0 -1.6556em 2.3179em var(--pro-hero-tint); border-radius: 50%; justify-content: center; align-items: center; padding: 3.9735em; display: flex; position: absolute; top: 0; left: 0; transform: translateX(37.09em)translateY(21.3572em); } .pro_hero_hub_img_wrap { aspect-ratio: 1; width: 13.9073em; position: relative; } .pro_hero_hub_img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; } .pro_hero_step { grid-column-gap: 1.3245em; grid-row-gap: 1.3245em; align-items: center; width: 31.46em; display: flex; position: absolute; top: 0; left: 0; } .pro_hero_step_1 { transform: translateX(43.54em)translateY(-.1641em); } .pro_hero_step_icon_wrap { aspect-ratio: 1; background-color: var(--pro-hero-icon-bg); width: 8.7748em; box-shadow: -.9934em -1.3245em 1.6556em var(--pro-hero-veil), .6623em 2.649em 2.649em var(--pro-hero-shade), inset 0 -1.6556em 2.3179em var(--pro-hero-tint); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; display: flex; overflow: clip; } .pro_hero_step_icon_img_wrap { aspect-ratio: 1; width: 4.6358em; position: relative; } .pro_hero_step_icon { object-fit: contain; width: 100%; height: 100%; position: absolute; } .pro_hero_step_content { grid-column-gap: .6623em; grid-row-gap: .6623em; flex-direction: column; flex: 1; align-items: flex-start; min-width: 0; display: flex; } .pro_hero_step_title { letter-spacing: -.04em; width: 100%; font-size: 2.3179em; font-weight: 600; line-height: 1.5; } .pro_hero_step_text { width: 100%; color: var(--pro-hero-text-muted); font-size: 1.9868em; font-weight: 400; line-height: 1.5; } .pro_hero_step_2 { transform: translateX(68.54em)translateY(16.8853em); } .pro_hero_step_3 { transform: translateX(0)translateY(16.8853em); } .pro_hero_step_4 { transform: translateX(57.95em)translateY(48.675em); } .pro_hero_step_5 { transform: translateX(5.63em)translateY(48.675em); } .career_richtext { text-wrap: var(--_text-style---text-wrap); } .career_richtext h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .career_richtext h2 { margin-bottom: var(--_text-style---margin-bottom); 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--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .career_richtext h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .career_richtext h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .career_richtext h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .career_richtext h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .career_richtext p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .career_richtext blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); 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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .career_richtext ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .career_richtext li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .career_richtext ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .career_richtext figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .nav_dropdown_icon { width: .75rem; height: .75rem; } .nav_dropdown_icon-img { object-fit: contain; height: 100%; } .nav_dropdown_main_visual { display: none; } .nav_dropdown_main_visual:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: 280px; padding: var(--_spacing---space--3) var(--_spacing---space--3) var(--_spacing---space--4); aspect-ratio: 280 / 200; border-radius: 8px; flex-flow: column; justify-content: flex-end; display: flex; position: relative; overflow: clip; } .nav_dropdown_main_context:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; position: relative; } .nav_dropdown_main_title, .nav_dropdown_main_subtitle { color: #fff; } .testimonial_stack { isolation: isolate; touch-action: pan-y; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .testimonial_slide { pointer-events: none; will-change: transform, opacity; transform-origin: top; grid-area: 1 / 1; display: flex; } .c-paragraph-2 { 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); text-wrap: var(--_text-style---text-wrap); max-width: calc(var(--number) * 1ch); } .c-paragraph-2:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-846f789f-4989-14af-0042-b1913b2303bf) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-paragraph-2:where(.w-variant-8485e734-7a6d-bfe2-a8a7-4c425a86363c) { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_copyright_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-column: span 12; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: space-between; width: 100%; display: grid; } .footer_legal_wrap { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); display: flex; } .footer_copyright_layout { justify-content: space-between; display: flex; } .country_main_content { grid-column-gap: 3.75rem; grid-row-gap: 3.75rem; flex-flow: column; display: flex; } .country_bottom { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .country_item { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); background-color: var(--swatch--light-100); opacity: .5; border-radius: 20px; align-items: center; padding: 1.25rem; display: flex; } .country_img_wrap { border-radius: 200px; width: 5rem; height: 5rem; position: relative; overflow: hidden; box-shadow: -6px -8px 10px #fff9, inset 0 -10px 14px #bdd1a5, 4px 16px 16px #afb9a3; } .country_img { height: 100%; } .country_item_content { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; display: flex; } .automation_content { z-index: 3; flex-flow: column; justify-content: space-between; height: 100%; display: flex; position: relative; } .automation_bg { z-index: 1; position: absolute; inset: 0%; } .automation_bg-img { height: 100%; } .automation_text.u-text-style-h6.u-text-trim-on.u-weight-bold { max-width: 19.0625rem; } .testimonial_decor_wrap { background-image: linear-gradient(270deg, #e3eadb, #e9ebdd 50%, #e3eadb); border-radius: 20px; justify-content: center; align-items: center; width: 7.1875rem; height: 7.1875rem; padding: 2.1rem; display: flex; position: absolute; inset: -15% auto auto 5%; transform: rotate(12deg); box-shadow: inset 0 -10px 14px #bdd1a5; } .testimonial_decor_svg { aspect-ratio: 1; width: 100%; } .tec_integ_wrap { aspect-ratio: 1240 / 430; color: #252525; width: 100%; margin: 0 auto; font-family: Inter, system-ui, sans-serif; position: relative; container-type: inline-size; } .tec_integ_canvas { font-size: 1cqw; position: absolute; inset: 0; } .tec_integ_spine { width: 56.9355em; height: auto; top: 11.129em; left: 21.2903em; overflow: visible; } .tec_integ_dash { animation-name: graphic-tec-integ-dash; animation-duration: 1.1s; animation-timing-function: linear; animation-iteration-count: infinite; } .tec_integ_pulse { fill: none; stroke: #65b61b; stroke-linecap: round; animation-timing-function: linear; animation-iteration-count: infinite; } .tec_integ_pulse.is-t3 { opacity: .15; stroke-dasharray: 30 9999; stroke-width: 3.04px; } .tec_integ_pulse.is-t2 { opacity: .235; stroke-dasharray: 22 9999; stroke-width: 2.48px; } .tec_integ_pulse.is-t1 { opacity: .385; stroke-dasharray: 15 9999; stroke-width: 2px; } .tec_integ_pulse.is-head { stroke-dasharray: 7 9999; stroke-width: 1.6px; filter: drop-shadow(0 0 .16em #65b61bbf) drop-shadow(0 0 .48em #65b61b66); } .tec_integ_pulse.is-l1 { animation-duration: 5.75s; animation-delay: 0s; } .tec_integ_pulse.is-l1.is-t3 { animation-name: graphic-tec-integ-l1-t3; } .tec_integ_pulse.is-l1.is-t2 { animation-name: graphic-tec-integ-l1-t2; } .tec_integ_pulse.is-l1.is-t1 { animation-name: graphic-tec-integ-l1-t1; } .tec_integ_pulse.is-l1.is-head { animation-name: graphic-tec-integ-l1-head; } .tec_integ_pulse.is-l2 { animation-duration: 4.25s; animation-delay: 1.6s; } .tec_integ_pulse.is-l2.is-t3 { animation-name: graphic-tec-integ-l2-t3; } .tec_integ_pulse.is-l2.is-t2 { animation-name: graphic-tec-integ-l2-t2; } .tec_integ_pulse.is-l2.is-t1 { animation-name: graphic-tec-integ-l2-t1; } .tec_integ_pulse.is-l2.is-head { animation-name: graphic-tec-integ-l2-head; } .tec_integ_pulse.is-l3 { animation-duration: 6.25s; animation-delay: 2.9s; } .tec_integ_pulse.is-l3.is-t3 { animation-name: graphic-tec-integ-l3-t3; } .tec_integ_pulse.is-l3.is-t2 { animation-name: graphic-tec-integ-l3-t2; } .tec_integ_pulse.is-l3.is-t1 { animation-name: graphic-tec-integ-l3-t1; } .tec_integ_pulse.is-l3.is-head { animation-name: graphic-tec-integ-l3-head; } .tec_integ_pulse.is-r1 { animation-duration: 5.25s; animation-delay: .7s; } .tec_integ_pulse.is-r1.is-t3 { animation-name: graphic-tec-integ-r1-t3; } .tec_integ_pulse.is-r1.is-t2 { animation-name: graphic-tec-integ-r1-t2; } .tec_integ_pulse.is-r1.is-t1 { animation-name: graphic-tec-integ-r1-t1; } .tec_integ_pulse.is-r1.is-head { animation-name: graphic-tec-integ-r1-head; } .tec_integ_pulse.is-r2 { animation-duration: 6.75s; animation-delay: 2.1s; } .tec_integ_pulse.is-r2.is-t3 { animation-name: graphic-tec-integ-r2-t3; } .tec_integ_pulse.is-r2.is-t2 { animation-name: graphic-tec-integ-r2-t2; } .tec_integ_pulse.is-r2.is-t1 { animation-name: graphic-tec-integ-r2-t1; } .tec_integ_pulse.is-r2.is-head { animation-name: graphic-tec-integ-r2-head; } .tec_integ_pulse.is-r3 { animation-duration: 4.75s; animation-delay: 3.4s; } .tec_integ_pulse.is-r3.is-t3 { animation-name: graphic-tec-integ-r3-t3; } .tec_integ_pulse.is-r3.is-t2 { animation-name: graphic-tec-integ-r3-t2; } .tec_integ_pulse.is-r3.is-t1 { animation-name: graphic-tec-integ-r3-t1; } .tec_integ_pulse.is-r3.is-head { animation-name: graphic-tec-integ-r3-head; } .tec_integ_pulse.is-r4 { animation-duration: 6s; animation-delay: 1.2s; } .tec_integ_pulse.is-r4.is-t3 { animation-name: graphic-tec-integ-r4-t3; } .tec_integ_pulse.is-r4.is-t2 { animation-name: graphic-tec-integ-r4-t2; } .tec_integ_pulse.is-r4.is-t1 { animation-name: graphic-tec-integ-r4-t1; } .tec_integ_pulse.is-r4.is-head { animation-name: graphic-tec-integ-r4-head; } .tec_integ_tree { width: 30.0806em; height: auto; top: 18.9516em; left: 34.9597em; overflow: visible; } .tec_integ_card { box-sizing: border-box; background: #eef5e1; border-radius: 1.6129em; box-shadow: inset 0 0 0 .0806em #2525250d, .1613em .0806em .3226em #0000001a, .4839em .3226em .5645em #00000017, 1.129em .8065em .8065em #0000000d, 1.9355em 1.4516em .9677em #00000003; } .tec_integ_card.is-client { width: 19.7581em; height: 8.4677em; left: 9.1129em; } .tec_integ_card.is-client.is-1 { top: 3.9516em; } .tec_integ_card.is-client.is-2 { top: 13.7097em; } .tec_integ_card.is-client.is-3 { top: 23.4677em; } .tec_integ_card.is-provider { width: 20.9677em; height: 5.8065em; left: 71.2097em; } .tec_integ_card.is-provider.is-1 { top: 4.4355em; } .tec_integ_card.is-provider.is-2 { top: 11.5323em; } .tec_integ_card.is-provider.is-3 { top: 18.629em; } .tec_integ_card.is-provider.is-4 { top: 25.7258em; } .graphic-tec-integ-your-company { width: 13.871em; height: 17.9032em; top: 2.6613em; left: 8.4677em; } .tec_integ_avatar { background: #d1dec2; border-radius: 50%; justify-content: center; align-items: center; display: flex; } .tec_integ_title, .tec_integ_body { font-size: 1em; } .graphic-tec-integ-yarowa { width: 26.2097em; height: 15.7258em; top: 4.2742em; left: 36.2097em; } .tec_integ_card_run { box-sizing: border-box; pointer-events: none; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; padding: .2016em; position: absolute; inset: 0; overflow: hidden; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor, source-over; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); } .graphic-tec-integ-stronger-together { width: 15.9677em; height: 19.0323em; top: 2.6613em; left: 76.2903em; } .tec_integ_benefits { grid-column-gap: .6452em; grid-row-gap: .6452em; flex-direction: column; align-items: center; width: 12.7419em; display: flex; top: 9.0323em; left: 1.6129em; } .tec_integ_benefit { grid-column-gap: .6452em; grid-row-gap: .6452em; color: #25252599; white-space: nowrap; align-items: center; font-size: 1.129em; line-height: 1.5; display: flex; } .tec_integ_check { flex-shrink: 0; width: 1.2903em; height: 1.2903em; } .tec_integ_node { box-sizing: border-box; background: #eef5e1; border-radius: 50%; justify-content: center; align-items: center; display: flex; box-shadow: inset 0 0 0 .0806em #2525250d; } .graphic-tec-integ-connect { width: 4.4355em; height: 4.4355em; top: 9.0323em; left: 27.1774em; } .graphic-tec-integ-connect-label { text-align: center; width: 4.4355em; top: 14.1129em; left: 27.1774em; } .graphic-tec-integ-arrow { width: 4.1935em; height: 4.1935em; top: 9.0323em; left: 67.2581em; } .tec_integ_providers { grid-column-gap: 4.8387em; grid-row-gap: 4.8387em; width: 35.1613em; display: flex; top: 24.7581em; left: 32.4194em; } .tec_integ_provider { grid-column-gap: .6452em; grid-row-gap: .6452em; flex-direction: column; align-items: center; width: 5.1613em; display: flex; } .tec_integ_provider_circle { box-sizing: border-box; background: #eef5e1; border-radius: 50%; justify-content: center; align-items: center; width: 5.1613em; height: 5.1613em; display: flex; box-shadow: inset 0 0 0 .0806em #2525250d, .1613em .0806em .3226em #0000001a, .4839em .3226em .5645em #00000017, 1.129em .8065em .8065em #0000000d, 1.9355em 1.4516em .9677em #00000003; } .tec_integ_provider_icon { width: 2.5806em; height: 2.5806em; } .tec_integ_provider_label { font-size: 1em; } .tec_integ_more { grid-column-gap: .8871em; grid-row-gap: .8871em; align-items: center; font-size: 1em; display: flex; top: 26.6129em; left: 68.8226em; } .tec_integ_more_line { flex-shrink: 0; width: 2.2581em; height: auto; } .i-hero_floating_card { z-index: 5; max-width: 37.5rem; padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); background-color: var(--swatch--light-100); border: 3px solid #fff9; border-radius: 12px; flex-flow: column; flex: none; display: flex; position: absolute; box-shadow: 8px 8px 20px #25252540; } .i-hero_floating_text.u-text-style-h4 { font-weight: var(--_typography---font--primary-regular); text-wrap: wrap; } .graphic-abo-philos-end-customer { --philos-i: 1; padding-top: 2.0161em; top: 3.1452em; left: 42.9032em; } .graphic-abo-philos-analytics-benchmarks { --philos-i: 6; padding-top: 2.8226em; top: 23.3065em; left: 42.9032em; } .graphic-abo-philos-trusted-providers { --philos-i: 3; padding-top: 1.7742em; top: 28.9516em; left: 26.6129em; } .graphic-abo-philos-principal { --philos-i: 2; padding-top: 2.4194em; top: 28.9516em; left: 59.1935em; } .graphic-abo-philos-service { --philos-i: 4; top: 19.3548em; left: 30.3226em; } .graphic-abo-philos-innovation { --philos-i: 4; top: 19.3548em; left: 59.7581em; } .graphic-abo-philos-efficiency { --philos-i: 5; top: 40.3226em; left: 45em; } .graphic-abo-philos-pair-end-customer { --philos-i: 8; width: 23.2258em; top: 4.3548em; left: 7.9839em; } .graphic-abo-philos-pair-trusted-providers { --philos-i: 9; width: 20em; top: 27.3387em; left: 3.2258em; } .graphic-abo-philos-pair-principal { --philos-i: 10; width: 21.6129em; top: 26.4516em; left: 74.4355em; } .m-news_category_wrap { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; display: flex; } .m-news_card_wrap.u-grid-autofill { --_column-count---value: 3; grid-template-columns: repeat(auto-fill, minmax(min(max(15rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .m-news_card_wrap.u-grid-custom { grid-row-gap: var(--_spacing---space--10); --_column-count---value: 3; } .m-news_category_item.u-color-faded.u-text-style-large { font-weight: var(--_typography---font--primary-semibold); } .j-position_contain.u-container { padding-top: var(--_spacing---section-space--xlarge); padding-bottom: var(--_spacing---section-space--xlarge); } .j-position_layout.u-grid-above { --_column-count---value: 2; } .j-position_content { padding: var(--_spacing---space--7) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .j-position_card_wrap { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); counter-reset: job-counter; flex-flow: column; display: flex; } .j-position_card { counter-increment: job-counter; background-color: #ffffff1a; border-radius: 24px; flex: none; padding: .5rem; display: flex; position: relative; box-shadow: inset 4px 4px 30px #ffffff1a, 2px 2px 3px #4a642c1a, 7px 2px 10px #4a642c33, -4px -4px 10px #fff9, 0 10px 16px #e0e8eb7a, inset 0 0 31.9px #e0e5eb; } .j-position_box_wrap { width: 11.25rem; padding: var(--_spacing---space--5); background-color: #e3eadb; border: 1.5px solid #fff3; border-radius: 15px; flex-flow: column; flex: none; justify-content: space-between; display: flex; position: relative; } .j-position_box_icon { width: 2.25rem; height: 2.25rem; position: relative; } .j-position_box_order { position: relative; } .j-position_meta_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .m-news_category_form-block { margin-bottom: 0; } .m-news_category_form { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: flex-start; align-items: center; display: flex; } .m-news_category_radio-field { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); margin-bottom: 0; padding-left: 0; } .m-news_category_radio-field.is-active { color: #65b61b; border-bottom: 1px solid #65b61b; } .m-news_category_radio { margin-top: 0; margin-left: 0; display: none; } .m-news_category_radio_list { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: flex-start; align-items: center; display: flex; } .j-position_meta_item { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .j-position_meta_value.u-color-faded-80 { display: flex; } .j-position_title.u-text-style-h4 { font-weight: var(--_typography---font--primary-bold); } .tec_integ_wires { width: 100%; height: 100%; top: 0; left: 0; overflow: visible; } .tec_integ_arrow { fill: none; stroke: #b1bda2; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px; } .tec_integ_badge { background: #eef1e3; border-radius: 50%; justify-content: center; align-items: center; display: flex; } .tec_integ_txt { grid-column-gap: .3226em; grid-row-gap: .3226em; flex-direction: column; justify-content: center; display: flex; } .tec_integ_t { font-size: 1.0484em; font-weight: 600; line-height: 1.4; } .tec_integ_b { color: #25252599; font-size: .9677em; font-weight: 400; line-height: 1.4; } .tec_integ_hub { background: #eef5e1; border-radius: 1.6129em; width: 26.2097em; height: 15.4839em; top: 10.2016em; left: 36.9355em; box-shadow: 0 .0806em .3226em #0000001a, 0 .3226em .5645em #00000017, 0 .8065em .8065em #0000000d, 0 1.4516em .9677em #00000003, 0 2.1774em 1.0484em #0000; } .tec_integ_lede { text-align: center; width: 24.2742em; font-size: 1em; top: 6.7742em; left: .9677em; } .tec_integ_rule { background: #2525251a; width: 24.2742em; height: 1px; top: 11.129em; left: .9677em; } .tec_integ_pills { width: 24.2742em; height: 2.4194em; top: 12.0968em; left: .9677em; } .tec_integ_pill { text-align: center; font-size: 1em; position: absolute; top: 0; } .tec_integ_pill.is-1 { width: 4.8387em; left: 0; } .tec_integ_pill.is-2 { width: 5.6452em; left: 6.2097em; } .tec_integ_pill.is-3 { width: 4.8387em; left: 13.2258em; } .tec_integ_pill.is-4 { width: 4.8387em; left: 19.4355em; } .tec_integ_hub_run { box-sizing: border-box; pointer-events: none; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; padding: .2016em; position: absolute; inset: 0; overflow: hidden; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor, source-over; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); } .section_tag_wrap { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border-top: 1px solid #2525251a; flex-flow: wrap; justify-content: space-between; width: 100%; padding-top: 1.25rem; display: flex; } .footer_bottom_svg_wrap { overflow: clip; } .testimonial_cube-small { opacity: .3; border-radius: .81rem; width: 4.88rem; height: 4.88rem; position: absolute; inset: auto 0% 2em auto; transform: rotate(-8.5deg); box-shadow: inset 0 -6.794px 9.512px #bdd1a5; } .career-form_form-block { margin-bottom: 0; } .career-form_form { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; display: flex; } .career-form_2-col { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: end; display: grid; } .c-login_logo_wrap { flex: none; width: 15rem; height: 15rem; } .country_main_right { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; justify-content: center; align-items: center; display: flex; } .features_item_overlay { z-index: 1; position: absolute; inset: 0%; } .career-form_top_desc_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .career-form_top_col.u-grid-autofill { grid-column-gap: 1rem; grid-row-gap: 1rem; --_column-count---value: 2; grid-template-columns: repeat(auto-fill, minmax(min(max(10rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .career-form_top_info { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .career-form_form_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .career-form_form_bottom { grid-column-gap: var(--_spacing---space--9); grid-row-gap: var(--_spacing---space--9); flex-flow: column; display: flex; } .integration_logo_contain.u-container { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .integration_logo_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .logo_collection_wrap { width: 100%; display: flex; position: relative; overflow: clip; } .logo_collection_list_wrap { flex-flow: row; flex: none; display: flex; position: relative; overflow: clip; } .logo_collection_list { flex-flow: row; flex: none; display: flex; } .logo_collection_item { height: 3.75rem; margin-right: var(--_spacing---space--12); flex: none; position: relative; } .logo_collection_item.u-opacity { opacity: .3; } .logo_collection_overlay { pointer-events: none; background-image: linear-gradient(90deg, #0000, #f8f8f8); width: 17%; } .logo_collection_overlay.is-right { background-image: linear-gradient(90deg, #0000, #f8f8f8); position: absolute; inset: 0% 0% 0% auto; } .logo_collection_overlay.is-left { background-image: linear-gradient(90deg, #f8f8f8, #0000); position: absolute; inset: 0% auto 0% 0%; } .platform_contain.u-container { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .platform_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .networks_contain.u-container { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .networks_layout.u-grid-autofill { --_column-count---value: 4; } .networks_card { min-height: 13.75rem; padding: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); border-radius: var(--radius--main); border: 1px solid #2525251a; flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; overflow: hidden; } .networks_icon_wrap { aspect-ratio: 1; background-color: var(--swatch--light-300); border-radius: .75rem; justify-content: center; align-items: center; height: 2.75rem; display: flex; position: relative; } .networks_icon { aspect-ratio: 1; flex: none; height: 1.5rem; position: relative; } .networks_card_content { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .platform_visual_wrap { width: 100%; margin-left: auto; margin-right: auto; } .automation_overlay { position: absolute; inset: 0%; } .tec_integ_group { pointer-events: none; position: absolute; inset: 0; } .tec_integ_flow { display: none; } .notfound_wrap { background-color: #e5f0d8; } .notfound_wrap.u-section { min-height: 100svh; padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--xlarge); background-image: linear-gradient(180deg, var(--_theme---brand-tint), var(--_theme---brand-pale)); overflow: clip; } .notfound_deco_wrap { pointer-events: none; padding: 0; position: absolute; inset: 0; overflow: clip; } .notfound_cube_wrap { justify-content: center; align-items: center; padding: 0; display: flex; position: absolute; } .notfound_cube_wrap.is-1 { aspect-ratio: 1; width: 6.432rem; top: 0; left: 66.67%; transform: translateX(9.5rem)translateY(11.5rem); } .notfound_cube_wrap.is-2 { aspect-ratio: 1; width: 11.9554rem; top: 0; left: 75%; transform: translateX(4.5rem)translateY(24.5rem); } .notfound_contain.u-container { flex: 0 auto; } .notfound_layout { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); flex-direction: column; align-items: flex-start; width: 100%; display: flex; } .notfound_head { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-direction: column; align-items: flex-start; width: 100%; display: flex; } .notfound_head_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-direction: column; align-items: flex-start; width: 100%; display: flex; } .notfound_eyebrow.u-text-style-large { background-image: linear-gradient(98.12deg, var(--_theme---brand) 27.364%, var(--_theme---brand-soft) 124.05%); color: #0000; font-weight: var(--_typography---font--primary-bold); letter-spacing: var(--_typography---letter-spacing--tight-4); text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; margin-bottom: 0; } .notfound_title.u-text-style-h1 { background-image: linear-gradient(180deg, var(--_theme---text), var(--_theme---text-meta)); color: #0000; -webkit-text-fill-color: transparent; ---mode--collection-d056d05f-0078-8374-471a-9be9fa04ec7a: mode-c8f9295e-be3a-d63d-2e45-c42c2e6a7b3d; letter-spacing: var(--_typography---letter-spacing--tight-6); -webkit-background-clip: text; background-clip: text; margin-bottom: 0; } .notfound_text.u-text-style-main { color: var(--_theme---text-muted); margin-bottom: 0; } .notfound_actions.u-button-group { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .sitemap_wrap { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); --sitemap--num-width: 2.5rem; --sitemap--step: calc(var(--sitemap--num-width) + var(--_spacing---space--5)); flex-direction: column; align-items: flex-start; width: 100%; display: flex; } .sitemap_title.u-text-style-main { font-weight: var(--_typography---font--primary-semibold); letter-spacing: var(--_typography---letter-spacing--tight-4); color: var(--_theme---text-muted); margin-bottom: 0; } .sitemap_list { flex-direction: column; width: 100%; display: flex; } .sitemap_group { width: 100%; padding-left: var(--sitemap--step); flex-direction: column; display: flex; } .sitemap_group.is-flat { padding-left: 0; } .sitemap_lead { width: 100%; padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); border-bottom: 1px solid var(--pro-hero-shade); align-items: baseline; display: flex; } .sitemap_num { width: var(--sitemap--num-width); font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---line-height--2); font-weight: var(--_typography---font--primary-bold); letter-spacing: var(--_typography---letter-spacing--tight-2); font-variant-numeric: tabular-nums; color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-shrink: 0; } .sitemap_num.u-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .sitemap_name.u-text-style-h6 { color: var(--_theme---text); letter-spacing: var(--_typography---letter-spacing--tight-4); ---mode--collection-d056d05f-0078-8374-471a-9be9fa04ec7a: mode-f63d460f-1636-ab4b-f042-5f9c8b37c810; margin-bottom: 0; } .sitemap_row_wrap { width: 100%; padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); padding-left: var(--sitemap--step); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); transform: translateX(calc(.375rem * var(--_trigger---off))); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); justify-content: space-between; align-items: baseline; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; } .sitemap_row_wrap:hover { color: color-mix(in srgb, var(--_theme---text) 80%, transparent); } .sitemap_row_wrap.u-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .sitemap_row_text { font-size: var(--_typography---font-size--text-main); line-height: var(--_typography---line-height--2); font-weight: var(--_typography---font--primary-medium); letter-spacing: var(--_typography---letter-spacing--tight-3); color: color-mix(in srgb, var(--_theme---text-subtle) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); transition: color var(--duration--hover) var(--ease--out); } .notfound_header { width: 100%; } .handbuch_bullet_item { grid-column-gap: 10px; grid-row-gap: 10px; opacity: .6; justify-content: flex-start; align-items: center; display: flex; } .handbuch_bullet { background-color: var(--_theme---text); width: 6px; height: 6px; color: color-mix(in srgb, var(--_theme---text) 60%, transparent); border-radius: 100%; flex: none; } .j-position_sticky { top: var(--_spacing---section-space--page-top); position: sticky; } .contact_main_form-block.is-de, .contact_main_form-block.is-ch { display: none; } .m-hero_visual_wrap { flex-flow: column; justify-content: center; align-items: center; display: flex; } .cta_header { z-index: 3; position: relative; } .u-width-auto { width: auto; } @media screen and (max-width: 991px) { .form_main_field { text-align: left; } .nav_button_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_mobile_logo:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { width: 9rem; } .nav_mobile_logo.w--current { width: 8rem; } .footer_group_wrap { grid-column: span 4; } .footer_content { flex: 0 auto; grid-column: span 4; } .footer_layout.u-grid-above { flex-flow: wrap; display: flex; } .footer_layout.u-grid-custom { grid-column-gap: var(--_spacing---space--10); grid-row-gap: 1.25rem; --_column-count---value: 4; grid-template-rows: auto auto; grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); } .footer_nav { display: contents; } .m-hero_visual { width: 95vw; margin-left: -.5rem; } .cube_wrap.is-404 { right: -6%; } .cube_wrap.is-cta { margin-top: -3em; } .cube_item.is-1.is-news { display: none; } .cube_item.is-2.is-news { width: 4.5rem; } .security_icon { width: 3.75rem; } .cta_wrap { z-index: 2; min-height: auto; position: relative; } .philosophy_list.u-grid-custom { --_column-count---value: 2; } .testimonial_main { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .testimonial_nav { margin-top: 5.5rem; position: relative; } .value_card_wrap.u-grid-custom { --_column-count---value: 2; } .value_card_item { min-height: auto; } .why_card_wrap.u-grid-custom, .location_list.u-grid-custom { --_column-count---value: 2; } .contact_main_content { grid-column-gap: 5rem; grid-row-gap: 5rem; } .m-news_layout.u-grid-custom { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); --_column-count---value: 2; } .kpi_list.u-grid-custom, .kpi_list.u-grid-custom.u-gap-0 { --_column-count---value: 2; } .kpi_logo_item { width: fit-content; height: 1.25rem; } .benefit_visual { aspect-ratio: auto; } .product-item_layout.u-grid-custom { --_column-count---value: 1; } .product-item_visual:where(.w-variant-2937b1f3-45c2-88e9-209b-7e03909c5343) { order: -1; } .features_list.u-grid-custom { --_column-count---value: 2; } .hit_layout.u-grid-custom { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); --_column-count---value: 1; } .d-job_layout.u-grid-custom { display: flex; } .cube-2_wrap.u-hide-tablet { display: none; } .k-benefit_list.u-grid-custom { --_column-count---value: 1; } .k-benefit_line { display: none; } .hit_graphic_icon_wrap:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { align-items: center; } .integration_list.u-grid-custom { --_column-count---value: 2; } .m-cube_wrap.is-2 { display: none; } .pro_hero_wrap { max-width: none; } .testimonial_stack { z-index: 3; } .country_main_content { grid-column-gap: 5rem; grid-row-gap: 5rem; } .country_img_wrap { width: 3rem; height: 3rem; } .testimonial_decor_wrap { display: none; } .testimonial_decor_wrap.is-about { border-radius: 1rem; width: 3.88rem; height: 3.88rem; padding: 1rem; display: block; } .testimonial_decor_wrap.is-solutions { width: 3.88rem; height: 3.88rem; padding: 1rem; display: block; top: -30%; left: 0%; } .m-news_card_wrap.u-grid-custom { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); --_column-count---value: 2; } .testimonial_cube-small { bottom: -1em; } .logo_collection_item { width: fit-content; height: 3rem; } .notfound_wrap.u-section { min-height: 0; } .notfound_cube_wrap.is-1 { width: 4.5rem; left: 70%; transform: translateX(3rem)translateY(6rem); } .notfound_cube_wrap.is-2 { width: 7rem; left: 78%; transform: translateX(2rem)translateY(17rem); } .handbuch_bullet_link { text-decoration: underline; } } @media screen and (max-width: 767px) { .footer_link_text.u-text-style-small { font-size: .625rem; } .footer_layout { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .footer_layout.u-grid-above { grid-column-gap: 2rem; grid-row-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (90 - 20) * 20)) * 1rem + ((4 - 2.5) / (90 - 20)) * 100vw), 4 * 1rem); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); } .footer_link_wrap { font-size: clamp(.75 * 1rem, ((.75 - ((1 - .75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); } .u-text-style-tiny.u-color-faded.is-copyright { width: fit-content; font-size: .625rem; } .section_subheading:where(.w-variant-9b5d7b3e-6b86-849f-c2a3-64ac0fd990aa) { flex-flow: column; justify-content: space-between; align-items: flex-start; } .cube_wrap { grid-column-gap: 4rem; grid-row-gap: 4rem; inset: 0% 5% auto auto; } .cube_wrap.is-news { inset: auto 0% 10% auto; } .cube_wrap.is-404 { right: 2%; } .cube_wrap.is-cta { margin-top: 3em; } .cube_item.is-1 { width: 3rem; } .cube_item.is-2 { width: 3.25rem; } .cube_item.is-2.is-news { width: 3rem; } .security_item { text-align: center; align-items: center; } .cta_contain.u-container.u-padding-block-xlarge.u-position-relative { padding-top: 2.75rem; padding-bottom: 2.75rem; } .testimonial_card { padding-top: 3rem; padding-bottom: 3rem; } .testimonial_image.is-company { height: 1.5rem; } .value_card_wrap.u-grid-custom { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); --_column-count---value: 2; } .value_card_item { height: 100%; min-height: auto; } .value_card_logo { width: 2.5rem; height: 2.5rem; padding: .5rem; } .value_card_content { height: 100%; } .why_card_wrap.u-grid-custom { --_column-count---value: 2; } .why_card_item { padding: var(--_spacing---space--2); } .why_card_svg { width: 2.75rem; height: 2.75rem; } .d-hero_wrap.u-background-tint { min-height: auto; } .location_list.u-grid-custom { grid-column-gap: .5rem; grid-row-gap: .75rem; } .location_flag { width: 2.75rem; } .benefit_visual.is-landscape { aspect-ratio: 578 / 296; } .features_subheading.u-text-style-small.u-color-faded { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .d-job_title.u-text-style-h1 { font-size: 2rem; } .d-job_tag.u-text-style-h4 { font-size: .88rem; } .d-job_item-heading.u-text-style-h2 { font-size: 1.5rem; } .s-benefit_icon_wrap { width: 2.75rem; height: 2.75rem; } .sec-comp_main.u-alignment-center { width: 100%; } .sec-comp_logo { height: 2.5rem; } .sec-comp_logo_wrap { width: 100%; } .m-cube_wrap.is-1 { width: 3.875rem; top: 22em; } .career_richtext h2 { font-size: 1.5rem; } .footer_legal_wrap { flex-flow: wrap; justify-content: flex-end; align-items: flex-start; } .footer_legal_text { font-size: .625rem; } .footer_copyright_layout { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: row; grid-template-rows: auto; grid-template-columns: .5fr 1fr; grid-auto-columns: 1fr; display: grid; } .u-text-mobile-10px { font-size: .625rem; } .testimonial_decor_wrap { top: -35%; left: 1%; } .i-hero_floating_card { max-width: 25rem; } .j-position_box_order.u-text-style-h2.u-text-color-gradient-black { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight-3); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .j-position_title.u-text-style-h4 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text-mobile-12px { font-size: .75rem; } .u-text-mobile-20px { font-size: 1.25rem; } .u-max-width-unset-mobile { max-width: none; } .testimonial_cube-small { width: 3.88rem; height: 3.88rem; bottom: 0; } .logo_collection_item { height: 2.5rem; } .notfound_cube_wrap.is-1, .notfound_cube_wrap.is-2 { display: none; } .sitemap_wrap { --sitemap--num-width: 1.75rem; } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } .button_main_text { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_logo_wrap { width: 2.5rem; height: 2.5rem; } .footer_nav { flex-flow: wrap; } .button_main_element { min-height: auto; } .tag_text.u-text-style-medium.u-weight-bold.u-text-transform-uppercase { font-size: var(--_typography---font-size--text-super-tiny); overflow: scroll; } .automation_item.u-theme-dark { aspect-ratio: 273 / 252; } .automation_visual-img.is-landsacepe { object-position: 82% 50%; } .automation_logo.u-position-relative { width: 4.5rem; } .cube_wrap.is-news { bottom: 24%; right: -3%; } .cube_wrap.is-404 { display: none; } .cube_wrap.is-locations { margin-top: 1em; } .cube_wrap.is-cta { margin-top: 1.2em; } .cube_item.is-1 { transform: translate(-70%)rotate(16deg); } .cube_item.is-2 { width: 3rem; } .i-hero_visual_wrap { aspect-ratio: 343 / 210; } .testimonial_nav { position: absolute; } .testimonial_card { padding: 2rem 1rem; } .testimonial_meta { flex-flow: row; } .why_card_item { flex-flow: column; justify-content: space-between; align-items: flex-start; min-height: 10rem; } .location_item { min-height: 11.25rem; } .benefit_visual { aspect-ratio: auto; } .hit_graphic_wrap { aspect-ratio: 1; width: auto; max-width: none; height: 5rem; margin-top: auto; margin-bottom: auto; } .hit_graphic_wrap:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { max-width: 5rem; height: 100%; } .hit_graphic_icon { aspect-ratio: auto; flex: 0 auto; width: auto; } .hit_graphic_icon.is-small:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { width: 2rem; height: 2rem; } .hit_context { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .hit_context:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .hit_heading.u-text-style-h4.u-weight-bold.u-text-color-gradient-black, .s-benefit_title.u-text-style-h6.u-weight-semibold { font-size: var(--_typography---font-size--text-small); } .hit_graphic_icon_number.u-text-color-gradient-black.u-line-height-1:where(.w-variant-22af8d4b-1e0c-1578-6454-75d3b557ba2c) { font-size: 1rem; } .report_2-col { grid-template-columns: 1fr 1fr; } .m-cube_wrap.is-1 { width: 3.25rem; top: 20em; } .security_subheading.u-text-style-h4.u-text-trim-on.u-color-faded { font-size: var(--_typography---font-size--text-tiny); } .automation_text.u-text-style-h6.u-text-trim-on.u-weight-bold { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); max-width: 10rem; } .testimonial_decor_wrap.is-about { top: -37%; left: -4%; } .i-hero_floating_card { max-width: 18.75rem; } .i-hero_floating_tag.u-color-faded, .i-hero_floating_text.u-text-style-h4 { font-size: var(--_typography---font-size--text-small); } .m-news_category_item.u-text-style-large.u-weight-semibold { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .j-position_content { padding: var(--_spacing---space--3) var(--_spacing---space--4); } .j-position_box_wrap { align-items: center; width: 6.5rem; } .m-news_category_form { width: 100vw; margin-left: calc(var(--site--margin) * -1); position: relative; left: -50%; overflow: auto; transform: translate(50%); } .m-news_category_radio-field { flex: none; } .j-position_title.u-text-style-h4 { --_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--5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } } #w-node-_81ad6a3b-8c7c-2e78-7d85-f8ce75563035-62defcb7 { grid-column: span 2 / span 2; } #w-node-_29394d2f-cd0c-8059-7e15-66f9381499a5-3814999f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-a7c46b9d-bea1-58ac-f326-2a50e7850c75-e7850c74:where(.w-variant-d816ebff-6dfc-f3a9-dfbf-4b27c4bc60b6), #w-node-a7c46b9d-bea1-58ac-f326-2a50e7850c75-e7850c74:where(.w-variant-4e431306-ea6a-dd08-3240-534aa6b58509) { order: 9999; } #w-node-fda783db-8b88-0b01-2ec3-eb658dfe9ca4-62defcda { align-self: stretch; } @media screen and (max-width: 991px) { #w-node-a7c46b9d-bea1-58ac-f326-2a50e7850c79-e7850c74 { order: -9999; } } @media screen and (max-width: 479px) { #w-node-_81ad6a3b-8c7c-2e78-7d85-f8ce75563035-62defcb7 { grid-column: span 2 / span 2; } }