:root { --_theme---background\: var(--swatch--light\); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark-grey); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_theme---text\: var(--swatch--dark-purple); --swatch--white: white; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --swatch--black: #272433; --_typography---font-size--h4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((1.5 - 1.25) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 1.5 * 1rem); --_spacing---space--6: var(--size--1rem); --size--0-5rem: .5rem; --size--1rem: 1rem; --_spacing---space--7: var(--size--1-25rem); --swatch--bright-pink: #eb2172; --container--main: 90rem; --container--small: 90rem; --container--full: 90rem; --_spacing---space--5: var(--size--0-75rem); --_spacing---space--10: var(--size--3rem); --site--gutter: 1rem; --size--0rem: 0rem; --_spacing---space--1: var(--size--0-125rem); --_spacing---space--2: var(--size--0-25rem); --_spacing---space--3: var(--size--0-375rem); --_spacing---space--4: var(--size--0-5rem); --_spacing---space--8: var(--size--1-5rem); --_typography---font--primary-family: Inter, Arial, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --radius--small: .5rem; --radius--main: .75rem; --radius--round: 100vw; --swatch--off-white: #fcfcfc; --border-width--main: .094rem; --_theme---border\: var(--swatch--dark-faded\); --size--0-75rem: .75rem; --_typography---line-height--1: 1; --swatch--transparent: transparent; --size--1-5rem: 1.5rem; --swatch--brand\: #69ff81; --size--3rem: 3rem; --swatch--dark-grey: #534f61; --swatch--dark-purple: #3a2b7c; --_theme---button-primary--background: var(--swatch--dark-purple); --_theme---button-primary--text: var(--swatch--white); --_theme---button-primary--border: var(--swatch--dark-purple); --swatch--purple-opacity-70: #392a7ab3; --_theme---button-secondary--background: var(--swatch--transparent); --swatch--white-opacity-50: #ffffff80; --swatch--light-purple: #f2edff; --_theme---button-secondary--border-hover: var(--swatch--bright-purple); --_theme---button-secondary--text-hover: var(--swatch--bright-purple); --swatch--bright-purple: #754ddb; --_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\); --_spacing---section-space--small: var(--size--5rem); --site--margin: 0px; --size--0-125rem: .125rem; --_spacing---section-space--none: var(--size--0rem); --_spacing---section-space--main: var(--size--7rem); --_spacing---section-space--large: var(--size--10rem); --_spacing---section-space--page-top: var(--size--14rem); --focus--offset-inner: -.125rem; --column-width--4: 0px; --size--2-625rem: 2.625rem; --size--2rem: 2rem; --_theme---button-arrow--text: var(--swatch--dark-purple); --size--1-25rem: 1.25rem; --swatch--middle-purple: #ad8cff; --_spacing---space--9: var(--size--2rem); --swatch--extra-light-grey: #edebf0; --_typography---font-size--text-medium: var(--size--1-375rem); --_typography---font--heading-family: PlusJakartaSans, Arial, sans-serif; --swatch--gradient-text-1: #5226bf; --swatch--gradient-text-2: #8960f0; --_theme---background: var(--swatch--white); --swatch--middle-grey: #7a7399; --_spacing---space--11: var(--size--4rem); --_spacing---space--12: var(--size--6rem); --size--1-125rem: 1.125rem; --size--6rem: 6rem; --_typography---font--primary-semibold: 600; --radius--medium: 1rem; --_typography---font-size--text-small: var(--size--1rem); --swatch--off-black: #272433; --swatch--extra-light-purple: #f4f2fa; --_typography---font-size--display: clamp(1.75 * 1rem, ((1.75 - ((3.125 - 1.75) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((3.125 - 1.75) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 3.125 * 1rem); --_typography---line-height--1-2: 1.2; --_typography---font-size--text-tiny: var(--size--0-875rem); --swatch--purple-opacity-20: #392a7a1f; --_typography---font-size--h3: clamp(1.375 * 1rem, ((1.375 - ((2 - 1.375) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((2 - 1.375) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 2 * 1rem); --_typography---font-size--h5: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((1.25 - 1) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 1.25 * 1rem); --_typography---font-size--text-regular: var(--size--1-25rem); --_typography---font-size--text-main: var(--size--1-125rem); --swatch--light-grey: #c8c5d6; --_typography---letter-spacing--0-02em: -.02em; --swatch--white-opacity-20: #fff3; --_theme---button-pagination-arrow--text: var(--swatch--white); --_typography---font-size--h2-big: clamp(1.5 * 1rem, ((1.5 - ((2.65 - 1.5) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((2.65 - 1.5) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 2.65 * 1rem); --_typography---font-size--h2: clamp(1.5 * 1rem, ((1.5 - ((2.25 - 1.5) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((2.25 - 1.5) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 2.25 * 1rem); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_alignment---flex: var(--align--flex-start); --_alignment---text: var(--align--text-left); --site--width: 90rem; --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --_theme---border: white; --_theme---text-link--text: var(--swatch--dark-grey); --_theme---text-link--text-hover: var(--swatch--black); --_theme---button-pagination-arrow--background: var(--swatch--purple-opacity-40); --_theme---button-pagination-arrow--background-hover: var(--swatch--dark-purple); --_theme---button-video--background: var(--swatch--white); --_theme---button-video--text: var(--swatch--dark-purple); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --size--0-25rem: .25rem; --size--0-375rem: .375rem; --size--0-875rem: .875rem; --_theme---button-secondary--border: var(--swatch--dark-purple); --size--1-375rem: 1.375rem; --size--1-75rem: 1.75rem; --size--2-25rem: 2.25rem; --size--2-75rem: 2.75rem; --size--3-125rem: 3.125rem; --size--3-5rem: 3.5rem; --size--4rem: 4rem; --size--4-5rem: 4.5rem; --size--5rem: 5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7rem: 7rem; --_theme---button-secondary--text: var(--swatch--dark-purple); --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--10rem: 10rem; --size--11rem: 11rem; --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --_typography---font--heading-trim-top: .3em; --_typography---font--heading-trim-bottom: .35em; --_typography---letter-spacing--0em: 0em; --_typography---letter-spacing--0-01em: -.01em; --_typography---letter-spacing--0-03em: -.03em; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-15: 1.15; --_typography---line-height--1-3: 1.3; --_typography---line-height--1-35: 1.35; --_typography---line-height--1-45: 1.45; --_typography---line-height--1-5: 1.5; --_typography---line-height--1-55: 1.55; --_typography---font-size--text-large: var(--size--1-75rem); --_typography---font-size--h6: var(--size--1-125rem); --_typography---font-size--h1: clamp(1.675 * 1rem, ((1.675 - ((2.75 - 1.675) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min)) * var(--_typography---screen-size--min))) * 1rem + ((2.75 - 1.675) / (var(--_typography---screen-size--max) - var(--_typography---screen-size--min))) * 100vw), 2.75 * 1rem); --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --_typography---text-transform--none: 0px; --_typography---text-transform--uppercase: 0px; --_typography---text-transform--capitalize: 0px; --_typography---text-transform--lowercase: 0px; --_typography---screen-size--min: 20; --_typography---screen-size--max: 90; --swatch--white-opacity-08: #ffffff14; --swatch--white-opacity-12: #ffffff1f; --swatch--white-opacity-80: #fffc; --swatch--purple-opacity-06: #392a7a0f; --swatch--purple-opacity-40: #392a7a66; --swatch--gradient-line-1: #fff0; --swatch--gradient-line-2: #ede8ffcc; --swatch--gradient-line-3: #fff0; --swatch--gradient-radial-1: #8960f00d; --swatch--gradient-radial-2: #1b0f4d99; --swatch--gradient-radial-3: #392a7a; --swatch--light\: white; --swatch--dark-faded\: #3532331a; --swatch--light-faded\: #ffffff1a; --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--dark-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--dark-purple); --_theme---button-primary--border-hover\: var(--swatch--dark-purple); --_theme---button-secondary--border-hover\: var(--swatch--dark-purple); --_theme---button-primary--background-hover\: var(--swatch--dark-purple); --_theme---button-secondary--background-hover\: var(--swatch--dark-purple); --_theme---button-primary--text-hover\: var(--swatch--light\); --_theme---button-secondary--text-hover\: var(--swatch--light\); --swatch--brand-text\: var(--swatch--dark-purple); } 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); } 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: ""; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-theme-dark { background-color: var(--_theme---background\); color: var(--swatch--white); --_theme---background\: var(--swatch--dark-purple); --_theme---text: var(--swatch--white); --_theme---text\: var(--swatch--light\); --_theme---border\: var(--swatch--light-faded\); --_theme---button-primary--background: var(--swatch--off-white); --_theme---button-primary--text: var(--swatch--off-black); --_theme---button-primary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--light-purple); --_theme---button-secondary--text-hover: var(--swatch--light-purple); --_theme---button-arrow--text: var(--swatch--extra-light-purple); --_theme---background: var(--swatch--dark-purple); --_theme---button-pagination-arrow--text: var(--swatch--dark-purple); --_theme---border: white; --_theme---text-link--text: var(--swatch--light-grey); --_theme---text-link--text-hover: var(--swatch--white); --_theme---button-pagination-arrow--background: var(--swatch--white-opacity-50); --_theme---button-pagination-arrow--background-hover: var(--swatch--white); --_theme---button-video--background: var(--swatch--dark-purple); --_theme---button-video--text: var(--swatch--white); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--text: var(--swatch--extra-light-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--light-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--light\); --_theme---button-primary--border-hover\: var(--swatch--light\); --_theme---button-secondary--border-hover\: var(--swatch--light\); --_theme---button-primary--background-hover\: var(--swatch--light\); --_theme---button-secondary--background-hover\: var(--swatch--light\); --_theme---button-primary--text-hover\: var(--swatch--dark-purple); --_theme---button-secondary--text-hover\: var(--swatch--dark-purple); } .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--heading-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-35); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; 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); text-wrap: balance; 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; 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); text-wrap: balance; 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; 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); text-wrap: balance; 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--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; 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); text-wrap: pretty; 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--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .u-text-style-small.u-color-darkgrey { color: var(--_theme---text); } .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); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .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); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .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--heading-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .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--heading-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-35); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .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); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .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); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); text-wrap: pretty; } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); padding-top: var(--size--0-5rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1rem); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); border-left-style: solid; border-left-width: .2rem; } .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---flex); 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); } .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---flex); 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-rich-text strong { color: var(--swatch--bright-pink); font-weight: 600; } .u-container { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-container-small { max-width: var(--container--small); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-container-small.u-alignment-center.u-position-relative { z-index: 5; z-index: 5; z-index: 5; } .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-btn-group { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); align-content: center; align-items: center; justify-content: var(--_alignment---flex); flex-flow: wrap; display: flex; } .u-btn-group.is-hero { margin-top: var(--_spacing---space--10); } .u-btn-group.is-hero.u-color-white { color: var(--swatch--white); } .u-hflex-left-center.u-gap-4, .u-hflex-left-center.u-gap-4.u-grid-flex.u-mb-4 { justify-content: flex-start; align-items: center; } .u-hflex-left-center { place-content: center flex-start; align-items: center; display: flex; } .u-hflex-left-center.u-gap-4, .u-hflex-left-center.u-gap-4.u-grid-flex.u-mb-4, .u-hflex-left-center.u-gap-4, .u-hflex-left-center.u-gap-4.u-grid-flex.u-mb-4 { justify-content: flex-start; align-items: center; } .u-hflex-left-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .u-vflex-center-center.cursor-hide { cursor: none; } .u-grid-tablet { 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-main); display: grid; } .u-grid-flex { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: wrap; display: flex; } .u-grid-flex.is-text-icon { grid-column-gap: 6px; grid-row-gap: 6px; justify-content: flex-start; align-items: center; } .u-grid-flex.is-case-studies-website { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; } .u-gap-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .u-gap-6 { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .u-gap-8 { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .u-mt-4 { margin-top: var(--_spacing---space--4); } .u-mt-6 { margin-top: var(--_spacing---space--6); } .u-mt-8 { margin-top: var(--_spacing---space--8); } .u-mb-1 { margin-bottom: var(--_spacing---space--1); } .u-mb-2 { margin-bottom: var(--_spacing---space--2); } .u-mb-4 { margin-bottom: var(--_spacing---space--4); } .u-mb-6 { margin-bottom: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); } .u-mb-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-column-5 { grid-column: auto / span 5; } .u-column-7 { grid-column: auto / span 7; } .u-alignment-center { --_alignment---flex: var(--align--flex-center); --_alignment---text: var(--align--text-center); text-align: var(--_alignment---text); } .u-max-width-60ch { max-width: 60ch; } .u-radius-main { border-radius: var(--radius--main); } .u-overflow-hidden { overflow: hidden; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-relative { position: relative; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-cover-absolute.u-zindex-1.has-white-gradient { background-image: linear-gradient(#0000 70%, #fff); } .u-cover-absolute.u-zindex-1.has-offwhite-gradient { background-image: linear-gradient(180deg, #0000 70%, var(--swatch--off-white)); } .u-ratio-1-1 { aspect-ratio: 1; } .btn_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab), .btn_main_wrap:where(.w-variant-ba43cc6a-0ed8-6584-9eda-1683b742be76), .btn_main_wrap:where(.w-variant-13628ad6-8953-49ed-fe95-aedb4e4c5ace) { border-color: var(--_theme---button-primary--border); --_theme---background\: var(--swatch--dark-purple); --_theme---text: var(--swatch--white); --_theme---text\: var(--swatch--light\); --_theme---border\: var(--swatch--light-faded\); --_theme---button-primary--background: var(--swatch--off-white); --_theme---button-primary--text: var(--swatch--off-black); --_theme---button-primary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--light-purple); --_theme---button-secondary--text-hover: var(--swatch--light-purple); --_theme---button-arrow--text: var(--swatch--extra-light-purple); --_theme---background: var(--swatch--dark-purple); --_theme---button-pagination-arrow--text: var(--swatch--dark-purple); --_theme---border: white; --_theme---text-link--text: var(--swatch--light-grey); --_theme---text-link--text-hover: var(--swatch--white); --_theme---button-pagination-arrow--background: var(--swatch--white-opacity-50); --_theme---button-pagination-arrow--background-hover: var(--swatch--white); --_theme---button-video--background: var(--swatch--dark-purple); --_theme---button-video--text: var(--swatch--white); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--text: var(--swatch--extra-light-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--light-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--light\); --_theme---button-primary--border-hover\: var(--swatch--light\); --_theme---button-secondary--border-hover\: var(--swatch--light\); --_theme---button-primary--background-hover\: var(--swatch--light\); --_theme---button-secondary--background-hover\: var(--swatch--light\); --_theme---button-primary--text-hover\: var(--swatch--dark-purple); --_theme---button-secondary--text-hover\: var(--swatch--dark-purple); } .btn_main_wrap { border-radius: var(--radius--round); background-color: var(--_theme---button-primary--background); color: var(--_theme---button-primary--text); text-align: center; 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\); border-color: #0000; justify-content: center; align-items: center; padding: .8125rem 1.5625rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; overflow: hidden; } .btn_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab), .btn_main_wrap:where(.w-variant-ba43cc6a-0ed8-6584-9eda-1683b742be76), .btn_main_wrap:where(.w-variant-13628ad6-8953-49ed-fe95-aedb4e4c5ace) { border-color: var(--_theme---button-primary--border); --_theme---background\: var(--swatch--dark-purple); --_theme---text: var(--swatch--white); --_theme---text\: var(--swatch--light\); --_theme---border\: var(--swatch--light-faded\); --_theme---button-primary--background: var(--swatch--off-white); --_theme---button-primary--text: var(--swatch--off-black); --_theme---button-primary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--light-purple); --_theme---button-secondary--text-hover: var(--swatch--light-purple); --_theme---button-arrow--text: var(--swatch--extra-light-purple); --_theme---background: var(--swatch--dark-purple); --_theme---button-pagination-arrow--text: var(--swatch--dark-purple); --_theme---border: white; --_theme---text-link--text: var(--swatch--light-grey); --_theme---text-link--text-hover: var(--swatch--white); --_theme---button-pagination-arrow--background: var(--swatch--white-opacity-50); --_theme---button-pagination-arrow--background-hover: var(--swatch--white); --_theme---button-video--background: var(--swatch--dark-purple); --_theme---button-video--text: var(--swatch--white); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--text: var(--swatch--extra-light-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--light-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--light\); --_theme---button-primary--border-hover\: var(--swatch--light\); --_theme---button-secondary--border-hover\: var(--swatch--light\); --_theme---button-primary--background-hover\: var(--swatch--light\); --_theme---button-secondary--background-hover\: var(--swatch--light\); --_theme---button-primary--text-hover\: var(--swatch--dark-purple); --_theme---button-secondary--text-hover\: var(--swatch--dark-purple); } .btn_main_wrap.is-secondary { border: 1px solid var(--swatch--purple-opacity-70); background-color: var(--_theme---button-secondary--background); color: var(--swatch--purple-opacity-70); --_theme---background\: var(--swatch--light\); --_theme---text: var(--swatch--dark-grey); --_theme---text\: var(--swatch--dark-purple); --_theme---border\: var(--swatch--dark-faded\); --_theme---button-primary--background: var(--swatch--dark-purple); --_theme---button-primary--text: var(--swatch--white); --_theme---button-primary--border: var(--swatch--dark-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--bright-purple); --_theme---button-secondary--text-hover: var(--swatch--bright-purple); --_theme---button-arrow--text: var(--swatch--dark-purple); --_theme---background: var(--swatch--white); --_theme---button-pagination-arrow--text: var(--swatch--white); --_theme---border: white; --_theme---text-link--text: var(--swatch--dark-grey); --_theme---text-link--text-hover: var(--swatch--black); --_theme---button-pagination-arrow--background: var(--swatch--purple-opacity-40); --_theme---button-pagination-arrow--background-hover: var(--swatch--dark-purple); --_theme---button-video--background: var(--swatch--white); --_theme---button-video--text: var(--swatch--dark-purple); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--dark-purple); --_theme---button-secondary--text: var(--swatch--dark-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--dark-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--dark-purple); --_theme---button-primary--border-hover\: var(--swatch--dark-purple); --_theme---button-secondary--border-hover\: var(--swatch--dark-purple); --_theme---button-primary--background-hover\: var(--swatch--dark-purple); --_theme---button-secondary--background-hover\: var(--swatch--dark-purple); --_theme---button-primary--text-hover\: var(--swatch--light\); --_theme---button-secondary--text-hover\: var(--swatch--light\); padding: .75rem 1.5rem; } .btn_main_wrap.is-secondary:where(.w-variant-ba43cc6a-0ed8-6584-9eda-1683b742be76) { border-color: var(--swatch--white-opacity-50); color: var(--swatch--light-purple); --_theme---background\: var(--swatch--dark-purple); --_theme---text: var(--swatch--white); --_theme---text\: var(--swatch--light\); --_theme---border\: var(--swatch--light-faded\); --_theme---button-primary--background: var(--swatch--off-white); --_theme---button-primary--text: var(--swatch--off-black); --_theme---button-primary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--light-purple); --_theme---button-secondary--text-hover: var(--swatch--light-purple); --_theme---button-arrow--text: var(--swatch--extra-light-purple); --_theme---background: var(--swatch--dark-purple); --_theme---button-pagination-arrow--text: var(--swatch--dark-purple); --_theme---border: white; --_theme---text-link--text: var(--swatch--light-grey); --_theme---text-link--text-hover: var(--swatch--white); --_theme---button-pagination-arrow--background: var(--swatch--white-opacity-50); --_theme---button-pagination-arrow--background-hover: var(--swatch--white); --_theme---button-video--background: var(--swatch--dark-purple); --_theme---button-video--text: var(--swatch--white); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--text: var(--swatch--extra-light-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--light-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--light\); --_theme---button-primary--border-hover\: var(--swatch--light\); --_theme---button-secondary--border-hover\: var(--swatch--light\); --_theme---button-primary--background-hover\: var(--swatch--light\); --_theme---button-secondary--background-hover\: var(--swatch--light\); --_theme---button-primary--text-hover\: var(--swatch--dark-purple); --_theme---button-secondary--text-hover\: var(--swatch--dark-purple); transition: border-color .3s, color 3s; } .btn_main_wrap.is-secondary:where(.w-variant-13628ad6-8953-49ed-fe95-aedb4e4c5ace) { --_theme---background\: var(--swatch--dark-purple); --_theme---text: var(--swatch--white); --_theme---text\: var(--swatch--light\); --_theme---border\: var(--swatch--light-faded\); --_theme---button-primary--background: var(--swatch--off-white); --_theme---button-primary--text: var(--swatch--off-black); --_theme---button-primary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--light-purple); --_theme---button-secondary--text-hover: var(--swatch--light-purple); --_theme---button-arrow--text: var(--swatch--extra-light-purple); --_theme---background: var(--swatch--dark-purple); --_theme---button-pagination-arrow--text: var(--swatch--dark-purple); --_theme---border: white; --_theme---text-link--text: var(--swatch--light-grey); --_theme---text-link--text-hover: var(--swatch--white); --_theme---button-pagination-arrow--background: var(--swatch--white-opacity-50); --_theme---button-pagination-arrow--background-hover: var(--swatch--white); --_theme---button-video--background: var(--swatch--dark-purple); --_theme---button-video--text: var(--swatch--white); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--text: var(--swatch--extra-light-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--light-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--light\); --_theme---button-primary--border-hover\: var(--swatch--light\); --_theme---button-secondary--border-hover\: var(--swatch--light\); --_theme---button-primary--background-hover\: var(--swatch--light\); --_theme---button-secondary--background-hover\: var(--swatch--light\); --_theme---button-primary--text-hover\: var(--swatch--dark-purple); --_theme---button-secondary--text-hover\: var(--swatch--dark-purple); } .btn_main_wrap.is-secondary:hover { border-color: var(--_theme---button-secondary--border-hover); color: var(--_theme---button-secondary--text-hover); } .btn_main_wrap.is-secondary:hover:where(.w-variant-ba43cc6a-0ed8-6584-9eda-1683b742be76) { border-color: var(--swatch--white); color: var(--swatch--white); } .btn_main_wrap.is-primary:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { color: var(--swatch--bright-purple); transition: color .3s, border-color .2s, color .2s, background-color .2s; } .btn_main_wrap.is-primary:hover:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { color: var(--swatch--dark-purple); } .btn_main_text { z-index: 2; white-space: nowrap; word-break: keep-all; line-height: inherit; z-index: 2; white-space: nowrap; word-break: keep-all; line-height: inherit; display: inline-block; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_code_wrap { position: fixed; inset: 0% 0% auto; } .g_clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .g_clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .g_section_space { height: var(--_spacing---section-space--none); } .g_section_space:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .g_section_space:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .g_section_space:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .g_section_space:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .g_section_space:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .g_2col_wrap { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .hide { display: none; } .testimonial_card_author_wrap.u-hflex-left-center.u-gap-6 { justify-content: flex-start; align-items: center; } .testimonial_card_author_image { border-radius: var(--radius--round); object-fit: cover; width: 4.5rem; max-width: 100%; height: 4.5rem; max-height: 100%; } .testimonial_card_author_image.is_smaller { width: 3.5rem; height: 3.5rem; } .btn_main_background { z-index: 0; aspect-ratio: auto; background-image: linear-gradient(90deg, var(--swatch--dark-purple), var(--swatch--dark-purple) 50%, #6a4ee2); width: 200%; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .btn_main_background:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { background-image: linear-gradient(90deg, var(--swatch--off-white), var(--swatch--off-white) 50%, #e1d6ff); } .btn_arrow_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--_theme---button-arrow--text); flex-wrap: wrap; justify-content: center; align-items: center; padding: .5rem 0; text-decoration: none; display: flex; position: relative; overflow: hidden; } .btn_arrow_wrap:where(.w-variant-13628ad6-8953-49ed-fe95-aedb4e4c5ace), .btn_arrow_wrap:where(.w-variant-26f82cbf-9f3c-ab9a-3f19-d791155a7cb0) { --_theme---background\: var(--swatch--dark-purple); --_theme---text: var(--swatch--white); --_theme---text\: var(--swatch--light\); --_theme---border\: var(--swatch--light-faded\); --_theme---button-primary--background: var(--swatch--off-white); --_theme---button-primary--text: var(--swatch--off-black); --_theme---button-primary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border-hover: var(--swatch--light-purple); --_theme---button-secondary--text-hover: var(--swatch--light-purple); --_theme---button-arrow--text: var(--swatch--extra-light-purple); --_theme---background: var(--swatch--dark-purple); --_theme---button-pagination-arrow--text: var(--swatch--dark-purple); --_theme---border: white; --_theme---text-link--text: var(--swatch--light-grey); --_theme---text-link--text-hover: var(--swatch--white); --_theme---button-pagination-arrow--background: var(--swatch--white-opacity-50); --_theme---button-pagination-arrow--background-hover: var(--swatch--white); --_theme---button-video--background: var(--swatch--dark-purple); --_theme---button-video--text: var(--swatch--white); --_theme---button-primary--background-hover-1: var(--swatch--gradient-radial-1); --_theme---button-primary--background-hover-2: var(--swatch--gradient-line-3); --_theme---button-secondary--border: var(--swatch--extra-light-purple); --_theme---button-secondary--text: var(--swatch--extra-light-purple); --_theme---button-secondary--background-hover: var(--swatch--purple-opacity-06); --_theme---button-primary--border\: var(--swatch--brand\); --_theme---button-secondary--border\: var(--swatch--light-faded\); --_theme---button-primary--background\: var(--swatch--brand\); --_theme---button-secondary--background\: var(--swatch--transparent); --_theme---button-primary--text\: var(--swatch--brand-text\); --_theme---button-secondary--text\: var(--swatch--light\); --_theme---button-primary--border-hover\: var(--swatch--light\); --_theme---button-secondary--border-hover\: var(--swatch--light\); --_theme---button-primary--background-hover\: var(--swatch--light\); --_theme---button-secondary--background-hover\: var(--swatch--light\); --_theme---button-primary--text-hover\: var(--swatch--dark-purple); --_theme---button-secondary--text-hover\: var(--swatch--dark-purple); } .btn_arrow_icon_wrap { z-index: 1; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .btn_arrow_icon_wrap.is-right { margin-left: -.875rem; } .btn_arrow_icon { justify-content: center; align-items: center; width: .875rem; height: .875rem; font-size: 1rem; font-weight: 500; display: flex; transform: rotate(0); } .btn_arrow_text { z-index: 1; z-index: 1; justify-content: flex-start; display: flex; position: relative; } .u-color-black { color: var(--swatch--black); } .u-text-style-tiny { font-size: .875rem; } .u-text-style-tiny.u-color-darkpurple.u-text-style-custom { font-size: .675rem; } .u-mb-9 { margin-bottom: var(--_spacing---space--9); } .u-icon-height-large { flex-flow: column; justify-content: center; align-items: center; width: auto; height: 2rem; display: flex; } .u-background-color-offpurple { background-color: #f6f5fa; } .u-text-font-heading { font-family: var(--_typography---font--heading-family); } .banner_cta_card { border-radius: var(--radius--main); background-color: var(--swatch--dark-purple); border-radius: var(--radius--main); background-color: var(--swatch--dark-purple); padding-left: 1rem; padding-right: 1rem; } .u-color-middlepurple { color: var(--swatch--middle-purple); } .u-gradient-linear-blur { z-index: 0; aspect-ratio: 1; background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--swatch--transparent) 50%, #fcabcc26 77%, var(--swatch--transparent) 90%); width: 100%; position: absolute; inset: 0% 0% auto; } .u-gradient-linear-blur.is-larger { background-image: radial-gradient(circle farthest-corner at 50% 100%, var(--swatch--transparent) 15%, #fcabcc26 77%, var(--swatch--transparent) 95%); } .u-gradient-linear-blur.is-home-hero { background-image: linear-gradient(to bottom, #fff6, #fff6), radial-gradient(circle farthest-side at 50% 0%, var(--swatch--transparent) 50%, #ad8cff40 75%, var(--swatch--transparent) 95%), radial-gradient(circle farthest-side at 50% 0%, #0000 55%, #fcabcc33 70%, #fff0 85%); top: -30%; } .u-gradient-linear-blur.is-about-hero { background-image: linear-gradient(to bottom, #fff6, #fff6), radial-gradient(circle farthest-side at 50% -55%, var(--swatch--transparent) 79%, #ad8cff40 88%, var(--swatch--transparent)), radial-gradient(circle farthest-side at 50% -50%, #0000 75%, #fcabcc33 85%, #fff0); top: -50%; } .u-gradient-linear-blur.is-about-hero.non-percentage { top: -100vh; } .u-gradient-linear-blur.is-small-hero { aspect-ratio: auto; background-image: linear-gradient(to bottom, #fff6, #fff6), radial-gradient(circle farthest-side at 50% -55%, var(--swatch--transparent), #ad8cff26 51%, var(--swatch--transparent)), radial-gradient(circle farthest-side at 50% -50%, #0000, #fcabcc33 32%, #fff0 72%); height: 50rem; top: -10%; } .u-gradient-linear-blur.is-top-left { background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--swatch--transparent) 70%, #fcabcc1f 75%, var(--swatch--transparent) 80%); width: 200%; left: -25%; } .u-gradient-linear-blur.is-bottom-right { background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--swatch--transparent) 70%, #fcabcc1f 75%, var(--swatch--transparent) 80%); width: 200%; inset: auto -25% 0% auto; } .u-gradient-linear-cover { z-index: 1; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background-image: none; width: 100%; height: 100%; position: absolute; inset: 0% 0% auto; } .tooltip_item { z-index: 5; padding: var(--_spacing---space--3) var(--size--1rem); border-radius: var(--radius--small); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-image: linear-gradient(90deg, #fffc, #fff6); flex-flow: column; display: inline-block; position: absolute; inset: auto auto 10% 25%; box-shadow: 1px 1px 8px #35353514, -1px -1px 8px #35353514; } .tooltip_item.is-2 { inset: auto -5% 25% auto; } .tooltip_item.is-3 { inset: auto auto 15% 15%; } .tooltip_item.is_template_card_1 { inset: -1rem -2rem auto auto; } .tooltip_item.is_template_card_2 { inset: auto auto -1rem -2rem; } .tooltip_item.is_casestudies { padding-right: var(--size--0-5rem); padding-left: var(--size--0-5rem); padding-right: var(--size--0-5rem); padding-left: var(--size--0-5rem); inset: .5rem auto auto .5rem; inset: .5rem auto auto .5rem; } .main_wrap { min-height: 100vh; } .u-color-middlegrey { color: var(--swatch--middle-grey); } .u-gap-10 { grid-column-gap: var(--_spacing---space--10); grid-row-gap: var(--_spacing---space--10); } .u-hide-tablet-destkop { display: none; } .navbar { z-index: 99; padding-top: var(--size--1rem); background-color: #ddd0; flex-flow: column; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0% 0% auto; } .navbar_container { z-index: 10; max-width: var(--container--main); padding: var(--size--1rem) var(--size--1-25rem); border-radius: var(--container--full); background-color: var(--_theme---background); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); width: 100%; margin-left: auto; margin-right: auto; transition: background-color .3s; position: static; box-shadow: 2px 2px 12px 2px #3a3a3a0d; } .navbar_component { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: max-content 1fr max-content; grid-auto-columns: 1fr; align-items: center; display: grid; } .navbar_component.is_simple { justify-content: space-between; align-items: center; display: flex; } .navbar_logo_wrap { padding: 0; } .navbar_logo_icon { flex-flow: column; justify-content: center; align-items: center; width: 8rem; display: flex; } .navbar_menu_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: row; justify-content: center; align-items: center; display: flex; position: static; } .navbar_link { grid-column-gap: .375rem; grid-row-gap: .375rem; font-size: var(--_typography---font-size--text-small); color: #4a4852; justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding: 0; transition-property: color; transition-duration: .3s; transition-timing-function: ease; display: flex; } .navbar_link:hover { color: var(--swatch--off-black); } .navbar_dropdown { font-size: var(--_typography---font-size--text-small); font-size: var(--_typography---font-size--text-small); margin-left: 0; margin-right: 0; position: static; } .navbar_icon { width: var(--size--0-75rem); height: var(--size--0-75rem); width: var(--size--0-75rem); height: var(--size--0-75rem); flex-flow: column; justify-content: center; align-items: center; display: flex; } .navbar_dropdown_list { z-index: -1; background-color: var(--swatch--transparent); opacity: 0; width: 100%; padding-top: 1rem; display: none; position: fixed; inset: 5rem 0% auto; } .navbar_background { z-index: 1; background-color: var(--_theme---background); z-index: 1; background-color: var(--_theme---background); inset: 0% 0% auto; width: 100%; height: auto; display: none; position: absolute; inset: 0% 0% auto; box-shadow: 0 6px 40px -12px #0003; } .navbar_dropdown_list_component { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: start; padding-top: 2rem; display: grid; } .navbar_dropdown_list_component.has-casestudy { grid-row-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr 1fr 1.375fr; } .navbar_background_blur { z-index: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); width: 100%; height: 100vh; display: none; position: absolute; inset: 0% 0% auto; } .navbar_dropdown_list_column { grid-column-gap: .875rem; grid-row-gap: .875rem; flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .navbar_dropdown_list_column.is_grid { grid-column-gap: 1rem; grid-row-gap: .875rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .navbar_dropdown_list_column.is_misaligned { margin-top: 2.5rem; } .navbar_dropdown_link { font-size: var(--_typography---font-size--text-small); font-weight: var(--_typography---font--primary-medium); color: var(--swatch--dark-purple); transition-property: color; transition-duration: .3s; transition-timing-function: ease; } .navbar_dropdown_link:hover { outline-color: var(--swatch--bright-purple); color: var(--swatch--bright-purple); } .navbar_dropdown_link.w--current { color: var(--swatch--bright-purple); } .navbar_dropdown_link.has-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; display: grid; } .navbar_casestudy_link { grid-column-gap: 0px; grid-row-gap: 0px; border-radius: var(--radius--main); background-color: var(--swatch--extra-light-purple); grid-template-rows: auto; grid-template-columns: .75fr 1fr; grid-auto-columns: 1fr; display: grid; overflow: hidden; } .navbar_casestudy_image_wrap { position: relative; } .navbar_casestudy_image { z-index: 0; height: 100%; display: block; position: absolute; inset: 0%; } .navbar_casestudy_logo_wrap { z-index: 1; border-radius: var(--radius--small); filter: saturate(0%); background-color: #fffc; padding: .25rem; position: absolute; inset: .5rem auto auto .5rem; } .navbar_casestudy_link_content { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: center; align-items: flex-start; padding: 1rem 1rem .5rem; display: flex; } .u-color-brightpurple { color: var(--swatch--bright-purple); } .navbar_dropdown_bar { grid-column-gap: 1rem; grid-row-gap: 1rem; border-radius: var(--container--full); background-color: var(--swatch--light-purple); justify-content: center; align-items: center; width: 100%; margin-top: 2rem; padding: .5rem 1rem; display: flex; } .u-icon-height-small { flex-flow: column; justify-content: center; align-items: center; width: auto; height: 1.25rem; display: flex; } .u-icon-height-small.u-ratio-1-1 { width: 1.25rem; } .navbar_cta_wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; align-items: center; display: flex; } .navbar_language_dropdown { margin-left: 0; margin-right: 0; } .u-color-darkpurple { color: var(--swatch--dark-purple); } .navbar_language_list { border-radius: var(--radius--small); background-color: var(--swatch--white); width: 10rem; padding: .5rem; top: 2.5rem; } .u-icon-height-medium { flex-flow: column; justify-content: center; align-items: center; width: auto; height: 1.5rem; display: flex; } .u-icon-height-medium.u-ratio-1-1 { width: 1.5rem; } .footer_component { padding-bottom: var(--size--2rem); grid-column-gap: 2rem; grid-row-gap: 2rem; border-bottom: 1px solid var(--swatch--extra-light-grey); padding-bottom: var(--size--2rem); grid-column-gap: 2rem; grid-row-gap: 2rem; border-bottom: 1px solid var(--swatch--extra-light-grey); grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; display: grid; } .footer_right_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 45rem; display: grid; } .footer_link { font-size: var(--_typography---font-size--text-small); text-decoration: none; } .footer_legal_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: flex-end; align-items: center; margin-bottom: 2rem; display: flex; } .footer_bottom_wrap { justify-content: space-between; align-items: center; display: flex; } .banner_cta_content 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(--_typography---font-size--display); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .banner_cta_content h2 { font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--display); line-height: var(--_typography---line-height--1-2); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--heading-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .banner_cta_content 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .banner_cta_content 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-35); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .banner_cta_content 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .banner_cta_content 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .banner_cta_content p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); text-wrap: pretty; } .banner_cta_content blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); padding-top: var(--size--0-5rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1rem); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); border-left-style: solid; border-left-width: .2rem; } .banner_cta_content 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---flex); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .banner_cta_content li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); background-image: url("https://cdn.prod.website-files.com/6849818b408d5b9c524ce5a5/6851413f4ed0fc87951cb7d0_Frame%201116604475.svg"); background-position: 0%; background-repeat: no-repeat; background-size: 1.5rem 1.5rem; min-height: 1.5rem; padding-left: 2rem; } .banner_cta_content ul { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: wrap; justify-content: center; align-items: center; margin-top: 2rem; padding-left: 0; list-style-type: none; display: flex; overflow: visible; } .banner_cta_content figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .banner_cta_content strong { -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #b699ff, #ad8cff); -webkit-background-clip: text; background-clip: text; font-weight: 600; } .card_tag { border-radius: var(--radius--round); background-color: var(--_theme---background); color: var(--swatch--bright-purple); font-size: var(--_typography---font-size--text-tiny); padding: .125rem .75rem; font-weight: 500; } .card_tag.is_blog_post { background-color: var(--swatch--purple-opacity-70); color: var(--swatch--off-white); font-size: var(--_typography---font-size--text-small); background-color: var(--swatch--purple-opacity-70); font-size: var(--_typography---font-size--text-small); padding: .5rem 1rem; } .u-icon-height-xsmall { flex-flow: column; justify-content: center; align-items: center; width: auto; height: 1rem; display: flex; } .u-icon-height-xsmall.is-1-1-ratio { aspect-ratio: 1; aspect-ratio: 1; width: 1rem; } .u-dropshadow-icon-medium { box-shadow: 1px 1px 10px #392a7a1a; } .resource_post_component { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: .75fr 1.5fr 20rem; grid-auto-columns: 1fr; display: grid; position: relative; } .resource_post_component.is-casestudies { grid-template-columns: 1fr .5fr; } .resource_post_table_wrap { position: sticky; top: 8rem; } .toc_link_wrap { color: #f5f5f5; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-height: 2rem; padding-left: 0; padding-right: 0; position: relative; overflow: hidden; } .toc_link.w--current, .toc_link.is-active { color: var(--swatch--off-black); font-weight: var(--_typography---font--primary-semibold); } .toc_link { grid-column-gap: .75rem; grid-row-gap: .75rem; color: #979699; font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---line-height--1-2); flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding-top: .5rem; padding-bottom: .25rem; padding-left: 1.125rem; text-decoration: none; display: flex; position: relative; } .toc_link.w--current, .toc_link.is-active, .toc_link.is-active { color: var(--swatch--off-black); font-weight: var(--_typography---font--primary-semibold); } .toc_link_block { width: 100%; height: 100%; position: absolute; inset: 0%; } .integration_post_sticky_block { border-radius: var(--radius--small); background-color: var(--swatch--dark-purple); color: var(--swatch--white); border-radius: var(--radius--small); background-color: var(--swatch--dark-purple); padding: 1rem; } .u-social-icon { flex-flow: column; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; transition: opacity .3s; display: flex; } .u-social-icon:hover { opacity: .8; } .toc_bar_wrap { z-index: 0; border-radius: var(--radius--round); background-color: var(--swatch--purple-opacity-20); width: 4px; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .toc_bar_active { border-radius: var(--radius--round); background-color: var(--swatch--dark-purple); width: 4px; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .card_content { padding: 1rem; } .card_content.is_blog_card { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .u-icon-height-xxlarge { flex-flow: column; justify-content: center; align-items: center; width: auto; height: 3rem; display: flex; } .blog_post_content_wrap.u-position-relative.is-case-studies { margin-top: -3.825rem; } .social_link { border-radius: var(--radius--small); opacity: .8; width: 1.75rem; height: 1.75rem; transition: opacity .4s; } .social_link:hover { opacity: 1; } .social_link.u-icon-height-medium.u-ratio-1-1 { color: #392a7acc; transition: color .3s; } .social_link.u-icon-height-medium.u-ratio-1-1:hover { color: #392a7a; } .hero_blog_image_play { z-index: 5; flex-flow: column; justify-content: center; align-items: center; width: 5rem; display: flex; position: absolute; } .u-post-rich-text-casestudies { z-index: 5; position: relative; } .u-post-rich-text-casestudies 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies h2 { z-index: 1; margin-top: -4rem; margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); font-size: var(--_typography---font-size--h3); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; padding-top: 8rem; position: relative; } .u-post-rich-text-casestudies h3 { margin-top: var(--size--1-5rem); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies h4 { font-size: var(--_typography---font-size--h5); } .u-post-rich-text-casestudies 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies p { z-index: 3; margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-size: var(--_typography---font-size--text-small); text-wrap: pretty; position: relative; } .u-post-rich-text-casestudies blockquote { margin-top: var(--size--2rem); margin-bottom: var(--size--2rem); padding-top: var(--size--0rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1-5rem); border-left-style: solid; border-left-width: .2rem; border-left-color: var(--swatch--bright-pink); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-regular); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies ol { grid-column-gap: .5rem; grid-row-gap: .5rem; 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); align-items: var(--_alignment---flex); background-color: #f6f5fc; flex-flow: column; margin-top: 1rem; margin-bottom: 1rem; padding: 1rem; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies li { color: var(--swatch--black); font-size: var(--_typography---font-size--text-small); font-weight: var(--_typography---font--primary-regular); margin-bottom: 0; margin-left: 1rem; margin-top: calc(var(--_text-style---trim-top) * -1); background-image: none; background-repeat: repeat; background-size: auto; padding-top: .25rem; padding-bottom: .25rem; padding-left: .25rem; list-style-type: disc; } .u-post-rich-text-casestudies ul { grid-column-gap: .5em; grid-row-gap: .5em; 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); align-items: var(--_alignment---flex); background-color: #f6f5fd; flex-flow: column; margin-top: 1rem; margin-bottom: 1rem; padding: 1rem; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-post-rich-text-casestudies sup { margin-top: var(--size--1rem); color: var(--swatch--black); font-size: var(--_typography---font-size--text-main); line-height: var(--_typography---line-height--1-2); height: 100%; display: inline-block; position: static; } .u-post-rich-text-casestudies sub { font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---line-height--1-2); display: block; position: static; } .u-post-rich-text-casestudies strong { font-weight: 600; } .u-post-rich-text-casestudies_list-ordered { border-radius: var(--radius--main); background-color: #f6f5fd; margin-top: 1rem; margin-bottom: 1rem; padding: 1px 1rem 0; } .u-post-rich-text-casestudies_list-unordered { border-radius: var(--radius--main); background-color: #eefef5; margin-top: 1rem; margin-bottom: 1rem; padding: 1px 1rem 0; } .u-post-rich-text-casestudies_list { grid-column-gap: .5rem; grid-row-gap: .5rem; border-radius: var(--radius--main); background-color: #f6f5fc; flex-flow: column; padding: 1rem; display: flex; } .u-post-rich-text-casestudies_item { background-image: url("https://cdn.prod.website-files.com/6849818b408d5b9c524ce5a5/686e1fc38b40370d3163f759_Frame%201116604484.svg"); background-position: 0%; background-repeat: no-repeat; background-size: 1.5rem; padding-top: .25rem; padding-bottom: .25rem; padding-left: 2rem; list-style-type: none; } .u-post-rich-text-casestudies_challenge-with { z-index: 5; border-radius: var(--radius--main); background-color: #eefdf5; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; position: relative; } .u-post-rich-text-casestudies_challenge-with 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies_challenge-with h2 { z-index: 1; margin-top: -4rem; margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); font-size: var(--_typography---font-size--h3); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; padding-top: 8rem; position: relative; } .u-post-rich-text-casestudies_challenge-with h3 { margin-top: var(--size--1-5rem); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies_challenge-with h4 { font-size: var(--_typography---font-size--h5); } .u-post-rich-text-casestudies_challenge-with 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_challenge-with 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_challenge-with p { z-index: 3; margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-size: var(--_typography---font-size--text-small); text-wrap: pretty; position: relative; } .u-post-rich-text-casestudies_challenge-with blockquote { margin-top: var(--size--2rem); margin-bottom: var(--size--2rem); padding-top: var(--size--0rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1-5rem); border-left-style: solid; border-left-width: .2rem; border-left-color: var(--swatch--bright-pink); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-regular); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_challenge-with ol { grid-column-gap: .5rem; grid-row-gap: .5rem; 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); align-items: var(--_alignment---flex); flex-flow: column; margin-top: 1rem; margin-bottom: 0; padding: 0; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies_challenge-with li { color: var(--swatch--black); font-size: var(--_typography---font-size--text-small); font-weight: var(--_typography---font--primary-regular); margin-bottom: 0; margin-left: 0; margin-top: calc(var(--_text-style---trim-top) * -1); background-image: url("https://cdn.prod.website-files.com/6849818b408d5b9c524ce5a5/686e1f02df02226c228da5ad_Frame%201116604483.svg"); background-position: 0%; background-repeat: no-repeat; background-size: 1.5rem; padding-top: .25rem; padding-bottom: .25rem; padding-left: 2rem; } .u-post-rich-text-casestudies_challenge-with ul { grid-column-gap: .5em; grid-row-gap: .5em; 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); align-items: var(--_alignment---flex); background-color: #eefdf500; flex-flow: column; margin-top: 1rem; padding: 0; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies_challenge-with figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-post-rich-text-casestudies_challenge-with sup { margin-top: var(--size--1rem); color: var(--swatch--black); font-size: var(--_typography---font-size--text-main); line-height: var(--_typography---line-height--1-2); height: 100%; display: inline-block; position: static; } .u-post-rich-text-casestudies_challenge-with sub { font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---line-height--1-2); display: block; position: static; } .u-post-rich-text-casestudies_challenge-with strong { font-weight: 600; } .u-post-rich-text-casestudies_challenge-without { z-index: 5; border-radius: var(--radius--main); background-color: var(--swatch--extra-light-purple); padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; position: relative; } .u-post-rich-text-casestudies_challenge-without 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies_challenge-without h2 { z-index: 1; margin-top: -4rem; margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); font-size: var(--_typography---font-size--h3); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; padding-top: 8rem; position: relative; } .u-post-rich-text-casestudies_challenge-without h3 { margin-top: var(--size--1-5rem); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies_challenge-without h4 { font-size: var(--_typography---font-size--h5); } .u-post-rich-text-casestudies_challenge-without 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_challenge-without 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_challenge-without p { z-index: 3; margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-size: var(--_typography---font-size--text-small); text-wrap: pretty; position: relative; } .u-post-rich-text-casestudies_challenge-without blockquote { margin-top: var(--size--2rem); margin-bottom: var(--size--2rem); padding-top: var(--size--0rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1-5rem); border-left-style: solid; border-left-width: .2rem; border-left-color: var(--swatch--bright-pink); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-regular); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_challenge-without ol { grid-column-gap: .5rem; grid-row-gap: .5rem; 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); align-items: var(--_alignment---flex); background-color: #f6f5fc00; flex-flow: column; margin-top: 1rem; margin-bottom: 0; padding: 0; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies_challenge-without li { color: var(--swatch--black); font-size: var(--_typography---font-size--text-small); font-weight: var(--_typography---font--primary-regular); margin-bottom: 0; margin-left: 0; margin-top: calc(var(--_text-style---trim-top) * -1); background-image: url("https://cdn.prod.website-files.com/6849818b408d5b9c524ce5a5/686e1fc38b40370d3163f759_Frame%201116604484.svg"); background-position: 0%; background-repeat: no-repeat; background-size: 1.5rem; padding-top: .25rem; padding-bottom: .25rem; padding-left: 2rem; } .u-post-rich-text-casestudies_challenge-without ul { grid-column-gap: .5em; grid-row-gap: .5em; 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); align-items: var(--_alignment---flex); background-color: #eefdf500; flex-flow: column; margin-top: 1rem; padding: 0; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies_challenge-without figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-post-rich-text-casestudies_challenge-without sup { margin-top: var(--size--1rem); color: var(--swatch--black); font-size: var(--_typography---font-size--text-main); line-height: var(--_typography---line-height--1-2); height: 100%; display: inline-block; position: static; } .u-post-rich-text-casestudies_challenge-without sub { font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---line-height--1-2); display: block; position: static; } .u-post-rich-text-casestudies_challenge-without strong { font-weight: 600; } .footer_bottom_icon_wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; color: var(--swatch--black); flex-flow: row; justify-content: center; align-items: center; font-size: 1rem; display: flex; position: relative; } .footer_bottom_icon_wrap.is_wrap { grid-column-gap: 2px; grid-row-gap: 2px; grid-column-gap: 2px; grid-row-gap: 2px; justify-content: flex-start; align-items: center; } .footer_bottom_icon_tooltip { background-color: var(--swatch--off-black); font-family: var(--_typography---font--heading-family); color: var(--swatch--off-white); font-size: var(--_typography---font-size--text-tiny); font-weight: var(--_typography---font--primary-semibold); border-radius: 999px; flex-flow: column; justify-content: center; align-items: center; padding: .125rem .5rem; display: flex; position: absolute; top: -2.5rem; } .footer_bottom_icon_polygon { justify-content: center; align-items: center; width: .75rem; height: .75rem; display: flex; position: absolute; bottom: -.5rem; } .social_link_icon { border-radius: var(--radius--small); width: 1.75rem; height: 1.75rem; } .social_link_icon.u-icon-height-medium.u-ratio-1-1 { color: #392a7acc; transition: color .3s; } .social_link_icon.u-icon-height-medium.u-ratio-1-1:hover { color: #392a7a; } .u-post-rich-text-casestudies_first { z-index: 5; position: relative; } .u-post-rich-text-casestudies_first 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies_first h2 { z-index: 1; margin-top: -4rem; margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); font-size: var(--_typography---font-size--h3); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; padding-top: 8rem; position: relative; } .u-post-rich-text-casestudies_first h3 { margin-top: var(--size--1-5rem); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); color: var(--swatch--black); 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-post-rich-text-casestudies_first h4 { font-size: var(--_typography---font-size--h5); } .u-post-rich-text-casestudies_first 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-45); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_first 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--heading-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--heading-trim-top); --_text-style---trim-bottom: var(--_typography---font--heading-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_first p { z-index: 3; margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-size: var(--_typography---font-size--text-small); text-wrap: pretty; position: relative; } .u-post-rich-text-casestudies_first blockquote { margin-top: var(--size--2rem); margin-bottom: var(--size--2rem); padding-top: var(--size--0rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1-5rem); border-left-style: solid; border-left-width: .2rem; border-left-color: var(--swatch--bright-pink); font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-regular); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .u-post-rich-text-casestudies_first ol { grid-column-gap: .5rem; grid-row-gap: .5rem; 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); align-items: var(--_alignment---flex); background-color: #f6f5fc; flex-flow: column; margin-top: 1rem; margin-bottom: 1rem; padding: 1rem; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies_first li { color: var(--swatch--black); font-size: var(--_typography---font-size--text-small); font-weight: var(--_typography---font--primary-regular); margin-bottom: 0; margin-left: 0; margin-top: calc(var(--_text-style---trim-top) * -1); background-image: url("https://cdn.prod.website-files.com/6849818b408d5b9c524ce5a5/686e1f02df02226c228da5ad_Frame%201116604483.svg"); background-position: 0 4px; background-repeat: no-repeat; background-size: 1.5rem; padding-top: .25rem; padding-bottom: .25rem; padding-left: 2rem; } .u-post-rich-text-casestudies_first ul { grid-column-gap: .5em; grid-row-gap: .5em; 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); align-items: var(--_alignment---flex); background-color: #eefdf5; flex-flow: column; margin-top: 1rem; margin-bottom: 1rem; padding: 1rem; list-style-type: none; display: flex; overflow: visible; } .u-post-rich-text-casestudies_first figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-post-rich-text-casestudies_first sup { margin-top: var(--size--1rem); color: var(--swatch--black); font-size: var(--_typography---font-size--text-main); line-height: var(--_typography---line-height--1-2); height: 100%; display: inline-block; position: static; } .u-post-rich-text-casestudies_first sub { font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---line-height--1-2); display: block; position: static; } .u-post-rich-text-casestudies_first strong { font-weight: 600; } .footer_logo_icon { flex-flow: column; justify-content: center; align-items: center; width: 10rem; display: flex; } .navbar_local_current { color: var(--swatch--dark-purple); display: none; } .navbar_local_current.w--current { display: inline; } .navbar_local_wrap { position: relative; } @media screen and (min-width: 1280px) { .g_paragraph.u-rich-text.u-text-font-heading.u-text-style-testimonial { font-size: 1.75rem; } .u-gradient-linear-blur.is-about-hero, .u-gradient-linear-blur.is-small-hero, .u-gradient-linear-blur.is-about-hero, .u-gradient-linear-blur.is-small-hero { top: -65%; } .resource_post_component { grid-column-gap: 3rem; grid-row-gap: 3rem; } .usecase_tabs_wrap { min-height: 25rem; } .hero_persona_bubble_wrap.u-vflex-left-center.u-gap-6 { left: 1rem; } } @media screen and (min-width: 1440px) { .impact_card_image_wrap.is-custom-wrap { max-width: 100%; } .impact_image_custom_wrap { margin-top: 5%; margin-bottom: -5%; } .resource_post_component { grid-column-gap: 4rem; grid-row-gap: 4rem; } .usecase_tabs_wrap { min-height: 30rem; } .hero_persona_bubble_wrap.u-vflex-left-center.u-gap-6 { left: 2rem; } } @media screen and (min-width: 1920px) { .u-gradient-linear-blur.is-about-hero { top: -110%; } .u-gradient-linear-blur.is-small-hero { top: -30%; } .navbar_container { padding-left: var(--size--1-25rem); } .banner_heading_style { font-size: 4.25rem; } .hero_persona_bubble_wrap.u-vflex-left-center.u-gap-6 { left: 3rem; } } @media screen and (max-width: 991px) { .u-grid-desktop { flex-flow: column; display: flex; } .nav_1_btn_wrap.w--open { color: inherit; background-color: #c8c8c800; } .g_2col_item.mobile-width-100.u-column-custom { grid-column: auto; } .btn_arrow_icon_wrap.is-right { display: none; } .items-pro_buttons-wrap { width: 100%; } .solutions_grid.is-custom-flex { flex-flow: column; } .featuredstories_tab_menu { grid-column-gap: .25rem; grid-row-gap: .25rem; margin-bottom: .5rem; padding-bottom: .5rem; overflow: auto; } .featuredstories_tab_link { padding-right: var(--size--0-5rem); padding-bottom: var(--size--0-75rem); padding-left: var(--size--0-5rem); border: 1px solid var(--swatch--extra-light-grey); border-radius: var(--radius--small); } .featuredstories_tab_link.w--current { border-color: var(--swatch--light-purple); } .featuredstories_tab_logo { height: 1.75rem; } .navbar { padding-top: var(--size--0rem); } .navbar_container { max-width: var(--radius--round); padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); border-radius: var(--size--0rem); background-color: var(--swatch--transparent); margin-left: 0; margin-right: 0; box-shadow: 2px 2px 12px -10px #3a3a3a0d; } .navbar_component { grid-column-gap: 1rem; grid-row-gap: 1rem; } .navbar_logo_wrap { z-index: 99; } .navbar_menu_wrap { z-index: 1; grid-column-gap: 0rem; grid-row-gap: 0rem; background-color: var(--_theme---background); flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; height: 100vh; padding: 5rem 1rem 2rem; display: flex; position: fixed; inset: 0 0% auto; overflow: auto; } .navbar_link { justify-content: flex-start; align-items: center; } .navbar_link.mobile-border { border-top: 1px solid var(--swatch--extra-light-grey); border-top: 1px solid var(--swatch--extra-light-grey); padding-top: 1rem; padding-bottom: 1rem; } .navbar_dropdown { border-top: 1px solid var(--swatch--extra-light-grey); padding: 1rem 0; display: block; } .navbar_dropdown_list { opacity: 100; height: auto; padding-top: 0; transition: all .4s; display: block; position: static; overflow: hidden; } .navbar_dropdown_list.w--open { z-index: 100; opacity: 100; display: block; position: static; } .navbar_background { opacity: 0; display: block; inset: 0%; } .navbar_dropdown_list_component { grid-template-columns: 1fr; padding-top: 1rem; } .navbar_dropdown_list_component.has-casestudy { grid-row-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .navbar_dropdown_list_column.is_grid { display: flex; } .navbar_dropdown_list_column.is_misaligned { margin-top: 0; } .navbar_cta_wrapper { z-index: 99; position: relative; } .navbar_menu_button { z-index: 99; padding: 0; } .navbar_menu_button.w--open { z-index: 99; background-color: var(--swatch--transparent); } .navbar_menu_button_wrap { grid-column-gap: 6px; grid-row-gap: 6px; flex-flow: column; justify-content: center; align-items: flex-end; width: 2.5rem; height: 2.5rem; padding: 0; display: flex; } .navbar_menu_button_1 { border-radius: var(--radius--round); background-color: var(--swatch--dark-purple); width: 2.125rem; height: 3px; padding: 0; } .navbar_menu_button_2 { border-radius: var(--radius--round); background-color: var(--swatch--dark-purple); width: 1.5rem; height: 3px; padding: 0; } .footer_right_wrap { grid-row-gap: 3rem; grid-template-columns: 1fr 1fr; } .footer_legal_wrap { grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: center; } .resource_list { grid-template-columns: 1fr 1fr; } .resource_post_component { grid-template-columns: 1fr; } .resource_post_table_wrap { display: none; } .u-post-rich-text h2 { margin-top: 0; padding-top: 4rem; } .timeline_progress_bar { height: 90%; } .u-post-rich-text-blog h2 { margin-top: 0; padding-top: 4rem; } .hero_podcast_link_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .u-post-rich-text-casestudies h2, .u-post-rich-text-casestudies_challenge-with h2, .u-post-rich-text-casestudies_challenge-with h2, .u-post-rich-text-casestudies_challenge-without h2, .u-post-rich-text-casestudies_challenge-without h2, .u-post-rich-text-casestudies_first h2, .u-post-rich-text-casestudies_first h2 { margin-top: 0; padding-top: 4rem; } } @media screen and (max-width: 767px) { .u-rich-text.u-mb-8.u-text-style-medium.u-text-style-4lines.u-text-style-mobile-smaller { font-size: 1rem; } .u-container-small { max-width: var(--container--full); } .u-grid-tablet { flex-flow: column; display: flex; } .mobile-vflex-stretch { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .mobile-vflex-left { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .mobile-vflex-center { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .mobile-alignment-center { --_alignment---flex: var(--align--flex-center); --_alignment---text: var(--align--text-center); } .mobile-alignment-left { --_alignment---flex: var(--align--flex-start); --_alignment---text: var(--align--text-left); } .mobile-gap-0 { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); display: flex; } .mobile-gap-1 { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); display: flex; } .mobile-gap-2 { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); display: flex; } .mobile-gap-3 { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); display: flex; } .mobile-gap-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); display: flex; } .mobile-width-100 { width: 100%; max-width: 100%; } .mobile-order-first { order: -1; } .mobile-order-last { order: 1; } .logos_grid_list.u-grid-custom { grid-template-columns: var(--grid-2); grid-template-columns: var(--grid-2); } .hide { display: none; } ._013_slider_nav.is-right.u-vflex-right-center { justify-content: flex-end; align-items: flex-end; bottom: 0; } ._013_slider_nav.is-left.u-vflex-left-center { justify-content: flex-end; align-items: flex-start; bottom: 0; } .btn_icon_wrap.is-smaller-mobile { padding-left: 1rem; padding-right: 1rem; } .hero_home_item { display: none; } .logos_grid_vborder { left: 50%; } .logos_grid_vborder.is-2 { width: 100%; height: 1px; display: flex; inset: auto 0% 15.25%; } .logos_grid_vborder.is-3 { width: 100%; height: 1px; display: flex; inset: 15.25% 0% auto; } .logos_grid_hborder.is-4 { bottom: 50%; } .logos_grid_hborder.is-5 { bottom: 32.5%; } .testimonial_card_logo { object-fit: contain; width: 14rem; max-width: none; max-height: 50%; overflow: visible; } .tooltip_item { padding-left: var(--size--1rem); } .benefits_container.u-container { position: sticky; top: 30vh; } .benefits_row_wrap { flex-flow: column; justify-content: space-between; align-items: center; position: static; } .benefits_row { flex-flow: column; justify-content: space-between; align-items: center; padding-bottom: 3rem; position: relative; } .benefits_wrap.u-min-height-300vh.mobile-min-height-auto { min-height: auto; } .banefits_view.u-sticky-view { justify-content: flex-start; align-items: stretch; display: flex; } .banefits_view.u-sticky-view.mobile-min-height-auto { height: auto; position: relative; } .impact_card_wrap { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .impact_card_wrap.u-column-5.u-grid-custom { grid-template-rows: auto; grid-template-columns: 1fr; } .impact_card_wrap.u-column-7.u-theme-dark.u-grid-custom { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); } .impact_card_image_wrap.is-custom-image { margin-top: 0; margin-bottom: -5rem; } .impact_card_image_wrap.is-custom-wrap { grid-template-columns: minmax(0, 1fr); max-width: 100%; margin-right: auto; } .impact_card_image_wrap.u-column-7.u-ratio-3-2.u-mobile-ratio-1-1 { aspect-ratio: 1; aspect-ratio: 1; aspect-ratio: 1; margin-bottom: -2rem; } .impact_card_image { border-radius: var(--radius--small); margin-bottom: -2rem; } .impact_card_custom_cover { background-image: linear-gradient(180deg, var(--swatch--dark-purple), var(--swatch--transparent)); } .impact_image_custom_wrap { width: 95%; margin: 0% auto -10%; } .impact_image_custom_5 { max-width: 60%; margin-left: auto; margin-right: auto; } .u-title-link-icon.is-text-only-mobile { display: block; } .featuredstories_tab_link { padding-top: var(--size--0-5rem); padding-right: var(--size--0-5rem); padding-left: var(--size--0-5rem); } .featuredstories_tab_link.w--current { border-color: #f7f5ff; } .benefits_mobile { border-radius: var(--radius--main); position: sticky; top: 30vh; box-shadow: 4px 4px 30px -15px #0003; } .benefits_mobile.is-2 { top: 31vh; } .benefits_mobile.is-3 { top: 32vh; } .benefits_mobile.is-4 { top: 33vh; } .benefits_mobile.is-5 { top: 34vh; } .benefits_mobile.is-6 { top: 35vh; } .benefits_mobile.is-7 { top: 36vh; } .benefits_heading { display: block; position: sticky; top: 17.5vh; } .u-hide-mobile { display: none; } .u-hide-tablet-destkop { display: block; } .navbar_container { padding-right: var(--size--1rem); padding-left: var(--size--1rem); max-width: 100%; } .navbar_component { justify-content: space-between; align-items: center; width: 100%; display: flex; } .navbar_logo_wrap { padding-left: 0; } .navbar_dropdown_bar { grid-column-gap: .25rem; grid-row-gap: .25rem; border-radius: var(--radius--main); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-top: 1rem; padding-bottom: 1rem; } .navbar_cta_wrapper { flex-flow: column; justify-content: center; align-items: flex-start; } .footer_component.u-mb-9 { flex-flow: column; grid-template-columns: max-content; display: flex; } .footer_legal_wrap { grid-column-gap: 1.5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer_bottom_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .banner_heading_style { font-size: 2.5rem; } .faq_heading_wrap { position: static; } .resource_list { grid-template-columns: 1fr; } .integrations_grid_list { grid-column-gap: .5rem; grid-row-gap: .5rem; } .resource_cards_component.g_2col_wrap.u-gap-8, .resource_post_component.is-casestudies, .resource_post_component.is-casestudies { grid-template-columns: 1fr; } .timeline_wrap { text-align: center; grid-template-columns: 1fr; } .timeline_step_wrap { margin-top: .75rem; } .timeline_progress_wrap { grid-column: 1 / span 1; min-height: auto; } .timeline_progress_bar { display: none; } .template_overview_filters { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-columns: 1fr; } .template_overview_filters.on_glossary { grid-column-gap: .75rem; grid-row-gap: .75rem; grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .persona_metrics_component.u-hflex-center-stretch.u-gap-12.mobile-gap-8 { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .persona_metrics_content strong { font-size: 3rem; } .persona_metrics_content p { font-size: var(--_typography---font-size--text-tiny); } .persona_allineone_content_wrap.u-position-sticky.u-sticky-top-main { position: static; } .u-icon-height-xxxlarge { height: 6rem; } .usecase_tabs_wrap { grid-template-columns: 1fr; } .u-post-rich-text-blog h2 { padding-top: 2rem; } .blog_post_content_wrap.u-position-relative.is-case-studies { margin-top: -3rem; } .podcast_benefits_content_wrap.u-position-sticky.u-sticky-top-main { position: static; } .lottie_wrap.is_mobile { display: block; } .lottie_wrap.is_desktop { display: none; } .u-post-rich-text-casestudies h2, .u-post-rich-text-casestudies_challenge-with h2, .u-post-rich-text-casestudies_challenge-with h2, .u-post-rich-text-casestudies_challenge-without h2, .u-post-rich-text-casestudies_challenge-without h2 { padding-top: 2rem; } .footer_bottom_icon_wrap { justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; } .footer_bottom_icon_wrap.is_wrap { grid-column-gap: .125rem; grid-row-gap: .125rem; grid-column-gap: .125rem; grid-row-gap: .125rem; justify-content: flex-start; align-items: center; width: auto; height: auto; } .u-post-rich-text-casestudies_first h2 { padding-top: 2rem; } } @media screen and (max-width: 479px) { .u-btn-group, .u-btn-group.is-hero, .u-btn-group.is-hero { flex-flow: column; align-items: stretch; } .u-grid-landscape { flex-flow: column; display: flex; } .u-grid-breakout { grid-template-columns: var(--grid-breakout-single); } .btn_main_wrap { display: flex; } .btn_main_wrap.is-secondary, .btn_main_wrap.is-primary, .btn_main_wrap.is-secondary, .btn_main_wrap.is-primary { width: 100%; } .g_paragraph.u-rich-text.u-text-font-heading.u-text-style-testimonial { font-size: 1.25rem; } .logos_grid_list.u-grid-custom { grid-template-columns: var(--grid-2); grid-template-columns: var(--grid-2); } .testimonial_card_author_image { width: 3.75rem; height: 3.75rem; } .btn_arrow_wrap { justify-content: flex-start; align-items: center; } .btn_arrow_text { font-size: .875rem; } .btn_icon_wrap.is-smaller-mobile { padding: .375rem .875rem; } .items-pro_buttons-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; align-items: flex-start; } .u-gradient-linear-blur.is-top-left, .u-gradient-linear-blur.is-bottom-right, .u-gradient-linear-blur.is-top-left, .u-gradient-linear-blur.is-bottom-right { aspect-ratio: 2 / 4; } .tooltip_item { padding-right: var(--size--0-5rem); padding-left: var(--size--0-5rem); inset: auto auto .5rem .5rem; transform: scale(.8); } .tooltip_item.is-2, .tooltip_item.is-3, .tooltip_item.is-2, .tooltip_item.is-3 { bottom: 3rem; right: .5rem; } .about_founders_grid.u-grid-desktop.u-gap-9.mobile-gap-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .benefits_row { flex-flow: column; } .banefits_view.u-sticky-view { height: auto; } .impact_card_image.in_footer_de, .impact_card_image.in_footer_en, .impact_card_image.in_footer_de, .impact_card_image.in_footer_en { border-bottom-left-radius: var(--size--0rem); border-bottom-right-radius: var(--size--0rem); } .featuredstories_tab_menu { padding-bottom: .375rem; } .featuredstories_tab_link { padding-top: var(--size--0-75rem); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); } .featuredstories_tab_content { padding: var(--size--1-5rem); } .featuredstories_tab_logo { height: 1.425rem; } .benefits_heading { top: 15vh; } .navbar_logo_wrap { padding-left: 0; } .navbar_casestudy_link { grid-template-columns: .75fr; display: block; } .navbar_casestudy_image_wrap { aspect-ratio: 3 / 2; } .footer_bottom_wrap.u-hflex-between-center { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start; } .banner_heading_style { font-size: 1.75rem; } .faq_list_wrap { padding: .75rem; } .faq_dropdown_wrap { z-index: 1; padding: 1rem; } .resource_filters_list.u-grid-flex { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; } .resource_filters_item { flex: 1; } .resource_filters_form.u-grid-flex { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); text-align: center; grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); text-align: center; flex-flow: column; } .pagination_button { width: 2rem; height: 2rem; margin-left: .5rem; margin-right: .5rem; } .pagination_page { width: 2rem; height: 2rem; font-size: 1rem; } .hero_integration_post_component.u-grid-max { grid-template-columns: 1fr; } .integration_post_logo_wrap { width: 6rem; height: 6rem; } .u-post-rich-text h2 { padding-top: 3rem; } .swiper_bottom_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; display: grid; } .btn_pagination_wrap { justify-content: center; align-items: center; display: flex; } .timeline_progress_pill { display: flex; } .template_overview_filters.on_glossary { grid-template-columns: 1fr max-content; justify-content: flex-start; align-items: flex-start; } .filters_clear { align-self: flex-start; } .filters_clear.on-glossar { margin-right: auto; } .hero_persona_image_wrap.u-column-custom.u-position-relative.u-alignment-custom { padding-bottom: 3rem; } .persona_metrics_content strong { font-size: 2rem; } .u-post-rich-text-blog h2 { padding-top: 3rem; } .hero_persona_bubble { max-width: 14rem; } .hero_persona_bubble.is_2 { max-width: 12rem; } .hero_persona_bubble.is_3 { max-width: 8rem; } .hero_persona_bubble_font { font-size: .675rem; } .hero_persona_bubble_wrap.u-vflex-left-center.u-gap-6 { top: -1rem; } .glossary_card_title { align-items: start; padding-top: .5rem; padding-bottom: 1rem; } .glossary_search.form_main_field_input.is-search-field { font-size: var(--_typography---font-size--text-medium); font-size: var(--_typography---font-size--text-medium); font-size: var(--_typography---font-size--text-medium); } .glossary_dropdown_wrap { z-index: 1; padding: 1rem; } .u-post-rich-text-casestudies h2, .u-post-rich-text-casestudies_challenge-with h2, .u-post-rich-text-casestudies_challenge-with h2, .u-post-rich-text-casestudies_challenge-without h2, .u-post-rich-text-casestudies_challenge-without h2, .u-post-rich-text-casestudies_first h2, .u-post-rich-text-casestudies_first h2 { padding-top: 3rem; } } #w-node-f54dd4f4-ca34-ccc5-7cd2-a5b8dd722f9f-524ce592 { align-self: center; } #w-node-f3643f7a-3c34-aba1-2cf4-19083df1e800-524ce592 { align-self: start; } #w-node-_7fc315e1-31d0-1687-c213-dfa4380125c2-380125b7 { justify-self: end; } #w-node-dbac4a10-29d4-0339-48ba-14e717a3e394-6c7436c2 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_10e976a3-f07f-813c-f071-2d1705f47114-05f470d4, #w-node-_8feb54bc-87b4-7b00-6faa-717166ee898b-66ee8959 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_3a47bdb8-0298-e13d-c41f-a94ede58fe7d-de58fe6d, #w-node-bed38672-8a06-1333-ccc0-f64f83ac840d-de58fe6d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_3a47bdb8-0298-e13d-c41f-a94ede58fe94-de58fe6d { grid-area: span 1 / span 3 / span 1 / span 3; } @media screen and (max-width: 991px) { #w-node-_5a788bac-b8bd-b9e6-be4a-272d1a4cea3a-1a4cea19 { justify-self: end; } #w-node-_10e976a3-f07f-813c-f071-2d1705f47114-05f470d4, #w-node-_8feb54bc-87b4-7b00-6faa-717166ee898b-66ee8959 { grid-column: span 1 / span 1; } #w-node-_3a47bdb8-0298-e13d-c41f-a94ede58fe7d-de58fe6d, #w-node-_3a47bdb8-0298-e13d-c41f-a94ede58fe94-de58fe6d { grid-area: span 1 / span 1 / span 1 / span 1; } }