:root { --primary--background: var(--lightningcss-light, var(--_color---neutral--white)) var(--lightningcss-dark, var(--_color---neutral--black)); --_typography---paragraph-body--font: var(--_typography---fonts--primary-font); --primary--text: var(--lightningcss-light, var(--_color---neutral--black)) var(--lightningcss-dark, var(--_color---neutral--white)); --_typography---paragraph-body--font-size: clamp(var(--_typography---paragraph-body--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-body--font-size-min-rem) - ((var(--_typography---paragraph-body--font-size-max-rem) - var(--_typography---paragraph-body--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-body--font-size-max-rem) - var(--_typography---paragraph-body--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-body--font-size-max-rem) * 1rem); --_typography---paragraph-body--line-height: 1.6; --_typography---paragraph-body--font-weight: 300; --_typography---paragraph-body--letter-spacing: 0em; --_typography---h1--bottom-margin: .2em; --_typography---h1--font: var(--_typography---fonts--secondary-font); --_typography---h1--font-size: clamp(var(--_typography---h1--font-size-min-rem) * 1rem, ((var(--_typography---h1--font-size-min-rem) - ((var(--_typography---h1--font-size-max-rem) - var(--_typography---h1--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h1--font-size-max-rem) - var(--_typography---h1--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h1--font-size-max-rem) * 1rem); --_typography---h1--line-height: 1; --_typography---h1--font-weight: 500; --_typography---h1--letter-spacing: -.05em; --_typography---h2--bottom-margin: .2em; --_typography---h2--font: var(--_typography---fonts--secondary-font); --_typography---h2--font-size: clamp(var(--_typography---h2--font-size-min-rem) * 1rem, ((var(--_typography---h2--font-size-min-rem) - ((var(--_typography---h2--font-size-max-rem) - var(--_typography---h2--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h2--font-size-max-rem) - var(--_typography---h2--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h2--font-size-max-rem) * 1rem); --_typography---h2--line-height: 1; --_typography---h2--font-weight: 500; --_typography---h2--letter-spacing: -.02em; --_typography---h3--bottom-margin: .3em; --_typography---h3--font: var(--_typography---fonts--primary-font); --_typography---h3--font-size: clamp(var(--_typography---h3--font-size-min-rem) * 1rem, ((var(--_typography---h3--font-size-min-rem) - ((var(--_typography---h3--font-size-max-rem) - var(--_typography---h3--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h3--font-size-max-rem) - var(--_typography---h3--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h3--font-size-max-rem) * 1rem); --_typography---h3--line-height: 1.1; --_typography---h3--font-weight: 500; --_typography---h3--letter-spacing: 0em; --_typography---h4--bottom-margin: .4em; --_typography---h4--font: var(--_typography---fonts--primary-font); --_typography---h4--font-size: clamp(var(--_typography---h4--font-size-min-rem) * 1rem, ((var(--_typography---h4--font-size-min-rem) - ((var(--_typography---h4--font-size-max-rem) - var(--_typography---h4--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h4--font-size-max-rem) - var(--_typography---h4--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h4--font-size-max-rem) * 1rem); --_typography---h4--line-height: 1.2; --_typography---h4--font-weight: 500; --_typography---h4--letter-spacing: 0em; --_typography---h5--bottom-margin: .5em; --_typography---h5--font: var(--_typography---fonts--primary-font); --_typography---h5--font-size: clamp(var(--_typography---h5--font-size-min-rem) * 1rem, ((var(--_typography---h5--font-size-min-rem) - ((var(--_typography---h5--font-size-max-rem) - var(--_typography---h5--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h5--font-size-max-rem) - var(--_typography---h5--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h5--font-size-max-rem) * 1rem); --_typography---h5--line-height: 1.2; --_typography---h5--font-weight: 500; --_typography---h5--letter-spacing: 0em; --_typography---h6--bottom-margin: .6em; --_typography---h6--font: var(--_typography---fonts--primary-font); --_typography---h6--font-size: clamp(var(--_typography---h6--font-size-min-rem) * 1rem, ((var(--_typography---h6--font-size-min-rem) - ((var(--_typography---h6--font-size-max-rem) - var(--_typography---h6--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---h6--font-size-max-rem) - var(--_typography---h6--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---h6--font-size-max-rem) * 1rem); --_typography---h6--line-height: 1.2; --_typography---h6--font-weight: 500; --_typography---h6--letter-spacing: 0em; --_typography---eyebrow--bottom-margin: 1.5em; --_color---primary--blue: #1c4dff; --primary--accent: var(--_color---primary--blue); --_color---primary--coral: #ff645c; --_color---secondary--pink: #e956af; --_components---section--padding: clamp(var(--_components---section--padding-min-rem) * 1rem, ((var(--_components---section--padding-min-rem) - ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---section--padding-max-rem) * 1rem); --primary--border: var(--lightningcss-light, var(--_color---neutral--cream)) var(--lightningcss-dark, var(--_color---neutral--mid-gray-2\)); --_color---neutral--black: #1a1b1d; --_color---neutral--white: white; --_color---transparent: #f6f5f2; --_color---dark-black: #222028; --_color---neutral--cream: #e5e3da; --_components---container--gutter: 6vw; --_components---container--max-width: calc(var(--_layout---fluid--max) * 1rem); --primary--accent-dark: var(--_color---primary--coral); --_layout---grid--gap-main: 40px; --_layout---grid--gap-md: 24px; --_size---0rem\: 0rem; --_layout---grid--gap-sm: 8px; --_layout---grid--gap-button: 16px; --_layout---grid--columns: 12; --_layout---spacing--margin-md: 2em; --_components---button--vertical-padding: .75rem; --_components---button--horizontal-padding: 1.5rem; --_components---button--border-radius: .75rem; --_color---secondary--purple: #5454cc; --_components---button--font: var(--_typography---fonts--primary-font); --_components---button--font-size: 1.125rem; --_components---button--line-height: 100%; --_components---button--font-weight: 500; --_components---button--letter-spacing: 0em; --_typography---eyebrow--font-weight: 500; --_components---card--border-radius: .5rem; --_components---card--padding: clamp(var(--_components---card--padding-min-rem) * 1rem, ((var(--_components---card--padding-min-rem) - ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---card--padding-max-rem) * 1rem); --_components---input--bottom-margin: 0rem; --_size---0-5rem\: .5rem; --_components---input--border-radius: 1rem; --_components---input--font: var(--_typography---fonts--primary-font); --_components---input--font-size: .875rem; --_components---input--line-height: 150%; --_components---input--font-weight: 700; --_components---input--letter-spacing: -.005em; --_components---input-label--font: var(--_typography---fonts--primary-font); --_components---input-label--font-size: .9rem; --_components---input-label--line-height: 1em; --_components---input-label--font-weight: 500; --_components---input-label--letter-spacing: 0em; --_color---neutral--dark-gray\: #292825; --_typography---eyebrow--font: var(--_typography---fonts--primary-font); --_typography---eyebrow--line-height: 1.2; --_typography---paragraph-sm--bottom-margin: 1em; --_typography---paragraph-sm--font: var(--_typography---fonts--primary-font); --_typography---paragraph-sm--font-size: clamp(var(--_typography---paragraph-sm--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-sm--font-size-min-rem) - ((var(--_typography---paragraph-sm--font-size-max-rem) - var(--_typography---paragraph-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-sm--font-size-max-rem) - var(--_typography---paragraph-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-sm--font-size-max-rem) * 1rem); --_typography---paragraph-sm--line-height: 1.3; --_typography---paragraph-sm--font-weight: 400; --_typography---paragraph-sm--letter-spacing: 0em; --_typography---paragraph-lg--bottom-margin: 1em; --_typography---paragraph-lg--font: var(--_typography---fonts--primary-font); --_typography---paragraph-lg--font-size: clamp(var(--_typography---paragraph-lg--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-lg--font-size-min-rem) - ((var(--_typography---paragraph-lg--font-size-max-rem) - var(--_typography---paragraph-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-lg--font-size-max-rem) - var(--_typography---paragraph-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-lg--font-size-max-rem) * 1rem); --_typography---paragraph-lg--line-height: 1.3; --_typography---paragraph-lg--font-weight: 400; --_typography---paragraph-lg--letter-spacing: 0em; --_typography---paragraph-xl--bottom-margin: 1em; --_typography---paragraph-xl--font: var(--_typography---fonts--primary-font); --_typography---paragraph-xl--font-size: clamp(var(--_typography---paragraph-xl--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-xl--font-size-min-rem) - ((var(--_typography---paragraph-xl--font-size-max-rem) - var(--_typography---paragraph-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-xl--font-size-max-rem) - var(--_typography---paragraph-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-xl--font-size-max-rem) * 1rem); --_typography---paragraph-xl--line-height: 1.2; --_typography---paragraph-xl--font-weight: 400; --_layout---spacing--margin-lg: 3em; --_layout---spacing--margin-sm: 1em; --_typography---type-paragraph-lg--font-size-md\: 1.25rem; --_typography---type-paragraph-lg--font-size-sm\: 1.1rem; --_typography---type-paragraph-lg--font-size-xs\: 1.1rem; --_typography---type-paragraph-sm--font-size-md\: .9rem; --_typography---type-paragraph-sm--font-size-sm\: .9rem; --_typography---type-paragraph-sm--font-size-xs\: .9rem; --_layout---spacing--margin-xs: .5em; --_responsive---padding--card\: 1.5rem; --_components---card--card-body-padding-sm\: 20px; --_size---1-5rem\: 1.5rem; --_size---2rem\: 2rem; --_size---3rem\: 3rem; --_size---0-75rem\: .75rem; --_color---neutral--mid-gray-2\: #474641; --_color---secondary--link: #2e9bff; --_color---secondary--dusty-mauve: #5c586d; --_typography---fonts--primary-font: "League Spartan", Arial, sans-serif; --_color---secondary--teal: #28c1ea; --_color---on-dark--blue: #6b8cff; --_color---on-dark--purple: #8080db; --_color---on-dark--color: white; --_layout---fluid--max: 72; --_typography---fonts--secondary-font: "League Spartan", Arial, sans-serif; --_layout---fluid--min: 20; --_components---section--padding-min-rem: 3; --_components---section--padding-max-rem: 6; --_components---card--padding-min-rem: 1; --_components---card--padding-max-rem: 1.5; --_color---secondary--yellow: #f9ca46; --_color---on-light--coral: #cc0a00; --_color---on-light--pink: #be197d; --_color---on-light--teal: #0d6e88; --_color---on-light--yellow: #816004; --_color---on-dark--dusty-mauve: #858099; --_typography---h1--font-size-min-rem: 2; --_typography---h1--font-size-max-rem: 3.875; --_typography---h2--font-size-min-rem: 1.75; --_typography---h2--font-size-max-rem: 3.4375; --_typography---h3--font-size-min-rem: 1.3125; --_typography---h3--font-size-max-rem: 2.5; --_typography---h4--font-size-min-rem: 1.3125; --_typography---h4--font-size-max-rem: 1.8125; --_typography---h5--font-size-min-rem: 1.1; --_typography---h5--font-size-max-rem: 1.2; --_typography---h6--font-size-min-rem: .9; --_typography---h6--font-size-max-rem: 1; --_typography---paragraph-xl--font-size-min-rem: 1.2; --_typography---paragraph-xl--font-size-max-rem: 1.5; --_typography---paragraph-xl--letter-spacing: 0em; --_typography---paragraph-lg--font-size-min-rem: 1; --_typography---paragraph-lg--font-size-max-rem: 1.375; --_typography---paragraph-body--font-size-min-rem: .938; --_typography---paragraph-body--font-size-max-rem: 1; --_typography---paragraph-body--bottom-margin: 1em; --_typography---paragraph-sm--font-size-min-rem: .8; --_typography---paragraph-sm--font-size-max-rem: .9; --_typography---eyebrow--font-size: clamp(var(--_typography---eyebrow--font-size-min-rem) * 1rem, ((var(--_typography---eyebrow--font-size-min-rem) - ((var(--_typography---eyebrow--font-size-max-rem) - var(--_typography---eyebrow--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---eyebrow--font-size-max-rem) - var(--_typography---eyebrow--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---eyebrow--font-size-max-rem) * 1rem); --_typography---eyebrow--font-size-min-rem: .7; --_typography---eyebrow--font-size-max-rem: 1; --_typography---eyebrow--letter-spacing: .1em; --_typography---d1--font: var(--_typography---fonts--primary-font); --_typography---d1--font-size: clamp(var(--_typography---d1--font-size-min-rem) * 1rem, ((var(--_typography---d1--font-size-min-rem) - ((var(--_typography---d1--font-size-max-rem) - var(--_typography---d1--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---d1--font-size-max-rem) - var(--_typography---d1--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---d1--font-size-max-rem) * 1rem); --_typography---d1--font-size-min-rem: 3.5; --_typography---d1--font-size-max-rem: 4.25; --_typography---d1--font-weight: 400; --_typography---d1--line-height: 1; --_typography---d1--letter-spacing: -.03em; --_typography---d1--bottom-margin: .2em; } body { background-color: var(--primary--background); font-family: var(--_typography---paragraph-body--font); color: var(--primary--text); font-size: var(--_typography---paragraph-body--font-size); line-height: var(--_typography---paragraph-body--line-height); font-weight: var(--_typography---paragraph-body--font-weight); letter-spacing: var(--_typography---paragraph-body--letter-spacing); text-wrap: pretty; } h1 { margin-top: 0; margin-bottom: var(--_typography---h1--bottom-margin); font-family: var(--_typography---h1--font); font-size: var(--_typography---h1--font-size); line-height: var(--_typography---h1--line-height); font-weight: var(--_typography---h1--font-weight); letter-spacing: var(--_typography---h1--letter-spacing); } h2 { margin-top: 0; margin-bottom: var(--_typography---h2--bottom-margin); font-family: var(--_typography---h2--font); font-size: var(--_typography---h2--font-size); line-height: var(--_typography---h2--line-height); font-weight: var(--_typography---h2--font-weight); letter-spacing: var(--_typography---h2--letter-spacing); } h3 { margin-top: 0; margin-bottom: var(--_typography---h3--bottom-margin); font-family: var(--_typography---h3--font); font-size: var(--_typography---h3--font-size); line-height: var(--_typography---h3--line-height); font-weight: var(--_typography---h3--font-weight); letter-spacing: var(--_typography---h3--letter-spacing); } h4 { margin-top: 0; margin-bottom: var(--_typography---h4--bottom-margin); font-family: var(--_typography---h4--font); font-size: var(--_typography---h4--font-size); line-height: var(--_typography---h4--line-height); font-weight: var(--_typography---h4--font-weight); letter-spacing: var(--_typography---h4--letter-spacing); } h5 { margin-top: 0; margin-bottom: var(--_typography---h5--bottom-margin); font-family: var(--_typography---h5--font); font-size: var(--_typography---h5--font-size); line-height: var(--_typography---h5--line-height); font-weight: var(--_typography---h5--font-weight); letter-spacing: var(--_typography---h5--letter-spacing); } h6 { margin-top: 0; margin-bottom: var(--_typography---h6--bottom-margin); font-family: var(--_typography---h6--font); font-size: var(--_typography---h6--font-size); line-height: var(--_typography---h6--line-height); font-weight: var(--_typography---h6--font-weight); letter-spacing: var(--_typography---h6--letter-spacing); } p { margin-bottom: var(--_typography---eyebrow--bottom-margin); } a { text-decoration: underline; -webkit-text-decoration-color: var(--_color---primary--blue); text-decoration-color: var(--_color---primary--blue); color: inherit; text-underline-offset: .1em; text-underline-position: under; text-decoration-thickness: .1em; } a:hover { text-decoration: none; } a:focus-visible, a[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } ul, ol { margin-top: 0; margin-bottom: 1em; padding-left: 2.2em; } li { margin-bottom: .3em; } img { max-width: 100%; display: inline-block; } label { margin-bottom: 5px; display: block; } strong { font-weight: bold; } blockquote { border-left: 5px solid #e2e2e2; margin-bottom: 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 5px; } .container { width: 100%; max-width: min((100% - var(--_components---container--gutter) * 2), var(--_components---container--max-width)); margin-left: auto; margin-right: auto; display: block; } .container:where(.w-variant-6cae332d-01b0-f960-b41f-aedac7ad74f1), .container:where(.w-variant-5a3b2588-a7f4-dd06-61a1-e697adf3e2de) { max-width: none; } .container.u-z-index-1 { margin-bottom: 0; } .container.u-z-index-1.cc-kevin { margin-bottom: 0; padding-bottom: 0; } .container.u-z-index-2 { z-index: 2; position: relative; } .container.cc-product-webinar { z-index: 1; position: relative; } .container.cc-product-video { margin-bottom: -17.5%; } .container.cc-events-video { z-index: 2; margin-top: -12%; position: relative; } .container.cc-nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; display: flex; } .container.cc-nav-dropdown { border-top: 6px solid var(--primary--accent-dark); color: var(--_color---neutral--white); background-color: #020203; border-bottom-right-radius: 3.13rem; border-bottom-left-radius: 3.13rem; padding: 1.88rem 2.5rem 1.25rem; } .button { padding-top: var(--_components---button--vertical-padding); padding-right: var(--_components---button--horizontal-padding); padding-bottom: var(--_components---button--vertical-padding); padding-left: var(--_components---button--horizontal-padding); grid-column-gap: .5em; grid-row-gap: .5em; border-top-left-radius: var(--_components---button--border-radius); border-top-right-radius: var(--_components---button--border-radius); border-bottom-left-radius: var(--_components---button--border-radius); border-bottom-right-radius: var(--_components---button--border-radius); background-color: #0000; background-image: linear-gradient(90deg, var(--_color---primary--blue), var(--_color---secondary--purple)); pointer-events: auto; font-family: var(--_components---button--font); color: var(--_color---neutral--white); font-size: var(--_components---button--font-size); line-height: var(--_components---button--line-height); font-weight: var(--_components---button--font-weight); text-align: center; letter-spacing: var(--_components---button--letter-spacing); z-index: 1000; border: 0 solid #0000; justify-content: center; align-items: center; text-decoration: none; transition-property: background-color, border-color; transition-duration: .3s, .3s; transition-timing-function: cubic-bezier(.165, .84, .44, 1), cubic-bezier(.165, .84, .44, 1); display: inline-flex; position: relative; } .button:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { border-top-width: .75px; border-top-color: var(--primary--accent); border-right-width: .75px; border-right-color: var(--primary--accent); border-bottom-width: .75px; border-bottom-color: var(--primary--accent); border-left-width: .75px; border-left-color: var(--primary--accent); color: var(--primary--text); font-weight: var(--_components---button--font-weight); background-color: #0000; background-image: linear-gradient(#3b3a4773, #3b3a4773); } .button:where(.w-variant-b25228c7-c016-79e9-c7b9-6b5de3d7347c) { font-weight: var(--_typography---eyebrow--font-weight); background-image: none; border-style: none; border-radius: 0; flex-flow: row-reverse; padding-left: 0; text-decoration: underline; } .button:where(.w-variant-e89d8fec-03b6-7e69-878b-7f9069012b14) { color: var(--_color---transparent); background-image: none; border: 0 !important; } .button:where(.w-variant-41c06c93-dc81-477c-8237-ecf0026bc780) { font-size: .94rem; } .button:where(.w-variant-26a1d8aa-963e-1310-2559-a173e9972fb5) { font-weight: var(--_typography---eyebrow--font-weight); background-image: none; border-style: none; border-radius: 0; flex-flow: row; padding-left: 0; text-decoration: underline; } .button:where(.w-variant-7b0a4df2-065a-e4ca-1bd5-8673ef7912b7) { border-top-width: .75px; border-top-color: var(--primary--accent); border-right-width: .75px; border-right-color: var(--primary--accent); border-bottom-width: .75px; border-bottom-color: var(--primary--accent); border-left-width: .75px; border-left-color: var(--primary--accent); color: #fff; background-color: #0000; background-image: linear-gradient(#3b3a4773, #3b3a4773); } .button:hover { background-color: var(--primary--accent-dark); background-image: linear-gradient(to bottom, var(--_color---secondary--purple), var(--_color---secondary--purple)); } .button:hover:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { background-image: linear-gradient(90deg, var(--_color---primary--blue), var(--_color---secondary--purple)); } .button:hover:where(.w-variant-b25228c7-c016-79e9-c7b9-6b5de3d7347c), .button:hover:where(.w-variant-26a1d8aa-963e-1310-2559-a173e9972fb5) { background-color: #0000; background-image: linear-gradient(#0000, #0000); border-style: none; } .button:hover:where(.w-variant-7b0a4df2-065a-e4ca-1bd5-8673ef7912b7) { background-image: linear-gradient(90deg, var(--_color---primary--blue), var(--_color---secondary--purple)); } .button:focus-visible, .button[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .button.cc-full { width: 100%; } .button.cc-link { color: var(--_color---primary--blue); background-image: none; border-style: none; padding-left: 0; padding-right: 0; } .button.cc-link:hover { background-color: #0000; } .button.cc-form-submit:where(.w-variant-80632d66-7d46-8480-592c-bec61535a58c) { width: 100%; } .button.cc-secondary { border-top-color: var(--primary--accent); border-right-color: var(--primary--accent); border-bottom-color: var(--primary--accent); border-left-color: var(--primary--accent); color: var(--primary--background); background-color: #0000; background-image: linear-gradient(#3b3a4773, #3b3a4773); } .button.cc-secondary:hover { background-image: linear-gradient(90deg, var(--_color---primary--blue), var(--_color---secondary--purple)); } .button.cc-lp-hero { margin-bottom: 32px; } .paragraph-lg { margin-bottom: var(--_typography---paragraph-lg--bottom-margin); font-family: var(--_typography---paragraph-lg--font); font-size: var(--_typography---paragraph-lg--font-size); line-height: var(--_typography---paragraph-lg--line-height); font-weight: var(--_typography---paragraph-lg--font-weight); letter-spacing: var(--_typography---paragraph-lg--letter-spacing); -webkit-text-stroke-color: var(--_color---neutral--white); } .paragraph-lg.cc-kevin { -webkit-text-stroke-color: var(--_color---neutral--white); } .paragraph-lg.cc-kevin.cc-kevin1 { margin-bottom: 40px; } .paragraph-lg.cc-kevin3 { margin-top: 40px; } .paragraph-lg.u-mb-0.u-weight-600 { font-weight: 600 !important; } .paragraph-lg.u-mb-0.cc-create.h2 { color: var(--_color---neutral--white); font-size: var(--_typography---h4--font-size); } .paragraph-lg.u-mb-0.u-opacity-70 { text-align: center; } .u-d-none { display: none; } .u-sr-only { white-space: nowrap; border: 0 solid #0000; width: 1px; height: 1px; margin-top: -1px; padding: 0; position: absolute; overflow: hidden; } .u-h-100 { height: 100%; } .u-img-cover { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-img-cover:where(.w-variant-109354ec-e18b-6d34-fc97-2bd60ed75688) { object-position: 0% 0%; } .u-img-cover:where(.w-variant-40e3e929-19ef-9b36-6290-dc5709682adc) { object-position: 50% 0%; } .u-img-cover:where(.w-variant-0da5bd83-82c0-9ff7-a129-8f787e266277) { object-position: 100% 0%; } .u-img-cover:where(.w-variant-95f10c6a-375e-6791-942f-befcfd098245) { object-position: 0% 50%; } .u-img-cover:where(.w-variant-70209591-5532-2fc0-7d51-2b8b6dddb987) { object-position: 100% 50%; } .u-img-cover:where(.w-variant-a7ddd5b7-263c-c9cb-72d3-05c79a748253) { object-position: 0% 100%; } .u-img-cover:where(.w-variant-1d20b8de-5e87-989b-a18d-586e4efc38e7) { object-position: 50% 100%; } .u-img-cover:where(.w-variant-0230cd8b-7253-149b-4b7c-efe7ca05c971) { object-position: 100% 100%; } .u-link-cover { z-index: 1; background-color: #0000; width: 100%; height: 100%; padding: 0; position: absolute; inset: 0%; } .u-link-cover.cc-tabs-link:focus-visible, .u-link-cover.cc-tabs-link[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: -2px; outline-width: 2px; outline-style: solid; } .u-mb-0 { margin-bottom: 0; } .u-mb-0.u-text-center.u-text-gradient-1 { margin-top: 60px; } .btn-icon { max-width: 1.2em; color: var(--_color---primary--coral); justify-content: center; align-items: center; line-height: 1; display: inline-flex; } .btn-icon:where(.w-variant-e89d8fec-03b6-7e69-878b-7f9069012b14) { color: var(--_color---dark-black); } .btn-icon:where(.w-variant-26a1d8aa-963e-1310-2559-a173e9972fb5) { max-width: 1em; } .modal { z-index: 10; width: 90%; max-width: 800px; padding-top: var(--_responsive---padding--card\); padding-right: var(--_responsive---padding--card\); padding-bottom: var(--_responsive---padding--card\); padding-left: var(--_responsive---padding--card\); border-top-style: solid; border-top-width: 1px; border-top-color: var(--primary--border); border-right-style: solid; border-right-width: 1px; border-right-color: var(--primary--border); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--primary--border); border-left-style: solid; border-left-width: 1px; border-left-color: var(--primary--border); border-top-left-radius: var(--_components---card--border-radius); border-top-right-radius: var(--_components---card--border-radius); border-bottom-left-radius: var(--_components---card--border-radius); border-bottom-right-radius: var(--_components---card--border-radius); background-color: var(--primary--background); color: var(--primary--text); transition-property: all; transition-duration: .3s; transition-timing-function: cubic-bezier(.165, .84, .44, 1); overflow-y: auto; } .modal.cc-search { border-top-style: solid; border-top-width: 5px; border-top-color: var(--primary--accent-dark); border-style: solid none none; border-top-width: 5px; border-top-color: var(--primary--accent-dark); inset: 41px 2% auto auto; background-color: #fff; border-bottom-style: none; border-left-style: none; border-right-style: none; border-radius: 0 0 1.875rem 1.875rem; width: fit-content; max-width: 100%; padding: 1rem; inset: 41px 2% auto auto; } .modal_close-button { background-color: #0000; border-radius: 4px; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: 0; display: flex; position: absolute; inset: .5rem .5rem auto auto; } .modal_close-button:focus-visible, .modal_close-button[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .modal_close-button.cc-search { width: .75rem; height: .75rem; right: 1rem; } .modal_close-button_icon { pointer-events: none; width: 1rem; height: 1rem; } .modal_close-button_icon.cc-search { width: .75rem; height: .75rem; } .nav { width: 100%; color: var(--primary--text); z-index: 990; background-color: #fff; position: sticky; top: 0; } .nav:where(.w-variant-b23b0bfb-3285-ab6f-754f-ce412db82d06) { --primary--background: var(--lightningcss-light, var(--_color---transparent)) var(--lightningcss-dark, var(--_color---neutral--dark-gray\)); --primary--text: var(--lightningcss-light, var(--_color---neutral--black)) var(--lightningcss-dark, var(--_color---neutral--white)); --primary--accent: var(--_color---primary--blue); --primary--border: var(--lightningcss-light, var(--_color---neutral--cream)) var(--lightningcss-dark, var(--_color---neutral--mid-gray-2\)); --primary--accent-dark: var(--_color---primary--coral); } .nav-logo_link { color: var(--primary--accent); padding-top: 1.75rem; padding-bottom: 1.75rem; padding-left: 0; line-height: 1; } .nav-link { grid-column-gap: .3em; grid-row-gap: .3em; letter-spacing: -.015em; color: currentColor; border-bottom: 6px solid #0000; justify-content: center; align-items: center; padding: 2rem .75rem 1.63rem; font-size: 1.06rem; font-weight: 700; transition-property: border-color; transition-duration: .3s; transition-timing-function: ease; display: inline-flex; } .nav-link:hover { border-bottom: 6px solid var(--primary--accent-dark); color: var(--primary--accent-dark); } .nav-link:focus-visible, .nav-link[data-wf-focus-visible] { color: var(--primary--accent); } .nav-link.w--current { border-bottom-color: var(--primary--accent-dark); color: var(--primary--accent-dark); } .nav-link.cc-dropdown-link { padding-top: var(--_size---0-5rem\); padding-bottom: var(--_size---0-5rem\); display: block; } .nav-link.cc-dropdown-link:focus-visible, .nav-link.cc-dropdown-link[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: -2px; outline-width: 2px; } .nav-link.cc-dropdown-btn:focus-visible, .nav-link.cc-dropdown-btn[data-wf-focus-visible] { outline-color: var(--_color---primary--blue); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .nav-link.cc-dropdown-btn { letter-spacing: 0; text-transform: capitalize; font-weight: 600; } .nav-link.cc-dropdown-btn:focus-visible, .nav-link.cc-dropdown-btn[data-wf-focus-visible] { outline-color: var(--_color---primary--blue); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .nav-link.cc-search { background-color: #0000; height: 100%; } .nav-menu { margin-left: auto; position: static; } .nav-dropdown_arrow { width: 1.2em; display: none; } .nav-dropdown_content { z-index: 2; background-color: #0000; } .nav-dropdown_content.w--open { text-align: left; } .nav-dropdown_content.cc-mega { inset: 100% 0% auto; } .nav-dropdown_content.cc-mega.w--open { max-height: 90vh; overflow-y: auto; } .nav-dropdown.cc-mega { position: static; } .nav-skip-link { z-index: 9998; background-color: var(--_color---primary--blue); opacity: 0; height: 3em; color: var(--_color---neutral--white); letter-spacing: .05em; text-transform: uppercase; border-radius: .5rem; margin-top: -8em; padding: .8em 1.5em; font-size: .75rem; font-weight: 500; line-height: 1; text-decoration: none; transition: opacity .3s cubic-bezier(.165, .84, .44, 1), margin .3s cubic-bezier(.165, .84, .44, 1); position: absolute; inset: 0% auto auto 50%; transform: translate(-50%); } .nav-skip-link:focus-visible, .nav-skip-link[data-wf-focus-visible] { opacity: 1; outline-color: var(--_color---primary--blue); outline-offset: 2px; outline-width: 2px; outline-style: solid; margin-top: .2em; } .nav-cta-wrapper { flex: none; margin-left: auto; } .nav-menu_btn { padding: .75rem .5rem; } .nav-menu_btn-bar { width: var(--_size---1-5rem\); background-color: var(--primary--text); height: 1px; transition: opacity .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1); } .nav-menu_btn-bar.cc-middle { margin-top: 8px; margin-bottom: 8px; } .nav-menu_container { display: flex; } .nav-dropdown_overlay { background-color: var(--primary--background); opacity: 0; width: 100vw; height: 100vh; display: none; position: absolute; inset: 100% 0% 0%; } .slot { flex-flow: column; align-items: flex-start; display: flex; } .slot.cc-section { flex-flow: column; align-items: stretch; position: static; } .slot.cc-column { align-items: stretch; width: 100%; height: 100%; } .slot.cc-card { flex: 1; align-items: stretch; } .slot.cc-card-body { height: 100%; } .slot.cc-tabs-menu { scrollbar-width: none; flex-flow: row; justify-content: flex-start; align-items: stretch; overflow-x: auto; } .slot.cc-tabs-menu:where(.w-variant-2aaea931-c3cd-72d0-7879-74b59b68dd9b) { flex-flow: column; overflow-x: hidden; } .slot.cc-table { display: contents; } .slot.cc-list { grid-column-gap: 1em; grid-row-gap: 1em; justify-content: flex-start; align-items: stretch; } .modal-component { position: relative; } .btn-text { pointer-events: none; } .btn-text:where(.w-variant-26a1d8aa-963e-1310-2559-a173e9972fb5) { color: var(--_color---primary--blue); font-size: var(--_typography---paragraph-body--font-size); } .container-lg { width: 90%; max-width: 85rem; margin-left: auto; margin-right: auto; } .container-lg.u-z-index-2 { position: relative; } .container-lg.cc-kevin { text-align: left; } .container-lg.cc-kevin5 { color: var(--_color---dark-black); } .u-text-link { color: var(--_color---primary--blue); } .u-text-link.cc-modal { text-decoration: none; } .btn_wrap { align-self: flex-start; } .btn_wrap.cc-center { align-self: center; } .filters-search { width: 336px; height: 50px; color: var(--_color---dark-black); background-image: url("https://cdn.prod.website-files.com/693916696fbefc2d8e49a0e7/695fc886899f37859eec1af6_search-icon.svg"); background-position: 16px; background-repeat: no-repeat; background-size: auto; border-radius: 1rem; padding-left: 54px; font-weight: 700; } .filters-search::placeholder { color: var(--_color---dark-black); } .filters-search.cc-search-page { border: 2px solid var(--primary--accent); color: #fff; background-color: #3b3a4773; background-image: url("https://cdn.prod.website-files.com/693916696fbefc2d8e49a0e7/697267baf693fa2bf94bfa45_Frame%20(4).svg"); height: auto; padding-left: 40px; font-weight: 400; } .filters-search.cc-search-page.cc-modal { width: 700px; color: var(--primary--text); font-size: var(--_typography---h6--font-size); width: 700px; font-size: var(--_typography---h6--font-size); background-color: #938aff26; } .form-consent { border: 1px solid var(--_color---secondary--dusty-mauve); border-radius: 1rem; justify-content: flex-start; align-items: center; min-height: 3.13rem; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; } .form-consent:where(.w-variant-ed9390e7-e886-bd92-12a6-b360b5b3634d) { border-color: #c9c8ce; border-radius: 10px; min-height: 2.8rem; } .form-consent_checkbox { background-color: #0000; border: 1px solid #fff; border-radius: 0; min-width: .94rem; min-height: .94rem; } .form-consent_checkbox.w--redirected-checked { background-color: #fff; } .form-consent_text { font-size: .81rem; line-height: 100%; font-weight: var(--_typography---paragraph-body--font-weight); letter-spacing: var(--_typography---paragraph-lg--letter-spacing); display: block; } .form-consent_label { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; } .dots-wrapper { grid-column-gap: .56rem; grid-row-gap: .56rem; opacity: .4; background-image: url("https://cdn.prod.website-files.com/693916696fbefc2d8e49a0e7/696886a5f573c0d7ce411af4_dot.svg"); background-position: 0 0; background-repeat: repeat-x; background-size: auto 4px; justify-content: center; align-items: center; height: .25rem; } .nav-dropdown_grid { grid-column-gap: 2.63rem; grid-row-gap: 2.63rem; grid-template-rows: auto; grid-template-columns: 3fr 1fr; grid-auto-columns: 1fr; display: grid; } .nav-dropdown_col { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; padding: .88rem 1.25rem; display: flex; } .nav-dropdown_col:hover { background-image: linear-gradient(#29292a, #29292a00); } .nav-dropdown_links { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .nav-dropdown_link { font-size: .94rem; text-decoration: none; } .nav-dropdown_link:hover { text-decoration: underline; -webkit-text-decoration-color: var(--_color---primary--blue); text-decoration-color: var(--_color---primary--blue); text-decoration-thickness: 1px; } .text-block { letter-spacing: -.005em; font-weight: 500; } .nav-dropdown_label { color: var(--primary--accent-dark); font-size: .94rem; font-weight: 700; } .nav-dropdown_inner-grid { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .nav-dropdown_grid-left { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .nav-dropdown_info { grid-column-gap: .75rem; grid-row-gap: .75rem; letter-spacing: -.005em; text-underline-offset: auto; -webkit-text-decoration-color: var(--_color---neutral--white); text-decoration-color: var(--_color---neutral--white); justify-content: flex-start; align-items: center; text-decoration-thickness: 1px; display: flex; } .nav-dropdown_info-icon { width: 1.44rem; min-width: 1.44rem; height: 1rem; min-height: 1rem; display: flex; } .nav-dropdown_promo { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; margin-bottom: 1rem; text-decoration: none; display: flex; } .nav-dropdown_promo-img { aspect-ratio: 4 / 2.7; border-radius: .94rem; width: 100%; position: relative; overflow: hidden; } .nav-dropdown_promo-content { grid-column-gap: .38rem; grid-row-gap: .38rem; flex-flow: column; padding-left: 1.13rem; padding-right: 1.13rem; display: flex; } .nav-dropdown_promo-text-link { text-underline-offset: 0px; text-underline-position: under; text-decoration: underline; text-decoration-thickness: 1px; } .nav-social_list { grid-column-gap: .75rem; grid-row-gap: .75rem; margin-bottom: 0; margin-left: .5rem; display: flex; } .nav-social_link { color: #7c8282; width: 1.25rem; transition: background-color .3s cubic-bezier(.165, .84, .44, 1); display: flex; } .nav-social_link:hover { color: var(--_color---neutral--cream); } .nav-cta-wrapper-md { flex: none; margin-left: auto; display: none; } .nav-login { background-color: var(--_color---transparent); justify-content: flex-end; align-items: center; padding-top: .63rem; padding-bottom: .63rem; } .nav-login_links { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; justify-content: flex-end; align-items: center; display: flex; } .nav-login_link { grid-column-gap: .38rem; grid-row-gap: .38rem; letter-spacing: -.015em; justify-content: flex-start; align-items: center; font-size: .81rem; font-weight: 500; text-decoration: none; display: flex; } .nav-login_link:hover { text-decoration: underline; } .nav-login_link-icon { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; color: var(--_color---primary--blue); } .nav-login-md { background-color: var(--_color---transparent); justify-content: flex-end; align-items: center; padding-top: .63rem; padding-bottom: .63rem; display: none; } .nav-menu_wrapper { display: flex; } .u-hidden { display: none; } .search_wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; align-items: center; display: flex; } .nav-link_search { pointer-events: none; width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; } .nav-locale_dropdown { margin-left: 0; margin-right: 0; } .nav-locale_dropdown-toggle { grid-column-gap: .375rem; grid-row-gap: .375rem; letter-spacing: -.015em; justify-content: flex-start; align-items: center; padding: 0; font-size: .813rem; font-weight: 500; line-height: 1; display: flex; } .nav-locale_dropdown-arrow { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; padding-top: 3px; } .nav-locale_dropdown-list.w--open { background-color: #fff; border-bottom-right-radius: 1.875rem; border-bottom-left-radius: 1.875rem; min-width: 16.5rem; padding: 1.5rem; top: 150%; right: 0; } .nav-locale_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 1rem; letter-spacing: -.005em; justify-content: space-between; align-items: center; min-width: 10.75rem; padding: .28rem 0; font-size: .875rem; text-decoration: none; display: flex; } .nav-locale_dropdown-link.w--current { display: flex; } .nav-locale_dropdown-title { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .nav-locale_dropdown-flag { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; display: flex; } .nav-locale_wrapper { min-width: 10.75rem; } .nav-locale_dropdown-checkmark { opacity: 0; width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; display: flex; } .nav-link_back { display: none; } .search-modal_wrapper { background-color: var(--primary--background); } .banner-top { width: 100%; color: var(--_color---neutral--white); text-align: center; letter-spacing: -.015em; background-color: #161618; background-image: url("https://cdn.prod.website-files.com/693916696fbefc2d8e49a0e7/69a7a9aeb85cb356d20b5509_Bottom%20Ticker.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-top: .5rem; padding-bottom: .5rem; font-size: .88rem; font-weight: 700; text-decoration: none; transition: opacity .2s; } .banner-top:hover { opacity: .96; } .banner-top_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; width: 100%; display: grid; } .banner-top_link { grid-column-gap: .31rem; grid-row-gap: .31rem; justify-content: center; align-items: center; padding-bottom: .31rem; display: flex; position: relative; } .banner-top_link-icon { width: .81rem; min-width: .81rem; height: .81rem; min-height: .81rem; } .banner-top_link-wrapper { justify-content: center; align-items: center; display: flex; } .banner-top_link-line { background-image: linear-gradient(#1c4dff, #5454cc); width: 100%; height: 1.8px; position: absolute; inset: auto 0% 0%; } .text-block-4 { padding-top: 3px; } .text-block-5, .text-block-6 { margin-top: 3px; } .lp_demo { color: #fff; background-image: linear-gradient(#0f1011 0% 38%, #110f24 62%, #120d2e 100%); padding-top: 136px; padding-bottom: 72px; position: relative; overflow: hidden; } .lp_form-row { grid-template-rows: auto; grid-template-columns: 1fr 1fr; gap: 0 12px; display: grid; } .lp_demo-title-accent { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; } .lp_form-privacy { color: #5c586d; text-align: center; margin-top: 12px; margin-bottom: 0; font-size: .6875rem; line-height: 1.4; } .lp_label { color: #1a1b1d; margin-bottom: 5px; font-size: .8125rem; font-weight: 500; line-height: 1.1; display: block; } .lp_input { color: #1a1b1d; background-color: #fff; border: 1px solid #c9c8ce; border-radius: 10px; width: 100%; height: 40px; margin-bottom: 0; padding: 0 14px; font-size: .9375rem; font-weight: 400; transition: border-color .15s, box-shadow .15s; display: block; } .lp_input:hover { border-color: #9a98a3; } .lp_input:focus { border-color: #1c4dff; outline-style: none; box-shadow: 0 0 0 3px #1c4dff2e; } .lp_input.cc-select { cursor: pointer; appearance: none; cursor: pointer; cursor: pointer; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235C586D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: 96%; background-repeat: no-repeat; padding-right: 38px; } .lp_button { z-index: 2; color: #fff; background-image: linear-gradient(90deg, #1c4dff 0%, #5454cc 100%); border-radius: 12px; justify-content: center; align-items: center; column-gap: 10px; padding: 12px 24px; font-size: 1.125rem; font-weight: 500; line-height: 1; text-decoration: none; transition: filter .2s; display: inline-flex; position: relative; } .lp_button:hover { filter: brightness(1.12); } .lp_button:focus { outline-offset: 3px; outline: 3px solid #6b8cff; } .lp_button.cc-submit { color: #0000; text-align: center; cursor: pointer; text-align: center; cursor: pointer; background-image: linear-gradient(90deg, #1c4dff 0%, #5454cc 100%); width: 100%; height: 42px; padding-right: 24px; display: block; } .lp_demo-grid { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 507px); align-items: stretch; gap: 0 64px; display: grid; } .lp_field { margin-bottom: 12px; } .lp_form { margin-bottom: 0; } .lp_button-icon { flex: none; width: 20px; height: 20px; display: block; } .lp_container { z-index: 1; width: 88%; max-width: 1152px; margin-left: auto; margin-right: auto; position: relative; } .lp_container.cc-hero { z-index: 2; z-index: 2; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; max-width: 1440px; height: 100%; padding-bottom: 96px; padding-left: 96px; padding-right: 96px; display: flex; } .lp_container.cc-hero { z-index: 2; z-index: 2; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; max-width: 1440px; height: 100%; padding-bottom: 96px; padding-left: 96px; padding-right: 96px; display: flex; } .lp_container.cc-proof-video { z-index: 2; perspective: 1400px; padding-top: 140px; } .lp_container.cc-proof-tailored { z-index: 2; } .lp_container.cc-proof-years { z-index: 2; text-align: center; height: 170vh; padding-top: 0; } .lp_container.cc-proof-beat { z-index: 2; text-align: center; padding-top: 140px; } .lp_container.cc-meet { z-index: 2; text-align: left; min-height: 860px; padding-top: 0; padding-bottom: 0; display: block; position: static; } .lp_container.cc-agents-head { z-index: 1; text-align: center; padding-top: 110px; position: relative; } .lp_container.cc-native-cta { z-index: 2; perspective: 1400px; text-align: center; } .lp_container.cc-native { z-index: 2; } .lp_demo-left { min-height: 620px; padding-top: 18px; position: relative; } .lp_form-card { z-index: 2; color: #1a1b1d; background-color: #fff; border-radius: 30px; padding: 28px 24px; position: relative; box-shadow: 0 30px 80px -20px #0a06288c; } .lp_button-text { line-height: 1; } .lp_form-submit { margin-top: 22px; position: relative; } .lp_demo-title { z-index: 2; color: #fff; letter-spacing: -.02em; max-width: 540px; margin-top: 0; margin-bottom: 40px; font-size: clamp(2rem, 1.2rem + 2.6vw, 3.125rem); font-weight: 400; line-height: 1.16; position: relative; } .lp_demo-wave { z-index: 0; filter: blur(40px); pointer-events: none; position: absolute; inset: -80px; } .lp_demo-wave.cc-meet { filter: blur(22px); } .lp_demo-wave.cc-agents-l { opacity: .55; filter: blur(14px); width: calc(34% + 160px); height: 1000px; inset: -80px auto auto -80px; } .lp_demo-wave.cc-agents-r { opacity: .55; filter: blur(14px); width: calc(34% + 160px); height: 1000px; inset: -80px -80px auto auto; } .lp_form-privacy-link { color: #1c4dff; text-decoration: none; } .lp_form-privacy-link:hover { text-decoration: underline; } .lp_demo-photo { z-index: 1; pointer-events: none; width: 752px; max-width: none; height: auto; display: block; position: absolute; bottom: -124px; left: -193px; } .lp_hero { z-index: 0; color: #fff; background-color: #1a1b1d; height: 640px; position: relative; overflow: hidden; } .lp_hero-title-line { display: block; } .lp_hero-title-line.cc-light { font-weight: 300; } .lp_submit-label-2 { z-index: 3; pointer-events: none; color: #fff; justify-content: center; align-items: center; column-gap: 10px; font-family: League Spartan, Arial, sans-serif; font-size: 1.125rem; font-weight: 500; line-height: 1; display: flex; position: absolute; inset: 0; } .lp_concent-wrapper { margin-top: 0; padding-top: 18px; } .lp_hero-overlay-2 { background-image: linear-gradient(90deg, #0f101ebf 0%, #0f101e66 45%, #0f101e00 75%), linear-gradient(#22166f00 55%, #22166f8c 100%), linear-gradient(0deg, #0c0d1a6b, #0c0d1a6b); position: absolute; inset: 0; } .lp_hero-bg-2 { object-fit: cover; object-position: 50% 0%; width: 100%; max-width: none; height: calc(100% + 120px); position: absolute; top: -60px; left: 0; right: 0; } .lp_hero-title-accent-2 { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; width: fit-content; display: block; } .lp_hero-title-2 { color: #fff; letter-spacing: -.01em; margin-top: 0; margin-bottom: 20px; font-family: League Spartan, Arial, sans-serif; font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.25rem); font-weight: 600; line-height: 1.15; } .lp_proof-accent { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; } .lp_proof-accent:lang(fr) { font-size: clamp(2rem, 1.5rem + 1.4vw, 2.625rem); } .lp_steps-track { z-index: 3; background-color: #ffffff14; border-radius: 3px; height: 3px; margin-bottom: -1px; position: absolute; bottom: 0; left: 0; right: 0; } .lp_rcards { z-index: 2; height: 330px; margin-top: 72px; position: relative; } .lp_proof { color: #fff; background-color: #0f0f13; background-image: radial-gradient(42vw 340px at 78% 100%, #283cc84d, #283cc800 70%), linear-gradient(#17114a 0%, #16113a 22%, #121129 40%, #0f0f13 58% 80%, #0f1011 100%); font-family: League Spartan, Arial, sans-serif; position: relative; overflow: clip; } .lp_rcard-label { color: #fff; text-align: center; white-space: pre-line; margin-top: 18px; font-size: 1.5rem; font-weight: 300; line-height: 1.25; } .lp_proof-big { color: #fff; letter-spacing: -.015em; margin-top: 0; margin-bottom: 0; font-size: clamp(2.5rem, 1.4rem + 3.4vw, 4.25rem); font-weight: 400; line-height: 1.05; } .lp_rcard-side { background-image: linear-gradient(#24192a 0%, #3b2537 22%, #563a5c 55%, #5553c4 100%); border: 1px solid #ffffff14; border-radius: 30px; transition: opacity .9s; position: absolute; inset: 0; } .lp_rcards-pause { color: #ffffffb3; cursor: pointer; background-color: #ffffff12; border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; margin-left: -16px; display: flex; position: absolute; bottom: -40px; left: 50%; } .lp_tailored-copy { color: #e4e3ea; text-align: left; max-width: 760px; margin: 56px auto 0 0; font-family: League Spartan, Arial, sans-serif; font-size: clamp(1.375rem, 1.1rem + .9vw, 1.75rem); font-weight: 300; line-height: 1.4; } .lp_rcards-note { color: #fff9; text-align: center; margin-top: 56px; margin-bottom: 0; font-family: League Spartan, Arial, sans-serif; font-size: 1.375rem; font-weight: 300; line-height: 1.3; } .lp_proof-cta { margin-top: 40px; } .lp_steps-fill { background-image: linear-gradient(90deg, #ff645c 0%, #e956af 33%, #1c4dff 66%, #5454cc 100%); border-radius: 3px; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; box-shadow: 0 0 14px #7864ff8c; } .lp_tailored { grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px 72px; padding-top: 160px; padding-bottom: 56px; display: grid; } .lp_years-stage { perspective: 800px; flex-direction: column; justify-content: center; align-items: center; height: 100vh; display: flex; position: sticky; top: 0; } .lp_rcard-stage { color: #fff; font-weight: 600; } .lp_steps-wrap { text-align: left; margin-top: 88px; position: relative; } .lp_rcard-lit-fill { background-color: #0b0a10; border-radius: 28px; position: absolute; inset: 2px; } .lp_steps-dot { border: 2px solid #fff; border-radius: 50%; width: 18px; height: 18px; margin-top: -9px; margin-left: -9px; transition: background-color .4s, border-color .4s, box-shadow .4s, transform .4s; position: absolute; top: 50%; } .lp_steps-dot.cc-plan { background-color: #e956af; left: 25%; box-shadow: 0 0 14px #e956afcc; } .lp_steps-dot.cc-report { background-color: #5454cc; left: 75%; box-shadow: 0 0 14px #5454cce6; } .lp_steps-dot.cc-evaluate { background-color: #1c4dff; left: 50%; box-shadow: 0 0 14px #1c4dffcc; } .lp_step-num { letter-spacing: -.02em; font-variant-numeric: tabular-nums; margin-top: auto; font-size: clamp(3rem, 2rem + 2.2vw, 4.5rem); font-weight: 500; line-height: 1; transition: color .8s; } .lp_step-num.cc-evaluate { color: #7f9bff; } .lp_step-num.cc-report { color: #9c9cf2; } .lp_step-num.cc-prepare { color: #ff8a83; } .lp_step-num.cc-plan { color: #f08bcb; } .lp_rcard { text-align: center; cursor: pointer; border-radius: 30px; width: 380px; height: 296px; margin-top: -148px; margin-left: -190px; transition: transform 1.1s cubic-bezier(.65, 0, .2, 1), opacity .9s; position: absolute; top: 50%; left: 50%; } .lp_proof-body { color: #e4e3ea; max-width: 560px; margin: 18px auto 0; font-size: 1.37525rem; font-weight: 300; line-height: 1.45; } .lp_drawer-wrap { position: relative; } .lp_step { border-left: 1px solid #ffffff14; flex-direction: column; min-height: 300px; padding: 0 36px 64px; display: flex; position: relative; } .lp_step.cc-prepare { border-left-color: #fff0; } .lp_rcard-num { color: #fff; letter-spacing: -.02em; font-variant-numeric: tabular-nums; font-family: League Spartan, Arial, sans-serif; font-size: 6rem; font-weight: 700; line-height: 1; position: relative; } .lp_rcard-num-plain { transition: opacity .9s; } .lp_proof-path { opacity: .9; filter: blur(14px); } .lp_rcard-lit { opacity: 0; background-image: linear-gradient(135deg, #e956af 0%, #ff645c 35%, #ff645c1f 55%, #e956af 80%, #ff645c 100%); border-radius: 30px; transition: opacity .9s; position: absolute; inset: 0; box-shadow: 0 0 26px #e956af47; } .lp_step-label { color: #d6d4e0; max-width: 230px; margin-top: 14px; font-size: 1.125rem; line-height: 1.35; transition: color .8s; } .lp_proof-kicker { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(100deg, #ffffffbf 0% 40%, #ffb3ae 50%, #ffffffbf 60% 100%); background-position: 0 0; background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; margin-top: 0; margin-bottom: 18px; font-size: 1.25rem; font-weight: 400; line-height: 1.2; transition: background-position 1.6s .5s; display: inline-block; } .lp_proof-line { z-index: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: visible; } .lp_rcard-inner { flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-left: 28px; padding-right: 28px; display: flex; position: relative; } .lp_proof-title { color: #fff; letter-spacing: -.01em; margin-top: 0; margin-bottom: 0; font-size: clamp(2.25rem, 1.4rem + 2.2vw, 3.25rem); font-weight: 400; line-height: 1.08; } .lp_drawer-img { filter: drop-shadow(0 40px 60px #0000008c); width: 100%; max-width: 560px; height: auto; margin-left: auto; display: block; } .lp_years-bloom { z-index: -1; opacity: 0; pointer-events: none; background-image: radial-gradient(closest-side, #e956af1f, #e956af00); width: 900px; max-width: 120vw; height: 420px; margin-top: -240px; margin-left: -450px; position: absolute; top: 50%; left: 50%; } .lp_drawer { z-index: 1; margin-right: min(-6vw, 576px - 50vw); position: relative; } .lp_rcard-num-grad { opacity: 0; color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; transition: opacity .9s; position: absolute; inset: 0; } .lp_step-stage { font-weight: 600; transition: color .8s; } .lp_step-stage.cc-prepare { color: #ff8a83; } .lp_step-stage.cc-plan { color: #f08bcb; } .lp_step-stage.cc-evaluate { color: #7f9bff; } .lp_step-stage.cc-report { color: #9c9cf2; } .lp_step-index { color: #fff; font-size: 1.125rem; line-height: 1.2; transition: color .8s; } .lp_proof-words { color: #fff; margin-top: 22px; margin-bottom: 0; font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); font-weight: 400; line-height: 1.2; } .lp_steps-glow { z-index: 0; opacity: 1; pointer-events: none; background-image: radial-gradient(50% 50%, #5446cc59, #5446cc00 70%); height: 260px; transition: opacity 1.2s; position: absolute; bottom: -160px; left: 15%; right: 15%; } .lp_steps { z-index: 2; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; position: relative; } .lp_meet-name { color: #0000; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; margin-top: 0; margin-bottom: 10px; font-size: clamp(2rem, 1.5rem + 1.4vw, 2.625rem); font-weight: 400; line-height: 1.1; } .lp_meet-intro-greg { z-index: 2; text-align: left; max-width: 340px; position: absolute; bottom: calc(20px + min(472px, 31vw) / 1.13636); left: calc(min(472px, 31vw) + 1.5%); } .lp_meet-intro-qarl { z-index: 2; text-align: right; max-width: 340px; position: absolute; bottom: calc(20px + min(521px, 34vw) / 4.16667); right: calc(min(521px, 34vw) + .5%); } .lp_meet-person { z-index: 1; pointer-events: none; max-width: none; height: auto; position: absolute; bottom: 20px; } .lp_meet-person.cc-qarl { width: 34vw; max-width: 521px; right: -.5%; } .lp_meet-person.cc-greg { width: 31vw; max-width: 472px; left: .5%; } .lp_meet-pointer-line { background-image: linear-gradient(90deg, #ff645c, #e956af00); width: 56px; height: 1px; } .lp_meet-pointer-line.cc-qarl { background-image: linear-gradient(270deg, #ff645c, #e956af00); } .lp_meet-pointer-dot { background-color: #ff645c; border-radius: 50%; flex: none; width: 7px; height: 7px; box-shadow: 0 0 10px #ff645ccc; } .lp_meet { z-index: 1; color: #fff; background-image: linear-gradient(#22166f00 0, #22166fd9 80px, #22166f 120px, #221670 38%, #1b1255 65%, #131026 86%, #0f1011 100%); min-height: 860px; margin-top: -120px; position: relative; overflow: hidden; } .lp_hero-logo { z-index: 3; width: 276px; height: auto; position: absolute; top: 70px; right: 40px; } .lp_meet-text { color: #fff; margin-top: 0; margin-bottom: 0; font-size: 1.375rem; font-weight: 300; line-height: 1.3; } .lp_meet-pointer { align-items: center; margin-bottom: 14px; display: flex; } .lp_meet-pointer.cc-qarl { justify-content: flex-end; } .lp_agents-track { height: 230vh; position: relative; } .lp_dot { color: #9a98a3; flex-direction: column; align-items: center; row-gap: 10px; width: 150px; margin-left: -75px; font-family: League Spartan, Arial, sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.25; text-decoration: none; display: flex; position: absolute; top: 0; } .lp_dot:hover { color: #fff; } .lp_native-cta-text { color: #fff; max-width: 680px; margin: 22px auto 0; font-size: 1.375rem; font-weight: 300; line-height: 1.4; } .lp_product-link-arrow { transition: transform .2s; display: inline-block; } .lp_native-ribbon { opacity: .9; filter: blur(5px); pointer-events: none; width: 172px; height: 500px; position: absolute; top: -40px; right: -60px; } .lp_timeline-end { pointer-events: none; width: 18px; margin-left: -9px; position: absolute; top: 0; left: 100%; } .lp_agents-glow { pointer-events: none; background-image: radial-gradient(closest-side, #1c3cbe6b, #1c3cbe00); width: 70vw; height: 80vh; margin-top: -40vh; margin-left: -35vw; position: absolute; top: 50%; left: 50%; } .lp_proof-play-icon { width: 26px; height: 26px; margin-left: 3px; display: block; } .lp_scenes-head { text-align: center; max-width: 740px; margin-bottom: 104px; margin-left: auto; margin-right: auto; } .lp_product { text-align: center; max-width: 620px; margin-top: 36px; margin-left: auto; margin-right: auto; position: relative; } .lp_timeline-fill { background-image: linear-gradient(90deg, #ff645c 0%, #e956af 33.3%, #1c4dff 66.6%, #5454cc 100%); border-radius: 3px; width: 100%; height: 3px; position: absolute; top: 15px; left: 0; box-shadow: 0 0 14px #7864ff8c; } .lp_native-person { z-index: 1; pointer-events: none; max-width: none; position: absolute; bottom: 0; } .lp_native-person.cc-greg { width: 36vw; max-width: 520px; left: -40px; } .lp_native-person.cc-qarl { width: 32vw; max-width: 468px; right: -20px; } .lp_stage { height: 310px; position: relative; } .lp_agents-mark { aspect-ratio: 1; width: 27%; max-width: 310px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lp_native-title-accent { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; display: block; } .lp_native-title-accent:lang(fr) { font-size: clamp(2.25rem, 1.6rem + 1.8vw, 3rem); } .lp_agents-mark-img { filter: drop-shadow(0 20px 50px #1c4dff59); width: 100%; max-width: none; height: 100%; display: block; } .lp_dot-label { text-align: center; } .lp_share-label { color: #fff9; margin-bottom: 14px; font-family: League Spartan, Arial, sans-serif; font-size: 1rem; text-decoration: none; display: inline-block; } .lp_share-label:hover { color: #fff; } .lp_native-title { color: #fff; text-align: center; margin-top: 0; margin-bottom: 0; font-size: clamp(2.25rem, 1.6rem + 1.8vw, 3rem); font-weight: 400; line-height: 1.2; } .lp_native-title:lang(fr) { font-size: clamp(2rem, 1.5rem + 1.4vw, 2.625rem); } .lp_scenes { color: #fff; background-image: linear-gradient(#0f0f13 0%, #0f0f1a 35%, #120f25 100%); padding-top: 150px; padding-bottom: 110px; position: relative; overflow: hidden; } .lp_share-icon { width: 44px; height: 44px; display: block; } .lp_agents-title-line { display: block; } .lp_agents-title { color: #fff; margin-top: 0; margin-bottom: 16px; font-size: clamp(2rem, 1.5rem + 1.4vw, 2.625rem); font-weight: 400; line-height: 1.12; } .lp_native-sticky { height: 100vh; min-height: 640px; padding-top: 10vh; position: sticky; top: 0; overflow: hidden; } .lp_proof-video-img { object-fit: cover; width: 100%; height: 100%; display: block; } .lp_agents-stage { aspect-ratio: 1152 / 560; width: 100%; max-height: calc(100vh - 216px); position: relative; } .lp_share { text-align: center; margin-top: 36px; } .lp_product-name { color: #fff; margin-top: 0; margin-bottom: 8px; font-size: 1.75rem; font-weight: 400; line-height: 1.2; } .lp_card-poster { object-fit: cover; width: 100%; max-width: none; height: 100%; display: block; } .lp_agents-title-accent { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; display: block; } .lp_product-item { transition: opacity .45s, transform .45s; } .lp_native { color: #fff; background-color: #0f1014; background-image: radial-gradient(36% 220px at 50% 260px, #1c3cbe47, #1c3cbe00 70%), linear-gradient(#0f1014 0% 52%, #110f26 78%, #17114a 100%); font-family: League Spartan, Arial, sans-serif; position: relative; } .lp_proof-play { color: #fff; background-color: #ff645c; border-radius: 50%; justify-content: center; align-items: center; width: 76px; height: 76px; margin-top: -38px; margin-left: -38px; transition: transform .25s; display: flex; position: absolute; top: 50%; left: 50%; box-shadow: 0 10px 30px #ff645c73; } .lp_dot-mark { background-color: #0f0f13; border: 2px solid #ffffff40; border-radius: 50%; width: 18px; height: 18px; margin-top: 7px; transition: border-color .4s, box-shadow .4s, background-color .4s, transform .4s; } .lp_agent-accent { transition: color .6s; display: block; } .lp_scenes-title-accent { color: #0000; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #ff645c 0%, #e956af 100%); -webkit-background-clip: text; background-clip: text; } .lp_arrow-icon { width: 22px; height: 40px; } .lp_share-icons { justify-content: center; column-gap: 8px; display: flex; } .lp_wheel { height: 420px; margin-top: 30px; position: relative; } .lp_agents-step { background-color: #ffffff2e; border-radius: 3px; width: 26px; height: 3px; transition: background-color .4s; } .lp_agents-steps { column-gap: 10px; display: flex; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } .lp_share-fb { color: #ffffff8c; justify-content: center; align-items: center; width: 60px; height: 60px; transition: color .2s; display: flex; } .lp_share-fb:hover { color: #fff; } .lp_timeline { height: 80px; margin-top: 40px; position: relative; } .lp_share-x { color: #ffffff8c; justify-content: center; align-items: center; width: 60px; height: 60px; transition: color .2s; display: flex; } .lp_share-x:hover { color: #fff; } .lp_sr-only { white-space: nowrap; clip: rect(0 0 0 0); width: 1px; height: 1px; position: absolute; overflow: hidden; } .lp_timeline-fillwrap { pointer-events: none; width: 100%; height: 40px; position: absolute; top: 0; left: 0; } .lp_arrow { z-index: 4; opacity: .85; color: #fff; justify-content: center; align-items: center; width: 44px; height: 64px; margin-top: -32px; display: flex; position: absolute; top: 50%; } .lp_arrow:hover { opacity: 1; } .lp_arrow.cc-prev { left: calc(50% - 357px); } .lp_arrow.cc-next { left: calc(50% + 313px); } .lp_agent-line { display: block; } .lp_timeline-track { height: 64px; position: absolute; top: 0; left: 18%; right: 18%; } .lp_agents { color: #fff; background-image: linear-gradient(#110f24 0%, #0f0f18 45%, #0f1014 100%); font-family: League Spartan, Arial, sans-serif; position: relative; overflow-x: clip; } .lp_scenes-text { color: #e9e8ee; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: League Spartan, Arial, sans-serif; font-size: 1.3755rem; font-weight: 400; line-height: 1.3; } .lp_product-link { color: #ff8a83; align-items: center; column-gap: 8px; font-size: 1.0625rem; font-weight: 500; text-decoration: none; transition: color .2s; display: inline-flex; } .lp_wheel-drum { width: 0; height: 0; position: absolute; top: 50%; left: 50%; } .lp_agents-sticky { justify-content: center; align-items: center; height: calc(100vh - 136px); display: flex; position: sticky; top: 136px; overflow: hidden; } .lp_agent { opacity: .5; filter: blur(4px); color: #c9c8ce; width: 30%; margin-top: 0; margin-bottom: 0; font-size: clamp(1.5rem, 1rem + 1.2vw, 2.25rem); font-weight: 400; line-height: 1.08; transition: filter .6s, opacity .6s, transform .6s, color .6s; position: absolute; } .lp_agent.cc-tl { transform-origin: 100% 100%; text-align: right; bottom: 75%; right: 67%; } .lp_agent.cc-bl { transform-origin: 100% 100%; text-align: right; bottom: 28.6%; right: 67%; } .lp_agent.cc-tr { transform-origin: 0 100%; text-align: left; bottom: 75%; left: 67%; } .lp_agent.cc-br { transform-origin: 0 100%; text-align: left; bottom: 28.6%; left: 67%; } .lp_scenes-title { color: #fff; margin-top: 0; margin-bottom: 24px; font-family: League Spartan, Arial, sans-serif; font-size: clamp(2rem, 1.5rem + 1.4vw, 2.625rem); font-weight: 400; line-height: 1.1; } .lp_product-text { color: #d6d4e0; white-space: pre-line; margin-top: 0; margin-bottom: 16px; font-family: League Spartan, Arial, sans-serif; font-size: 1.0625rem; font-weight: 300; line-height: 1.5; } .lp_native-top { padding-top: 150px; padding-bottom: 80px; position: relative; overflow: hidden; } .lp_native-track { height: 210vh; position: relative; } .lp_share-li { color: #ffffff8c; justify-content: center; align-items: center; width: 60px; height: 60px; transition: color .2s; display: flex; } .lp_share-li:hover { color: #fff; } .lp_native-cta-title { color: #fff; margin-top: 0; margin-bottom: 0; font-size: clamp(2rem, 1.5rem + 1.4vw, 2.625rem); font-weight: 400; line-height: 1.1; } .lp_pill { color: #fff; text-align: center; background-image: linear-gradient(#121636 0%, #0a0b1c 100%); border: 1px solid #ffffff29; border-radius: 999px; justify-content: center; align-items: center; width: 408px; height: 112px; padding-left: 36px; padding-right: 36px; font-size: 1.5rem; line-height: 1.25; display: flex; position: absolute; top: -56px; left: -204px; box-shadow: 0 20px 40px -20px #000c; } .lp_agents-text { color: #e9e8ee; margin-top: 0; margin-bottom: 28px; font-size: 1.375rem; font-weight: 300; line-height: 1.35; } .lp_timeline-rail { background-image: linear-gradient(90deg, #fff0 0%, #ffffff14 20% 80%, #fff0 100%); height: 3px; position: absolute; top: 15px; left: -10vw; right: -10vw; } .lp_card { aspect-ratio: 16 / 9; cursor: pointer; background-color: #1c183b; border-radius: 16px; width: 537px; max-width: 80vw; position: absolute; top: 50%; left: 50%; overflow: hidden; } .lp_proof-video { aspect-ratio: 16 / 9; transform-origin: 50% 100%; cursor: pointer; background-color: #0b0a12; border-radius: 18px; width: 100%; max-width: 720px; margin-left: auto; margin-right: auto; display: block; position: relative; overflow: hidden; box-shadow: 0 40px 100px -30px #e956af73, 0 0 0 1px #ffffff14; } .lp_proof-video.cc-in-native { margin-top: 48px; } .lp_agents-lines { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: visible; } .lp_button-wrap { margin-top: 40px; } @media screen and (max-width: 991px) { body { --_components---section--padding: clamp(var(--_components---section--padding-min-rem) * 1rem, ((var(--_components---section--padding-min-rem) - ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---section--padding-max-rem) * 1rem); --_components---container--gutter: 6vw; --_components---container--max-width: calc(var(--_layout---fluid--max) * 1rem); --_components---button--vertical-padding: .75rem; --_components---button--horizontal-padding: 1.5rem; --_components---button--border-radius: .75rem; --_components---button--font: var(--_typography---fonts--primary-font); --_components---button--font-size: 1rem; --_components---button--line-height: 100%; --_components---button--font-weight: 500; --_components---button--letter-spacing: 0em; --_components---card--border-radius: .5rem; --_components---card--padding: clamp(var(--_components---card--padding-min-rem) * 1rem, ((var(--_components---card--padding-min-rem) - ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---card--padding-max-rem) * 1rem); --_components---input--bottom-margin: 0rem; --_components---input--border-radius: 1rem; --_components---input--font: var(--_typography---fonts--primary-font); --_components---input--font-size: .875rem; --_components---input--line-height: 150%; --_components---input--font-weight: 700; --_components---input--letter-spacing: -.005em; --_components---input-label--font: var(--_typography---fonts--primary-font); --_components---input-label--font-size: .9rem; --_components---input-label--line-height: 1em; --_components---input-label--font-weight: 500; --_components---input-label--letter-spacing: 0em; --_components---card--card-body-padding-sm\: 20px; --_components---section--padding-min-rem: 3; --_components---section--padding-max-rem: 6; --_components---card--padding-min-rem: 1; --_components---card--padding-max-rem: 1.5; } .h3.cc-large { font-size: 2rem; } .section.cc-product-header { padding-top: 5rem; } .section.cc-support-hero { padding-top: 4rem; } .section.cc-home-hero { padding-top: 6rem; padding-bottom: 6rem; } .container.cc-nav.container-lg { margin-top: 1.5rem; } .container.cc-nav.container-lg.banner { margin-top: 0; } .container.cc-nav-dropdown { max-width: 100%; color: var(--_color---neutral--black); background-color: #0000; border: 1px #000; border-radius: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-left: 0; padding-right: 0; } .container.cc-events-video { margin-top: -20%; } .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16), .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6) { flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-f8adaa2d-7dff-f490-b6dd-19f48419d59b) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3) { flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b), .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 50%; max-width: 100%; } .col:where(.w-variant-95c67bf8-407f-143d-c1b2-46906c26a2f4), .col:where(.w-variant-6f373193-993b-d370-7068-a233ac19befc) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex-basis: 50%; max-width: 50%; } .col.col-md-9 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-md-2 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-md-6 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-md-5 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-md-4 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-md-11 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-md-3 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-md-8 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-md-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-md-10 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-md-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-md-12 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-md-first { order: -1; } .col.col-md-last { order: 1; } .col.col-md-offset-0 { margin-left: 0%; } .col.col-md-offset-1 { margin-left: 8.33333%; } .col.col-md-offset-2 { margin-left: 16.6667%; } .col.col-md-offset-3 { margin-left: 25%; } .col.col-md-offset-4 { margin-left: 33.3333%; } .col.col-md-offset-5 { margin-left: 41.67%; } .col.col-md-offset-6 { margin-left: 50%; } .col.col-lg-contain-left { padding-right: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); } .col.col-lg-contain-right { padding-right: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); padding-left: max(calc(var(--_components---container--gutter) + (var(--_layout---grid--gap-main) / 2)), calc((100vw - var(--_components---container--max-width)) / 2 + (var(--_layout---grid--gap-main) / 2))); } .button.cc-form-submit { width: 100%; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-m-0 { margin: 0; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-md\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-md\); } .u-md-d-none { display: none; } .u-md-d-block { display: block; } .nav { padding-bottom: 1.5rem; } .nav-logo_link { padding-top: 0; padding-bottom: 0; } .nav-link { width: 100%; color: var(--primary--accent-dark); border-bottom-color: #0000; justify-content: flex-start; align-items: center; padding: 0 0 1.25rem; font-size: 1.5rem; display: flex; } .nav-link:hover { color: var(--_color---dark-black); border-bottom-style: solid; border-bottom-color: #0000; } .nav-link.w--current { border-bottom-color: #0000; } .nav-link.cc-dropdown-btn { justify-content: space-between; align-items: center; } .nav-link.cc-search { color: var(--primary--accent-dark); order: -9999; } .nav-link.u-md-d-none { display: none; } .nav-menu { background-color: var(--_color---transparent); order: -1; width: 100vw; height: calc(100svh - 4rem); display: none; position: absolute; inset: 100% 0% 0%; overflow-y: auto; } .nav-dropdown_arrow { width: 2.38rem; display: block; } .nav-dropdown_content { position: relative; } .nav-dropdown_content.cc-mega { top: auto; } .nav-dropdown { width: 100%; } .nav-cta-wrapper { margin-left: auto; display: none; } .nav-menu_btn { border-radius: var(--_components---button--border-radius); order: 1; padding-top: 0; padding-bottom: 0; padding-left: 0; } .nav-menu_btn:focus-visible, .nav-menu_btn[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 0px; outline-width: 2px; outline-style: solid; } .nav-menu_btn.w--open { background-color: var(--primary--background); padding: 0; } .nav-menu_btn-bar { background-image: linear-gradient(90deg, #ff645c, #e956af); border-radius: 2rem; height: 4px; } .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom, .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom { width: 2.5rem; } .nav-menu_container { flex-flow: column; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-top: 2.13rem; padding-bottom: 2rem; } .nav-dropdown_overlay { display: none; } .footer-link { font-size: 1.25rem; } .home-hero_content { padding-top: 10rem; padding-bottom: 15rem; } .button-group.cc-cta { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .home-video_lightwaves { height: 170px; } .cta-wrapper { max-width: none; } .cta-wrapper.cc-negative-mb { margin-bottom: 2rem; } .swiper-navigaton_button { left: -2rem; } .swiper-navigaton_button.cc-next { right: -2rem; } .cta-image { width: 490px; } .home-video_shape { top: 180px; } .footer-logo_img { height: 1.5rem; } .footer-menus { grid-column-gap: 10rem; grid-row-gap: 10rem; } .footer-bottom { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; } .footer-bottom_right { grid-row-gap: 1rem; flex-flow: wrap; } .section-title.cc-no-mb { margin-bottom: 0; } .solutions-full_card { padding: 2rem; } .solutions-full_card.row { min-height: auto; padding: 2rem; } .solutions-quote_right { max-width: 20rem; right: 3%; } .product-header_video.cc-narrow { max-width: 100%; } .product-webinar_right { padding-left: 1.5rem; } .product-feature_figure.cc-product { width: 50%; } .product-guides { padding: 2.5rem; } .footer-cta_content:where(.w-variant-51bb8444-0a71-da60-6790-10ff4bb94d1a) { max-width: 100%; } .footer-cta_bg { background-position: 50% 100%; inset: auto 0% 0%; } .product-left-dots { width: 370px; top: -270px; } .product-right-dots { width: 400px; } .home-logos { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .product-card-lg { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: 2rem; } .product-card-lg_content { padding-left: 1.5rem; padding-right: 1.5rem; } .products-grid { grid-column-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; } .products-filters { z-index: 1; background-color: var(--_color---neutral--cream); border-radius: 1rem; flex-flow: column; width: 100%; padding: 1rem; display: none; position: absolute; overflow: visible; } .filters-toggle { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1.5px solid var(--_color---secondary--purple); color: var(--_color---secondary--purple); cursor: pointer; border-radius: .5rem; justify-content: space-between; align-items: center; padding: .5rem 1rem; display: flex; } .filter-toggle_icon { width: 1rem; color: var(--_color---primary--coral); } .products-grid_title { flex-flow: column; } .filters-search, .filters-search.cc-search-page.cc-modal, .filters-search.cc-search-page.cc-modal, .filters-search.cc-search-page.cc-modal { width: 100%; } .cp-logos_grid-img { height: 4rem; } .form-hero_wrapper { grid-column-gap: 4rem; grid-row-gap: 4rem; } .form-grid { grid-template-columns: 1fr 1fr; } .form-info { margin-top: 3rem; margin-bottom: 3rem; } .dots-wrapper.cc-nav { display: none; } .nav-dropdown_grid { flex-flow: column; display: flex; } .nav-dropdown_col { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 0; } .nav-dropdown_col:hover { background-image: none; } .nav-dropdown_links { color: #464d53; } .nav-dropdown_link { font-size: 1rem; font-weight: var(--_typography---paragraph-body--font-weight); } .nav-dropdown_label { color: #464d53; font-size: 1.25rem; } .nav-dropdown_inner-grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .nav-dropdown_info, .nav-dropdown_promo { display: none; } .nav-cta-wrapper-md { flex-flow: column; margin-left: 0; display: flex; } .nav-login { display: none; } .nav-login_links { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 80%; margin-left: auto; margin-right: auto; } .nav-login-md { background-color: var(--_color---neutral--cream); margin-top: auto; margin-bottom: -2rem; padding-top: 2.25rem; padding-bottom: 2.25rem; display: block; } .nav-menu_wrapper { flex-flow: column; width: 100%; max-width: 80%; margin-bottom: 2rem; margin-left: auto; margin-right: auto; display: flex; } .distributors_hero-img { border-radius: 1.88rem; margin-top: 1.25rem; } .distributors_content-head { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .cms-filters-block { width: 100%; } .cms-filters.cc-resources { grid-column-gap: .75rem; grid-row-gap: .75rem; grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; max-width: 32rem; } .distributors_list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; } .cms-filters-dropdown { width: 100%; } .support_hero-list { margin-top: 2.63rem; } .support_answers { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; margin-top: 3rem; } .support-docs { border-radius: 1.88rem; flex-flow: column; display: flex; } .support-docs_content { padding: 1.5rem 2rem 2rem; } .support-docs_img { aspect-ratio: 353 / 250; order: -9999; width: 100%; } .about-hero_content { width: auto; padding-top: 5rem; padding-bottom: 7rem; } .about-number_wrapper { max-width: none; margin-left: 0; } .about-number_wrapper.cc-wider { max-width: none; } .about-number_wrapper-copy { max-width: none; margin-left: 0; margin-right: 0; } .about-team_list { grid-template-columns: 1fr 1fr 1fr; } .template-hero_logo { max-width: 10rem; margin-top: 0; } .resources-card { transition: box-shadow .3s; } .resources-card:hover { transform: none; } .resources-content { grid-column-gap: 4rem; grid-row-gap: 4rem; } .resources-content_title { grid-column-gap: 2rem; grid-row-gap: 2rem; } .resources-list { grid-row-gap: 2rem; grid-template-columns: 1fr 1fr; } .nav-link_search { width: 2rem; min-width: 2rem; height: 2rem; min-height: 2rem; } .nav-locale_dropdown { z-index: 1; width: 100%; } .nav-locale_dropdown-list.w--open { background-color: #0000; border-radius: 0; margin-top: 1rem; padding: 0; position: relative; top: 0%; } .nav-locale_dropdown-link { padding-bottom: .75rem; } .nav-locale_dropdown-title { color: #666; font-weight: 500; } .nav-link_back { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--primary--accent-dark); justify-content: center; align-items: center; margin-top: 2.625rem; text-decoration: none; display: flex; } .nav-link_back.w--current { display: none; } .nav-link_back- { justify-content: center; align-items: center; width: .938rem; min-width: .938rem; height: .938rem; min-height: .938rem; display: flex; } .careers-hero_content { padding-top: 10rem; padding-bottom: 15rem; } .careers-flags { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-content: center; align-items: center; max-width: 33rem; margin-left: auto; margin-right: auto; display: flex; } .testimonials-card { padding: 3rem; } .careers-interview_card-grid { grid-template-columns: 1fr 1fr; } .services-tabs-list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .testimonials-card_logo { display: none; } .cwx-col_grid.cc-3col { grid-template-columns: 1fr 1fr; } .cwx-sticky { position: static; } .cwx-form_description { margin-top: 2rem; } .events-feat_content { padding: 1.5rem 2rem 2rem; } .events-feat { border-radius: 1.88rem; flex-flow: column; display: flex; } .events-feat_img { order: -9999; width: 100%; min-height: 19rem; } .events-feat_title { max-width: 100%; } .promo-widget_wrapper { bottom: 2rem; right: 2rem; } .integrations-grid { grid-template-columns: 1fr 1fr 1fr; margin-top: 0; } .banner-top { text-align: left; background-position: 0%; } .banner-top_grid { grid-template-columns: 1fr 1fr; } .banner-top_link-wrapper { justify-content: flex-end; align-items: center; } .banner-bottom { text-align: left; background-position: 0%; } .banner-bottom_grid { grid-template-columns: 1fr 1fr; } .cwx-info_content { padding-top: 3.25rem; padding-bottom: 3.25rem; padding-left: 0; } .cwx-logos { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .cust-login_inner-cta { margin-top: 2rem; } .cust-event_card-left { padding-left: 3.5rem; } .global-card_grid { grid-template-columns: 1fr 1fr; } .security-tabs_menu { top: 100px; } .security-tabs_meu-item { font-size: 1rem; } .product-login-card { padding-left: 1.5rem; padding-right: 1.5rem; } .home-hero_video { margin-left: auto; margin-right: auto; } .video-split_content { padding: 2.5rem 2rem 2.5rem 3rem; } .video-split_video { width: 340px; min-width: auto; } .home-trust_stats { grid-column-gap: 1rem; grid-row-gap: 1rem; } .home-trust { flex-flow: column; display: flex; } .home-trust_logos { grid-template-columns: 1fr 1fr 1fr; } .home-trust_logos.cc-verity { margin-top: 2rem; } .quote-lg { border-radius: 2.5rem; padding-top: 4rem; padding-bottom: 8rem; padding-left: 3rem; } .quote-lg_content.cc-large { max-width: 23rem; } .home-platform-block.cc-bottom { padding-left: 2rem; padding-right: 2rem; } .verity-pricing_bottom { margin-top: 2rem; } .verity-pricing_desc { margin-bottom: 3rem; } .verity-compare { grid-template-columns: 1fr .75fr .75fr 1fr; } .verity-compare_item { padding: 1.5rem 0 1.5rem 1rem; } .security-tabs_menu-item-copy { font-size: 1rem; } .example-wrapper { grid-row-gap: 50px; flex-flow: column-reverse; } .mp-duration, .mp-elapsed { display: flex; } ._30under30-hero_content { padding-top: 10rem; padding-bottom: 15rem; } ._30u30-hero-subtitle-copy.u-mb-0 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; } .reward-package-wrapper { max-width: none; } .compare_hero-grid { grid-template-rows: auto auto; grid-template-columns: 1fr; align-content: stretch; align-items: start; } .compare_hero-content { max-width: none; padding-bottom: 38px; } .compare_container { padding-left: 0; padding-right: 0; } .compare_logos { flex-flow: wrap; } .compare_table { max-width: 1026px; } .lp_demo { padding-top: 96px; padding-bottom: 0; } .lp_demo-grid { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); column-gap: 0; } .lp_container.cc-hero { padding-left: 48px; padding-right: 48px; } .lp_container.cc-meet { flex-direction: column; align-items: flex-start; row-gap: 56px; min-height: 0; padding-top: 200px; padding-bottom: calc(50.88vw + 40px); display: flex; position: relative; } .lp_demo-left { flex-direction: column; align-items: flex-start; min-height: 0; padding-top: 0; display: flex; } .lp_form-card { width: 100%; max-width: 620px; margin-bottom: 72px; } .lp_demo-title { margin-bottom: 32px; } .lp_demo-photo { width: 620px; max-width: 100%; margin-top: 32px; margin-bottom: -40px; margin-left: -6vw; position: relative; bottom: auto; left: auto; } .lp_hero { height: 560px; } .lp_hero-bg-2 { object-position: 100% 0%; } .lp_steps-track { display: none; } .lp_rcards { height: 300px; } .lp_rcard-label { font-size: 1.375rem; } .lp_tailored { grid-template-rows: auto; grid-template-columns: 1fr; } .lp_step-num { margin-top: 48px; } .lp_rcard { width: 340px; height: 264px; margin-top: -132px; margin-left: -170px; } .lp_step { min-height: 0; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; } .lp_step.cc-evaluate { border-left-color: #fff0; } .lp_rcard-num { font-size: 5.25rem; } .lp_drawer-img { margin-left: auto; margin-right: 0; } .lp_steps-glow { display: none; } .lp_steps { grid-template-rows: auto; grid-template-columns: 1fr 1fr; row-gap: 48px; } .lp_meet-intro-greg { max-width: 420px; position: relative; bottom: auto; left: auto; } .lp_meet-intro-qarl { align-self: flex-end; max-width: 420px; position: relative; bottom: auto; right: auto; } .lp_meet-person.cc-qarl { width: 48vw; } .lp_meet-person.cc-greg { width: 44vw; } .lp_hero-logo { width: 200px; top: 60px; right: 24px; } .lp_native-person.cc-greg { width: 40vw; left: -8vw; } .lp_native-person.cc-qarl { width: 36vw; right: -6vw; } .lp_arrow { display: none; } .lp_timeline-track { left: 10%; right: 10%; } .hp_hero-bg { object-position: 72% 70%; } .hp_hero { min-height: 520px; } .hp_hero-inner { padding-left: 48px; padding-right: 48px; } .hp_verity-lead { margin-left: auto; margin-right: auto; } .hp_verity-media { grid-row-start: 2; grid-column-start: 1; justify-self: center; max-width: 520px; } .hp_verity-copy { text-align: center; grid-row-start: 1; grid-column-start: 1; padding: 48px 32px 8px; } .hp_verity-grid { grid-row-gap: 0; grid-column-gap: 0; grid-template-rows: auto; grid-template-columns: 1fr; } .hp_verity-text { margin-left: auto; margin-right: auto; } .hp_wheel { min-height: 0; } .hp_rcard-label { font-size: 1.375rem; } .hp_rcards { height: 300px; } .hp_rcard-num { font-size: 5.25rem; } .hp_rcard { width: 340px; height: 264px; margin: -132px 0% 0 -170px; } .hp_pillars { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; max-width: 560px; } .hp_governed { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr; max-width: 560px; margin-top: 16px; padding: 30px 28px; } .hp_stats { grid-template-rows: auto; grid-template-columns: repeat(2, auto); row-gap: 64px; } .hp_logos-list { grid-column-gap: 16px; grid-row-gap: 16px; padding-right: 16px; } .hp_logo { max-width: none; height: 88px; } .hp_quote-card { grid-template-rows: auto; grid-template-columns: 1fr; } .hp_quote-content { padding: 8px 40px 44px; } .hp_quote-media { order: -1; height: 320px; } .hp_quote-next { margin-top: 0; top: auto; bottom: -64px; right: calc(50% - 56px); } .hp_quote-prev { margin-top: 0; top: auto; bottom: -64px; left: calc(50% - 56px); } .hp_quote-slider { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 767px) { body { --_components---section--padding: clamp(var(--_components---section--padding-min-rem) * 1rem, ((var(--_components---section--padding-min-rem) - ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---section--padding-max-rem) * 1rem); --_components---container--gutter: 6vw; --_components---container--max-width: calc(var(--_layout---fluid--max) * 1rem); --_components---button--vertical-padding: .75rem; --_components---button--horizontal-padding: 1rem; --_components---button--border-radius: .75rem; --_components---button--font: var(--_typography---fonts--primary-font); --_components---button--font-size: 1rem; --_components---button--line-height: 100%; --_components---button--font-weight: 500; --_components---button--letter-spacing: 0em; --_components---card--border-radius: .5rem; --_components---card--padding: clamp(var(--_components---card--padding-min-rem) * 1rem, ((var(--_components---card--padding-min-rem) - ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---card--padding-max-rem) * 1rem); --_components---input--bottom-margin: 0rem; --_components---input--border-radius: 1rem; --_components---input--font: var(--_typography---fonts--primary-font); --_components---input--font-size: .875rem; --_components---input--line-height: 150%; --_components---input--font-weight: 700; --_components---input--letter-spacing: -.005em; --_components---input-label--font: var(--_typography---fonts--primary-font); --_components---input-label--font-size: .9rem; --_components---input-label--line-height: 1em; --_components---input-label--font-weight: 500; --_components---input-label--letter-spacing: 0em; --_components---card--card-body-padding-sm\: 20px; --_components---section--padding-min-rem: 3; --_components---section--padding-max-rem: 6; --_components---card--padding-min-rem: 1; --_components---card--padding-max-rem: 1.5; } h5 { font-size: 1rem; } h6 { font-size: .8rem; } .h3.cc-large { font-size: 1.75rem; } .section.cc-404, .section.cc-thank { background-image: url("https://cdn.prod.website-files.com/693916696fbefc2d8e49a0e7/696a7820ae7310dfa1b9fd9a_404-graphic-sm.svg"); background-position: 100% 100%; background-repeat: no-repeat; background-size: 100%; justify-content: center; align-items: center; min-height: 90svh; display: flex; } .section.cc-footer { padding-top: 3rem; padding-bottom: 2rem; } .section.cc-product-header { padding-top: 3rem; } .section.cc-support-hero { background-position: 100% 0; background-size: 210%; } .section.cc-404, .section.cc-thank { background-image: url("https://cdn.prod.website-files.com/693916696fbefc2d8e49a0e7/696a7820ae7310dfa1b9fd9a_404-graphic-sm.svg"); background-position: 100% 100%; background-repeat: no-repeat; background-size: 100%; justify-content: center; align-items: center; min-height: 90svh; display: flex; } .section.cc-resources-hero { padding-top: 2rem; padding-bottom: 6.25rem; } .section.cc-resources-content { padding-top: 3.5rem; padding-bottom: 4.8rem; } .section.cc-prof-services { z-index: 2; background-color: var(--_color---dark-black); padding-top: 0; padding-bottom: 0; } .section.cc-home-hero { padding-top: 5rem; padding-bottom: 5rem; } .container.cc-product-webinar { max-width: 100%; } .container.cc-events-video { margin-top: -25%; } .row.row-justify-between.cc-solutions { padding-left: 0; padding-right: 0; } .row.cc-event { flex-flow: wrap-reverse; } .row.u-mb-xl { margin-bottom: 5rem; } .row.mobile-no-margin { width: 100%; margin-left: 0; margin-right: 0; } .row.u-mb-lg { margin-bottom: 5rem; } .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6), .col:where(.w-variant-52b169ce-f9c2-1128-cb8d-e5acee9f9159), .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3), .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b), .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 100%; max-width: 100%; } .col.col-sm-12 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-sm-9 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-lg-5.col-md-12 { justify-content: center; align-items: stretch; } .col.col-sm-10 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-sm-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-sm-5 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-sm-6 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-sm-3 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-lg-12.mobile-no-padding { max-width: 100%; padding-left: 0; padding-right: 0; } .col.col-sm-4 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-sm-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-sm-8 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-sm-11 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-sm-2 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-sm-first { order: -1; } .col.col-sm-last { order: 1; } .col.col-sm-offset-0 { margin-left: 0%; } .col.col-sm-offset-1 { margin-left: 8.33333%; } .col.col-sm-offset-2 { margin-left: 16.6667%; } .col.col-sm-offset-3 { margin-left: 25%; } .col.col-sm-offset-4 { margin-left: 33.3333%; } .col.col-sm-offset-5 { margin-left: 41.67%; } .col.col-sm-offset-6 { margin-left: 50%; } .form-success_flex { max-width: 340px; } .styles__section-label { padding-bottom: 10px; } .styles__nav-link { text-align: left; padding: .6em 0; display: block; } .styles__nav-link.cc-cta { background-color: #0000; margin-left: 0; padding-left: 0; padding-right: 0; display: block; } .styles__nav-link.cc-cta:hover { background-color: #0000; text-decoration: underline; } .styles__nav-link.cc-divider { border-bottom: 1px solid var(--primary--border); border-right-style: none; } .styles__nav-btn { margin-top: -2px; padding: 0 2px; font-size: 1.8rem; line-height: 1; } .styles__nav-btn:hover { background-color: var(--_color---neutral--dark-gray\); } .styles__nav-btn.w--open { background-color: var(--_color---neutral--dark-gray\); border-radius: 4px; } .styles__nav-menu { background-color: var(--_color---neutral--dark-gray\); padding: 12px 5% 20px; } .styles__nav-btn-icon { width: 28px; height: 28px; } .paragraph-lg.u-sm-text-center { text-align: center; text-align: center; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-sm\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-sm\); } .u-sm-d-none { display: none; } .u-sm-d-block { display: block; } .accordion-trigger { padding: var(--_components---card--card-body-padding-sm\); } .accordion-icon { align-items: center; width: 28px; height: 28px; display: flex; } .accordion-content { padding-right: var(--_components---card--card-body-padding-sm\); padding-left: var(--_components---card--card-body-padding-sm\); } .modal { padding: var(--_components---card--card-body-padding-sm\); } .nav-logo_link { height: 1.25rem; } .u-mode-dark.cc-transparent { background-color: #0000; } .swiper.cc-resources { overflow: visible; } .swiper.cc-resources-feat, .swiper.cc-audio-playbook, .swiper.cc-resources { overflow: visible; } .swiper.cc-resources.cc-padding { padding-left: 1rem; padding-right: 1rem; } .swiper.cc-resources-feat, .swiper.cc-audio-playbook { overflow: visible; } .slider-pagination { flex: none; order: 9999; width: 100%; margin-top: 2em; } .slider-nav { flex-flow: wrap; } .home-hero_content { flex-flow: column; padding-top: 4.5rem; padding-bottom: 2.5rem; display: flex; } .u-text-gradient.cc-home-hero { margin-top: 2rem; } .u-text-gradient.cc-home-hero.u-mt-0 { margin-top: 0; } .home-hero_subtitle { grid-column-gap: 2rem; grid-row-gap: 2rem; flex: 1; } .button-group { grid-column-gap: .75rem; grid-row-gap: .75rem; } .home-hero_gradient { background-image: linear-gradient(#191a1c, #191a1ce0 25%, #191a1c00); } .home-pf-bg.cc-hide-mobile { display: none; } .home-video_lightwaves { height: 130px; } .container-lg.mobile-w-100 { width: 100%; } .cta-wrapper { text-align: center; } .cta-wrapper.cc-negative-mb { margin-bottom: -4.5rem; } .home-hero_subtitle-inner { grid-column-gap: 1rem; grid-row-gap: 1rem; } .swiper-navigation { display: none; } .cta-image { max-width: 100%; margin-left: auto; margin-right: auto; } .footer-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; } .footer-menus { grid-column-gap: 0rem; grid-row-gap: 0rem; justify-content: space-between; } .footer-menu_list, .footer-menu_title { text-align: left; } .footer-bottom { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-items: flex-start; } .footer-bottom_right { order: -9999; } .section-title { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: center; align-self: auto; } .section-title.u-mb-0 { grid-column-gap: 0rem; grid-row-gap: 0rem; } .section-title.mb-7-5 { margin-bottom: 2.5rem; } .section-title.cc-no-mb { margin-bottom: 0; } .home-video_play { width: 4rem; } .product-header_tags { flex-flow: column; align-items: flex-start; margin-top: 0; margin-bottom: 0; } .product-header_content { grid-column-gap: 2rem; grid-row-gap: 2rem; margin-bottom: 4rem; } .solutions-card { flex-flow: column; align-items: center; display: flex; } .solutions-card.cc-md-left { justify-content: flex-start; align-items: flex-start; } .left-dots_bg.hide-mobile { display: none; } .solutions-full_card { padding: 1rem; } .solutions-full_card.row { min-height: auto; padding: 1rem; } .solutions-quote_right { max-width: 15rem; } .solutions-quote_icon.u-mb-md { width: 2rem; } .event-card_content { padding: 0 0 2rem; } .product-webinar { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; } .product-webinar_left { flex-flow: row; align-items: flex-start; } .product-webinar_right { border-left-width: 0; justify-content: center; align-items: center; padding-top: 0; padding-left: 0; display: flex; } .product-benefits { border-radius: 2rem; padding: 2.5rem 2rem; } .product-uses { padding-top: 3rem; padding-bottom: 3rem; } .product-feature { flex-flow: column; } .product-feature_figure { aspect-ratio: 348 / 153; order: -9999; width: 100%; } .product-feature_figure.cc-product { width: 100%; } .product-guides { border-radius: 1.5rem; } .action-card { border-radius: 1.125rem; padding-top: 2rem; } .action-card_content { width: 90%; } .footer-cta_content { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-bottom: 2rem; } .footer-cta_title { margin-bottom: 2rem; } .product-left-dots { width: 270px; top: -222px; } .product-right-dots { width: 350px; bottom: 570px; right: -10%; } .home-logos { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: center; align-items: center; display: flex; } .home-logo_item { max-width: 90px; } .product-card-lg { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: 1.5rem; grid-template-columns: 1fr; } .product-card-lg_content { padding-top: 2rem; padding-bottom: 2.5rem; } .product-card-lg_figure { aspect-ratio: 16 / 9; } .product-card-lg_icon { width: 2rem; } .products-grid { grid-row-gap: 2rem; grid-template-columns: 1fr 1fr; } .filters-search.cc-search-page.cc-modal { height: auto; } .cp-logos_grid { flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; display: flex; } .form-hero_wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; } .form-grid { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; grid-template-columns: 1fr; display: flex; } .form-info { margin-top: 1.25rem; margin-bottom: 1.25rem; } .distributors_hero-img { aspect-ratio: 348 / 200; } .distributors_content { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; } .distributors_list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr; } .distributors_list-item { grid-column-gap: 2rem; grid-row-gap: 2rem; } .distributors_item-contact { min-height: auto; } .support_hero { margin-bottom: 6.5rem; } .support_answers { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; margin-top: 1.5rem; display: flex; } .support-docs_content { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .support-docs_icon { width: 1.88rem; min-width: 1.88rem; height: 1.88rem; min-height: 1.88rem; } .support-docs_heading { font-size: 1.13rem; } .support-docs_title { grid-column-gap: 1rem; grid-row-gap: 1rem; font-size: .88rem; } .button-simple { font-size: .88rem; } .support-docs_img { aspect-ratio: 353 / 272; } .support_hero-button { flex-flow: column; width: 100%; display: flex; } ._404_wrapper { grid-column-gap: 4rem; grid-row-gap: 4rem; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; } ._404_heading { text-align: center; font-size: 1.38rem; font-weight: 700; line-height: 135%; } ._404_title { justify-content: flex-start; align-items: center; } .training-card-wrapper.u-mode-dark.cc-template { margin-bottom: 3rem; } .about-hero_content { flex-flow: column; display: flex; } .about-values_img-wrapper { margin-bottom: 1rem; } .about-values_img { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; } .about-team_list { grid-column-gap: 1rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr; } .about-team_group { grid-column-gap: 3rem; grid-row-gap: 3rem; } .about-team { grid-column-gap: 4.5rem; grid-row-gap: 4.5rem; } .template-richtext p, .template-richtext ol, .template-richtext ul { font-size: 1.125rem; } .template-richtext blockquote { margin-top: 3rem; margin-bottom: 3rem; padding-left: 1.5rem; font-size: 1.125rem; line-height: 120%; } .template-richtext h2 { font-size: 1.75rem; } .template-richtext h3 { font-size: 1.5rem; } .template-richtext h4 { font-size: 1.25rem; } .template-richtext p, .template-richtext ol, .template-richtext ul { font-size: 1.125rem; } .template-content { grid-column-gap: 4rem; grid-row-gap: 4rem; } .template-banner { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: center; width: 100vw; padding-top: 3rem; padding-bottom: 3rem; } .template-banner_title { text-align: center; justify-content: flex-start; align-items: center; } .template-banner_right { border-left-style: none; padding-left: 0; } .thank_title { justify-content: flex-start; align-items: center; } .thank_wrapper { grid-column-gap: 4rem; grid-row-gap: 4rem; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; } .resources-hero_feat-title { font-size: 1.375rem; } .resources-hero_feat-item-content { height: auto; } .resources-content { grid-column-gap: 3rem; grid-row-gap: 3rem; } .resources-list { grid-template-columns: 1fr; } .action-card_tall { border-radius: 1.125rem; padding-top: 2rem; } .careers-hero_content { flex-flow: column; padding-top: 4.5rem; padding-bottom: 2.5rem; display: flex; } .careers-flags { max-width: 24rem; } .careers-flag { width: 2.625rem; min-width: 2.625rem; height: 2.625rem; min-height: 2.625rem; } .testimonials-card { border-radius: 1.875rem; padding: 2.5rem; } .testimonials-card_content { grid-column-gap: .875rem; grid-row-gap: .875rem; } .testimonials-card_quote { font-size: 1.375rem; } .careers-interview_card { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: 1.875rem; padding: 3rem 2rem 2rem; } .careers-interview_card-grid { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; flex-flow: column; display: flex; } .services-tabs { border-radius: 0; margin-bottom: 3rem; } .services-tabs-menu { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-left: 0; padding-right: 0; display: grid; } .services-tab-link { width: 100%; min-width: auto; } .services-tabs-content { padding-left: 2rem; padding-right: 2rem; } .services-tab-pane { padding-bottom: 0; padding-left: 0; padding-right: 0; } .services-tabs-list { flex-flow: column; } .services-tabs-list-item { width: 100%; } .cwx-hero_info { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .cwx-hero_thumb { border-radius: 1rem; } .cwx-col_grid { grid-column-gap: 1rem; grid-row-gap: 1rem; } .cwx-col_grid.cc-3col { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .cwx-section { margin-bottom: 3rem; } .training-speakers { margin-bottom: 0; } .events-feat_content { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .events-feat_title { grid-column-gap: 1rem; grid-row-gap: 1rem; font-size: .88rem; } .promo-widget_wrapper { z-index: 1000; justify-content: center; align-items: center; max-width: none; display: flex; inset: 0%; } .promo-widget_img { z-index: 1; } .promo-widget_content { z-index: 1; position: relative; } .promo-widget_bg { z-index: 0; background-color: #0009; width: 100vw; height: 100vh; display: block; position: fixed; inset: 0%; } .promo-widget_card { z-index: 1; max-width: 75%; } .integrations-grid { grid-template-columns: 1fr 1fr; } .cwx-banner { padding-top: .5rem; padding-bottom: .5rem; font-size: 1rem; } .cwx-info_h3 { font-size: 3rem; } .cwx-logos { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: center; align-items: center; display: flex; } .cwx-cta { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .cwx-cta_content { grid-column-gap: 2rem; grid-row-gap: 2rem; text-align: center; flex-flow: column; } .cwx-cta_btn { color: #fff; border-left-style: none; } .cust-login { border-radius: 1rem; } .cust-login_inner { background-size: 240px; border-radius: 1rem; padding: 2rem 1.25rem 1.25rem; } .cust-login_logo { height: 1.75rem; margin-bottom: 1.25rem; } .cust-support { border-radius: 1rem; } .cust-support_inner { border-radius: 1rem; padding: 1.75rem 1.25rem; } .cust-hero-grid { grid-template-columns: 1fr; } .customer-action { border-radius: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; } .cust-login_inner-cta { margin-top: 4rem; } .cust-event_card { border-radius: 1.875rem; grid-template-columns: 1.25fr; } .cust-event_card-left { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 2.5rem; } .cust-event_card-right { aspect-ratio: 3 / 2; } .cust-event_card-icon { width: 1.5rem; margin-bottom: 0; } .global-card { padding: 1.5rem; } .global-card_flag { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; } .global-card_info { padding-top: 0; } .customer-social_item { width: 1.5rem; height: 1.5rem; } .customer-dots { display: none; } .security-tabs { grid-template-columns: 1fr; } .security-tabs_menu { z-index: 1; grid-column-gap: 2rem; grid-row-gap: 2rem; background-color: var(--_color---neutral--white); white-space: nowrap; border-bottom: 1px solid #0000001a; flex-flow: row; width: 110%; height: auto; padding-top: .75rem; padding-bottom: 1rem; padding-right: 3rem; top: 76px; overflow: auto; } .security-tabs_content { padding-top: 1rem; } .security-tabs_meu-item { position: static; } .login-cards { grid-template-columns: 1fr 1fr; } .home-hero_wrapper { margin-bottom: 2rem; } .home-hero_callouts { display: none; } .home-hero_callouts.cc-sm { justify-content: center; margin-top: 3rem; display: flex; } .video-split_content { background-color: #00000080; border-radius: 1rem; margin-right: 0; padding: 2rem; } .video-split { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; } .video-split_video { border-radius: 1rem; width: 100%; min-width: auto; } .video-split_content-inner { max-width: 100%; } .home-approach_item { grid-column-gap: 2rem; grid-row-gap: 2rem; text-align: left; border-left-width: 0; flex-flow: column; max-width: none; height: auto; margin-bottom: 3rem; margin-left: 0; padding-left: 6rem; top: 0; } .home-approach_item.is-2, .home-approach_item.is-3 { top: 0; } .home-approach_item.is-2, .home-approach_item.is-3 { top: 0; } .home-approach_item.is-4 { margin-bottom: 0; top: 0; } .home-approach_item-effect { order: -9999; width: 4rem; top: 0%; left: 10px; transform: none; } .home-approach_item-effect.is-2, .home-approach_item-effect.is-3, .home-approach_item-effect.is-4, .home-approach_item-effect.is-2, .home-approach_item-effect.is-3, .home-approach_item-effect.is-4 { top: 0%; } .home-approach_item-dot { width: 1rem; } .home-approach_item-bg { opacity: 100; filter: blur(50px); } .home-approach_item-bg.is-smaller { width: 4rem; height: 4rem; } .home-approach_item-dot-inner { width: .5rem; } .home-approach_item-content { width: 180px; } .home-approach_item-top { flex-flow: column; align-items: flex-start; display: flex; position: relative; } .home-approach_item-number { font-size: .7rem; } .home-trust_stats { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; flex-flow: column; order: 9999; align-items: flex-start; max-width: 14rem; margin: 2.5rem auto 0; } .home-trust_stats-border { display: none; } .home-trust_stats-item { border-left: 2px solid #d9dbdb; padding-left: .75rem; } .home-trust_logos { grid-row-gap: 2rem; } .home-scale_stat { border-radius: 1rem; } .quote-lg { border-radius: 2rem; padding: 2.5rem 2rem; } .quote-lg_content.cc-large { max-width: 30rem; } .quote-lg_vector { display: none; } .quote-lg_icon { display: block; } .home-platform-grid { grid-template-columns: 1fr 1fr; } .home-platform-block.cc-bottom { text-align: center; text-align: center; flex-flow: column; align-items: center; display: flex; } .home-platform-block_header.is-bottom { text-align: center; text-align: center; } .home-platform-block_content.is-bottom { flex-flow: column; align-items: center; display: flex; } .home-approach-line { display: none; } .section_bg-overlay { background-color: #0a0720d9; } .verity-video { border-radius: 1rem; } .vt-problem_header { grid-template-columns: 3fr; } .vt-problem_right-grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; } .vt-problem_header-main { grid-template-columns: 1fr 1fr; justify-items: start; margin-bottom: 1.5rem; } .vt-problem_header-logo { grid-column-gap: .5rem; grid-row-gap: .5rem; } .vt-problem_right-arrow, .vt-problem_header-spacer { display: none; } .u-sm-text-left { text-align: left; } .verity-pricing { border-radius: 1rem; } .verity-pricing_bottom { margin-top: 1.5rem; } .verity-pricing_desc { margin-bottom: 2rem; } .verity-compare_wrapper { display: none; } .verity-compare_sm { border: 1px solid var(--_color---neutral--cream); background-image: linear-gradient(180deg, var(--_color---transparent), var(--_color---neutral--cream)); border-radius: 1rem; flex-flow: column; margin-bottom: 1.5rem; display: flex; } .verity-compare_sm.is-last { margin-bottom: 0; } .verity-compare_sm.is-first { margin-top: 3rem; } .verity-compare_sm-title { border-bottom: 1px solid var(--_color---neutral--white); padding: .875rem 1.5rem .75rem; } .verity-compare_sm-body { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: space-between; align-items: center; padding: 1.5rem 1rem 2.5rem; display: flex; } .paragraph-xs { font-size: .75rem; } .verity-compare_arrow { width: 1rem; height: 1rem; color: var(--_color---secondary--pink); } .text-color-dark-pink { color: #c53187; } .text-color-dark-pink-2 { color: #952a6b; } .verity-hero_img { margin-left: auto; margin-right: auto; } .security-tabs_menu-item-copy { position: static; } .security-tabs-menu-wrap { min-width: 0; } .swiper-video.cc-resources { overflow: visible; } .mp-track { padding-top: 20px; padding-bottom: 20px; } ._30under30-hero_content { grid-column-gap: 4.2rem; grid-row-gap: 4.2rem; flex-flow: column; padding-top: 4.5rem; padding-bottom: 2.5rem; display: flex; } ._30u30_regional-winner { justify-content: flex-start; align-items: flex-start; } .regional-winner-text { padding-right: 0; } ._30u30-hero-subtitle-copy { grid-column-gap: 2rem; grid-row-gap: 2rem; flex: 1; } .reward-package-wrapper { text-align: center; } .reward-package-wrapper.cc-no-mb { text-align: left; text-align: left; } .reward-package-title { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: center; align-self: auto; } .reward-package-title.u-mb-0 { grid-column-gap: 0rem; grid-row-gap: 0rem; text-align: left; grid-column-gap: 0rem; grid-row-gap: 0rem; text-align: left; } .compare_cards { grid-template-columns: 1fr 1fr; } .compare_quotes-grid { grid-template-rows: auto auto; grid-template-columns: 1fr; } .lp_container.cc-hero { padding-left: 24px; padding-right: 24px; } .lp_container.cc-agents-head { padding-top: 88px; } .lp_demo-wave.cc-agents-l, .lp_demo-wave.cc-agents-r, .lp_demo-wave.cc-agents-l, .lp_demo-wave.cc-agents-r { opacity: .35; } .lp_rcards { height: 260px; } .lp_rcard-label { margin-top: 14px; font-size: 1.1875rem; } .lp_rcard-side { border-radius: 24px; } .lp_rcard-lit-fill { border-radius: 22px; } .lp_rcard { border-radius: 24px; width: 270px; height: 220px; margin-top: -110px; margin-left: -135px; } .lp_rcard-num { font-size: 4.25rem; } .lp_rcard-lit { border-radius: 24px; } .lp_agents-track { height: auto; } .lp_agents-mark { width: 62vw; max-width: 260px; margin-bottom: 8px; position: relative; top: auto; left: auto; transform: none; } .lp_agents-stage { aspect-ratio: auto; flex-direction: column; align-items: center; row-gap: 36px; max-height: none; display: flex; } .lp_wheel { height: 340px; } .lp_agents-steps { display: none; } .lp_scenes-text { font-size: 1.25rem; } .lp_agents-sticky { height: auto; padding-top: 40px; padding-bottom: 96px; display: block; position: relative; top: 0; overflow: visible; } .lp_agent { text-align: center; width: 100%; font-size: 1.75rem; position: relative; } .lp_agent.cc-tl, .lp_agent.cc-bl { text-align: center; bottom: auto; right: auto; } .lp_agent.cc-tr, .lp_agent.cc-br { text-align: center; bottom: auto; left: auto; } .lp_agent.cc-tl, .lp_agent.cc-bl { text-align: center; bottom: auto; right: auto; } .lp_agent.cc-tr, .lp_agent.cc-br { text-align: center; bottom: auto; left: auto; } .lp_pill { width: 300px; height: 92px; padding-left: 24px; padding-right: 24px; font-size: 1.125rem; top: -46px; left: -150px; } .lp_agents-lines { display: none; } .hp_hero-bg { object-position: 66% 0%; } .hp_hero { align-items: flex-end; min-height: 480px; padding-bottom: 0; } .hp_hero-inner { padding-left: 24px; padding-right: 24px; } .hp_hero-shade { background-image: linear-gradient(#0a091e1a 20%, #0a091ebf 55%, #1a1550 100%); } .hp_hero-title { max-width: none; } .hp_verity-grid { margin-top: 48px; } .hp_verity { padding: 72px 0% 96px; } .hp_rcard-lit { border-radius: 24px; } .hp_rcard-label { margin-top: 14px; font-size: 1.1875rem; } .hp_rcard-lit-fill { border-radius: 22px; } .hp_scale-sub { margin-top: 64px; font-size: .9375rem; } .hp_rcard-side { border-radius: 24px; } .hp_rcards { height: 260px; } .hp_scale { padding: 88px 0% 100px; } .hp_rcard-num { font-size: 4.25rem; } .hp_rcard { border-radius: 24px; width: 270px; height: 220px; margin: -110px 0% 0 -135px; } .hp_pillar-title { font-size: 1.875rem; } .hp_pillars { margin-top: 48px; } .hp_governed-title { font-size: 1.875rem; } .hp_pillar { padding: 30px 26px 32px; } .hp_platform { padding: 88px 0% 96px; } .hp_scale-mark { width: 480px; height: 480px; left: -200px; } .hp_trust-head { margin-top: 80px; } .hp_stats { grid-column-gap: 20px; grid-row-gap: 48px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; margin-top: 80px; } .hp_stat-num { font-size: clamp(3rem, 1.4rem + 7vw, 4rem); } .hp_trust { padding: 56px 0% 110px; } .hp_quote-content { padding: 4px 24px 36px; } .hp_quote-media { height: 260px; } .hp_quote-icon { border-radius: 19px; width: 68px; height: 68px; } .hp_quote { padding: 72px 0% 100px; } } @media screen and (max-width: 479px) { .h3.cc-large { font-size: 1.375rem; } .section.cc-home-hero { padding-top: 4rem; padding-bottom: 4rem; } .container { --_components---section--padding: clamp(var(--_components---section--padding-min-rem) * 1rem, ((var(--_components---section--padding-min-rem) - ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---section--padding-max-rem) * 1rem); --_components---container--gutter: 6vw; --_components---container--max-width: calc(var(--_layout---fluid--max) * 1rem); --_components---button--vertical-padding: .75rem; --_components---button--horizontal-padding: 1rem; --_components---button--border-radius: .75rem; --_components---button--font: var(--_typography---fonts--primary-font); --_components---button--font-size: 1rem; --_components---button--line-height: 100%; --_components---button--font-weight: 500; --_components---button--letter-spacing: 0em; --_components---card--border-radius: .5rem; --_components---card--padding: clamp(var(--_components---card--padding-min-rem) * 1rem, ((var(--_components---card--padding-min-rem) - ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---card--padding-max-rem) * 1rem); --_components---input--bottom-margin: 0rem; --_components---input--border-radius: 1rem; --_components---input--font: var(--_typography---fonts--primary-font); --_components---input--font-size: .875rem; --_components---input--line-height: 150%; --_components---input--font-weight: 700; --_components---input--letter-spacing: -.005em; --_components---input-label--font: var(--_typography---fonts--primary-font); --_components---input-label--font-size: .9rem; --_components---input-label--line-height: 1em; --_components---input-label--font-weight: 500; --_components---input-label--letter-spacing: 0em; --_components---card--card-body-padding-sm\: 20px; --_components---section--padding-min-rem: 3; --_components---section--padding-max-rem: 6; --_components---card--padding-min-rem: 1; --_components---card--padding-max-rem: 1.5; } .container.cc-nav { grid-column-gap: .5rem; grid-row-gap: .5rem; } .container.cc-nav.container-lg { margin-top: 1.25rem; } .container.cc-events-video { margin-top: -30%; } .row.row-justify-between.cc-social { grid-row-gap: var(--_layout---grid--gap-md); grid-row-gap: var(--_layout---grid--gap-md); } .row.cc-event { margin-left: 0; margin-right: 0; } .col:where(.w-variant-63569d8e-a8ac-61e1-0666-21eb6073c541) { flex: 0 auto; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex-basis: 100%; max-width: 100%; } .col.col-xs-11 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 11)); } .col.col-xs-6 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6)); } .col.col-xs-10 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 10)); } .col.col-xs-4 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 4)); } .col.col-xs-3 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 3)); } .col.col-xs-7 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7)); } .col.col-xs-8 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8)); } .col.col-xs-9 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 9)); } .col.col-xs-2 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 2)); } .col.col-xs-12 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 12)); } .col.col-xs-5 { flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 5)); } .col.col-xs-1 { max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 1)); } .col.col-xs-first { order: -1; } .col.col-xs-offset-0 { margin-left: 0%; } .col.col-xs-offset-1 { margin-left: 8.33333%; } .col.col-xs-offset-2 { margin-left: 16.6667%; } .col.col-xs-offset-3 { margin-left: 25%; } .col.col-xs-offset-4 { margin-left: 33.3333%; } .col.col-xs-offset-5 { margin-left: 41.67%; } .col.col-xs-offset-6 { margin-left: 50%; } .button { width: 100%; } .styles__row-example { height: auto; } .styles__nav-menu { padding-left: 7%; padding-right: 7%; } .paragraph-lg.u-mb-0.cc-modal-helper { text-align: left; text-align: left; text-align: left; margin-top: .5rem; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-mb-0.cc-inline { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; display: inline-flex; } .u-m-0 { margin: 0; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-xs\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-xs\); } .u-xs-d-none { display: none; } .u-xs-d-block { display: block; } .accordion-title { padding-right: 5%; } .modal.cc-search { width: 100%; top: 70px; right: auto; } .nav { padding-bottom: 1.25rem; } .nav-dropdown_arrow, .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom, .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom { width: 2rem; } .home-hero_content { flex-flow: column; padding-top: 3rem; padding-bottom: 2rem; display: flex; } .u-text-gradient.cc-home-hero { margin-top: 1rem; } .u-text-gradient.cc-home-hero.u-mt-0 { margin-top: 0; } .button-group.cc-grid { grid-template-rows: auto auto; grid-template-columns: 1fr; } .button-group.cc-cta { display: flex; } .home-video_lightwaves { height: 90px; } .cta-wrapper.cc-negative-mb { margin-bottom: -3rem; } .footer-logo_img { height: 1.25rem; } .footer-menus { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; } .section-title { text-align: center; } .product-header_content { margin-bottom: 3rem; } .solutions-full_card.row { grid-row-gap: 0px; grid-row-gap: 0px; margin-right: auto; padding-bottom: 0; } .solutions-quote_right { object-fit: cover; max-width: 100%; position: relative; right: auto; } .solutions-quote_bg { object-position: 0% 0%; } .btn_wrap { width: 100%; } .product-webinar_left { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: center; flex-flow: column; align-items: center; } .product-guides { padding: 2rem; } .footer-cta_content:where(.w-variant-e25d956d-3529-a4f6-e48e-9d54b75a9985) { position: relative; } .product-left-dots { top: -187px; } .products-grid { grid-template-columns: 1fr; } .filters-search.cc-search-page.cc-modal { margin-bottom: 0; } .dots-wrapper.cc-form, .dots-wrapper.cc-nav, .dots-wrapper.cc-form, .dots-wrapper.cc-nav { margin-top: 1.5rem; } .cms-filters { flex-flow: column; } .training-card-wrapper.cc-prof-services { justify-content: flex-start; align-items: flex-start; } .template-main_img { border-radius: 1.25rem; } .template-hero_social { justify-content: flex-start; } .about-hero_content { flex-flow: column; padding-top: 4rem; display: flex; } .about-values_shape { width: 42px; height: 30px; top: -.5rem; } .about-team_list { grid-column-gap: .5rem; grid-row-gap: 1.5rem; } .about-team_list.cc-2col { grid-template-columns: 1fr; } .about-team_group { grid-column-gap: 2rem; grid-row-gap: 2rem; } .search_wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; } .search { width: 100%; } .footer-dots_bg { display: none; } .footer-dots_bg:where(.w-variant-e25d956d-3529-a4f6-e48e-9d54b75a9985) { display: block; } .careers-hero_content { flex-flow: column; padding-top: 3rem; padding-bottom: 2rem; display: flex; } .careers-flags { grid-column-gap: .75rem; grid-row-gap: .75rem; max-width: 20rem; } .cwx-hero_info { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .cwx-hero_thumb { margin-top: 2rem; } .cwx-col_grid { grid-template-columns: 1fr; } .cwx-form_wrapper { padding: 1.5rem 1rem; } .cwx-agenda_grid-item { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .training-speakers { grid-column-gap: 1rem; grid-row-gap: 1rem; } .events-feat_img { min-height: 11rem; } .promo-widget_card { max-width: 90%; } .integrations-grid { grid-column-gap: 1rem; grid-row-gap: 1rem; } .banner-top { text-align: center; } .banner-top_grid { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; justify-content: center; align-items: center; display: flex; } .banner-bottom { text-align: center; } .banner-bottom_grid { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; justify-content: center; align-items: center; display: flex; } .cwx-info_h3 { font-size: 2.5rem; } .cwx-cta_content { padding-top: 0; } .cust-hero-actions { grid-template-columns: 1fr; } .cust-login_inner-cta { margin-top: 4rem; } .cust-event_card-left { padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .global-card_grid { grid-template-columns: 1fr; } .security-tabs_menu { top: 68px; } .login-cards { grid-template-columns: 1fr; } .home-hero_callouts.cc-sm { flex-flow: column; } .video-split_content { padding: 1.5rem; } .home-approach_item { padding-left: 4rem; } .home-approach_item-effect { left: -10px; } .home-trust_logos { grid-template-columns: 1fr 1fr; } .home-platform-grid { grid-template-columns: 1fr; } .vt-prblem_right-card { padding: 1rem; } .verity-pricing_bottom { margin-top: 1rem; } .verity-pricing_desc { margin-bottom: 1.5rem; } .button-5, .button-6 { width: 100%; } ._30under30-hero_content { flex-flow: column; padding-top: 3rem; padding-bottom: 2rem; display: flex; } ._30u30_regional-winner { flex-flow: column; } .image-3 { width: auto; } .regional-winner-text { padding-right: 0; } .nominations_cards { grid-template-columns: 1fr; grid-auto-flow: row; } .nominations_eligibility-inner { grid-template-rows: auto auto auto; grid-template-columns: 1fr; } .reward-package-title { text-align: left; } .community_form-row { grid-template-rows: auto auto; grid-template-columns: 1fr; } .compare_hero-grid { grid-template-columns: 100%; } .compare_hero-content { width: 100%; padding-bottom: 0; } .community_form { padding: 18px; } .compare_logo { max-width: 100%; } .compare_logos { justify-content: center; } .compare_cap-sub { font-size: 12px; } .compare_cap { padding-left: 12px; padding-right: 12px; } .compare_mark-text { font-size: 13px; } .compare_cap-title { font-size: 14px; } .compare_trow, .compare_trow.cc-alt, .compare_trow.cc-alt { grid-template-columns: 1fr 72px 72px; } .compare_th { padding-left: 12px; padding-right: 12px; font-size: 13px; } .compare_cards { grid-template-rows: auto auto auto; grid-template-columns: 1fr; } .button-9 { width: 100%; } .compare_form { padding: 18px; } .lp_demo { padding-top: 72px; } .lp_form-row { grid-template-rows: auto; grid-template-columns: 1fr; column-gap: 0; } .lp_button { width: 100%; } .lp_container.cc-meet { row-gap: 40px; padding-bottom: calc(50.88vw + 24px); } .lp_form-card { border-radius: 24px; padding: 24px 20px 28px; } .lp_hero { height: 520px; } .lp_hero-title-2 { margin-bottom: 14px; } .lp_step-num { margin-top: 32px; } .lp_step { padding-left: 14px; padding-right: 14px; } .lp_step-label { font-size: 1rem; } .lp_hero-logo { width: 160px; } .lp_meet-text { font-size: 1.125rem; } .lp_dot { width: 84px; margin-left: -42px; font-size: .75rem; } .lp_stage { height: 220px; } .lp_scenes { padding-top: 96px; padding-bottom: 80px; } .lp_share-icon { width: 38px; height: 38px; } .lp_product-name { font-size: 1.375rem; } .lp_share-fb { width: 52px; height: 52px; } .lp_timeline { height: 72px; } .lp_share-x { width: 52px; height: 52px; } .lp_timeline-track { left: 12%; right: 12%; } .lp_share-li { width: 52px; height: 52px; } .lp_card { max-width: 86vw; } .hp_hero-bg { padding-bottom: 97px; } .hp_hero-inner { justify-content: space-between; align-items: flex-end; padding-bottom: 0; } .hp_hero-title { margin-bottom: 14px; } .hp_logo { height: 72px; } } #w-node-_2d4e2762-328b-7444-ec2a-aa316a52bd48-6a52bd44 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-_0b9096f6-43a3-4ba3-91a7-9097e362442e-e362442e { grid-area: span 1 / span 2 / span 1 / span 2; } }