:root { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🔠-typography---font-family--b2: var(--_🔠-typography---font--body); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🔠-typography---size--b2: 1rem; --_🔠-typography---line-height--b2: 1.5rem; --_🔠-typography---font-weight--b2: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b2: 0px; --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h1: 3rem; --_🔠-typography---line-height--h1: 4.25rem; --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h1: -.062rem; --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h2: 3rem; --_🔠-typography---line-height--h2: 3.5rem; --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h2: -.031rem; --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h3: 2.5rem; --_🔠-typography---line-height--h3: 3rem; --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h3: -.031rem; --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h4: 2rem; --_🔠-typography---line-height--h4: 2.5rem; --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h4: 0rem; --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h5: 1.5rem; --_🔠-typography---line-height--h5: 2rem; --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h5: 0rem; --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h6: 1.25rem; --_🔠-typography---line-height--h6: 1.5rem; --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h6: 0px; --spacing--8: 0rem; --spacing--32: 4rem; --spacing--0: 0rem; --spacing--12: .75rem; --spacing--16: 1rem; --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🔘-radius---ui--input: .5rem; --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label); --_🔠-typography---size--label-1: .75rem; --_🔠-typography---line-height--label-1: 1rem; --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-1: .75px; --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --spacing--24: 1rem; --container--large: 112.5rem; --spacing--64: 4rem; --spacing--48: 1rem; --_🔠-typography---font-family--b3: var(--_🔠-typography---font--body); --_🔠-typography---size--b3: .813rem; --_🔠-typography---line-height--b3: 1.25rem; --_🔠-typography---font-weight--b3: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b3: 0px; --_🔠-typography---font--label: "Fragment Mono", Arial, sans-serif; --_🔠-typography---font--body: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---font-family--b1: var(--_🔠-typography---font--body); --_🔠-typography---size--b1: 1.25rem; --_🔠-typography---line-height--b1: 2rem; --_🔠-typography---font-weight--b1: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b1: 0px; --_🎨-color--base---ui--error: #ed7472; --_🎨-color--base---base--light-100: #f7f6f5; --_🎨-color--base---base--dark-100: #231f23; --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label); --_🔠-typography---size--label-2: .625rem; --_🔠-typography---line-height--label-2: .75rem; --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-2: .75px; --_🔘-radius---general--default: .75rem; --layout-grid--margin: 2rem; --_❇️-icon---button-icon--circle-large: 1.25rem; --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--base---base--light-0: #f7f6f500; --_🎨-color--base---ui--success: #5cce63; --width--new: 60rem; --width--4-columns: 28rem; --_🔘-radius---ui--button-base: .5rem; --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--button); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🔠-typography---size--button-1: 1rem; --_🔠-typography---line-height--button-1: 1.25rem; --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button); --_🔠-typography---letter-spacing--button-1: 0px; --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🔠-typography---line-height--button-2: 1rem; --_❇️-icon---button-icon--rectangle-large: 1rem; --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🔠-typography---all-weights--medium: 500; --spacing--4: .25rem; --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button); --_🔠-typography---letter-spacing--button-2: 0px; --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h0: 5.5rem; --_🔠-typography---line-height--h0: 5.5rem; --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h0: -.125rem; --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🔘-radius---ui--button-circle: 1.5rem; --_❇️-icon---regular-icons--medium: 1.5rem; --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🔘-radius---ui--tag: .5rem; --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--medium); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --section-padding--large: 10rem; --section-padding--extra-large: 12.5rem; --section-padding--medium: 5.5rem; --_🎨-color--base---base--dark-32: #231f2352; --section-padding--small: 5rem; --section-padding--extra-small: 2rem; --width--3-columns: 20.75rem; --width--2-columns: 13.5rem; --spacing--20: 1.25rem; --spacing--120: 7.5rem; --_🔘-radius---general--large: 1.25rem; --spacing--160: 24rem; --_❇️-icon---regular-icons--small: 1.5rem; --layout-grid--gutter: 1rem; --spacing--80: 5rem; --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --container--medium: 90rem; --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🔘-radius---ui--nav-animation-radius: 0rem; --_🎨-color--base---base--dark-8: #231f2314; --_🔠-typography---size--button-2: .875rem; --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button); --_❇️-icon---icon-stroke: .094rem; --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --width--9-columns: 64.25rem; --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --layout-grid--1-column-gap: 8.25rem; --width--5-columns: 35.25rem; --width--8-columns: 57rem; --_🔘-radius---general--full: 100vw; --_🔘-radius---general--small: .5rem; --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --width--1-column: 6.25rem; --layout-grid--2-column-gap: 4rem; --_❇️-icon---regular-icons--large: 2rem; --width--10-columns: 71.5rem; --spacing--200: 10rem; --_🎨-color--base---base--light-48: #f7f6f57a; --_🎨-color--base---ui--warning: #d5ad4b; --_🎨-color--base---accent--primary: #4c3e5e; --_🔠-typography---font--heading-serif: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--heading-sans: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--button: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--light); --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--normal); --width--7-columns: 49.75rem; --width--12-columns: 86rem; --container--small: 57rem; --_🎨-color--base---base--dark-88: #231f23e0; --_🎨-color--base---base--dark-64: #231f23a3; --_🎨-color--base---base--dark-48: #231f237a; --_🎨-color--base---base--dark-16: #231f2329; --_🎨-color--base---base--dark-4: #231f230a; --_🎨-color--base---base--dark-0: #231f2300; --_🎨-color--base---base--light-88: #f7f6f5e0; --_🎨-color--base---base--light-64: #f7f6f5a3; --_🎨-color--base---base--light-32: #f7f6f552; --_🎨-color--base---base--light-16: #f7f6f529; --_🎨-color--base---base--light-8: #f7f6f514; --_🎨-color--base---base--light-4: #f7f6f50a; --_❇️-icon---regular-icons--extra-small: .75rem; --_❇️-icon---button-icon--rectangle-small: .75rem; --_❇️-icon---button-icon--circle-small: 1rem; --_🎨-color--base---depth--light: #ececec; --_🎨-color--base---depth--dark: #1a171a; --_🎨-color--base---lift--light: #fff; --_🎨-color--base---lift--dark: #322d32; --_🔠-typography---all-weights--thin: 100; --_🔠-typography---all-weights--extra-light: 200; --_🔠-typography---all-weights--light: 300; --_🔠-typography---all-weights--normal: 400; --_🔠-typography---all-weights--semi-bold: 600; --_🔠-typography---all-weights--bold: 700; --_🔠-typography---all-weights--extra-bold: 800; --_🔠-typography---all-weights--black: 900; --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); --animation--line-1-offset: 0rem; --animation--line-1-array: 0rem; --animation--line-2-offset: 0rem; --animation--line-2-array: 0rem; --animation--line-3-offset: 0rem; --animation--line-3-array: 0rem; --_🎨-color--base---colors--nscorecoral: #ed7472; --_🎨-color--base---colors--nsqubitorchid: #cebffa; --_🎨-color--base---colors--nssyntaxmint: #ccfdcf; --_🎨-color--base---colors--nspacketsky: #d7e9ff; --_🎨-color--base---colors--nscachesand: #f4e7c7; --_🎨-color--base---colors--nslatencypeach: #ffe1d6; --_🎨-color--base---background-base--light\: #f6f3f0; --_🎨-color--base---background-lift-low-opacity--light\: #ffffffa3; } body { background-color: var(--_🎨-color--tokens---background--base); font-family: var(--_🔠-typography---font-family--b2); color: var(--_🎨-color--tokens---tone--strong); font-size: var(--_🔠-typography---size--b2); line-height: var(--_🔠-typography---line-height--b2); font-weight: var(--_🔠-typography---font-weight--b2); letter-spacing: var(--_🔠-typography---letter-spacing--b2); --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); } h1 { font-family: var(--_🔠-typography---font-family--h1); font-size: var(--_🔠-typography---size--h1); line-height: var(--_🔠-typography---line-height--h1); font-weight: var(--_🔠-typography---font-weight--h1); letter-spacing: var(--_🔠-typography---letter-spacing--h1); margin-top: 0; margin-bottom: 0; } h2 { font-family: var(--_🔠-typography---font-family--h2); font-size: var(--_🔠-typography---size--h2); line-height: var(--_🔠-typography---line-height--h2); font-weight: var(--_🔠-typography---font-weight--h2); letter-spacing: var(--_🔠-typography---letter-spacing--h2); margin-top: 20px; margin-bottom: 10px; } h3 { font-family: var(--_🔠-typography---font-family--h3); font-size: var(--_🔠-typography---size--h3); line-height: var(--_🔠-typography---line-height--h3); font-weight: var(--_🔠-typography---font-weight--h3); letter-spacing: var(--_🔠-typography---letter-spacing--h3); margin-top: 20px; margin-bottom: 10px; } h4 { font-family: var(--_🔠-typography---font-family--h4); font-size: var(--_🔠-typography---size--h4); line-height: var(--_🔠-typography---line-height--h4); font-weight: var(--_🔠-typography---font-weight--h4); letter-spacing: var(--_🔠-typography---letter-spacing--h4); margin-top: 10px; margin-bottom: 10px; } h5 { font-family: var(--_🔠-typography---font-family--h5); font-size: var(--_🔠-typography---size--h5); line-height: var(--_🔠-typography---line-height--h5); font-weight: var(--_🔠-typography---font-weight--h5); letter-spacing: var(--_🔠-typography---letter-spacing--h5); margin-top: 10px; margin-bottom: 10px; } h6 { font-family: var(--_🔠-typography---font-family--h6); font-size: var(--_🔠-typography---size--h6); line-height: var(--_🔠-typography---line-height--h6); font-weight: var(--_🔠-typography---font-weight--h6); letter-spacing: var(--_🔠-typography---letter-spacing--h6); margin-top: 10px; margin-bottom: 10px; } p { font-family: var(--_🔠-typography---font-family--b2); font-size: var(--_🔠-typography---size--b2); line-height: var(--_🔠-typography---line-height--b2); font-weight: var(--_🔠-typography---font-weight--b2); letter-spacing: var(--_🔠-typography---letter-spacing--b2); margin-bottom: 10px; } a { color: var(--_🎨-color--tokens---tone--strong); text-decoration: none; } ul { margin-top: 0; margin-bottom: 10px; padding-left: 20px; } li { margin-bottom: var(--spacing--8); } img { max-width: 100%; display: inline-block; } figcaption { text-align: center; margin-top: 5px; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } .label-large { font-family: var(--_🔠-typography---font-family--label-1); font-size: var(--_🔠-typography---size--label-1); line-height: var(--_🔠-typography---line-height--label-1); font-weight: var(--_🔠-typography---font-weight--label-1); letter-spacing: var(--_🔠-typography---letter-spacing--label-1); text-transform: uppercase; justify-content: flex-start; align-items: flex-end; padding-left: 10px; } .container-large { z-index: 2; width: 100%; max-width: var(--container--large); margin: auto; } .container-large.no-max { max-width: none; } .text-size-small { font-family: var(--_🔠-typography---font-family--b3); font-size: var(--_🔠-typography---size--b3); line-height: var(--_🔠-typography---line-height--b3); font-weight: var(--_🔠-typography---font-weight--b3); letter-spacing: var(--_🔠-typography---letter-spacing--b3); margin-top: 0; margin-bottom: 0; } .text-size-small.tone-medium { margin-bottom: auto; padding-top: 0; } .text-size-small.tone-medium.truncated { text-overflow: ellipsis; white-space: nowrap; max-width: 200px; overflow: hidden; } .heading-style-h5.mono { font-family: var(--_🔠-typography---font--label); } .heading-style-h5.body-font { font-family: var(--_🔠-typography---font--body); } .heading-style-h5.grms-card-heading-pad { padding-left: 20px; padding-right: 20px; } .heading-style-h5 { font-family: var(--_🔠-typography---font-family--h5); font-size: var(--_🔠-typography---size--h5); line-height: var(--_🔠-typography---line-height--h5); font-weight: var(--_🔠-typography---font-weight--h5); letter-spacing: var(--_🔠-typography---letter-spacing--h5); } .margin-0 { margin: 1rem 0 0; } .margin-0.tone-medium { padding-left: 20px; padding-right: 20px; } .margin-0.tone-medium.partner-text { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 20px; padding-left: 0; } .text-size-large { font-family: var(--_🔠-typography---font-family--b1); font-size: var(--_🔠-typography---size--b1); line-height: var(--_🔠-typography---line-height--b1); font-weight: var(--_🔠-typography---font-weight--b1); letter-spacing: var(--_🔠-typography---letter-spacing--b1); margin-top: 0; } .text-size-large.tone-medium { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .text-size-large.text_body-bold { padding-left: 20px; padding-right: 20px; } .heading-style-h1 { z-index: 1; font-family: var(--_🔠-typography---font-family--h1); font-size: var(--_🔠-typography---size--h1); line-height: var(--_🔠-typography---line-height--h1); font-weight: var(--_🔠-typography---font-weight--h1); letter-spacing: var(--_🔠-typography---letter-spacing--h1); padding-right: 10px; } .footer { z-index: 3; width: 100%; padding-top: var(--layout-grid--margin); --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); padding-bottom: 0; position: relative; } .master_navigation { z-index: 999; padding-top: var(--spacing--8); --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); position: fixed; inset: 0% 0% auto; } .cta_primary { border-radius: var(--_🔘-radius---ui--button-base); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-family: var(--_🔠-typography---font-family--button-1); color: var(--_🎨-color--tokens---button--primary--default--text); font-size: var(--_🔠-typography---size--button-1); line-height: var(--_🔠-typography---line-height--button-1); font-weight: var(--_🔠-typography---font-weight--button-1); letter-spacing: var(--_🔠-typography---letter-spacing--button-1); cursor: pointer; --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); flex: none; justify-content: center; align-items: center; transition: color .3s; display: flex; position: relative; } .cta_primary:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f) { color: var(--_🎨-color--tokens---button--secondary--default--text); } .cta_primary:hover { color: var(--_🎨-color--tokens---button--primary--hover--text); } .cta_primary:hover:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f) { color: var(--_🎨-color--tokens---button--secondary--hover--text); } .cta_primary.secondary { color: var(--_🎨-color--tokens---button--secondary--default--text); } .cta_primary.secondary:hover { color: var(--_🎨-color--tokens---button--secondary--hover--text); } .button_text-mask { height: var(--_🔠-typography---line-height--button-1); pointer-events: none; flex: none; overflow: hidden; } .button_text-mask.button-2 { height: var(--_🔠-typography---line-height--button-2); } .text-button { z-index: 1; text-shadow: 0 1.5em 0 var(--_🎨-color--tokens---button--primary--hover--text); position: relative; } .text-button:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .text-button:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc), .text-button.secondary-6 { text-shadow: 0 1.5em 0 var(--_🎨-color--tokens---button--secondary--hover--text); } .icon-wrap_button { z-index: 2; flex: none; justify-content: center; align-items: center; display: flex; position: relative; } .icon-wrap_button.right, .icon-wrap_button.left, .icon-wrap_button.right, .icon-wrap_button.left { margin-right: 8px; } .icon_button { z-index: 2; width: var(--_❇️-icon---button-icon--rectangle-large); height: var(--_❇️-icon---button-icon--rectangle-large); flex: none; justify-content: center; align-items: center; display: flex; position: relative; } .icon_button.right { margin-left: var(--spacing--8); } .icon_button.left { margin-right: var(--spacing--8); } .btn-bg { border: 1px solid var(--_🎨-color--tokens---button--primary--default--border); border-radius: var(--_🔘-radius---ui--button-base); background-color: var(--_🎨-color--tokens---button--primary--default--background); transition: background-color .3s; position: absolute; inset: 0%; } .btn-bg:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .btn-bg:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) { border-color: var(--_🎨-color--tokens---button--secondary--default--border); background-color: var(--_🎨-color--tokens---button--secondary--default--background); } .btn-bg:hover { border-color: var(--_🎨-color--tokens---button--primary--hover--border); background-color: var(--_🎨-color--tokens---button--primary--hover--background); } .btn-bg:hover:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .btn-bg:hover:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) { border-color: var(--_🎨-color--tokens---button--secondary--hover--border); background-color: var(--_🎨-color--tokens---button--secondary--hover--background); } .btn-bg.secondary-9 { border-color: var(--_🎨-color--tokens---button--secondary--default--border); background-color: var(--_🎨-color--tokens---button--secondary--default--background); } .btn-bg.secondary-9:hover { border-color: var(--_🎨-color--tokens---button--secondary--hover--border); background-color: var(--_🎨-color--tokens---button--secondary--hover--background); } .image_cover { z-index: 1; object-fit: scale-down; object-position: 50% 50%; z-index: 1; object-fit: cover; border-radius: 8px; width: 100%; height: 100%; } .image_cover.is-award { object-fit: contain; width: 100%; height: auto; display: block; } .tone-medium { color: var(--_🎨-color--tokens---tone--medium); margin-bottom: 40px; padding-top: 20px; } .tone-medium.margin-0.twin { color: var(--_🎨-color--tokens---tone--strong); -webkit-text-stroke-color: var(--_🎨-color--tokens---tone--medium); margin-bottom: 0; padding-top: 0; } .tone-medium.text-size-large { margin-bottom: 0; } .label-master { padding: var(--spacing--8) var(--spacing--12); grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); border: 1px solid var(--_🎨-color--tokens---background--semi-transparent); border-radius: var(--_🔘-radius---ui--tag); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--_🎨-color--tokens---tone--strong); text-align: center; justify-content: center; align-items: center; display: flex; } .text_body-bold { color: var(--_🎨-color--tokens---button--tertiary--hover--text); font-weight: var(--_🔠-typography---weight--body-bold); } .text_body-bold.space { padding-bottom: 60px; } .page-wrapper { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); } .main-wrapper { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); padding-left: 0; } .padding-global { width: 100%; padding-right: var(--layout-grid--margin); padding-left: var(--layout-grid--margin); background-color: var(--_🎨-color--tokens---background--gradient-purposes--gradient-100); --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); } .section_cta { padding-top: var(--section-padding--extra-small); padding-bottom: var(--section-padding--small); } .master_cta { z-index: 2; max-width: var(--width--4-columns); grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: relative; } .button-group_cta { grid-column-gap: var(--spacing--12); grid-row-gap: var(--spacing--12); flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .footer_bottom-tile { flex-flow: column; display: flex; } .icon-socials { justify-content: center; align-items: center; display: flex; } .footer-column { max-width: var(--width--2-columns); grid-column-gap: var(--spacing--20); grid-row-gap: var(--spacing--20); flex-flow: column; flex: 1; display: flex; } .footer_socials { grid-column-gap: var(--spacing--16); grid-row-gap: var(--spacing--16); justify-content: flex-start; align-items: center; display: flex; } .master-footer { padding: var(--spacing--24); grid-column-gap: var(--spacing--120); grid-row-gap: var(--spacing--120); border-radius: var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); flex-flow: column; display: flex; box-shadow: 0 4px 80px #00000014; } .master-footer.cc-lp-footer { grid-column-gap: 32px; grid-row-gap: 20px; flex-direction: row; justify-content: space-between; align-items: center; } .link_footer { grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); color: var(--_🎨-color--tokens---tone--strong); justify-content: flex-start; align-items: center; display: flex; } .link-socials { width: var(--_❇️-icon---regular-icons--small); height: var(--_❇️-icon---regular-icons--small); color: var(--_🎨-color--tokens---tone--strong); flex: none; justify-content: center; align-items: center; transition: color .3s; display: flex; } .link-socials:hover { opacity: .5; color: #381d0f; object-fit: fill; } .footer_top-tile { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--layout-grid--gutter); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: flex; } .footer_columns { grid-column-gap: 48px; grid-row-gap: 48px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: flex; } .left-footer { flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 31px; display: flex; } .link_footer-legal { font-family: var(--_🔠-typography---font-family--b3); color: var(--_🎨-color--tokens---tone--strong); font-size: var(--_🔠-typography---size--b3); line-height: var(--_🔠-typography---line-height--b3); font-weight: var(--_🔠-typography---font-weight--b3); letter-spacing: var(--_🔠-typography---letter-spacing--b3); transition: color .3s; } .link_footer-legal:hover { color: #381d0f; } .footer_links-column { grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .right-footer { flex: 1; justify-content: flex-end; align-items: center; display: flex; } .footer_bottom-halves { grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); grid-template-rows: auto; grid-template-columns: 1.5fr 1fr; justify-content: space-between; align-items: center; display: flex; } .footer_bottom-right { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: space-between; align-items: center; display: flex; } .footer_legal { grid-column-gap: var(--spacing--16); grid-row-gap: var(--spacing--16); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .footer_bottom-left { grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--24); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .brand_footer { width: var(--spacing--32); height: var(--spacing--32); } .cta_bg { z-index: 0; background-image: linear-gradient(180deg, var(--_🎨-color--tokens---color--nscorecoral), var(--_🎨-color--tokens---color--nscachesand) 50%); filter: blur(100px); border-radius: 50%; width: 100%; min-width: 100%; height: 37.5rem; position: absolute; bottom: -29.95rem; } .cta_bg.product-c { height: 30rem; max-width: var(--container--medium); background-image: linear-gradient(180deg, var(--_🎨-color--tokens---color--nscorecoral), var(--_🎨-color--tokens---color--nscachesand) 65%); min-width: auto; margin-left: auto; margin-right: auto; inset: -7.5rem 0 auto; } .cta_bg.lp { height: 17.5rem; } .navbar { z-index: 2; padding-right: var(--layout-grid--margin); padding-left: var(--layout-grid--margin); background-color: var(--_🎨-color--base---base--light-0); } .nav-container { width: 100%; max-width: var(--container--large); padding: var(--spacing--16) var(--spacing--24); grid-column-gap: var(--spacing--24); grid-row-gap: var(--spacing--24); border-radius: var(--_🔘-radius---general--large); justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: relative; } .brand_navbar { z-index: 2; max-width: 8.75rem; } .logo-nav { width: 100%; color: var(--_🎨-color--tokens---tone--strong); justify-content: center; align-items: center; display: flex; } .nav-menu_inner { grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); justify-content: center; align-items: center; display: flex; } .link_nav { padding: var(--spacing--8) var(--spacing--12); font-family: var(--_🔠-typography---font-family--button-2); color: var(--_🎨-color--tokens---button--secondary--default--text); font-size: var(--_🔠-typography---size--button-2); line-height: var(--_🔠-typography---line-height--button-2); font-weight: var(--_🔠-typography---font-weight--button-2); letter-spacing: var(--_🔠-typography---letter-spacing--button-2); } .nav-menu { z-index: 2; } .nav_right { z-index: 2; grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); justify-content: center; align-items: center; display: flex; position: relative; } .nav_bg { background-color: var(--_🎨-color--tokens---tone--subtle); opacity: 0; pointer-events: none; width: 100%; height: 100vh; position: fixed; inset: 0%; } .icon-wrap_dropdown { flex: none; } .icon-wrap_dropdown.not-visible { display: none; } .dropdown-bg { z-index: 0; border-bottom-left-radius: var(--_🔘-radius---general--large); border-bottom-right-radius: var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); width: 100%; position: absolute; inset: 0% 0% auto; } .icon-dropdown { width: var(--_❇️-icon---button-icon--rectangle-large); height: var(--_❇️-icon---button-icon--rectangle-large); flex: none; justify-content: center; align-items: center; display: flex; } .dropdown-toggle { z-index: 0; padding: var(--spacing--8) var(--spacing--12); grid-column-gap: var(--spacing--4); grid-row-gap: var(--spacing--4); font-family: var(--_🔠-typography---font-family--button-2); color: var(--_🎨-color--tokens---tone--strong); font-size: var(--_🔠-typography---size--button-2); line-height: var(--_🔠-typography---line-height--button-2); font-weight: var(--_🔠-typography---font-weight--button-2); letter-spacing: var(--_🔠-typography---letter-spacing--button-2); justify-content: center; align-items: center; display: flex; position: static; } .dropdown_inner { z-index: 2; width: 100%; padding: var(--spacing--48) var(--spacing--24); grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; margin-left: auto; margin-right: auto; display: flex; position: relative; } .dropdown-animated-box { display: none; } .left_nav-menu { z-index: 2; grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: grid; position: relative; } .dropdown { z-index: 0; position: static; transform: none !important; } .dropdown.small { position: relative; } .dropdown-list { background-color: var(--_🎨-color--base---base--light-0); width: 100%; transform-style: preserve-3d; position: fixed; bottom: auto; left: 0%; right: 0%; transform: translate3d(0, 0, 0); } .dropdown-list.w--open { padding-right: var(--layout-grid--margin); padding-left: var(--layout-grid--margin); background-color: var(--_🎨-color--base---base--light-0); bottom: auto; left: 0%; right: 0%; } .nav_label { padding-left: var(--spacing--12); } .nav_column { grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 20.81rem; display: flex; } .nav_list { flex-flow: column; display: flex; } .link_dropdown { padding: var(--spacing--12) var(--spacing--12) var(--spacing--16); grid-column-gap: var(--spacing--16); grid-row-gap: var(--spacing--16); border-radius: var(--_🔘-radius---general--default); color: var(--_🎨-color--tokens---tone--strong); justify-content: flex-start; align-items: flex-start; transition: background-color .3s; display: flex; } .link_dropdown:hover, .link_dropdown.w--current { background-color: var(--_🎨-color--tokens---background--depth); } .link_dropdown.smaller { padding-bottom: var(--spacing--12); padding-bottom: var(--spacing--12); } .icon-wrap_dropdown-link { padding: var(--spacing--12); border-radius: var(--_🔘-radius---general--default); background-color: var(--_🎨-color--tokens---background--lift); color: var(--_🎨-color--tokens---tone--strong); flex: none; justify-content: center; align-items: center; display: flex; } .icon-wrap_dropdown-link.purple { background-color: var(--_🎨-color--tokens---color--nsqubitorchid); color: var(--_🎨-color--base---base--dark-100); } .icon-wrap_dropdown-link.green { background-color: var(--_🎨-color--tokens---color--nssyntaxmint); color: var(--_🎨-color--base---base--dark-100); } .icon-wrap_dropdown-link.blue { background-color: var(--_🎨-color--tokens---color--nspacketsky); color: var(--_🎨-color--base---base--dark-100); } .icon-wrap_dropdown-link.yellow { background-color: var(--_🎨-color--tokens---color--nscachesand); color: var(--_🎨-color--base---base--dark-100); } .icon-wrap_dropdown-link.peach { background-color: var(--_🎨-color--tokens---color--nslatencypeach); color: var(--_🎨-color--base---base--dark-100); } .icon_dropdown-link { width: var(--_❇️-icon---regular-icons--medium); height: var(--_❇️-icon---regular-icons--medium); flex: none; justify-content: center; align-items: center; display: flex; } .text-wrap_dropdown-item { grid-column-gap: var(--spacing--4); grid-row-gap: var(--spacing--4); flex-flow: column; justify-content: flex-start; align-self: center; align-items: flex-start; display: flex; } .text-wrap_dropdown-item.bigger-gap { grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); } .name-wrap_dropdown-link { grid-column-gap: var(--spacing--4); grid-row-gap: var(--spacing--4); justify-content: flex-start; align-items: center; display: flex; } .nav-cta_desktop { width: 100%; max-width: 17.75rem; padding: var(--spacing--24); border-radius: var(--_🔘-radius---general--large); color: var(--_🎨-color--tokens---tone--strong); --_🎨-color--tokens---background--base: var(--_🎨-color--tokens---background--semi-transparent); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--light-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--light-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--tokens---input--filled--background); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--dark); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--light-0); background-image: linear-gradient(#000, #fff); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .nav-cta_top-tile { grid-column-gap: var(--spacing--24); grid-row-gap: var(--spacing--24); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .dropdown-list_small.w--open { padding-top: var(--spacing--32); background-color: var(--_🎨-color--base---base--light-0); flex-flow: row; display: flex; } .dropdown_inner-small { padding: var(--spacing--12); flex-flow: column; display: flex; } .dropdown-small_wrap { border-radius: var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); box-shadow: 0 4px 40px 0 var(--_🎨-color--tokens---background--shadow); flex: none; display: flex; overflow: hidden; } .dropdown-large_inner { width: 100%; max-width: var(--container--large); margin-left: auto; margin-right: auto; position: relative; } .wrap_cta-inner { position: relative; } .divider_mobile-menu, .nav-menu_mobile-button { display: none; } .nav-container_bg { z-index: 0; border-radius: var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); width: 100%; height: 100%; box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow); opacity: 0; position: absolute; inset: 0%; } .nav-container_bg.for-dropdown { opacity: 1; opacity: 1; } .label_circle { background-color: var(--_🎨-color--tokens---color--nscorecoral); border-radius: 4px; width: .63rem; height: .63rem; } .expandable-bottom { transform-origin: 50% 0; flex-direction: column; align-items: flex-start; display: flex; overflow: hidden; } .marquee-shadow { z-index: 1; grid-column-gap: 16px; grid-row-gap: 16px; background-image: linear-gradient(90deg, var(--_🎨-color--tokens---background--base), var(--_🎨-color--base---base--light-0)); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 5rem; height: 100%; margin-top: auto; margin-bottom: auto; display: flex; position: absolute; inset: 0% auto 0% 0%; } .marquee-shadow.large { width: 15rem; } .marquee-shadow.right { background-image: linear-gradient(90deg, var(--_🎨-color--base---base--light-0), var(--_🎨-color--tokens---background--base)); inset: 0% 0% 0% auto; } .wrap_marquee-logos { grid-column-gap: var(--spacing--80); grid-row-gap: var(--spacing--80); align-items: center; display: flex; } .single-logo-marquee { grid-column-gap: 80px; grid-row-gap: 80px; flex: none; justify-content: flex-start; align-items: center; min-height: 60px; display: flex; } .text-coral { color: var(--_🎨-color--tokens---color--nscorecoral); } .deployed_examples { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--spacing--32); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .deployed_examples.industries { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--spacing--32); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: block; } .deployed_examples.solutions, .deployed_examples.soltuions, .deployed_examples.solutions, .deployed_examples.soltuions { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--spacing--32); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .headline_solution-examples { max-width: var(--width--new); margin-bottom: var(--spacing--64); } .right_home { width: 100%; height: 45rem; max-height: 80vh; padding: var(--spacing--32); grid-column-gap: var(--spacing--12); grid-row-gap: var(--spacing--12); border-radius: var(--_🔘-radius---general--large); background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69b2e145988d2c647cc5f211_profile-image-1.avif"); background-position: 50%; background-size: cover; justify-content: space-between; align-items: flex-end; display: flex; position: relative; overflow: hidden; } .right_home.hidden-right { display: none; } .left_home { padding-top: var(--spacing--64); grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .heading_hero-home { grid-column-gap: var(--spacing--8); grid-row-gap: 0px; flex-flow: wrap; max-width: 33rem; display: flex; } .button-projects { grid-column-gap: var(--spacing--12); grid-row-gap: var(--spacing--12); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .section_home-blog-list { padding-top: var(--section-padding--medium); padding-bottom: var(--section-padding--medium); overflow: clip; } .section_home-blog-list.solution { padding-top: var(--spacing--0); padding-top: var(--spacing--0); } .headline_home-blog { max-width: var(--width--new); margin-bottom: var(--spacing--80); grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .button-inner { padding: var(--spacing--12) var(--spacing--16); pointer-events: none; flex: none; justify-content: center; align-items: center; display: flex; overflow: hidden; } .cta_primary-2 { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #f7f6f5; letter-spacing: 0; cursor: pointer; background-color: #0d0d0d; border-radius: .5rem; flex: none; justify-content: center; align-items: center; font-family: StackSans text Variable, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25rem; transition: color .3s; display: flex; position: relative; } .cta_primary-2:hover { color: #f7f6f5; } .section_deployed-egs { padding-top: var(--section-padding--medium); padding-bottom: var(--section-padding--medium); padding-top: 2rem; padding-bottom: 3rem; } .heading_spaces_writeup { max-width: var(--width--new); margin-bottom: var(--spacing--120); grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .heading_spaces_writeup.solution { margin-bottom: var(--spacing--0); margin-bottom: var(--spacing--0); } .widget_outer_std { max-width: 31.25rem; padding: var(--spacing--8) var(--spacing--8) 8px; border-radius: var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow); color: var(--_🎨-color--tokens---tone--strong); } .widget_outer_std.time { width: 25.38rem; } .widget_outer_std.product-a { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); max-width: none; } .widget_outer_std.large { flex-flow: column; display: flex; } .widget_outer_std.list5 { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f37395bebaad255bc77b92_ChatGPT%20Image%20Apr%2030%2C%202026%2C%2007_19_12%20PM.png"); background-position: 50% 100%; background-size: cover; } .widget_outer_std.list6 { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f373a39f0e6ff41316f6a3_ChatGPT%20Image%20Apr%2030%2C%202026%2C%2007_21_10%20PM.png"); background-position: 0 0; background-size: cover; } .widget_outer_std.link-block3 { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f499c0ee95a7f77ddab7f0_3a646fc9f33845a30916ab8dc29f7d52_Spaces_auditorium.png"); background-position: 50% 100%; background-size: cover; } .widget_outer_std.link-block3.hotel { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cc5eb142aff88a6cb8f60_Spaces_hotels.png"); } .widget_outer_std.link-block3.labs { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cca257678299799531614_Spaces_labs.png"); } .widget_outer_std.link-block3.retail { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f4b48e22d1a9a23e2fdd51_ChatGPT%20Image%20May%201%2C%202026%2C%2006_10_59%20PM.png"); } .widget_outer_std.link-block3.meeting { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cca4859ae6176d35ccc86_Spaces_meeting.png"); } .widget_outer_std.link-block3.clinics { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cd01d226f5bfa23a788bf_Spaces_clinics.png"); } .widget_outer_std.link-block3.centres { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f4bd6498a708ffa26b01ee_cefb67f3f5ca322931893f4f0c10d44d_Spaces_centre.png"); } .widget_outer_std.link-block3.prayer { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cdb02f5f94f3a4893fc59_Spaces_prayerhalls.png"); } .widget_outer_std.link-block3.studio { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cdbfa1740c239848d647b_Spaces_studio.png"); } .widget_outer_std.link-block3.control { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f4bd6498a708ffa26b01ee_cefb67f3f5ca322931893f4f0c10d44d_Spaces_centre.png"); } .widget_outer_std.list4 { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f3725a3c6d261803779438_ChatGPT%20Image%20Apr%2030%2C%202026%2C%2007_16_21%20PM.png"); background-position: 50% 100%; background-size: cover; } .widget_outer_std.list4.ballroom { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cc654d018fa3b0174f663_Spaces_ballroom.png"); } .widget_outer_std.list4.offices { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cca805e21c3365c391896_Spaces_openoffices.png"); } .widget_outer_std.list4.vip { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0ccbdefe6f146bbd15e586_Spaces_vip.png"); } .widget_outer_std.list4.outlet { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0ccea96a2ecdfa251cdc44_Spaces_outlets.png"); } .widget_outer_std.list4.office { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cca805e21c3365c391896_Spaces_openoffices.png"); } .widget_outer_std.list4.waitingarea { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cd23d953201fe0e15d3a6_Spaces_waiting.png"); } .widget_outer_std.list4.admin { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cd51d3d8ef01684868ecd_Spaces_admin.png"); } .widget_outer_std.list4.entrance { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cdb7c7dc96cd182b4b523_Spaces_entrance.png"); } .widget_outer_std.list4.editsuites { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cdc9a3be6a8d4d7d50e63_Spaces_editing.png"); } .widget_outer_std.list4.services { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cdde7d45e7c15f47f2643_Spaces_publicservices.png"); } .master_marquee_home { width: 100%; position: relative; overflow: clip; } .master_marquee_home.testimonials { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--layout-grid--gutter); flex-flow: column; display: flex; } .master_marquee_home.logos { margin-left: auto; margin-right: auto; padding-top: 24px; padding-bottom: 24px; } .master_marquee_home.logos.lp { background-color: #fff; } .master_marquee_home.logos.lp-copy { background-color: var(--_🎨-color--tokens---background--semi-transparent); text-align: left; background-color: var(--_🎨-color--tokens---background--semi-transparent); text-align: left; } .widget_outline { border-radius: var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); max-width: 31.25rem; box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow); color: var(--_🎨-color--tokens---tone--strong); padding: 40px 20px; } .widget_outline.time { width: 25.38rem; } .widget_outline.product-a { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); max-width: none; } .widget_outline.large { flex-flow: column; display: flex; } .widget_outline.solutions, .widget_outline.reducing_spacing, .widget_outline.reducing_spacing { padding-bottom: 0; } .link-block { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69ea0c512cc1efcf76bbeb1f_pexels-ibnulharezmi-17081979.jpg"); background-position: 0 0; background-size: contain; } .link-block.widget_outer_std { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f371cf4667fcb4b480e5ca_ChatGPT%20Image%20Apr%2030%2C%202026%2C%2007_13_26%20PM.png"); background-position: 50%; background-size: cover; } .link-block.widget_outer_std.restaurant { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cc620e4e7773bd3899369_Spaces_restaurants.png"); } .link-block.widget_outer_std.meeting { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cca4859ae6176d35ccc86_Spaces_meeting.png"); } .link-block.widget_outer_std.evnts { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0ccb6132e077b8e3630d97_Spaces_exhibition.png"); } .link-block.widget_outer_std.mall { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0ccd81c4e001f8a4627461_Spaces_mall.png"); } .link-block.widget_outer_std.lobby { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0ccf3d49cae828e67fd76d_Spaces_reception.png"); } .link-block.widget_outer_std.training { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cd0e9a4604a6db22e5f93_Spaces_medicaltraining.png"); } .link-block.widget_outer_std.facilities { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cd4dc2847e8b063da55aa_Spaces_onshorefacilities.png"); } .link-block.widget_outer_std.federaloffice { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cd7d58fe93e98b74c07c0_Spaces_federaloffice.png"); } .link-block.widget_outer_std.community { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a0cdb23c0f1735e87c0d2e3_Spaces_community.png"); } .link-block.widget_outer_std.controlroom { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/6a044a7adba049cc2517c127_Broadcast_bg.png"); } .text-wrap_spaces { grid-column-gap: 16px; grid-row-gap: 16px; color: var(--_🎨-color--tokens---background--gradient-purposes--gradient-100); text-align: left; background-image: linear-gradient(#3e393d61, #3e393d61); border-radius: 10px; flex-flow: column; justify-content: center; align-items: center; padding-top: 0; padding-left: 20px; padding-right: 20px; display: flex; } .text-wrap_spaces.widget_outer_std { box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow); text-align: left; justify-content: center; align-items: center; } .space-card { background-color: var(--_🎨-color--tokens---tone--faint); justify-content: space-around; align-items: flex-end; padding-top: 140px; display: flex; } .space-card.corporate { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f4b3aac59dbd0e8b8721c1_ChatGPT%20Image%20May%201%2C%202026%2C%2006_07_17%20PM.png"); background-position: 0 0; background-size: contain; } .space-card.solutons { padding-top: 20px; padding-bottom: 20px; } .space-card.solutions { grid-column-gap: 20px; grid-row-gap: 20px; grid-column-gap: 20px; grid-row-gap: 20px; } .selutions_related-slider { padding-top: var(--section-padding--medium); padding-bottom: var(--section-padding--medium); overflow: clip; } .selutions_related-slider.solutions_page { padding-top: var(--section-padding--small); padding-bottom: var(--section-padding--small); padding-top: var(--section-padding--small); padding-bottom: var(--section-padding--small); } .industry_home-image { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69b2e145988d2c647cc5f21f_video-about.avif"); background-position: 50%; background-size: cover; border-radius: 1.25rem; width: 100%; max-width: none; height: 500px; margin-left: 0; margin-right: 0; overflow: hidden; } .home-halves { margin-bottom: var(--spacing--80); grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); grid-template-rows: auto; grid-template-columns: 1fr 1fr; padding-top: 80px; } .home-halves.av-hero_single-col, .home-halves.industry-hero_single-col { grid-template-columns: 1fr; } .home-halves.industry-hero_single-col { grid-template-columns: 1fr; } .home-halves.solutions { padding-top: 0; } .text-size-large-3 { letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: StackSans text Variable, Arial, sans-serif; font-size: 1.25rem; font-weight: 300; line-height: 2rem; } .text-size-large-3.tone-medium { margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 1.4rem; font-weight: 300; } .button-8 { background-color: var(--_🎨-color--tokens---button--tertiary--hover--text); } .container-large-8 { z-index: 2; width: 100%; max-width: 112.5rem; margin-left: auto; margin-right: auto; } .margin-0-2 { margin-top: 4rem; margin-left: 0; margin-right: 0; padding-bottom: 0; } .faq-paragraph-2 { color: #231f23a3; margin-bottom: 0; padding-top: 2rem; } .expandable-single-2 { cursor: pointer; background-color: #ececec; border-radius: .75rem; padding: 1.5rem; } .faq-block-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .padding-global-9 { width: 100%; padding-left: 2rem; padding-right: 2rem; } .faq-vertical-2 { background-color: #231f23; border-radius: 1px; width: .094rem; height: .75rem; position: absolute; } .section_faq-2 { padding-top: 1rem; padding-bottom: 2rem; } .faq_animated-box-2 { background-color: #231f2314; border: 1px solid #231f2300; border-radius: 100vw; flex: none; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .faq_halves-2 { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; } .expandable-top-2 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; justify-content: space-between; align-items: center; display: flex; } .faq-horizontal-2 { background-color: #231f23; border-radius: 1px; width: .75rem; height: .094rem; } .lp { margin-bottom: 0; padding-top: 0; } .nav-bg-scroll-fix { z-index: 0; opacity: 1; background-color: #f7f6f5; border-radius: 1.25rem; width: 100%; height: 100%; position: absolute; inset: 0%; box-shadow: 0 4px 80px #231f2314; } .sol_text { padding-top: 20px; } .logo_lp-copy { background-color: var(--_🎨-color--tokens---background--semi-transparent); border: 1px solid #f7f6f5; padding: 32px 0; } .image-12 { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); } @media screen and (max-width: 991px) { body { --spacing--8: .5rem; --spacing--32: 2rem; --spacing--0: 0rem; --spacing--12: .75rem; --spacing--16: 1rem; --spacing--24: 1.5rem; --container--large: 112.5rem; --spacing--64: 4rem; --spacing--48: 3rem; --layout-grid--margin: 2rem; --width--new: 42.5rem; --width--4-columns: 28rem; --spacing--4: .25rem; --section-padding--large: 10rem; --section-padding--extra-large: 12.5rem; --section-padding--medium: 7.5rem; --section-padding--small: 5rem; --section-padding--extra-small: 2rem; --width--3-columns: 20.75rem; --width--2-columns: 13.5rem; --spacing--20: 1.25rem; --spacing--120: 7.5rem; --spacing--160: 10rem; --layout-grid--gutter: 1rem; --spacing--80: 5rem; --container--medium: 90rem; --width--9-columns: 64.25rem; --layout-grid--1-column-gap: 8.25rem; --width--5-columns: 35.25rem; --width--8-columns: 57rem; --width--1-column: 6.25rem; --layout-grid--2-column-gap: 15.5rem; --width--10-columns: 71.5rem; --spacing--200: 12.5rem; --width--7-columns: 49.75rem; --width--12-columns: 86rem; --container--small: 57rem; --animation--line-1-offset: 0rem; --animation--line-1-array: 0rem; --animation--line-2-offset: 0rem; --animation--line-2-array: 0rem; --animation--line-3-offset: 0rem; --animation--line-3-array: 0rem; --_🔠-typography---font-family--b2: var(--_🔠-typography---font--body); --_🔠-typography---size--b2: 1rem; --_🔠-typography---line-height--b2: 1.5rem; --_🔠-typography---font-weight--b2: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b2: 0px; --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h1: 4rem; --_🔠-typography---line-height--h1: 4.25rem; --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h1: -.062rem; --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h2: 3rem; --_🔠-typography---line-height--h2: 3.5rem; --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h2: -.031rem; --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h3: 2.5rem; --_🔠-typography---line-height--h3: 3rem; --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h3: -.031rem; --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h4: 2rem; --_🔠-typography---line-height--h4: 2.5rem; --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h4: 0rem; --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h5: 1.5rem; --_🔠-typography---line-height--h5: 2rem; --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h5: 0rem; --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h6: 1.25rem; --_🔠-typography---line-height--h6: 1.5rem; --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h6: 0rem; --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label); --_🔠-typography---size--label-1: .75rem; --_🔠-typography---line-height--label-1: 1rem; --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-1: .75px; --_🔠-typography---font-family--b3: var(--_🔠-typography---font--body); --_🔠-typography---size--b3: .813rem; --_🔠-typography---line-height--b3: 1.25rem; --_🔠-typography---font-weight--b3: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b3: 0px; --_🔠-typography---font--label: "Fragment Mono", Arial, sans-serif; --_🔠-typography---font--body: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---font-family--b1: var(--_🔠-typography---font--body); --_🔠-typography---size--b1: 1.25rem; --_🔠-typography---line-height--b1: 2rem; --_🔠-typography---font-weight--b1: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b1: 0px; --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label); --_🔠-typography---size--label-2: .625rem; --_🔠-typography---line-height--label-2: .75rem; --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-2: .75px; --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--button); --_🔠-typography---size--button-1: 1rem; --_🔠-typography---line-height--button-1: 1.25rem; --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button); --_🔠-typography---letter-spacing--button-1: 0px; --_🔠-typography---line-height--button-2: 1rem; --_🔠-typography---all-weights--medium: 500; --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button); --_🔠-typography---letter-spacing--button-2: 0px; --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h0: 5.5rem; --_🔠-typography---line-height--h0: 5.5rem; --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h0: -.125rem; --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--medium); --_🔠-typography---size--button-2: .875rem; --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button); --_🔠-typography---font--heading-serif: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--heading-sans: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--button: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--light); --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--normal); --_🔠-typography---all-weights--thin: 100; --_🔠-typography---all-weights--extra-light: 200; --_🔠-typography---all-weights--light: 300; --_🔠-typography---all-weights--normal: 400; --_🔠-typography---all-weights--semi-bold: 600; --_🔠-typography---all-weights--bold: 700; --_🔠-typography---all-weights--extra-bold: 800; --_🔠-typography---all-weights--black: 900; --_🔘-radius---ui--input: .5rem; --_🔘-radius---general--default: .75rem; --_🔘-radius---ui--button-base: .5rem; --_🔘-radius---ui--button-circle: 1.5rem; --_🔘-radius---ui--tag: .5rem; --_🔘-radius---general--large: 1.25rem; --_🔘-radius---ui--nav-animation-radius: 0rem; --_🔘-radius---general--full: 100vw; --_🔘-radius---general--small: .5rem; --_❇️-icon---button-icon--circle-large: 1.25rem; --_❇️-icon---button-icon--rectangle-large: 1rem; --_❇️-icon---regular-icons--medium: 1.5rem; --_❇️-icon---regular-icons--small: 1rem; --_❇️-icon---icon-stroke: .094rem; --_❇️-icon---regular-icons--large: 2rem; --_❇️-icon---regular-icons--extra-small: .75rem; --_❇️-icon---button-icon--rectangle-small: .75rem; --_❇️-icon---button-icon--circle-small: 1rem; } .button-group_style-guide { display: flex; } .grid_sales { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .wrap_button-tooltip { display: none; } .master-footer { grid-column-gap: var(--spacing--160); grid-row-gap: var(--spacing--160); } .master-footer.cc-lp-footer { grid-column-gap: 24px; grid-row-gap: 20px; grid-column-gap: 24px; grid-row-gap: 20px; } .footer_top-tile { grid-column-gap: var(--spacing--120); grid-row-gap: var(--spacing--120); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .footer_columns { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--layout-grid--gutter); flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: grid; } .footer_bottom-halves { flex-flow: wrap; display: flex; } .nav-container { padding-right: var(--spacing--20); padding-left: var(--spacing--20); } .nav-menu_inner { width: 100%; height: 68dvh; min-height: 100%; padding: var(--spacing--4) var(--spacing--20) var(--spacing--16); border-radius: var(--_🔘-radius---ui--nav-animation-radius) var(--_🔘-radius---ui--nav-animation-radius) var(--_🔘-radius---general--large) var(--_🔘-radius---general--large); background-color: var(--_🎨-color--tokens---background--base); box-shadow: none; flex-flow: column; justify-content: flex-start; align-items: stretch; overflow: scroll; } .link_nav { padding: var(--spacing--0); font-family: var(--_🔠-typography---font-family--h5); font-size: var(--_🔠-typography---size--h5); line-height: var(--_🔠-typography---line-height--h5); font-weight: var(--_🔠-typography---font-weight--h5); letter-spacing: var(--_🔠-typography---letter-spacing--h5); justify-content: space-between; align-items: center; display: flex; } .nav-menu { background-color: var(--_🎨-color--base---base--light-0); flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; display: flex; } .nav_right { grid-column-gap: var(--spacing--16); grid-row-gap: var(--spacing--16); } .menu-button { padding: var(--spacing--12); border: 1px solid var(--_🎨-color--tokens---button--secondary--default--border); border-radius: var(--_🔘-radius---ui--button-circle); background-color: var(--_🎨-color--tokens---button--secondary--default--background); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--_🎨-color--tokens---button--secondary--default--text); flex: none; justify-content: center; align-items: center; display: flex; } .menu-button.w--open { background-color: var(--_🎨-color--tokens---button--secondary--default--background); color: var(--_🎨-color--tokens---button--secondary--default--text); } .menu-button_inner { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .menu-button_inner.close { color: #231f23; display: none; } .icon_menu { width: var(--_❇️-icon---button-icon--circle-large); height: var(--_❇️-icon---button-icon--circle-large); flex: none; justify-content: center; align-items: center; display: flex; } .icon-wrap_dropdown { padding: var(--spacing--12); justify-content: center; align-items: center; display: flex; } .icon-wrap_dropdown.not-visible { opacity: 0; opacity: 0; display: flex; } .icon-dropdown { display: none; } .dropdown-toggle { width: 100%; padding: var(--spacing--0); font-family: var(--_🔠-typography---font-family--h5); font-size: var(--_🔠-typography---size--h5); line-height: var(--_🔠-typography---line-height--h5); font-weight: var(--_🔠-typography---font-weight--h5); letter-spacing: var(--_🔠-typography---letter-spacing--h5); justify-content: space-between; align-items: center; } .dropdown_inner { padding: var(--spacing--20) var(--spacing--0); } .dropdown-animated-box { width: var(--spacing--16); height: var(--spacing--16); flex: none; justify-content: center; align-items: center; display: flex; position: relative; } .left_nav-menu { grid-column-gap: var(--spacing--48); grid-row-gap: var(--spacing--48); grid-template-columns: 1fr; } .dropdown-line { width: 90%; height: var(--_❇️-icon---icon-stroke); background-color: var(--_🎨-color--tokens---tone--strong); } .dropdown-line.absolute { width: var(--_❇️-icon---icon-stroke); height: 90%; width: var(--_❇️-icon---icon-stroke); height: 90%; position: absolute; } .dropdown { width: 100%; margin-left: 0; margin-right: 0; } .dropdown-list.w--open { padding: var(--spacing--0); position: static; } .nav_label { padding-left: var(--spacing--0); } .nav_column { max-width: none; } .nav_list { grid-column-gap: var(--spacing--20); grid-row-gap: var(--spacing--20); } .link_dropdown { padding: var(--spacing--0); } .link_dropdown:hover, .link_dropdown.w--current { background-color: var(--_🎨-color--base---base--light-0); } .link_dropdown.smaller { padding-bottom: var(--spacing--0); padding-bottom: var(--spacing--0); } .nav-cta_desktop { display: none; } .dropdown-list_small.w--open { padding-top: var(--spacing--20); padding-bottom: var(--spacing--20); position: static; } .dropdown_inner-small { padding: var(--spacing--0); grid-column-gap: var(--spacing--20); grid-row-gap: var(--spacing--20); } .dropdown-small_wrap { border-radius: var(--spacing--0); background-color: var(--_🎨-color--base---base--light-0); box-shadow: none; flex: 0 auto; overflow: visible; } .nav_button-desktop { display: none; } .divider_mobile-menu { background-color: var(--_🎨-color--tokens---tone--faint); flex: none; width: 100%; height: 1px; display: block; } .cta_mobile-menu { width: 100%; padding: var(--spacing--20); grid-column-gap: var(--spacing--20); grid-row-gap: var(--spacing--20); border-radius: var(--_🔘-radius---general--large); color: var(--_🎨-color--tokens---tone--strong); text-align: left; --_🎨-color--tokens---background--base: var(--_🎨-color--tokens---background--semi-transparent); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--light-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--light-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--tokens---input--filled--background); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--dark); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--light-0); background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69b2e145988d2c647cc5f200_mobile-cta-bg.avif"); background-position: 50%; background-size: cover; flex-flow: column; margin-top: auto; display: flex; position: relative; overflow: hidden; } .mobile-cta_bottom-tile { grid-column-gap: var(--spacing--20); grid-row-gap: var(--spacing--20); justify-content: space-between; align-items: center; width: 100%; display: flex; } .nav_wrap-menu { width: 100%; height: 100%; padding-bottom: var(--spacing--8); grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); background-color: var(--_🎨-color--base---base--light-0); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .nav-menu_mobile-button { margin-top: var(--spacing--24); flex-flow: column; display: flex; } .nav-container_bg.for-dropdown { border-bottom-left-radius: var(--_🔘-radius---ui--nav-animation-radius); border-bottom-right-radius: var(--_🔘-radius---ui--nav-animation-radius); opacity: 0; border-bottom-left-radius: var(--_🔘-radius---ui--nav-animation-radius); border-bottom-right-radius: var(--_🔘-radius---ui--nav-animation-radius); opacity: 0; } .grid_contact-a { grid-template-columns: 1fr 1fr; } .contact-c_halves { grid-template-columns: 1fr; } .profile_halves { grid-template-columns: 1fr 1fr; } .book_halves { grid-template-columns: 1fr; } .grid_blog, .grid_pricing { grid-template-columns: 1fr 1fr; } .tab-link_pricing { white-space: nowrap; } .marquee-shadow.large { width: 5rem; } .faq_halves { grid-template-columns: 1fr; } .integration_halves { grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); grid-template-columns: 1.5fr; } .image-wrap_case { height: 20rem; } .grid_team { grid-template-columns: 1fr 1fr; } .image-wrap_team { height: 18rem; } .master_highlights { grid-column-gap: 16px; grid-row-gap: 16px; margin-top: 0; } .mask_feature-slide { width: 460px; } .performance_animated-block.third-card { max-height: 32rem; } .performance_animated-block.first-card { max-height: 26rem; } .grid_more-products { grid-template-columns: 1fr 1fr; } .card_product { min-height: 30rem; } .deployed_examples { grid-template-columns: 1fr 1fr; } .section_home-spaces-tiles { flex-flow: column; } .grid_features { grid-template-columns: 1fr 1fr; } .tabs-content-features { height: 100%; margin-bottom: 80px; } .tab-pane-features { height: auto; } .tab-menu_features { margin-right: 0; } .tabs_features { flex-flow: column-reverse; } .documents_halves { grid-column-gap: var(--spacing--80); grid-row-gap: var(--spacing--80); grid-template-columns: 1fr; } .image-wrap_documents { height: 40rem; } .image-wrap_documents.vcs.cc-brands-logos, .image-wrap_documents.is-award, .image-wrap_documents.vcs.cc-brands-logos, .image-wrap_documents.vcs.cc-brands-logos, .image-wrap_documents.is-award { height: auto; } .right_documents { grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); } .heading_documents.cc-brands-headrow { grid-row-gap: 16px; grid-row-gap: 16px; grid-template-columns: minmax(0, 1fr); } .industry_tabs_halves { grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); grid-template-columns: 1fr; } .case_large { height: auto; min-height: 40rem; } .overlay_case-large-top { height: 65%; } .circle_1 { width: 540px; height: 540px; } .circle_3 { width: 1050px; height: 1050px; } .circle_2 { width: 810px; height: 810px; } .circle-2_inner { width: 880px; height: 880px; } .circle-1_inner { width: 600px; height: 600px; } .circle_0 { width: 360px; height: 360px; } .icon-wrap_tag-large.peach.top { transform: translate(0, 56px); } .ship_halves { grid-template-columns: 1fr; } .headline_spaces { position: relative; top: auto; } .spaces_list { grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid_bento { grid-template-columns: 1fr 1fr; } .case_halves { grid-template-columns: 1fr; } .right_case { height: 22.5rem; } .master_editor { grid-template-columns: 1fr; } .right_editor { justify-content: flex-start; align-items: center; } .card_testimonial.bento-testimonial { max-width: none; } .right_tab-home { display: flex; } .widget_outer.time { width: auto; } .av-card_halves { grid-template-columns: 1fr; margin-bottom: 1.25rem; } .av-card_right { order: -1; min-height: 240px; } .av-card_halves-reversed { grid-template-columns: 1fr; margin-bottom: 1.25rem; } .solution-projects_3col { grid-template-columns: 1fr 1fr 1fr; justify-items: stretch; } .av-project_card { overflow: visible; } .av-project_body { margin-top: 0; } .solution_home-image { border-radius: .75rem; height: 380px; } .right_space_img, .right_space_img-2 { height: 22.5rem; } .widget_outer_std.time { width: auto; } .card-technobriq { min-height: auto; } .home_industries_section-2 { grid-template-columns: repeat(auto-fit, 320px) 320px; } .grid_technobriq-features { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr 1fr; min-height: auto; } .documents_values-writeup { grid-column-gap: var(--spacing--80); grid-row-gap: var(--spacing--80); grid-template-columns: 1fr; } .documents_values-writeup.is-award { grid-template-columns: 1fr; } .widget_outline.time { width: auto; } .grid_industry-solutions { grid-template-columns: 1fr 1fr; } .widget_outer--v2.time { width: auto; } .solution_exmaples { grid-template-columns: 1fr 1fr; } .card-industry-listing, .card_product-copy, .card_product-copy, .card_product-copy { min-height: 30rem; } .widget_outer-copy.time, .widget_outer-copy.time-copy, .widget_outer-copy.time, .widget_outer-copy.time-copy { width: auto; } .grid_solution-listing { grid-template-columns: 1fr 1fr; } .marquee-shadow-copy.large { width: 5rem; } .deployed_examples-copy { grid-template-columns: 1fr 1fr; } .card_product-copy { min-height: 30rem; } .grid_pricing-copy-copy, .grid_bento-copy { grid-template-columns: 1fr 1fr; } .right_editor-copy { justify-content: flex-start; align-items: center; } .paragraph-4 { margin-bottom: auto; } .paragraph-5, .paragraph-6, .paragraph-7 { margin-bottom: 0; padding-top: 0; } .card_project-list { min-height: 30rem; } .spaces_halves { grid-template-columns: 1fr; } .industry_home-image { border-radius: .75rem; height: 380px; } .process_animated-block.third-card { max-height: 32rem; } .process_animated-block.first-card { max-height: 26rem; } .performance_animated-block-2.third-card { max-height: 32rem; } .performance_animated-block-2.first-card { max-height: 26rem; } .process_animated-block-3.third-card { max-height: 32rem; } .process_animated-block-3.first-card { max-height: 26rem; } .grid_industry-listing, .deployed_examples-2 { grid-template-columns: 1fr 1fr; } .card-industry-listing-2 { min-height: 30rem; } .grid_industry-listing-2 { grid-template-columns: 1fr 1fr; } .right_space_img-3 { height: 22.5rem; } .grid_related-solutions, .deployed_examples-3 { grid-template-columns: 1fr 1fr; } .card-industry-listings { min-height: 30rem; } .grid_industry-listing-3 { grid-template-columns: 1fr 1fr; } .casetudy_halves { grid-column-gap: var(--spacing--80); grid-row-gap: var(--spacing--80); grid-template-columns: 1fr; } .image-wrap_casestudy { height: 40rem; } .right_casestudy-writeup { grid-column-gap: var(--spacing--64); grid-row-gap: var(--spacing--64); } .right_casestudy-writeup-2 { grid-column-gap: 4rem; grid-row-gap: 4rem; } .casetudy_halves-2 { grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-columns: 1fr; } .image-wrap_casestudy-2 { height: 40rem; } .deployed_example { grid-template-columns: 1fr 1fr; } .circle_2-2 { width: 810px; height: 810px; } .circle-2_inner-2 { width: 880px; height: 880px; } .circle_3-2 { width: 1050px; height: 1050px; } .circle-1_inner-2 { width: 600px; height: 600px; } .circle_0-2 { width: 360px; height: 360px; } .icon-wrap_tag-large-2.peach.top { transform: translate(0, 56px); } .circle_1-2 { width: 540px; height: 540px; } .widget_outer_card.time { width: auto; } .master_editor-2 { grid-template-columns: 1fr; } .headline_ship { position: relative; top: auto; } .ship_halves-2 { grid-template-columns: 1fr; } .grid_products { grid-template-columns: 1fr 1fr; } .card_testimonial-2.bento-testimonial { max-width: none; } .faq_halves-2 { grid-template-columns: 1fr; } .tb-hero-inner.cc-hero { grid-row-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr; row-gap: 40px; min-height: auto; padding: 64px 40px 56px; } .tb-badge.lp { padding-top: 6px; } .tb-h1.lp.cc-h1 { font-size: 46px; } .right_home-landing-page.lp.cc-hero-right { height: 28rem; max-height: none; } .product_categories_l1 { grid-template-columns: 1fr; } .grid_solution-listing-lp { grid-template-columns: 1fr 1fr; } .widget_outer-2.time { width: auto; } .master_editor-3 { grid-template-columns: 1fr; } .wtb-header { flex-direction: column; align-items: flex-start; } .wtb-cards { grid-template-columns: repeat(3, 1fr); } .wtb-cards.lp.cc-roles { grid-template-columns: repeat(1, 1fr); } .wtb-cta { flex-direction: column; align-items: flex-start; } .master_editor-3-new { grid-template-columns: 1fr; } .partenrships { grid-column-gap: var(--spacing--80); grid-row-gap: var(--spacing--80); grid-template-columns: 1fr; } .master_list { grid-template-columns: 1fr; } .img_recent-work { width: 260px; height: 170px; } .nav_column-2 { max-width: none; } .menu-button-2 { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #231f23; background-color: #231f2314; border: 1px solid #231f2300; border-radius: 1.5rem; flex: none; justify-content: center; align-items: center; padding: .75rem; display: flex; } .menu-button-2.w--open { color: #231f23; background-color: #231f2314; } .nav_wrap-menu-2 { grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: #f7f6f500; flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; padding-bottom: .5rem; display: flex; } .dropdown-line-2 { background-color: #231f23; width: 90%; height: .094rem; } .dropdown-line-2.absolute { width: .094rem; height: 90%; position: absolute; } .nav_right-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; } .link_dropdown-2 { padding: 0; } .link_dropdown-2:hover, .link_dropdown-2.w--current { background-color: #f7f6f500; } .link_dropdown-2.smaller { padding-bottom: 0; } .icon-dropdown-2 { display: none; } .nav_label-2 { padding-left: 0; } .nav_list-2 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .dropdown-list-2.w--open { padding: 0; position: static; } .dropdown_inner-small-2 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; padding: 0; } .nav-menu-2 { background-color: #f7f6f500; flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; display: flex; } .features_thirds { grid-template-columns: 1fr 1fr; } .nav-menu_mobile-button-2 { flex-flow: column; margin-top: 1.5rem; display: flex; } .feature-tabs_halves { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; } .icon_menu-2 { flex: none; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; } .nav-container-2 { padding-left: 1.25rem; padding-right: 1.25rem; } .footer_bottom-halves-2 { flex-flow: wrap; display: flex; } .link_nav-2 { letter-spacing: 0; justify-content: space-between; align-items: center; padding: 0; font-family: StackSans headline Variable, Arial, sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 2rem; display: flex; } .left_nav-menu-2 { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr; } .divider_mobile-menu-2 { background-color: #231f2314; flex: none; width: 100%; height: 1px; display: block; } .nav-menu_inner-2 { width: 100%; height: 68dvh; min-height: 100%; box-shadow: none; background-color: #f7f6f5; border-radius: 0 0 1.25rem 1.25rem; flex-flow: column; justify-content: flex-start; align-items: stretch; padding: .25rem 1.25rem 1rem; overflow: scroll; } .master_editor-4 { grid-template-columns: 1fr; } .mobile-cta_bottom-tile-2 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: space-between; align-items: center; width: 100%; display: flex; } .dropdown_inner-2 { padding: 1.25rem 0; } .cta_mobile-menu-2 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; color: #231f23; text-align: left; --_🎨-color--tokens---background--base: var(--_🎨-color--tokens---background--semi-transparent); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--light-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--light-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--tokens---input--filled--background); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--dark); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--light-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--dark); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--light-0); background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69b2e145988d2c647cc5f200_mobile-cta-bg.avif"); background-position: 50%; background-size: cover; border-radius: 1.25rem; flex-flow: column; width: 100%; margin-top: auto; padding: 1.25rem; display: flex; position: relative; overflow: hidden; } .nav-container_bg-2.for-dropdown { opacity: 0; opacity: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .icon-wrap_dropdown-2 { justify-content: center; align-items: center; padding: .75rem; display: flex; } .icon-wrap_dropdown-2.not-visible { opacity: 0; opacity: 0; display: flex; } .tab-menu_features-2 { margin-right: 0; } .dropdown-toggle-2 { letter-spacing: 0; justify-content: space-between; align-items: center; width: 100%; padding: 0; font-family: StackSans headline Variable, Arial, sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 2rem; } .footer_top-tile-2 { grid-column-gap: 7.5rem; grid-row-gap: 7.5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .dropdown-animated-box-2 { flex: none; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; position: relative; } .nav-cta_desktop-2 { display: none; } .footer_columns-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: grid; } .master-footer-2 { grid-column-gap: 10rem; grid-row-gap: 10rem; } .dropdown-small_wrap-2 { box-shadow: none; background-color: #f7f6f500; border-radius: 0; flex: 0 auto; overflow: visible; } .dropdown-list_small-2.w--open { padding-top: 1.25rem; padding-bottom: 1.25rem; position: static; } .top-products-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .top-products-image { height: 100px; } .product-name-bold { font-size: 14px; } .product-desc-small { font-size: 12px; } .cc-uc-head-left { flex-basis: 100%; } .cc-uc-title { font-size: 40px; } .cc-uc-intro { flex-basis: 100%; max-width: 560px; } .cc-uc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cc-logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cc-logo-grid.is-5-col { grid-template-columns: repeat(5, minmax(0, 1fr)); } .cc-tk-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cc-dl { grid-row-gap: 36px; grid-template-columns: minmax(0, 1fr); align-items: start; } } @media screen and (max-width: 767px) { body { --spacing--8: .5rem; --spacing--32: 1.5rem; --spacing--0: 0rem; --spacing--12: .5rem; --spacing--16: .75rem; --spacing--24: 1.25rem; --container--large: 112.5rem; --spacing--64: 3rem; --spacing--48: 2rem; --layout-grid--margin: 1rem; --width--new: 42.5rem; --width--4-columns: 28rem; --spacing--4: .25rem; --section-padding--large: 6rem; --section-padding--extra-large: 10rem; --section-padding--medium: 5rem; --section-padding--small: 3rem; --section-padding--extra-small: 1.5rem; --width--3-columns: 20.75rem; --width--2-columns: 13.5rem; --spacing--20: 1rem; --spacing--120: 5rem; --spacing--160: 6.5rem; --layout-grid--gutter: .75rem; --spacing--80: 3.5rem; --container--medium: 90rem; --width--9-columns: 64.25rem; --layout-grid--1-column-gap: 2.5rem; --width--5-columns: 35.25rem; --width--8-columns: 57rem; --width--1-column: 6.25rem; --layout-grid--2-column-gap: 2.5rem; --width--10-columns: 71.5rem; --spacing--200: 8rem; --width--7-columns: 49.75rem; --width--12-columns: 86rem; --container--small: 57rem; --animation--line-1-offset: 0rem; --animation--line-1-array: 0rem; --animation--line-2-offset: 0rem; --animation--line-2-array: 0rem; --animation--line-3-offset: 0rem; --animation--line-3-array: 0rem; --_🔠-typography---font-family--b2: var(--_🔠-typography---font--body); --_🔠-typography---size--b2: .875rem; --_🔠-typography---line-height--b2: 1.25rem; --_🔠-typography---font-weight--b2: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b2: 0px; --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h1: 3rem; --_🔠-typography---line-height--h1: 3.25rem; --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h1: -.062rem; --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h2: 2.25rem; --_🔠-typography---line-height--h2: 2.5rem; --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h2: -.031rem; --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h3: 1.75rem; --_🔠-typography---line-height--h3: 2rem; --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h3: -.016rem; --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h4: 1.5rem; --_🔠-typography---line-height--h4: 1.75rem; --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h4: 0rem; --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h5: 1.25rem; --_🔠-typography---line-height--h5: 1.75rem; --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h5: 0rem; --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h6: 1rem; --_🔠-typography---line-height--h6: 1.25rem; --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h6: 0rem; --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label); --_🔠-typography---size--label-1: .625rem; --_🔠-typography---line-height--label-1: .75rem; --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-1: .5px; --_🔠-typography---font-family--b3: var(--_🔠-typography---font--body); --_🔠-typography---size--b3: .75rem; --_🔠-typography---line-height--b3: 1rem; --_🔠-typography---font-weight--b3: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b3: 0px; --_🔠-typography---font--label: "Fragment Mono", Arial, sans-serif; --_🔠-typography---font--body: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---font-family--b1: var(--_🔠-typography---font--body); --_🔠-typography---size--b1: 1rem; --_🔠-typography---line-height--b1: 1.5rem; --_🔠-typography---font-weight--b1: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b1: 0px; --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label); --_🔠-typography---size--label-2: .5rem; --_🔠-typography---line-height--label-2: .625rem; --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-2: .5px; --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--button); --_🔠-typography---size--button-1: .875rem; --_🔠-typography---line-height--button-1: 1.25rem; --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button); --_🔠-typography---letter-spacing--button-1: 0px; --_🔠-typography---line-height--button-2: .75rem; --_🔠-typography---all-weights--medium: 500; --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button); --_🔠-typography---letter-spacing--button-2: 0px; --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h0: 3.25rem; --_🔠-typography---line-height--h0: 3.5rem; --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h0: -.125rem; --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--medium); --_🔠-typography---size--button-2: .75rem; --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button); --_🔠-typography---font--heading-serif: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--heading-sans: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--button: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--light); --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--normal); --_🔠-typography---all-weights--thin: 100; --_🔠-typography---all-weights--extra-light: 200; --_🔠-typography---all-weights--light: 300; --_🔠-typography---all-weights--normal: 400; --_🔠-typography---all-weights--semi-bold: 600; --_🔠-typography---all-weights--bold: 700; --_🔠-typography---all-weights--extra-bold: 800; --_🔠-typography---all-weights--black: 900; --_🔘-radius---ui--input: .5rem; --_🔘-radius---general--default: .75rem; --_🔘-radius---ui--button-base: .5rem; --_🔘-radius---ui--button-circle: 1.5rem; --_🔘-radius---ui--tag: .5rem; --_🔘-radius---general--large: 1rem; --_🔘-radius---ui--nav-animation-radius: 0rem; --_🔘-radius---general--full: 100vw; --_🔘-radius---general--small: .25rem; --_❇️-icon---button-icon--circle-large: 1.25rem; --_❇️-icon---button-icon--rectangle-large: 1rem; --_❇️-icon---regular-icons--medium: 1rem; --_❇️-icon---regular-icons--small: .75rem; --_❇️-icon---icon-stroke: .094rem; --_❇️-icon---regular-icons--large: 1.5rem; --_❇️-icon---regular-icons--extra-small: .5rem; --_❇️-icon---button-icon--rectangle-small: .75rem; --_❇️-icon---button-icon--circle-small: .75rem; } .template_halves { grid-template-columns: 1fr; } .template_block-title { position: static; } .icon-wrap_button.right { margin-right: 0; } .icon_button { width: 12px; } .grid_sales { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-columns: 1fr 1fr 1fr 1fr; } .master_sales-cta { display: none; } .sales-cta { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; } .sales-card-image { height: 80px; } .master_cta { max-width: var(--width--3-columns); } .footer_bottom-tile { grid-column-gap: .5rem; grid-row-gap: .5rem; } .master-footer.cc-lp-footer { grid-row-gap: 16px; grid-row-gap: 16px; flex-direction: column; align-items: flex-start; } .footer_columns { grid-row-gap: var(--spacing--64); flex-flow: wrap; grid-template-columns: 1fr 1fr; place-items: start; width: 100%; } .right-footer { order: -9999; } .footer_bottom-halves { grid-column-gap: var(--spacing--80); grid-row-gap: var(--spacing--80); grid-template-columns: 1.5fr; } .footer_bottom-right { order: -9999; } .footer_bottom-left { grid-row-gap: var(--spacing--12); } .cta_bg.product-c { height: 20rem; top: -4.4rem; } .brand_navbar { max-width: 7rem; padding-left: 0; } .banner { grid-row-gap: var(--spacing--0); text-align: center; flex-flow: wrap; } .checkbox_contact { margin-left: -16px; } .faq_animated-box { width: 2rem; height: 2rem; } .profile_halves { grid-template-columns: 1fr; } .right_profile { display: none; } .customer-avatar.only-product-c { --_🎨-color--tokens---background--base: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--strong: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--default--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--default--text: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---input--active--border: var(--_🎨-color--base---base--dark-32); --_🎨-color--tokens---input--active--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--active--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---tone--subtle: var(--_🎨-color--base---base--dark-48); --_🎨-color--tokens---color--nsqubitorchid: var(--_🎨-color--base---colors--nsqubitorchid); --_🎨-color--tokens---input--icon: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--default--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--primary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--secondary--hover--text: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---button--primary--default--border: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---button--primary--default--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--default--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--default--background: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---button--primary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--primary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---button--secondary--hover--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---button--secondary--hover--background: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---tone--medium: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--semi-transparent: var(--_🎨-color--base---base--light-32); --_🎨-color--tokens---button--tertiary--hover--text: var(--_🎨-color--base---base--dark-88); --_🎨-color--tokens---button--tertiary--default--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---background--gradient-purposes--gradient-100: var(--_🎨-color--base---base--light-100); --_🎨-color--tokens---tone--faint: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---color--nscachesand: var(--_🎨-color--base---colors--nscachesand); --_🎨-color--tokens---color--nscorecoral: var(--_🎨-color--base---colors--nscorecoral); --_🎨-color--tokens---color--nssyntaxmint: var(--_🎨-color--base---colors--nssyntaxmint); --_🎨-color--tokens---background--depth: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---background--lift: var(--_🎨-color--base---lift--light); --_🎨-color--tokens---color--nspacketsky: var(--_🎨-color--base---colors--nspacketsky); --_🎨-color--tokens---color--nslatencypeach: var(--_🎨-color--base---colors--nslatencypeach); --_🎨-color--tokens---background--shadow: var(--_🎨-color--base---base--dark-8); --_🎨-color--tokens---input--label: var(--_🎨-color--base---base--dark-64); --_🎨-color--tokens---background--gradient-purposes--gradient-0: var(--_🎨-color--base---base--light-0); --_🎨-color--tokens---background--gradient-purposes--gradient-64: var(--_🎨-color--base---base--light-64); --_🎨-color--tokens---input--filled--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--filled--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--filled--border: var(--_🎨-color--base---base--dark-0); --_🎨-color--tokens---input--error--background: var(--_🎨-color--base---depth--light); --_🎨-color--tokens---input--error--text: var(--_🎨-color--base---base--dark-100); --_🎨-color--tokens---input--error--border: var(--_🎨-color--base---base--dark-0); border-width: .1rem; } .image-wrap_blog-card { height: 22rem; } .image-wrap_article { height: 22.5rem; } .tabs-menu_pricing { justify-content: flex-start; align-items: center; } .grid_pricing { grid-template-columns: 1fr; } .marquee-shadow.large { width: 5rem; display: none; } .table-description_column-tiles { flex: none; min-width: 160px; } .table_check-cell { min-width: 240px; } .table-check_column-tiles { flex: none; min-width: 240px; } .table_grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .table_description-cell { flex: none; width: 160px; } .section_comparison-table { overflow: clip; } .comparison-table { overflow: auto; } .card_case { min-height: 34.25rem; max-height: none; } .button_case-slider.prev { transform: translate(-42px); } .headline_projects { max-width: var(--width--4-columns); } .tabs_integrations { flex-flow: column; } .tabs-menu_integrations { margin-bottom: var(--spacing--48); top: auto; } .tabs-content_integrations { width: 100%; margin-left: var(--spacing--0); } .grid_integrations.thirds { grid-template-columns: 1fr 1fr; } .logo_integration { max-width: 2rem; } .logo-wrap_integration { width: var(--spacing--120); height: var(--spacing--120); } .headline_integration { flex-flow: column; } .logo-wrap_integration-large { width: 7rem; height: 7rem; } .logo_integration-large { max-width: 3rem; } .grid_cases { grid-template-columns: 1fr; } .client_hero-halves { grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); grid-template-columns: 1fr; } .image-wrap_client-thumbnail { height: 22.5rem; } .client_body-halves { grid-column-gap: 2.67vw; grid-row-gap: 2.67vw; grid-template-columns: 1fr; } .wrap_number-list { display: none; } .client_info-halves { grid-template-columns: 1fr; } .play-state { border-width: 1px; } .video_about { height: 22.5rem; } .docs_halves { grid-column-gap: var(--spacing--32); grid-row-gap: var(--spacing--32); grid-template-columns: 1fr; } .about_number-halves { grid-column-gap: var(--spacing--16); grid-row-gap: var(--spacing--16); grid-template-columns: 1fr; } .image-wrap_team { height: 16rem; } .section_hero-product-a { padding-top: var(--section-padding--extra-large); } .product-a_halves { grid-column-gap: var(--spacing--48); grid-row-gap: var(--spacing--48); grid-template-columns: 1fr; } .master_highlights { height: 25rem; margin-top: -100px; } .highlight-line._14, .highlight-line._2, .highlight-line._6, .highlight-line._4, .highlight-line._8, .highlight-line._32, .highlight-line._28, .highlight-line._24, .highlight-line._12, .highlight-line._22, .highlight-line._26, .highlight-line._30, .highlight-line._20, .highlight-line._18, .highlight-line._10, .highlight-line._16, .highlight-line._14, .highlight-line._2, .highlight-line._6, .highlight-line._4, .highlight-line._8, .highlight-line._32, .highlight-line._28, .highlight-line._24, .highlight-line._12, .highlight-line._22, .highlight-line._26, .highlight-line._30, .highlight-line._20, .highlight-line._18, .highlight-line._10, .highlight-line._16 { display: none; } .card_feature-slide { height: 18.75rem; } .mask_feature-slide { width: 320px; } .slider_button-solutions { top: -65px; left: 40px; right: auto; } .slider_button-solutions.prev { left: 0; right: auto; } .performance_animated-block.fourth-card { max-height: 440px; } .performance_animated-block.third-card { max-height: 320px; } .performance_animated-block.first-card { max-height: 240px; } .master_performance { height: 440px; } .text-wrap-animate-card { display: none; } .animated_top-tile { grid-column-gap: var(--spacing--8); grid-row-gap: var(--spacing--8); text-align: center; flex-direction: column; } .performance_bottom-tile { flex-flow: column; } .headline_chart { max-width: var(--width--4-columns); } .right_product-a { height: 30rem; } .halves_columns { grid-template-columns: 1fr; } .content_column { max-width: var(--width--3-columns); } .right_column { min-height: 30rem; } .headline_partners { max-width: var(--width--4-columns); } .tile-logo { width: 5rem; height: 5rem; } .tile-logo.circle-tile.middle { transform: translate(0, 25px); } .logo-icon { max-width: 32px; } .impact_halves { grid-template-columns: 2fr; } .card_impact-left { height: 26rem; } .grid_more-products { display: flex; } .card_product { min-width: 20rem; min-height: 25rem; } .grid_features { grid-template-columns: 1fr; } .card_feature { min-height: auto; padding-top: var(--spacing--48); grid-column-gap: var(--spacing--48); grid-row-gap: var(--spacing--48); } .tabs-content-features { position: static; } .image-wrap_documents { height: 22.5rem; } .image-wrap_documents.vcs.cc-brands-logos, .image-wrap_documents.is-award, .image-wrap_documents.vcs.cc-brands-logos, .image-wrap_documents.vcs.cc-brands-logos, .image-wrap_documents.is-award { height: auto; } .image-wrap_product-c-tabs { min-height: auto; max-height: none; } .headline_solution-examples { max-width: var(--width--4-columns); margin-bottom: var(--spacing--120); } .column_product-integrations.right { order: -9999; } .column_integrations { flex-flow: column; } .headline_product-integrations { margin-right: 0; margin-bottom: var(--spacing--64); margin-left: 0; } .case_large { min-height: 35rem; } .circle-2_inner { width: 865px; height: 865px; } .circle-1_inner { width: 590px; height: 590px; } .image-wrap_scroll-card { height: 22.5rem; } .home-b_halves { grid-template-columns: 1fr; } .right_home { height: 22.5rem; } .heading_hero-home { grid-row-gap: .25rem; max-width: 20rem; } .section_home-a-products { overflow: clip; } .headline_home-testimonials { max-width: var(--width--3-columns); } .tabs-menu_home-hero { margin-left: auto; margin-right: auto; } .home_tab-halves { grid-template-columns: 2fr; } .left_tab-home { height: auto; min-height: auto; padding-top: var(--spacing--120); } .right_tab-home { justify-content: flex-start; align-items: flex-start; height: 13.75rem; } .home_scroll-halves { flex-flow: column-reverse; grid-template-columns: 1fr; display: flex; } .image-wrap_scroll { height: 22.5rem; display: flex; } .image-wrap_scroll.desktop { display: none; } .scroll_halves { display: block; } .left_scroll { padding-top: var(--spacing--0); padding-bottom: var(--spacing--0); grid-column-gap: var(--spacing--120); grid-row-gap: var(--spacing--120); } .right_scroll { display: none; } .wrap_slider-section { padding-left: var(--layout-grid--margin); overflow: scroll; } .play-state-2 { border-width: 1px; } .master_sales-cta-2 { display: none; } .icon_button-2 { width: 12px; } .checkbox_contact-2 { margin-left: -16px; } .av-card_halves { grid-template-columns: 1fr; margin-bottom: 1rem; } .av-card_right { order: -1; min-height: 200px; } .av-card_halves-reversed { grid-template-columns: 1fr; margin-bottom: 1rem; } .av-stats_grid { grid-template-columns: 1fr 1fr; } .solution-projects_3col { grid-template-columns: 1fr; } .solution_home-image { background-position: 50% 30%; border-radius: .5rem; height: 260px; } .section_home-technobriq-brief { overflow: clip; } .card-technobriq { min-width: 20rem; min-height: 25rem; } .left_scroll--home { padding-top: var(--spacing--0); padding-bottom: var(--spacing--0); grid-column-gap: var(--spacing--120); grid-row-gap: var(--spacing--120); } .inline-a-1-1-2-2 { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .home_industries_section-2 { grid-template-columns: repeat(auto-fit, 290px) 290px; } .grid_technobriq-features { display: flex; } .text-wrap_industry { word-break: break-all; } .right-column { min-height: 30rem; } .card-industry-listing, .card_product-copy, .card_product-copy, .card_product-copy { min-width: 20rem; min-height: 25rem; } .right_solution { height: 30rem; } .headline_integrations-copy { max-width: var(--width--4-columns); } .grid_solution-listing { grid-template-columns: 1fr; } .card_space-list { height: 18.75rem; } .marquee-shadow-copy.large { width: 5rem; display: none; } .headline_industries-scroll { max-width: var(--width--4-columns); } .card_product-copy { min-width: 20rem; min-height: 25rem; } .right_product-a-copy { height: 30rem; } .right_column-copy { min-height: 30rem; } .grid_pricing-copy-copy { grid-template-columns: 1fr; } .image-wrap_scroll-card-copy { height: 22.5rem; } .card_project-list { min-width: 20rem; min-height: 25rem; } .content_column-copy { max-width: var(--width--3-columns); } .about-stats-grid { grid-template-columns: 1fr 1fr; } .industry_home-image { background-position: 50% 30%; border-radius: .5rem; height: 260px; } .home-halves { grid-template-columns: 1fr; } .card_solution-list { height: 18.75rem; } .section_service-hero { padding-top: var(--section-padding--extra-large); } .service_solution-halves { grid-column-gap: var(--spacing--48); grid-row-gap: var(--spacing--48); grid-template-columns: 1fr; } .headline_process { max-width: var(--width--4-columns); } .master_process { height: 440px; } .process_animated-block.fourth-card { max-height: 440px; } .process_animated-block.third-card { max-height: 320px; } .process_animated-block.first-card { max-height: 240px; } .performance_animated-block-2.fourth-card { max-height: 440px; } .performance_animated-block-2.third-card { max-height: 320px; } .performance_animated-block-2.first-card { max-height: 240px; } .process_animated-block-3.fourth-card { max-height: 440px; } .process_animated-block-3.third-card { max-height: 320px; } .process_animated-block-3.first-card { max-height: 240px; } .grid_industry-listing { display: flex; } .wrap_slider-section-2 { padding-left: 2rem; overflow: scroll; } .content_column-2 { max-width: 20.75rem; } .card-industry-listing-2 { min-width: 20rem; min-height: 25rem; } .grid_industry-listing-2 { display: flex; } .heading_hero-home-2 { grid-row-gap: .25rem; max-width: 20rem; } .home-spaces-halves, .grid_related-solutions { grid-template-columns: 1fr; } .card-industry-listings { min-width: 20rem; min-height: 25rem; } .grid_industry-listing-3 { display: flex; } .image-wrap_casestudy, .image-wrap_casestudy-2 { height: 22.5rem; } .section_subsol-hero { padding-top: var(--section-padding--extra-large); } .subsol_halves { grid-column-gap: var(--spacing--48); grid-row-gap: var(--spacing--48); grid-template-columns: 1fr; } .right_subsol { height: 30rem; } .right_column-sols { min-height: 30rem; } .logo-wrap_industry { width: 7.5rem; height: 7.5rem; } .circle-2_inner-2 { width: 865px; height: 865px; } .circle-1_inner-2 { width: 590px; height: 590px; } .tile-logo-2 { width: 5rem; height: 5rem; } .tile-logo-2.circle-tile.middle { transform: translate(0, 25px); } .right_home-b { height: 22.5rem; } .home-b_halves-2 { grid-template-columns: 1fr; } .heading_hero-home-3 { grid-row-gap: .25rem; max-width: 20rem; } .play-state-3 { border-width: 1px; } .image-wrap_scroll-card-2 { height: 22.5rem; } .faq_animated-box-2 { width: 2rem; height: 2rem; } .image-wrap_scroll-card-2-copy { height: 22.5rem; } .tb-hero-inner.cc-hero { grid-row-gap: 32px; grid-row-gap: 32px; row-gap: 32px; padding-top: 48px; padding-left: 24px; padding-right: 24px; } .tb-h1.lp.cc-h1 { font-size: 40px; } .right_home-landing-page { height: 22.5rem; } .right_home-landing-page.lp.cc-hero-right { height: 22rem; } .about-stats-grid--lp { grid-template-columns: 1fr 1fr; } .headline_products_lp { max-width: var(--width--4-columns); } .grid_solution-listing-lp { grid-template-columns: 1fr; } .brand-logos-gridlp { grid-template-columns: 1fr 1fr; } .tb-trust-strip-1 { grid-column-gap: 16px; grid-row-gap: 10px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; margin-top: 20px; } .tb-trust-check-1 { width: 18px; height: 18px; } .tb-trust-text-1 { font-size: 13px; } .wtb-cards { grid-template-columns: repeat(1, 1fr); } .wtb-contact-divider { display: none; } .vc-block { flex-direction: column; } .vc-img-side { width: 100%; min-height: 240px; } .tr2-imgs { grid-template-columns: repeat(1, 1fr); } .tr2-img { height: auto; } .ifp-hero-img-pos { background-position: 50%; background-size: contain; } .img_recent-work { width: 200px; height: 130px; } .banner-2 { grid-row-gap: 0rem; text-align: center; flex-flow: wrap; } .home-b_halves-3 { grid-template-columns: 1fr; } .footer_bottom-halves-2 { grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-columns: 1.5fr; } .master_cta-2 { max-width: 20.75rem; } .heading_hero-home-4 { grid-row-gap: .25rem; max-width: 20rem; } .footer_bottom-left-2 { grid-row-gap: .75rem; } .image-wrap_product-c-tabs-2 { min-height: auto; max-height: none; } .play-state-4 { border-width: 1px; } .tile-logo-3 { width: 5rem; height: 5rem; } .headline_integrations-product-a { max-width: 28rem; } .footer_columns-2 { grid-row-gap: 4rem; flex-flow: wrap; grid-template-columns: 1fr 1fr; place-items: start; width: 100%; } .top-products-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .top-products-image { height: 90px; } .product-name-bold { font-size: 13px; } .product-desc-small { font-size: 12px; } .cc-logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cc-logo-grid.is-5-col { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cc-tk-diagram { margin-bottom: 28px; padding: 20px 16px 12px; } } @media screen and (max-width: 479px) { body { --spacing--8: .5rem; --spacing--32: 1.5rem; --spacing--0: 0rem; --spacing--12: .5rem; --spacing--16: .75rem; --spacing--24: 1.25rem; --container--large: 112.5rem; --spacing--64: 3rem; --spacing--48: 2rem; --layout-grid--margin: 1rem; --width--new: 42.5rem; --width--4-columns: 28rem; --spacing--4: .25rem; --section-padding--large: 6rem; --section-padding--extra-large: 10rem; --section-padding--medium: 5rem; --section-padding--small: 3rem; --section-padding--extra-small: 1.5rem; --width--3-columns: 20.75rem; --width--2-columns: 13.5rem; --spacing--20: 1rem; --spacing--120: 5rem; --spacing--160: 6.5rem; --layout-grid--gutter: .75rem; --spacing--80: 3.5rem; --container--medium: 90rem; --width--9-columns: 64.25rem; --layout-grid--1-column-gap: 2.5rem; --width--5-columns: 35.25rem; --width--8-columns: 57rem; --width--1-column: 6.25rem; --layout-grid--2-column-gap: 2.5rem; --width--10-columns: 71.5rem; --spacing--200: 8rem; --width--7-columns: 49.75rem; --width--12-columns: 86rem; --container--small: 57rem; --animation--line-1-offset: 0rem; --animation--line-1-array: 0rem; --animation--line-2-offset: 0rem; --animation--line-2-array: 0rem; --animation--line-3-offset: 0rem; --animation--line-3-array: 0rem; --_🔠-typography---font-family--b2: var(--_🔠-typography---font--body); --_🔠-typography---size--b2: .875rem; --_🔠-typography---line-height--b2: 1.25rem; --_🔠-typography---font-weight--b2: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b2: 0px; --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h1: 3rem; --_🔠-typography---line-height--h1: 3.25rem; --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h1: -.062rem; --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h2: 2.25rem; --_🔠-typography---line-height--h2: 2.5rem; --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h2: -.031rem; --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h3: 1.75rem; --_🔠-typography---line-height--h3: 2rem; --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h3: -.016rem; --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h4: 1.5rem; --_🔠-typography---line-height--h4: 1.75rem; --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h4: 0rem; --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h5: 1.25rem; --_🔠-typography---line-height--h5: 1.75rem; --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h5: 0rem; --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h6: 1rem; --_🔠-typography---line-height--h6: 1.25rem; --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h6: 0rem; --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label); --_🔠-typography---size--label-1: .625rem; --_🔠-typography---line-height--label-1: .75rem; --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-1: .5px; --_🔠-typography---font-family--b3: var(--_🔠-typography---font--body); --_🔠-typography---size--b3: .75rem; --_🔠-typography---line-height--b3: 1rem; --_🔠-typography---font-weight--b3: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b3: 0px; --_🔠-typography---font--label: "Fragment Mono", Arial, sans-serif; --_🔠-typography---font--body: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---font-family--b1: var(--_🔠-typography---font--body); --_🔠-typography---size--b1: 1rem; --_🔠-typography---line-height--b1: 1.5rem; --_🔠-typography---font-weight--b1: var(--_🔠-typography---weight--body); --_🔠-typography---letter-spacing--b1: 0px; --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label); --_🔠-typography---size--label-2: .5rem; --_🔠-typography---line-height--label-2: .625rem; --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label); --_🔠-typography---letter-spacing--label-2: .5px; --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--button); --_🔠-typography---size--button-1: .875rem; --_🔠-typography---line-height--button-1: 1.25rem; --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button); --_🔠-typography---letter-spacing--button-1: 0px; --_🔠-typography---line-height--button-2: .75rem; --_🔠-typography---all-weights--medium: 500; --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button); --_🔠-typography---letter-spacing--button-2: 0px; --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans); --_🔠-typography---size--h0: 3.25rem; --_🔠-typography---line-height--h0: 3.5rem; --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans); --_🔠-typography---letter-spacing--h0: -.125rem; --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--medium); --_🔠-typography---size--button-2: .75rem; --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button); --_🔠-typography---font--heading-serif: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--heading-sans: "StackSans headline Variable", Arial, sans-serif; --_🔠-typography---font--button: "StackSans text Variable", Arial, sans-serif; --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--light); --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal); --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--normal); --_🔠-typography---all-weights--thin: 100; --_🔠-typography---all-weights--extra-light: 200; --_🔠-typography---all-weights--light: 300; --_🔠-typography---all-weights--normal: 400; --_🔠-typography---all-weights--semi-bold: 600; --_🔠-typography---all-weights--bold: 700; --_🔠-typography---all-weights--extra-bold: 800; --_🔠-typography---all-weights--black: 900; --_🔘-radius---ui--input: .5rem; --_🔘-radius---general--default: .75rem; --_🔘-radius---ui--button-base: .5rem; --_🔘-radius---ui--button-circle: 1.5rem; --_🔘-radius---ui--tag: .5rem; --_🔘-radius---general--large: 1rem; --_🔘-radius---ui--nav-animation-radius: 0rem; --_🔘-radius---general--full: 100vw; --_🔘-radius---general--small: .25rem; --_❇️-icon---button-icon--circle-large: 1.25rem; --_❇️-icon---button-icon--rectangle-large: 1rem; --_❇️-icon---regular-icons--medium: 1rem; --_❇️-icon---regular-icons--small: .75rem; --_❇️-icon---icon-stroke: .094rem; --_❇️-icon---regular-icons--large: 1.5rem; --_❇️-icon---regular-icons--extra-small: .5rem; --_❇️-icon---button-icon--rectangle-small: .75rem; --_❇️-icon---button-icon--circle-small: .75rem; } .button-group_style-guide { grid-column-gap: 24px; grid-row-gap: 24px; } .colors-grid_style-guide { grid-template-columns: 1fr 1fr; } .text-size-large.tone-medium { padding-top: 0; padding-bottom: 0; } .input_icon { height: 12px; } .grid_sales { grid-template-columns: 1fr 1fr 1fr; } .sales-cta { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: space-between; align-items: flex-start; padding-top: 16px; padding-bottom: 16px; } .card_sales { grid-column-gap: 12px; grid-row-gap: 12px; } .footer_columns { grid-auto-columns: 1fr; } .footer_bottom-right { grid-row-gap: 1.25rem; flex-flow: wrap; } .footer_legal { grid-row-gap: var(--spacing--12); } .wrap_banner { padding-bottom: 10px; } .text-wrap_contact-tile { word-break: normal; } .grid_contact-a, .input_halves { grid-template-columns: 1fr; } .checkbox_contact { width: 20px; height: 20px; } .grid_contact-b { grid-template-columns: 1fr; } .input-halves_profile { grid-column-gap: var(--spacing--24); grid-row-gap: var(--spacing--24); grid-template-columns: 1fr; } .book_feature-halves, .grid_blog { grid-template-columns: 1fr; } .link_next-article { flex-flow: column; } .grid_pricing { grid-template-columns: 1fr; } .tab-link_pricing { flex: none; } .single-logo-marquee { min-height: auto; } .marquee-logo { height: 25px; } .table-description_column-tiles { min-width: 150px; } .table_check-cell, .table-check_column-tiles { min-width: 175px; } .table_description-cell { width: 150px; } .overlay_card-case { height: 75%; } .grid_integrations, .grid_integrations.thirds, .grid_integrations.thirds { grid-template-columns: 1fr; } .image-wrap_client-thumbnail { height: 16rem; } .client_info-thirds { grid-row-gap: var(--spacing--32); grid-template-columns: 1fr 1fr; } .investor_halves { grid-template-columns: 1fr; } .card-inveestors { height: 20rem; } .logo-investors { max-width: 7.5rem; } .grid_team { grid-template-columns: 1fr; } .mask_feature-slide { width: 270px; } .customers_block { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: wrap; } .performance_animated-block.fourth-card { max-height: 325px; } .performance_animated-block.third-card { max-height: 275px; } .performance_animated-block.first-card { max-height: 200px; } .master_performance { grid-column-gap: var(--spacing--4); grid-row-gap: var(--spacing--4); height: 325px; } .right_product-a { height: 24rem; } .right_column { min-height: 26rem; overflow: hidden; } .right_column.data-stack { overflow: hidden; } .tile-logo { padding-top: 5px; padding-bottom: 5px; } .grid_more-products { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--layout-grid--gutter); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .card_product { min-height: 26rem; } .deployed_examples, .deployed_examples.solutions, .deployed_examples.soltuions, .deployed_examples.solutions, .deployed_examples.soltuions, .grid_features, .spaces_list, .grid_bento { grid-template-columns: 1fr; } .card_bento-left { height: 22.5rem; } .card_bento-middle-top { height: 18.75rem; } .section_home-blog-list.solution { padding-bottom: var(--spacing--0); padding-bottom: var(--spacing--0); } .card_testimonial { max-width: var(--width--3-columns); min-height: 16rem; } .logo_testimonial { max-width: 6.25rem; } .card_blog { grid-template-columns: 1fr; } .image-wrap_blog-slide { height: 13.75rem; } .content_blog-slide { padding-right: var(--spacing--4); padding-bottom: var(--spacing--12); padding-left: var(--spacing--4); } .tabs_home-hero { flex-flow: column; display: flex; } .tabs-menu_home-hero { margin-top: var(--spacing--8); padding-right: var(--spacing--8); padding-left: var(--spacing--8); justify-content: center; align-items: center; } .home_tab-halves { flex-flow: column; grid-auto-flow: column; width: 100%; display: flex; } .left_tab-home { max-width: 100%; padding-top: var(--spacing--32); } .right_tab-home { flex-flow: row; justify-content: flex-start; align-items: flex-start; } .image-wrap_scroll { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f466bdc9bddae8e0333790_ChatGPT%20Image%20May%201%2C%202026%2C%2012_38_49%20PM.png"); } .image-wrap_scroll.second { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f466bdf419f39a24adc034_ChatGPT%20Image%20May%201%2C%202026%2C%2012_38_54%20PM.png"); } .image-wrap_scroll.third { background-image: url("https://cdn.prod.website-files.com/69b2e140988d2c647cc5ef8c/69f466f59d05f3a472414a46_ChatGPT%20Image%20May%201%2C%202026%2C%2012_40_06%20PM.png"); } .master_cookies { padding: var(--spacing--8); } .cookies { width: 100%; max-width: none; } .widget_outer.large { max-width: 17rem; } .icon_widget-large { flex-flow: row; } .widget_table { overflow: scroll; } .widget_table.fixed { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } .table_row { grid-template-columns: 100%; } .input_halves-2 { grid-template-columns: 1fr; } .checkbox_contact-2 { width: 20px; height: 20px; } .av-card_halves { grid-template-columns: 1fr; grid-template-areas: "Area"; margin-bottom: 1rem; } .av-card_right { order: -1; min-height: 180px; } .av-card_halves-reversed { grid-template-columns: 1fr; } .av-stats_grid { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; position: relative; } .solution-projects_3col { grid-template-columns: 1fr; } .av-project_card { overflow: visible; } .av-project_thumb { height: 160px; } .solution_home-image { background-position: 50% 30%; border-radius: .5rem; height: 200px; } .widget_outer_std.large { max-width: 17rem; } .card-technobriq { min-height: auto; } .inline-p-0-1 { width: 100%; max-width: 100%; height: 100%; margin-top: 0; margin-bottom: 20px; padding-top: 20px; padding-left: 32px; padding-right: 32px; } .inline-div-5-1-2 { width: 100%; min-width: 0; max-width: 100%; } .inline-div-7-1-2 { height: 100%; min-height: var(--spacing--200); grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: row-reverse wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; align-items: flex-start; padding-top: 0; padding-bottom: 0; padding-left: 0; display: flex; overflow: visible; } .inline-span-0-1-2 { text-align: left; } .inline-h2-0-1-2-3 { margin-top: 0; } .inline-p-0-1-2-3-4-5 { padding-top: 40px; } .classroom-grid-wrap { min-height: 180px; } .home_industry-grid { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; min-height: 380px; } .industries_home-grid { flex-flow: column; } .home_industries_section { grid-template-rows: auto; grid-template-areas: "." "Area"; } .solution_table { overflow: scroll; } .solution_table.fixed { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } .home_industries_section-2 { grid-template-columns: repeat(auto-fit, 320px); } .grid_technobriq-features { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .widget_outline.large { max-width: 17rem; } .grid_industry-solutions { grid-template-columns: 1fr; } .text-wrap_industry { word-break: normal; } .widget_outer--v2.large { max-width: 17rem; } .solution_exmaples { grid-template-columns: 1fr; } .right-column { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; min-height: 26rem; display: flex; overflow: hidden; } .right-column.data-stack { overflow: hidden; } .card-industry-listing { min-height: 16rem; } .widget_outer-copy.large { max-width: 17rem; } .right_solution { height: 24rem; } .grid_solution-listing, .deployed_examples-copy { grid-template-columns: 1fr; } .card_product-copy { min-height: 26rem; } .image-4 { margin-top: 40px; padding-top: 0; } .solution-image { margin-top: 40px; } .image-4-copyy { margin-top: 0; padding-top: 0; } .right_product-a-copy { height: 24rem; } .right_column-copy { min-height: 26rem; overflow: hidden; } .right_column-copy.data-stack { overflow: hidden; } .grid_pricing-copy-copy, .grid_bento-copy { grid-template-columns: 1fr; } .container-large--2 { padding-bottom: 140px; } .card_project-list { min-height: 26rem; } .about-stats-grid { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; position: relative; } .industry_home-image { background-position: 50% 30%; border-radius: .5rem; height: 200px; } .master_process { grid-column-gap: var(--spacing--4); grid-row-gap: var(--spacing--4); height: 325px; } .process_animated-block.fourth-card { max-height: 325px; } .process_animated-block.third-card { max-height: 275px; } .process_animated-block.first-card { max-height: 200px; } .performance_animated-block-2.fourth-card { max-height: 325px; } .performance_animated-block-2.third-card { max-height: 275px; } .performance_animated-block-2.first-card { max-height: 200px; } .process_animated-block-3.fourth-card { max-height: 325px; } .process_animated-block-3.third-card { max-height: 275px; } .process_animated-block-3.first-card { max-height: 200px; } .grid_industry-listing { grid-column-gap: var(--layout-grid--gutter); grid-row-gap: var(--layout-grid--gutter); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .deployed_examples-2 { grid-template-columns: 1fr; } .card-industry-listing-2 { min-height: 16rem; } .grid_industry-listing-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .text-size-large-3.tone-medium { padding-top: 0; padding-bottom: 0; } .text-size-large-3.tone-medium.margin-0 { font-size: 1rem; } .grid_related-solutions, .deployed_examples-3 { grid-template-columns: 1fr; } .card-industry-listings { min-height: 16rem; } .grid_industry-listing-3 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .deployed_example { grid-template-columns: 1fr; } .right_subsol { height: 24rem; } .right_column-sols { min-height: 26rem; overflow: hidden; } .right_column-sols.data-stack { overflow: hidden; } .industry-home-cards { grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-flow: row; } .industry-home-cards.spaces { grid-template-rows: auto auto; grid-auto-flow: column; overflow: hidden; } .industry-home-cards.grms { grid-template-columns: 1fr 1fr; } .marquee-logo-2 { height: 25px; } .widget_table-2 { overflow: scroll; } .widget_table-2.fixed { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } .table_row-2 { grid-template-columns: 130px 130px 180px; } .logo_testimonial-2 { max-width: 6.25rem; } .card_bento-middle-top-2 { height: 18.75rem; } .grid_products { grid-template-columns: 1fr; } .card_bento-left-2 { height: 22.5rem; } .card_testimonial-2 { max-width: 20.75rem; min-height: 16rem; } .fortinent-partner, .certified-engineers, .support { height: 25px; } .tb-hero-inner { grid-row-gap: 24px; grid-template-columns: 1fr; grid-auto-flow: row; row-gap: 24px; min-height: auto; padding-top: 32px; } .tb-hero-inner.cc-hero { grid-row-gap: 28px; grid-row-gap: 28px; row-gap: 28px; padding: 32px 20px 40px; } .hero-left { order: 1; } .hero-left.lp { padding-top: 45px; } .hero-left.lp.cc-hero-left { order: 0; } .tb-badge { max-width: 100%; margin-bottom: 16px; line-height: 1.4; } .tb-badge.lp { padding-top: 6px; } .tb-h1 { margin-bottom: 14px; font-size: 32px; } .tb-h1.lp.cc-h1 { margin-bottom: 16px; font-size: 34px; } .tb-sub { margin-bottom: 22px; padding-top: 0; } .tb-ctas { flex-direction: column; margin-bottom: 22px; } .right_home-landing-page { order: 2; height: 20rem; min-height: 20rem; max-height: none; padding: 0 .5rem; } .right_home-landing-page.lp { margin-top: 40px; } .right_home-landing-page.lp.vcs { margin-top: 0; } .right_home-landing-page.lp.ifp { background-image: none; margin-top: -110px; } .right_home-landing-page.lp.cc-hero-right { border-radius: 1.25rem; height: 16rem; min-height: 16rem; margin-top: 0; padding-left: 0; padding-right: 0; } .card_product_list { height: 22.5rem; } .card_product_list_middle { height: 18.75rem; } .product_categories_l1 { grid-template-columns: 1fr; grid-auto-flow: row; } .cta-link.cta-small { background-color: #241f23; border-radius: 16px; right: 40px; } .technobriq-logo { margin-right: 20px; } .about-stats-grid--lp { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; position: relative; } .grid_solution-listing-lp { grid-template-columns: 1fr; } .left_editor-3 { grid-row-gap: 20px; grid-template-columns: none; } .content_editor-3 { padding-left: 0; padding-right: 0; } .master_editor-3 { padding: 24px 16px; } .brand-logos-gridlp { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; position: relative; } .tb-trust-strip { margin-top: 16px; } .tb-trust-strip-1 { grid-column-gap: 9px; grid-row-gap: 9px; grid-template-rows: auto; grid-template-columns: 1fr; margin-top: 18px; } .tb-trust-text-1 { font-size: 13px; } .tb-fortinet-badge { margin-top: 12px; padding: 8px 12px; } .tb-fortinet-logo-placeholder { width: 100px; height: 30px; font-size: 10px; } .tb-fortinet-badge-label { font-size: 10px; } .tb-fortinet-logo-placeholder-1 { width: 100px; height: 30px; font-size: 10px; } .tb-fn-pills-wrap { grid-column-gap: 6px; grid-row-gap: 6px; bottom: 12px; left: 10px; } .tb-fn-pill { padding: 6px 10px; } .tb-fn-pill-logo { width: 70px; height: 22px; } .tb-fn-pill-text { font-size: 11px; } .tb-fn-pills-wrap2 { grid-column-gap: 6px; grid-row-gap: 6px; top: 10px; left: 10px; } .tb-fn-pill2 { padding: 6px 10px; } .tb-fn-logo-img2 { width: 90px; } .tb-fn-pill-text2 { font-size: 11px; } .wtb-cards.lp.vcs { grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; } .wtb-card-title.cc-role-q { font-size: 17px; } .wtb-contacts.lp { grid-column-gap: 6px; grid-row-gap: 6px; grid-column-gap: 6px; grid-row-gap: 6px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .pcg { grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .pcg.largesection { grid-template-columns: 1fr 1fr; } .vc-room-img { grid-column-gap: 16px; grid-row-gap: 16px; aspect-ratio: 16 / 9; background-size: cover; order: 0; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; max-width: none; height: auto; display: block; } .vc-room-img.huddle { background-position: 20%; background-size: cover; grid-template-rows: auto; } .vc-cards-side.vc-center.ifp { padding-top: 0; } .tr2-imgs { grid-template-rows: auto auto; } .tr2-imgs.ifp { grid-template-columns: 1fr; } .tr2-img { border: 1px solid var(--_🎨-color--tokens---background--base); } .partenrships.lp.cc-brands-stack { grid-row-gap: 28px; grid-row-gap: 28px; grid-row-gap: 28px; } .media-split { grid-row-gap: 16px; grid-template-columns: 1fr; } .master_list { padding: 24px 16px; } .solution_card { padding-left: 0; padding-right: 0; } .solution_description { grid-row-gap: 20px; grid-template-columns: none; } .ifp-brand-products { grid-column-gap: 16px; grid-row-gap: 16px; aspect-ratio: 16 / 9; background-size: cover; order: 0; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; max-width: none; height: auto; display: block; } .ifp-brand-products.huddle { background-position: 20%; background-size: cover; grid-template-rows: auto; } .ifp-brand-products.smart { background-position: 50%; background-size: contain; } .ifp-contact-card { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .image-11 { width: 100%; height: auto; } .image-11.hero-rounded.cc-hero-img { border-radius: 1.25rem; height: 100%; } .img_recent-work { width: 320px; height: 220px; } .heading { padding-bottom: 20px; } .footer_legal-2 { grid-row-gap: .75rem; } .features_thirds { grid-template-columns: 1fr; } .footer_columns-2 { grid-auto-columns: 1fr; } .top-products-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .top-products-image { height: 80px; } .product-name-bold { font-size: 12px; } .product-desc-small { font-size: 11px; } .subcategory-card { padding-left: 10px; padding-right: 10px; } .card-flex-item { flex-basis: 100%; padding-left: 10px; padding-right: 10px; } .use-case-flex-item, .card-flex-item-3col { flex-basis: 100%; } .cc-stats-row { grid-column-gap: 12px; grid-template-columns: minmax(0, .8fr) minmax(0, .9fr) minmax(0, 1.3fr); margin-top: 28px; padding-top: 20px; } .cc-stats-num { font-size: 18px; } .cc-stats-label { font-size: 12px; line-height: 1.35; } .cc-uc-head { grid-row-gap: 16px; margin-bottom: 28px; } .cc-uc-title { font-size: 30px; } .cc-uc-grid { grid-row-gap: 12px; grid-template-columns: minmax(0, 1fr); margin-bottom: 28px; } .cc-uc-card-dark, .cc-uc-card-light { padding: 22px 20px; } .cc-logo-grid { grid-column-gap: 8px; grid-row-gap: 8px; } .cc-logo-card { border-radius: 10px; height: 60px; padding-left: 10px; padding-right: 10px; } .cc-logo-img { max-height: 26px; } .cc-logo-img.is-wordmark-crop { width: 110px; height: 36px; } .cc-logo-img.is-large { max-height: 40px; } .cc-logo-img.is-wide { width: 110px; height: 45px; } .cc-logo-img.is-wide-crop { width: 120px; height: 30px; } .cc-tk { margin-bottom: 0; } .cc-tk-diagram { border-radius: 14px; padding: 12px 8px 8px; } .cc-tk-list { grid-row-gap: 22px; grid-template-columns: minmax(0, 1fr); margin-bottom: 28px; } .cc-tk-cta { text-align: center; justify-content: center; width: 100%; font-size: 14px; } .cc-tk-pin { border-top-width: 2px; width: 22px; height: 22px; margin-top: -11px; margin-left: -11px; font-size: 11px; line-height: 18px; } .cc-dl { grid-row-gap: 28px; margin-top: 0; } .cc-dl-step { grid-template-columns: 40px minmax(0, 1fr); padding-top: 8px; padding-bottom: 8px; } .cc-pt-card { padding: 24px 20px; } .cc-pt-title { font-size: 24px; } } #w-node-_03e9a501-f135-54aa-5f77-ef3460e42e24-0ef7268f, #w-node-_71c28f1d-67b4-5136-6d57-2a875837a250-d0446e59, #w-node-_98639d13-f490-7cfe-5c11-139cf5592dd0-d0446e59, #w-node-_8b974130-51f9-931b-a5f7-ade0d7d8e024-d0446e59 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 767px) { #w-node-_71c28f1d-67b4-5136-6d57-2a875837a250-d0446e59 { order: -9999; } }