:root {
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--dark);
  --_🔠-typography---font-family--body-2: var(--_🔠-typography---font--body);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--light-88);
  --_🔠-typography---size--body-2: 16px;
  --_🔠-typography---line-height--body-2: 24px;
  --_🔠-typography---font-weight--body-2: var(--_🔠-typography---weight--body);
  --_🔠-typography---letter-spacing--body-2: 0px;
  --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h1: 60px;
  --_🔠-typography---line-height--h1: 64px;
  --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h1: -2.5px;
  --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h2: 48px;
  --_🔠-typography---line-height--h2: 52px;
  --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h2: -2px;
  --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h3: 40px;
  --_🔠-typography---line-height--h3: 44px;
  --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h3: -1px;
  --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h4: 32px;
  --_🔠-typography---line-height--h4: 40px;
  --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h4: -1px;
  --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h5: 28px;
  --_🔠-typography---line-height--h5: 32px;
  --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h5: -1px;
  --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h6: 20px;
  --_🔠-typography---line-height--h6: 24px;
  --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h6: -.5px;
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--light-64);
  --_🔠-typography---font--heading-serif: "Instrument Serif", sans-serif;
  --spacing--12: 12px;
  --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--light-64);
  --_🔠-typography---size--button-2: 14px;
  --_🔠-typography---line-height--button-2: 16px;
  --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button);
  --_🔠-typography---letter-spacing--button-2: 0px;
  --spacing--0: 0px;
  --spacing--16: 16px;
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🔘-radius---ui-elements--input: 8px;
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---ui--input-bg);
  --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label);
  --_🔠-typography---size--label-1: 12px;
  --_🔠-typography---line-height--label-1: 16px;
  --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label);
  --_🔠-typography---letter-spacing--label-1: 1px;
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--light-16);
  --spacing--24: 24px;
  --container--small: 1080px;
  --grid--page-padding: 48px;
  --_🔠-typography---font-family--body-3: var(--_🔠-typography---font--body);
  --_🔠-typography---size--body-3: 14px;
  --_🔠-typography---line-height--body-3: 22px;
  --_🔠-typography---font-weight--body-3: var(--_🔠-typography---weight--body);
  --_🔠-typography---letter-spacing--body-3: 0px;
  --section-padding--small: 80px;
  --section-padding--large: 160px;
  --spacing--64: 64px;
  --_spacing---radius--24\<deleted\|variable-7ed2b0ff-bd46-a18a-a853-254e7a6feaf7\>: 24px;
  --section-padding--extra-small: 32px;
  --_🔠-typography---font-family--body-1: var(--_🔠-typography---font--body);
  --_🔠-typography---size--body-1: 20px;
  --_🔠-typography---line-height--body-1: 28px;
  --_🔠-typography---font-weight--body-1: var(--_🔠-typography---weight--body);
  --_🔠-typography---letter-spacing--body-1: 0px;
  --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label);
  --_🔠-typography---size--label-2: 10px;
  --_🔠-typography---line-height--label-2: 12px;
  --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label);
  --_🔠-typography---letter-spacing--label-2: 1px;
  --_🔘-radius---general--default: 12px;
  --_🎨-color--base---ui--error: #c94040;
  --_🎨-color--base---neutral--light-100: #f6f3f0;
  --spacing--48: 48px;
  --_🎨-color--base---neutral--dark-0: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 0%, transparent);
  --_🎨-color--base---neutral--light-0: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 0%, transparent);
  --_🎨-color--base---ui--success: #2ad87f;
  --_🎨-color--base---neutral--dark-100: #0b0c0e;
  --spacing--32: 32px;
  --spacing--8: 8px;
  --_🔘-radius---ui-elements--button-base: 8px;
  --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--button);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🔠-typography---size--button-1: 16px;
  --_🔠-typography---line-height--button-1: 20px;
  --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button);
  --_🔠-typography---letter-spacing--button-1: 0px;
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_❇️-icon---icon-size--small: 12px;
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --spacing--4: 4px;
  --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h0: 124px;
  --_🔠-typography---line-height--h0: 124px;
  --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h0: -4px;
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--light-88);
  --_🔘-radius---ui-elements--button-circle: 24px;
  --_❇️-icon---icon-size--medium: 16px;
  --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--semi-bold);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--light-8);
  --_🔘-radius---general--small: 8px;
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--dark);
  --_❇️-icon---icon-stroke: 1.5px;
  --spacing--20: 20px;
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--light-4);
  --_🎨-color--base---accent--primary-2: #3578ff;
  --_🎨-color--base---accent--primary: #0055fe;
  --max-width--4-columns: 448px;
  --max-width--5-columns: 564px;
  --max-width--2-columns: 216px;
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--base---neutral--dark-16: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 16%, transparent);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--light-32);
  --grid--column-gap: 16px;
  --_🔘-radius---general--full: 100vw;
  --_🎨-color--base---neutral--light-16: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 16%, transparent);
  --_🎨-color--base---accent--primary-3: #032d81;
  --max-width--6-columns: 680px;
  --max-width--3-columns: 332px;
  --spacing--120: 120px;
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--dark);
  --_🎨-color--base---neutral--dark-32: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 32%, transparent);
  --max-width--7-columns: 796px;
  --_❇️-icon---icon-size--large: 20px;
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--base---neutral--light-4: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 4%, transparent);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--light-64);
  --_🔠-typography---font--heading-sans: "DM Sans", sans-serif;
  --_🔠-typography---font--body: "DM Sans", sans-serif;
  --_🔠-typography---font--label: "DM Sans", sans-serif;
  --_🔠-typography---font--button: "DM Sans", sans-serif;
  --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--medium);
  --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--medium);
  --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--normal);
  --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal);
  --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--medium);
  --_🔘-radius---general--large: 24px;
  --spacing--80: 80px;
  --section-padding--extra-large: 200px;
  --section-padding--medium: 120px;
  --max-width--8-columns: 912px;
  --max-width--9-columns: 1028px;
  --max-width--10-columns: 1144px;
  --max-width--12-columns: 1376px;
  --grid--content-gap: 120px;
  --container--main: 1800px;
  --_🔘-radius---ui-elements--tag: 16px;
  --_🎨-color--base---neutral--dark-88: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 88%, transparent);
  --_🎨-color--base---neutral--dark-64: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 64%, transparent);
  --_🎨-color--base---neutral--dark-48: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 48%, transparent);
  --_🎨-color--base---neutral--dark-8: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 8%, transparent);
  --_🎨-color--base---neutral--dark-4: color-mix(in srgb, var(--_🎨-color--base---neutral--dark-100) 4%, transparent);
  --_🎨-color--base---neutral--light-88: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 88%, transparent);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--base---neutral--light-64: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 64%, transparent);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--dark);
  --_🎨-color--base---neutral--light-48: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 48%, transparent);
  --_🎨-color--base---neutral--light-32: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 32%, transparent);
  --_❇️-icon---icon-size--extra-large: 36px;
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--base---neutral--light-8: color-mix(in srgb, var(--_🎨-color--base---neutral--light-100) 8%, transparent);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--base---background-base--light: #f6f3f0;
  --_🎨-color--base---background-base--dark: #0b0c0e;
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--base---background-lift--light: white;
  --_🎨-color--base---background-lift--dark: #1a1a1a;
  --_🎨-color--base---background-lift-low-opacity--light: #ffffffa3;
  --_🎨-color--base---background-lift-low-opacity--dark: #1a1a1a52;
  --_🎨-color--base---background-depth--light: #f0f0f0;
  --_🎨-color--base---background-depth--dark: #222;
  --_🎨-color--base---ui--warning: #c56a21;
  --_🔠-typography---all-weights--thin: 100;
  --_🔠-typography---all-weights--extra-light: 200;
  --_🔠-typography---all-weights--light: 300;
  --_🔠-typography---all-weights--normal: 400;
  --_🎨-color--base---ui--input-bg: #f8f8f8;
  --_🔠-typography---all-weights--medium: 500;
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--dark-88);
  --_🔠-typography---all-weights--semi-bold: 600;
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🔠-typography---all-weights--bold: 700;
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--dark-64);
  --_🔠-typography---all-weights--extra-bold: 800;
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--dark-100);
  --_🔠-typography---all-weights--black: 900;
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--dark-0);
}

.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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #0055fe;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #0055fe;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #0055fe;
  background-image: url('../images/checkbox-check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #0055fe;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #0055fe;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_🎨-color--tokens---background--base);
  font-family: var(--_🔠-typography---font-family--body-2);
  color: var(--_🎨-color--tokens---text-body--strong);
  font-size: var(--_🔠-typography---size--body-2);
  line-height: var(--_🔠-typography---line-height--body-2);
  font-weight: var(--_🔠-typography---font-weight--body-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--body-2);
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--dark);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--light-8);
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--dark);
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--light-4);
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--light-32);
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--dark);
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--dark);
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--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--body-2);
  font-size: var(--_🔠-typography---size--body-2);
  line-height: var(--_🔠-typography---line-height--body-2);
  font-weight: var(--_🔠-typography---font-weight--body-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--body-2);
  margin-bottom: 10px;
}

a {
  color: var(--_🎨-color--tokens---text-body--medium);
  text-decoration: none;
}

ul {
  color: var(--_🎨-color--tokens---text-body--medium);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  font-family: var(--_🔠-typography---font--heading-serif);
  font-size: var(--_🔠-typography---size--h5);
  line-height: var(--_🔠-typography---line-height--h5);
  font-weight: var(--_🔠-typography---font-weight--h6);
  letter-spacing: var(--_🔠-typography---letter-spacing--h6);
  background-image: url('../images/quote-mark.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 32px;
  border-left: 0 solid #000;
  margin-bottom: 10px;
  padding: 10px 40px 10px 0;
}

figcaption {
  margin-top: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color--tokens---text-label--medium);
  font-size: var(--_🔠-typography---size--button-2);
  line-height: var(--_🔠-typography---line-height--button-2);
  font-weight: var(--_🔠-typography---font-weight--button-2);
  text-align: center;
  letter-spacing: var(--_🔠-typography---letter-spacing--button-2);
  text-transform: uppercase;
}

.text-field {
  width: 100%;
  height: auto;
  margin-bottom: var(--spacing--0);
  padding: var(--spacing--12) var(--spacing--16);
  border: 1px solid var(--_🎨-color--tokens---input-default--border);
  border-radius: var(--_🔘-radius---ui-elements--input);
  background-color: var(--_🎨-color--tokens---input-default--background);
  font-family: var(--_🔠-typography---font-family--body-2);
  color: var(--_🎨-color--tokens---input-default--text);
  font-size: var(--_🔠-typography---size--body-2);
  line-height: var(--_🔠-typography---line-height--body-2);
  font-weight: var(--_🔠-typography---font-weight--body-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--body-2);
}

.text-field:focus {
  border-color: var(--_🎨-color--tokens---input-active--border);
  background-color: var(--_🎨-color--tokens---input-default--background);
  color: var(--_🎨-color--tokens---input-active--text);
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-color: var(--_🎨-color--tokens---input-active--border);
  background-color: var(--_🎨-color--tokens---input-active--background);
  color: var(--_🎨-color--tokens---input-active--text);
}

.text-field::placeholder {
  color: var(--_🎨-color--tokens---input-default--text);
}

.text-field.textarea {
  height: 120px;
}

.text-field.select {
  appearance: 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;
}

.section-divider {
  background-color: var(--_🎨-color--tokens---color-grade--light-16);
  width: 100%;
  height: 1px;
  margin-right: auto;
}

.template-hero-title-wrap {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.main-container {
  z-index: 2;
  width: 100%;
  max-width: var(--container--small);
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-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);
}

.text-small {
  font-family: var(--_🔠-typography---font-family--body-3);
  font-size: var(--_🔠-typography---size--body-3);
  line-height: var(--_🔠-typography---line-height--body-3);
  font-weight: var(--_🔠-typography---font-weight--body-3);
  letter-spacing: var(--_🔠-typography---letter-spacing--body-3);
  margin-top: 0;
  margin-bottom: 0;
}

.section {
  padding-top: var(--section-padding--small);
  padding-bottom: var(--section-padding--small);
  background-color: var(--_🎨-color--tokens---background--base);
  color: var(--_🎨-color--tokens---text-body--strong);
  position: relative;
}

.section.hero-template {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--spacing--64);
  border-top-left-radius: var(--_spacing---radius--24\<deleted\|variable-7ed2b0ff-bd46-a18a-a853-254e7a6feaf7\>);
  border-top-right-radius: var(--_spacing---radius--24\<deleted\|variable-7ed2b0ff-bd46-a18a-a853-254e7a6feaf7\>);
}

.section.hero-section {
  min-height: 98vh;
  padding-bottom: var(--spacing--0);
  display: flex;
}

.section.cta-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--extra-small);
}

.text-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);
}

.text-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);
}

.text-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);
}

.text-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);
  justify-content: flex-start;
  align-items: center;
}

.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.text-large {
  font-family: var(--_🔠-typography---font-family--body-1);
  font-size: var(--_🔠-typography---size--body-1);
  line-height: var(--_🔠-typography---line-height--body-1);
  font-weight: var(--_🔠-typography---font-weight--body-1);
  letter-spacing: var(--_🔠-typography---letter-spacing--body-1);
  margin-top: 0;
  margin-bottom: 0;
}

.text-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);
}

.label-small {
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.error-message {
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--base---ui--error);
  color: var(--_🎨-color--base---neutral--light-100);
  text-align: center;
}

.footer {
  width: 100%;
  padding-top: var(--spacing--48);
  padding-bottom: var(--section-padding--large);
  background-color: var(--_🎨-color--tokens---background--base);
  position: relative;
}

.wrap-submit-button {
  height: 100%;
  padding-right: var(--spacing--16);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.submit-button {
  z-index: 3;
  background-color: var(--_🎨-color--base---neutral--dark-0);
  width: 100%;
  height: 100%;
  color: var(--_🎨-color--base---neutral--light-0);
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.wrap-input-form {
  position: relative;
}

.success-message {
  border: 1px solid var(--_🎨-color--base---ui--success);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--base---ui--success);
  color: var(--_🎨-color--base---neutral--dark-100);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-wrap._404 {
  background-color: var(--_🎨-color--tokens---background--base);
  position: relative;
  overflow: hidden;
}

.utility-page-wrap.pw {
  background-color: var(--_🎨-color--tokens---background--base);
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-content._404 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.utility-page-content.pw {
  z-index: 2;
  width: 100%;
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.limit-500 {
  max-width: 500px;
}

._404-content {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 676px;
  display: flex;
  position: relative;
}

.heading-404 {
  max-width: 550px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-page-form.pw {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 420px;
}

.hidden {
  display: none;
}

.master-navigation {
  z-index: 999;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 25px;
  left: 0;
  right: 0;
}

.cta-main {
  z-index: 2;
  padding: var(--spacing--12) var(--spacing--16);
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  border-radius: var(--_🔘-radius---ui-elements--button-base);
  pointer-events: auto;
  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;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
  position: relative;
}

.cta-main:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f) {
  color: var(--_🎨-color--tokens---button-secondary-default--text);
}

.cta-main:hover {
  color: var(--_🎨-color--tokens---button-primary-hover--text);
}

.cta-main:hover:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f) {
  color: var(--_🎨-color--tokens---button-secondary-default--text);
}

.button-text-mask {
  z-index: 2;
  height: var(--_🔠-typography---line-height--button-1);
  pointer-events: none;
  flex: none;
  position: relative;
  overflow: hidden;
}

.button-text-mask.button-2 {
  height: var(--_🔠-typography---line-height--button-2);
}

.button-text {
  z-index: 1;
  text-shadow: 0 1.5em 0 var(--_🎨-color--tokens---button-primary-hover--text);
  position: relative;
}

.button-text:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .button-text:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) {
  text-shadow: 0 1.5em 0 var(--_🎨-color--tokens---button-secondary-hover--text);
}

.button-icon-wrap {
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
  pointer-events: none;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.button-icon-wrap.right {
  margin-right: -4px;
}

.button-icon-wrap.left {
  margin-left: -4px;
}

.icon-button {
  z-index: 2;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.button-bg {
  border: 2px solid var(--_🎨-color--tokens---button-primary-default--border);
  border-radius: var(--_🔘-radius---ui-elements--button-base);
  background-color: var(--_🎨-color--tokens---button-primary-default--background);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  pointer-events: none;
  transition: background-color .3s;
  position: absolute;
  inset: 0%;
  box-shadow: 0 5px 30px 5px #0055fe52;
}

.button-bg:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f) {
  border-color: var(--_🎨-color--tokens---button-secondary-default--border);
  background-color: var(--_🎨-color--tokens---button-secondary-default--background);
  box-shadow: 0 5px 30px 5px #ffffff1a;
}

.button-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);
}

.button-bg:hover {
  border-color: var(--_🎨-color--tokens---button-primary-hover--border);
  background-color: var(--_🎨-color--tokens---button-primary-hover--background);
}

.button-bg:hover:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .button-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);
}

.image-cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-cover.top-aligned {
  object-position: 50% 0%;
}

.sales-cta-master {
  z-index: 990;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  pointer-events: none;
  width: 100%;
  color: var(--_🎨-color--base---neutral--light-100);
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 8px;
}

.sales-cta {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  pointer-events: auto;
  background-color: #040404;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 8px 8px 12px;
  display: flex;
  position: relative;
}

.cta-sales {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  background-color: #ffffff14;
  border: 1px solid #ffffff29;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-family: Raveo Display;
  font-size: 14px;
  font-weight: 500;
  line-height: 114%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-sales.light {
  color: #161616;
  background-color: #eae8e3;
  border-style: none;
}

.master-sales-ctas {
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 32px;
}

.cta-small {
  padding: var(--spacing--8) var(--spacing--12);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  border-radius: var(--_🔘-radius---ui-elements--button-base);
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color--tokens---button-primary-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);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
  position: relative;
}

.cta-small:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) {
  color: var(--_🎨-color--tokens---button-secondary-default--text);
}

.cta-small:hover {
  color: var(--_🎨-color--tokens---button-primary-hover--text);
}

.text-h0 {
  font-family: var(--_🔠-typography---font-family--h0);
  font-size: var(--_🔠-typography---size--h0);
  line-height: var(--_🔠-typography---line-height--h0);
  font-weight: var(--_🔠-typography---font-weight--h0);
  letter-spacing: var(--_🔠-typography---letter-spacing--h0);
}

.heading-strong {
  color: var(--_🎨-color--tokens---text-heading--strong);
}

.heading-medium {
  color: var(--_🎨-color--tokens---text-heading--medium);
}

.body-medium {
  color: var(--_🎨-color--tokens---text-body--medium);
}

.label-strong {
  color: var(--_🎨-color--tokens---text-label--strong);
}

.label-medium {
  color: var(--_🎨-color--tokens---text-label--medium);
}

.button-slider {
  padding: var(--spacing--8);
  border: 1px solid var(--_🎨-color--tokens---button-primary-default--border);
  border-radius: var(--_🔘-radius---ui-elements--button-circle);
  background-color: var(--_🎨-color--tokens---button-primary-default--background);
  color: var(--_🎨-color--tokens---button-primary-default--text);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.button-slider:where(.w-variant-3b1d5b2f-3e5d-c467-6981-e7b261b76e46) {
  border-color: var(--_🎨-color--tokens---button-secondary-default--border);
  background-color: var(--_🎨-color--tokens---button-secondary-default--background);
  color: var(--_🎨-color--tokens---button-secondary-default--text);
}

.button-slider:hover {
  border-color: var(--_🎨-color--tokens---button-primary-hover--border);
  background-color: var(--_🎨-color--tokens---button-primary-hover--background);
  color: var(--_🎨-color--tokens---button-primary-hover--text);
}

.button-slider:hover:where(.w-variant-3b1d5b2f-3e5d-c467-6981-e7b261b76e46) {
  border-color: var(--_🎨-color--tokens---button-secondary-hover--border);
  background-color: var(--_🎨-color--tokens---button-secondary-hover--background);
  color: var(--_🎨-color--tokens---button-secondary-hover--text);
}

.icon-slider-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-slider-button:where(.w-variant-b120320a-1721-bd0a-dc5a-134cc6348231) {
  transform: rotate(180deg);
}

.icon-slider-button.small {
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
  display: none;
}

.icon-slider-button.small:where(.w-variant-d26711b8-a3b3-43f2-79d5-5de28e1e347a) {
  display: flex;
}

.icon-slider-button.large {
  width: var(--_❇️-icon---icon-size--medium);
  height: var(--_❇️-icon---icon-size--medium);
}

.icon-slider-button.large:where(.w-variant-d26711b8-a3b3-43f2-79d5-5de28e1e347a) {
  display: none;
}

.wrap-icon-slider {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrap-icon-slider:where(.w-variant-5ba9241a-7079-4c4d-345e-a0127f34962f) {
  transform: rotate(180deg);
}

.text-body-bold {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.section-divider-2, .section-divider-3 {
  background-color: #19181852;
  width: 100%;
  height: 1px;
  margin-right: auto;
}

.single-sales-pages {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  display: flex;
}

.master-bg-grid {
  z-index: 3;
  width: 100%;
  height: 100vh;
  max-width: var(--container--small);
  padding-right: var(--spacing--24);
  padding-left: var(--spacing--24);
  pointer-events: none;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0%;
}

.bg-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.line-bg {
  background-color: var(--_🎨-color--tokens---color-grade--light-16);
  width: 1px;
  height: 100%;
}

.line-section {
  z-index: 10;
  background-color: var(--_🎨-color--tokens---color-grade--light-16);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.line-section.bottom {
  inset: auto 0% 0%;
}

.line-inner {
  width: 100%;
  height: 1px;
  max-width: var(--container--small);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
}

.circle-line {
  background-color: #cecece;
  width: 5px;
  height: 5px;
  position: relative;
}

.navbar {
  padding: var(--spacing--8);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-8);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--tokens---color-grade--light-8);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--_🎨-color--tokens---text-body--strong);
}

.nav-coontainer {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  padding: var(--spacing--12) var(--spacing--16);
  border-radius: var(--_🔘-radius---general--small);
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color--tokens---text-body--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);
  text-transform: uppercase;
  position: relative;
}

.nav-link.w--current {
  background-color: var(--_🎨-color--tokens---color-grade--light-8);
}

.nav-menu-inner {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-nav {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--_🔘-radius---general--default);
  width: 64px;
  height: 48px;
  overflow: hidden;
}

.faq-vertical {
  z-index: 1;
  width: var(--_❇️-icon---icon-stroke);
  background-color: var(--_🎨-color--base---neutral--light-100);
  border-radius: 2px;
  height: 10px;
  position: absolute;
}

.faq-paragraph {
  padding-top: var(--spacing--32);
  color: var(--_🎨-color--tokens---text-heading--medium);
  margin-bottom: 0;
}

.faq-line {
  z-index: 1;
  width: 12px;
  height: var(--_❇️-icon---icon-stroke);
  background-color: var(--_🎨-color--base---neutral--light-100);
  border-radius: 2px;
  position: relative;
}

.faq-line.faq-vertical {
  width: var(--_❇️-icon---icon-stroke);
  height: 12px;
  position: absolute;
}

.expandable-bottom {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.tab-menu-faq {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  flex-flow: column;
  display: flex;
}

.expandable-top {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-link-faq {
  background-color: var(--_🎨-color--base---neutral--light-0);
  cursor: pointer;
  width: 100%;
  padding: 0;
  display: block;
}

.tab-link-faq.w--current {
  background-color: #0000;
}

.faq-animated-box {
  border-radius: var(--_🔘-radius---general--small);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.expandable-single {
  padding: var(--spacing--20);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-8);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--tokens---color-grade--light-4);
  color: var(--_🎨-color--tokens---text-heading--strong);
  cursor: pointer;
  transition: background-color .3s;
}

.expandable-single:hover {
  background-color: var(--_🎨-color--tokens---color-grade--light-16);
}

.faq-icon-bg {
  border: 1px solid var(--_🎨-color--base---accent--primary-2);
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--base---accent--primary);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.headline-centered {
  max-width: var(--max-width--4-columns);
  margin-right: auto;
  margin-bottom: var(--spacing--64);
  text-align: center;
  margin-left: auto;
}

.headline-centered.testimonials {
  max-width: var(--max-width--5-columns);
}

.page-wrap {
  overflow: clip;
}

.slider {
  background-color: var(--_🎨-color--base---neutral--light-0);
  height: auto;
}

.slide-nav {
  filter: drop-shadow(0 2px 5px #000000b3);
  font-size: 8px;
  position: static;
}

.slide-work {
  margin-right: var(--spacing--32);
}

.mask-work {
  width: 76%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.slider-button {
  background-color: var(--_🎨-color--base---neutral--light-0);
  justify-content: center;
  align-items: center;
  width: auto;
  height: 48px;
  transition: transform .5s;
  display: flex;
  top: 0;
  bottom: 0;
  right: 32px;
  overflow: visible;
}

.slider-button:active {
  transform: scale(.9);
}

.slider-button.previous {
  left: 32px;
  right: auto;
}

.work-card-link {
  border: 2px solid var(--_🎨-color--tokens---color-grade--light-4);
  border-radius: var(--_🔘-radius---general--default);
  width: 100%;
  height: 450px;
  color: var(--_🎨-color--tokens---text-body--strong);
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--dark);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--light-8);
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--dark);
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--light-4);
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--light-32);
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--dark);
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--dark);
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--dark-0);
  display: block;
  position: relative;
  overflow: hidden;
}

.image-wrap-work-card {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.content-work-card {
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  background-image: linear-gradient(0deg, var(--_🎨-color--tokens---color-grade--dark-100), var(--_🎨-color--tokens---color-grade--dark-48) 35%, var(--_🎨-color--base---neutral--dark-0) 51%);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.project {
  width: 100%;
}

.wrap-work-slider {
  width: 100%;
  position: relative;
  overflow: clip;
}

.wrap-work-slider.with-padding {
  margin-top: -40px;
  margin-bottom: -40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.shadow-work-slider {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--_🎨-color--tokens---color-grade--dark-100), var(--_🎨-color--base---neutral--dark-0));
  pointer-events: none;
  width: 10%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.shadow-work-slider.right {
  background-image: linear-gradient(90deg, var(--_🎨-color--base---neutral--dark-0), var(--_🎨-color--tokens---color-grade--dark-100));
  inset: 0% 0% 0% auto;
}

.text-wrap-work-card {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tag-wrap-work-card {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.tag-wrap-work-card.absolute {
  position: absolute;
  inset: 24px 24px auto auto;
}

.tag-work {
  padding: var(--spacing--8) var(--spacing--12);
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--base---neutral--dark-16);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--_🎨-color--base---neutral--light-100);
  text-align: center;
}

.tabs-pricing {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tabs-menu-pricing {
  margin-bottom: var(--spacing--32);
  padding: var(--spacing--4);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-32);
  border-radius: var(--_🔘-radius---general--default);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content-pricing {
  width: 100%;
}

.tab-link-pricing {
  padding: var(--spacing--8) var(--spacing--20);
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--base---neutral--light-0);
  color: var(--_🎨-color--tokens---text-body--medium);
}

.tab-link-pricing.w--current {
  background-color: var(--_🎨-color--base---accent--primary);
  color: var(--_🎨-color--base---neutral--light-100);
}

.plan-top-tile {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.icon-plan {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.plan-bottom-tile {
  z-index: 2;
  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;
  position: relative;
}

.pricing-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.card-plan {
  z-index: 2;
  width: 100%;
  padding: var(--spacing--32);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--tokens---background--base);
  color: var(--_🎨-color--tokens---text-body--strong);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.plan-middle-tile {
  z-index: 2;
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  display: flex;
  position: relative;
}

.plan-price-tile {
  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;
}

.plan-list-item {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-list {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.tab-pane {
  width: 100%;
}

.plan-gradient {
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--base---accent--primary);
  filter: blur(90px);
  width: 30px;
  height: 600px;
  position: absolute;
  inset: -100px auto auto 57px;
  transform: rotate(-31deg);
}

.plan-gradient.smaller {
  inset: auto -90px -404px auto;
}

.icon-wrap-small {
  padding: var(--spacing--4);
  border: 1px solid var(--_🎨-color--base---neutral--light-16);
  border-radius: var(--_🔘-radius---general--small);
  background-image: linear-gradient(135deg, var(--_🎨-color--base---accent--primary), var(--_🎨-color--base---accent--primary-3));
  color: var(--_🎨-color--base---neutral--light-100);
}

.plans-bg {
  background-color: var(--_🎨-color--base---accent--primary);
  opacity: .35;
  filter: blur(200px);
  width: 250px;
  height: 250px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.video-cta {
  width: 100%;
  height: auto;
  padding: var(--spacing--64) var(--grid--page-padding);
  border: 1px solid var(--_🎨-color--base---neutral--light-16);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--tokens---color-grade--dark-100);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.master-cta-content {
  z-index: 2;
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.overlay-cta {
  background-color: var(--_🎨-color--base---accent--primary-3);
  opacity: .58;
  filter: blur(75px);
  width: 500px;
  height: 140px;
  display: flex;
  position: absolute;
  inset: 196px auto auto -309px;
  transform: rotate(37deg);
}

.overlay-cta.second {
  width: 400px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  inset: auto -57px 275px auto;
}

.overlay-cta.third {
  width: 600px;
  top: 16px;
  left: -93px;
}

.headline-cta {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-paragraph {
  max-width: var(--max-width--3-columns);
}

.button-wrap-cta {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-serif {
  font-family: var(--_🔠-typography---font--heading-serif);
  font-style: italic;
}

.tag-plan {
  padding: var(--spacing--8) var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--spacing--8);
  background-color: var(--_🎨-color--base---neutral--dark-0);
  box-shadow: 0 0 7.5px 0 var(--_🎨-color--base---accent--primary-3);
  color: var(--_🎨-color--tokens---text-body--medium);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.image-wrap-avatar-footer {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--_🔘-radius---general--default);
  width: 64px;
  height: 48px;
  overflow: hidden;
}

.footer-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-columns {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-column {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  display: flex;
}

.footer-link-list {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  font-family: var(--_🔠-typography---font-family--body-3);
  color: var(--_🎨-color--tokens---text-body--medium);
  font-size: var(--_🔠-typography---size--body-3);
  line-height: var(--_🔠-typography---line-height--body-3);
  font-weight: var(--_🔠-typography---font-weight--body-3);
  letter-spacing: var(--_🔠-typography---letter-spacing--body-3);
  text-shadow: 0 1.25em 0 var(--_🎨-color--tokens---text-body--medium);
  overflow: clip;
}

.footer-main-bg {
  border-top-left-radius: var(--_🔘-radius---general--full);
  border-top-right-radius: var(--_🔘-radius---general--full);
  background-image: linear-gradient(90deg, var(--_🎨-color--base---accent--primary), var(--_🎨-color--base---accent--primary-3));
  opacity: 1;
  filter: blur(75px);
  width: 95%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -125px;
}

.left-footer {
  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;
}

.socials-footer {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-social {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-32);
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--tokens---color-grade--dark-100);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: border-color .45s;
  display: flex;
  position: relative;
  overflow: clip;
}

.link-social:hover {
  border-color: var(--_🎨-color--base---accent--primary);
}

.icon-social {
  z-index: 2;
  width: var(--_❇️-icon---icon-size--medium);
  height: var(--_❇️-icon---icon-size--medium);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-bottom {
  margin-top: var(--spacing--120);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  display: flex;
}

.footer-bottom-tile {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-underline {
  text-decoration: underline;
}

.footer-left-top-tile {
  max-width: var(--max-width--3-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-avatar {
  z-index: 3;
  border-radius: var(--_🔘-radius---general--default);
  width: 100%;
  max-width: 300px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  overflow: visible;
}

.master-hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.marquee {
  z-index: 2;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.marquee-text {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  color: var(--_🎨-color--tokens---text-body--subtle);
  display: flex;
}

.single-marquee-text {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex: none;
  display: flex;
}

.shadow-marquee {
  background-image: linear-gradient(90deg, var(--_🎨-color--tokens---color-grade--dark-100), var(--_🎨-color--base---neutral--dark-0));
  width: 100px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.shadow-marquee.right {
  background-image: linear-gradient(90deg, var(--_🎨-color--base---neutral--dark-0), var(--_🎨-color--tokens---color-grade--dark-100));
  inset: 0% 0% 0% auto;
}

.wrap-progressive-blur {
  z-index: 99;
  pointer-events: none;
  width: 100%;
  height: 100%;
  max-height: 8rem;
  position: fixed;
  inset: auto 0% 100%;
  overflow: clip;
}

.progressive-blur-panel {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur-panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur-panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur-panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur-panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur-panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur-panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur-panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur-panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur-panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur-panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur {
  z-index: 990;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: clip;
  transform: rotate(180deg);
}

.nav-link-bg {
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--tokens---color-grade--light-8);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-testimonial {
  margin-right: var(--spacing--32);
}

.mask-testimonial {
  max-width: var(--max-width--3-columns);
  border: 1px solid var(--_🎨-color--base---accent--primary-2);
  border-radius: var(--_🔘-radius---general--default);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  box-shadow: 0 5px 30px 5px #032d8180;
}

.card-testimonial {
  z-index: 12;
  width: 100%;
  height: 360px;
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.right-nav {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  justify-content: center;
  align-items: center;
  display: flex;
}

.mode-button {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--tokens---color-grade--light-4);
  width: 32px;
  height: 32px;
  color: var(--_🎨-color--tokens---color-grade--light-88);
  cursor: pointer;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-wrap-mode {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: static;
}

.icon-mode {
  width: var(--_❇️-icon---icon-size--medium);
  height: var(--_❇️-icon---icon-size--medium);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quotes-testimonial {
  opacity: .55;
  width: 64px;
  color: var(--_🎨-color--base---accent--primary);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 24px 24px auto;
}

.testimonial-author {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  display: flex;
}

.avatar-testimonial {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-8);
  border-radius: var(--_🔘-radius---general--default);
  flex: none;
  width: 48px;
  height: 36px;
  overflow: hidden;
}

.text-wrap-author-testimonial {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrap-card-testimonial {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-8);
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--tokens---color-grade--light-4);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.card-testimonial-bg {
  background-color: var(--_🎨-color--base---accent--primary-2);
  opacity: .52;
  filter: blur(75px);
  width: 60px;
  height: 300px;
  position: absolute;
  inset: -20% 0% auto auto;
  transform: rotate(31deg);
}

.popup-contact {
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding: var(--grid--page-padding);
  background-color: var(--_🎨-color--tokens---color-grade--light-4);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-block-contact {
  padding: var(--spacing--32);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--tokens---background--lift);
  color: var(--_🎨-color--tokens---text-body--strong);
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--light);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--light-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--dark-8);
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--light);
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--dark-4);
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--light);
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--light);
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--light-0);
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.contact-form-inner {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.input-wrap {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.contact-form-bottom-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.input-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
}

.checkbox-text {
  color: var(--_🎨-color--tokens---text-body--strong);
  margin-bottom: 0;
  font-weight: 400;
}

.select-arrow {
  color: #000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.checkbox-contact {
  border: 1px solid var(--_🎨-color--tokens---input-default--border);
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--tokens---input-default--background);
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.checkbox-contact.w--redirected-checked {
  background-color: #f6f3f0;
  background-image: url('../images/tick.svg');
  background-position: 50%;
  background-size: auto;
  border-color: #0000;
}

.select-field-overlay {
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.submit-wrap {
  position: relative;
}

.checkbox {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--light);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--light-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--dark-8);
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--light);
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--dark-4);
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--light);
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--light);
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--light-0);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
}

.input-relative {
  width: 100%;
  position: relative;
}

.submit-absolute {
  z-index: 3;
  color: #0000;
  background-color: #0000;
  position: absolute;
  inset: 0%;
}

.form {
  z-index: 2;
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--dark);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--light-8);
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--dark);
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--light-4);
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--light-32);
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--dark);
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--dark);
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--dark-0);
  position: relative;
}

.form-price-wrap {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio-button {
  border: 1px solid var(--_🎨-color--base---neutral--dark-32);
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--base---neutral--light-0);
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button.w--redirected-checked {
  border-width: 1px;
  border-color: var(--_🎨-color--base---neutral--dark-32);
  background-color: #cfdfff;
}

.radio-button.w--redirected-focus {
  box-shadow: 0 0 #0000;
}

.radio-button-field {
  padding: var(--spacing--8) var(--spacing--16);
  position: relative;
}

.radio-text {
  z-index: 2;
  margin-bottom: 0;
  position: relative;
}

.form-bg {
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--base---accent--primary);
  filter: blur(150px);
  width: 150px;
  height: 500px;
  position: absolute;
  inset: -152px 0% auto auto;
  transform: rotate(42deg);
}

.popup-close-button {
  z-index: 3;
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--base---accent--primary);
  width: 24px;
  height: 24px;
  color: var(--_🎨-color--base---neutral--light-100);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 16px 32px auto auto;
}

.icon-menu {
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.services-list {
  max-width: var(--max-width--7-columns);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card-service {
  height: 360px;
  padding: var(--spacing--32);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--_🔘-radius---general--default);
  background-color: var(--_🎨-color--tokens---background--base);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 140px;
  overflow: hidden;
}

.service-card-top-tile {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-service {
  width: var(--_❇️-icon---icon-size--large);
  height: var(--_❇️-icon---icon-size--large);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrap-service {
  border-radius: var(--_🔘-radius---general--small);
  box-shadow: 0 2px 5px 0 #0055fe59, inset 0 0 0 1px var(--_🎨-color--tokens---color-grade--light-8);
  color: var(--_🎨-color--tokens---icon--medium);
  justify-content: center;
  align-items: center;
  padding: 3px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-card-inner {
  z-index: 2;
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.service-card-bg {
  background-color: var(--_🎨-color--base---accent--primary);
  opacity: .66;
  filter: blur(100px);
  width: 150px;
  height: 450px;
  position: absolute;
  inset: -173px 82px auto auto;
  transform: rotate(66deg);
}

.service-card-bg.footer-left-top-tile {
  inset: auto auto -240px -63px;
  transform: rotate(53deg);
}

.icon-wrap-with-border {
  z-index: 2;
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--small);
  background-color: var(--_🎨-color--base---neutral--light-4);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.border-line {
  z-index: 8;
  background-image: linear-gradient(90deg, var(--_🎨-color--base---neutral--light-0), var(--_🎨-color--base---accent--primary) 49%, var(--_🎨-color--base---neutral--light-0));
  flex: none;
  width: 25px;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.service-card-bg-text {
  font-family: var(--_🔠-typography---font--heading-serif);
  color: var(--_🎨-color--base---neutral--light-0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--_🎨-color--tokens---color-grade--light-8);
  font-size: 200px;
  line-height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.wrap-services {
  position: relative;
}

.social-bg {
  border-radius: var(--_🔘-radius---general--full);
  background-color: var(--_🎨-color--base---accent--primary);
  transform-origin: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav-link-text {
  z-index: 3;
  text-shadow: 0 1.25em 0 var(--_🎨-color--tokens---text-body--strong);
  position: relative;
  overflow: clip;
}

.image-hero {
  border-radius: var(--_🔘-radius---general--default);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-hero.second {
  z-index: 2;
}

.image-hero.third {
  z-index: 3;
}

.master-404 {
  width: 100%;
  padding: var(--section-padding--small) var(--grid--page-padding);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hero-text-wrap {
  z-index: 4;
  max-width: var(--max-width--3-columns);
  text-align: center;
  mix-blend-mode: difference;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 52px;
}

.marquee-logos {
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.single-logo-marquee {
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.company-logo {
  max-width: 140px;
  height: 48px;
  color: var(--_🎨-color--tokens---icon--medium);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-study-info-block {
  width: 100%;
  margin-bottom: var(--spacing--48);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-wrap-case-study {
  border-radius: var(--_🔘-radius---general--default);
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}

.case-studies {
  width: 100%;
}

.cases-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.headline-more-cases {
  margin-bottom: var(--spacing--48);
}

.master-case-body {
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex-flow: column;
  display: flex;
}

.body-case p {
  color: var(--_🎨-color--tokens---text-body--medium);
}

.body-case img {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  border-radius: var(--_🔘-radius---general--default);
}

.list-template-halves {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: wrap;
  grid-template-rows: auto;
  justify-content: space-between;
  place-items: center start;
  width: 100%;
  display: flex;
}

.color-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.color-tile {
  background-color: var(--_🎨-color--base---neutral--light-100);
  width: 100%;
  height: 200px;
}

.color-tile.color-2 {
  background-color: var(--_🎨-color--base---neutral--dark-100);
}

.color-tile.color-3 {
  background-color: var(--_🎨-color--base---accent--primary);
}

.style-heading-wrap {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  display: flex;
}

.button-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.typeface-right {
  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: 1072px;
  display: flex;
}

.list-template-title {
  margin-bottom: var(--spacing--24);
}

.style-button-tile {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.title-template {
  margin-bottom: 48px;
}

.style-text-info {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: wrap;
  display: flex;
}

.template-info-master {
  grid-column-gap: var(--spacing--120);
  grid-row-gap: var(--spacing--120);
  color: var(--_🎨-color--tokens---text-body--strong);
  flex-flow: column;
  display: flex;
}

.divider-template {
  background-color: var(--_🎨-color--tokens---color-grade--light-64);
  width: 100%;
  height: 1px;
  margin-right: auto;
}

.style-value-text {
  font-weight: 400;
}

.color-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--_🎨-color--tokens---color-grade--dark-100);
  border-top: 1px solid #000;
  flex-flow: column;
  padding: 32px 24px 24px;
  display: flex;
}

.list-template {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.typeface-heading-example {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 150px;
  font-weight: 700;
}

.typeface-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

.typeface-block {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  display: flex;
}

.template-tile {
  padding: var(--spacing--48);
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-64);
}

.style-info-item {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  display: flex;
}

.heading-hero {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.color-card {
  border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  background-color: var(--_🎨-color--tokens---color-grade--light-100);
  overflow: hidden;
}

.typeface-halves {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  grid-template-rows: auto;
  grid-template-columns: auto minmax(200px, 1072px);
  justify-content: space-between;
  place-items: center;
  display: flex;
}

.styles-subtitle {
  color: var(--_🎨-color--tokens---color-grade--light-88);
  font-weight: 500;
}

.licenses-list {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  display: flex;
}

.licenses-block {
  padding: var(--spacing--32);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  border-style: solid;
  border-width: 1px;
  flex-flow: column;
  display: flex;
}

.card-template-details-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.card-template-details-2.licenses-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.text-body-2 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.licenses-tile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block {
  flex-flow: column;
  display: flex;
}

.light-mode {
  --_🎨-color--tokens---background--base: var(--_🎨-color--base---background-base--light);
  --_🎨-color--tokens---text-body--strong: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---text-body--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---text-label--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---input-default--border: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---input-default--background: var(--_🎨-color--base---ui--input-bg);
  --_🎨-color--tokens---input-default--text: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---input-active--border: var(--_🎨-color--base---neutral--light-32);
  --_🎨-color--tokens---input-active--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-active--background: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---color-grade--light-16: var(--_🎨-color--base---neutral--dark-16);
  --_🎨-color--tokens---button-primary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-default--text: var(--_🎨-color--tokens---color-grade--light-100);
  --_🎨-color--tokens---button-primary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-secondary-hover--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-primary-default--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-default--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-default--border: var(--_🎨-color--tokens---color-grade--light-16);
  --_🎨-color--tokens---button-secondary-default--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---button-primary-hover--border: var(--_🎨-color--base---accent--primary-2);
  --_🎨-color--tokens---button-primary-hover--background: var(--_🎨-color--base---accent--primary);
  --_🎨-color--tokens---button-secondary-hover--border: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---button-secondary-hover--background: var(--_🎨-color--tokens---color-grade--light-8);
  --_🎨-color--tokens---text-heading--strong: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---text-heading--medium: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---text-label--strong: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---color-grade--light-8: var(--_🎨-color--base---neutral--dark-8);
  --_🎨-color--tokens---background--depth: var(--_🎨-color--base---background-depth--light);
  --_🎨-color--tokens---color-grade--light-4: var(--_🎨-color--base---neutral--dark-4);
  --_🎨-color--tokens---color-grade--dark-100: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---color-grade--dark-48: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---color-grade--light-32: var(--_🎨-color--base---neutral--dark-32);
  --_🎨-color--tokens---text-body--subtle: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-88: var(--_🎨-color--base---neutral--dark-88);
  --_🎨-color--tokens---background--lift: var(--_🎨-color--base---background-lift--light);
  --_🎨-color--tokens---icon--medium: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---color-grade--light-48: var(--_🎨-color--base---neutral--dark-48);
  --_🎨-color--tokens---color-grade--light-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---color-grade--light-64: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---color-grade--dark-16: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---background--lift-low-opacity: var(--_🎨-color--base---background-lift-low-opacity--light);
  --_🎨-color--tokens---background-gradient-purposes--gradient-0: var(--_🎨-color--base---neutral--dark-0);
  --_🎨-color--tokens---background-gradient-purposes--gradient-64: var(--_🎨-color--base---neutral--dark-64);
  --_🎨-color--tokens---background-gradient-purposes--gradient-100: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---icon--strong: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---button-tertiary-default--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--_🎨-color--base---neutral--light-88);
  --_🎨-color--tokens---border--medium: var(--_🎨-color--base---neutral--light-48);
  --_🎨-color--tokens---border--subtle: var(--_🎨-color--base---neutral--light-16);
  --_🎨-color--tokens---input--label: var(--_🎨-color--base---neutral--light-64);
  --_🎨-color--tokens---input--icon: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-filled--background: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-filled--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-filled--border: var(--_🎨-color--base---neutral--light-0);
  --_🎨-color--tokens---input-error--background: var(--_🎨-color--base---neutral--dark-100);
  --_🎨-color--tokens---input-error--text: var(--_🎨-color--base---neutral--light-100);
  --_🎨-color--tokens---input-error--border: var(--_🎨-color--base---neutral--light-0);
}

@media screen and (max-width: 991px) {
  body {
    --_🔠-typography---font-family--body-2: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-2: 16px;
    --_🔠-typography---line-height--body-2: 24px;
    --_🔠-typography---font-weight--body-2: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-2: 0px;
    --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h1: 60px;
    --_🔠-typography---line-height--h1: 64px;
    --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h1: -2.5px;
    --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h2: 48px;
    --_🔠-typography---line-height--h2: 52px;
    --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h2: -2px;
    --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h3: 40px;
    --_🔠-typography---line-height--h3: 44px;
    --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h3: -1px;
    --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h4: 32px;
    --_🔠-typography---line-height--h4: 40px;
    --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h4: -1px;
    --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h5: 28px;
    --_🔠-typography---line-height--h5: 32px;
    --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h5: -1px;
    --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h6: 20px;
    --_🔠-typography---line-height--h6: 24px;
    --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h6: -.5px;
    --_🔠-typography---font--heading-serif: "Instrument Serif", sans-serif;
    --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button);
    --_🔠-typography---size--button-2: 14px;
    --_🔠-typography---line-height--button-2: 16px;
    --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-2: 0px;
    --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label);
    --_🔠-typography---size--label-1: 12px;
    --_🔠-typography---line-height--label-1: 16px;
    --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label);
    --_🔠-typography---letter-spacing--label-1: 1px;
    --_🔠-typography---font-family--body-3: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-3: 14px;
    --_🔠-typography---line-height--body-3: 22px;
    --_🔠-typography---font-weight--body-3: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-3: 0px;
    --_🔠-typography---font-family--body-1: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-1: 20px;
    --_🔠-typography---line-height--body-1: 28px;
    --_🔠-typography---font-weight--body-1: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-1: 0px;
    --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label);
    --_🔠-typography---size--label-2: 10px;
    --_🔠-typography---line-height--label-2: 12px;
    --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label);
    --_🔠-typography---letter-spacing--label-2: 1px;
    --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--button);
    --_🔠-typography---size--button-1: 16px;
    --_🔠-typography---line-height--button-1: 20px;
    --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-1: 0px;
    --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h0: 124px;
    --_🔠-typography---line-height--h0: 124px;
    --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h0: -4px;
    --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--semi-bold);
    --_🔠-typography---font--heading-sans: "DM Sans", sans-serif;
    --_🔠-typography---font--body: "DM Sans", sans-serif;
    --_🔠-typography---font--label: "DM Sans", sans-serif;
    --_🔠-typography---font--button: "DM Sans", sans-serif;
    --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--normal);
    --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal);
    --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---all-weights--thin: 100;
    --_🔠-typography---all-weights--extra-light: 200;
    --_🔠-typography---all-weights--light: 300;
    --_🔠-typography---all-weights--normal: 400;
    --_🔠-typography---all-weights--medium: 500;
    --_🔠-typography---all-weights--semi-bold: 600;
    --_🔠-typography---all-weights--bold: 700;
    --_🔠-typography---all-weights--extra-bold: 800;
    --_🔠-typography---all-weights--black: 900;
    --spacing--12: 12px;
    --spacing--0: 0px;
    --spacing--16: 16px;
    --spacing--24: 24px;
    --container--small: 1080px;
    --grid--page-padding: 48px;
    --section-padding--small: 80px;
    --section-padding--large: 160px;
    --spacing--64: 64px;
    --section-padding--extra-small: 32px;
    --spacing--48: 48px;
    --spacing--32: 32px;
    --spacing--8: 8px;
    --spacing--4: 4px;
    --spacing--20: 20px;
    --max-width--4-columns: 448px;
    --max-width--5-columns: 564px;
    --max-width--2-columns: 216px;
    --grid--column-gap: 16px;
    --max-width--6-columns: 680px;
    --max-width--3-columns: 332px;
    --spacing--120: 120px;
    --max-width--7-columns: 796px;
    --spacing--80: 80px;
    --section-padding--extra-large: 200px;
    --section-padding--medium: 120px;
    --max-width--8-columns: 912px;
    --max-width--9-columns: 1028px;
    --max-width--10-columns: 1144px;
    --max-width--12-columns: 1376px;
    --grid--content-gap: 120px;
    --container--main: 1800px;
  }

  .master-navigation {
    padding-right: var(--grid--page-padding);
    padding-left: var(--grid--page-padding);
  }

  .navbar {
    width: 100%;
    max-width: 400px;
  }

  .nav-menu-inner {
    padding: var(--spacing--24) var(--spacing--12);
    border: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
    border-radius: var(--_🔘-radius---general--default);
    background-color: var(--_🎨-color--tokens---background--depth);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .nav-menu {
    z-index: 99;
    padding-top: var(--spacing--8);
    background-color: var(--_🎨-color--base---neutral--light-0);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .brand-nav {
    border-radius: var(--_🔘-radius---general--small);
  }

  .work-card-link {
    height: 360px;
  }

  .pricing-halves {
    grid-template-columns: 1fr;
  }

  .hero-avatar {
    max-width: 250px;
    height: 320px;
  }

  .icon-menu {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    display: flex;
  }

  .menu-button {
    padding: var(--spacing--8);
    border: 1px solid var(--_🎨-color--tokens---color-grade--light-48);
    border-radius: var(--_🔘-radius---general--small);
    background-color: var(--_🎨-color--tokens---color-grade--light-8);
    color: var(--_🎨-color--tokens---color-grade--light-100);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button.w--open {
    color: var(--_🎨-color--tokens---color-grade--light-100);
    background-color: #0000000a;
  }

  .menu-button-inner {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .menu-button-inner.close {
    display: none;
  }

  .icon-nav-menu {
    width: var(--_❇️-icon---icon-size--medium);
    height: var(--_❇️-icon---icon-size--medium);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .left-nav {
    grid-column-gap: var(--spacing--8);
    grid-row-gap: var(--spacing--8);
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .color-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr 1fr;
  }

  .button-grid {
    grid-template-columns: 1fr 1fr;
  }

  .template-info-master {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .typeface-left {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
  }

  .typeface-block {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .heading-hero {
    max-width: 550px;
  }

  .typeface-halves {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-columns: auto;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .licenses-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_🔠-typography---font-family--body-2: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-2: 15px;
    --_🔠-typography---line-height--body-2: 24px;
    --_🔠-typography---font-weight--body-2: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-2: 0px;
    --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h1: 48px;
    --_🔠-typography---line-height--h1: 52px;
    --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h1: -2px;
    --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h2: 36px;
    --_🔠-typography---line-height--h2: 36px;
    --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h2: -1.5px;
    --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h3: 32px;
    --_🔠-typography---line-height--h3: 36px;
    --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h3: -.5px;
    --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h4: 28px;
    --_🔠-typography---line-height--h4: 32px;
    --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h4: -1px;
    --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h5: 24px;
    --_🔠-typography---line-height--h5: 28px;
    --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h5: -.5px;
    --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h6: 18px;
    --_🔠-typography---line-height--h6: 20px;
    --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h6: -.25px;
    --_🔠-typography---font--heading-serif: "Instrument Serif", sans-serif;
    --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button);
    --_🔠-typography---size--button-2: 12px;
    --_🔠-typography---line-height--button-2: 16px;
    --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-2: 0px;
    --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label);
    --_🔠-typography---size--label-1: 10px;
    --_🔠-typography---line-height--label-1: 12px;
    --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label);
    --_🔠-typography---letter-spacing--label-1: .5px;
    --_🔠-typography---font-family--body-3: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-3: 14px;
    --_🔠-typography---line-height--body-3: 22px;
    --_🔠-typography---font-weight--body-3: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-3: 0px;
    --_🔠-typography---font-family--body-1: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-1: 16px;
    --_🔠-typography---line-height--body-1: 24px;
    --_🔠-typography---font-weight--body-1: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-1: 0px;
    --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label);
    --_🔠-typography---size--label-2: 8px;
    --_🔠-typography---line-height--label-2: 10px;
    --_🔠-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: 14px;
    --_🔠-typography---line-height--button-1: 20px;
    --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-1: 0px;
    --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h0: 56px;
    --_🔠-typography---line-height--h0: 56px;
    --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h0: -3px;
    --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--semi-bold);
    --_🔠-typography---font--heading-sans: "DM Sans", sans-serif;
    --_🔠-typography---font--body: "DM Sans", sans-serif;
    --_🔠-typography---font--label: "DM Sans", sans-serif;
    --_🔠-typography---font--button: "DM Sans", sans-serif;
    --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--normal);
    --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal);
    --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---all-weights--thin: 100;
    --_🔠-typography---all-weights--extra-light: 200;
    --_🔠-typography---all-weights--light: 300;
    --_🔠-typography---all-weights--normal: 400;
    --_🔠-typography---all-weights--medium: 500;
    --_🔠-typography---all-weights--semi-bold: 600;
    --_🔠-typography---all-weights--bold: 700;
    --_🔠-typography---all-weights--extra-bold: 800;
    --_🔠-typography---all-weights--black: 900;
    --spacing--12: 10px;
    --spacing--0: 0px;
    --spacing--16: 12px;
    --spacing--24: 16px;
    --container--small: 1080px;
    --grid--page-padding: 16px;
    --section-padding--small: 48px;
    --section-padding--large: 80px;
    --spacing--64: 48px;
    --section-padding--extra-small: 24px;
    --spacing--48: 32px;
    --spacing--32: 24px;
    --spacing--8: 8px;
    --spacing--4: 4px;
    --spacing--20: 16px;
    --max-width--4-columns: 448px;
    --max-width--5-columns: 564px;
    --max-width--2-columns: 216px;
    --grid--column-gap: 12px;
    --max-width--6-columns: 680px;
    --max-width--3-columns: 332px;
    --spacing--120: 80px;
    --max-width--7-columns: 796px;
    --spacing--80: 56px;
    --section-padding--extra-large: 120px;
    --section-padding--medium: 64px;
    --max-width--8-columns: 912px;
    --max-width--9-columns: 1028px;
    --max-width--10-columns: 1144px;
    --max-width--12-columns: 1376px;
    --grid--content-gap: 40px;
    --container--main: 1800px;
    --_❇️-icon---icon-size--small: 12px;
    --_❇️-icon---icon-size--medium: 16px;
    --_❇️-icon---icon-stroke: 1.5px;
    --_❇️-icon---icon-size--large: 20px;
    --_❇️-icon---icon-size--extra-large: 36px;
    --_🔘-radius---ui-elements--input: 8px;
    --_🔘-radius---general--default: 12px;
    --_🔘-radius---ui-elements--button-base: 8px;
    --_🔘-radius---ui-elements--button-circle: 24px;
    --_🔘-radius---general--small: 8px;
    --_🔘-radius---general--full: 100vw;
    --_🔘-radius---general--large: 20px;
    --_🔘-radius---ui-elements--tag: 16px;
  }

  ._404-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 430px;
  }

  .utility-page-form.pw {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .master-navigation {
    top: 16px;
  }

  .button-icon-wrap {
    width: 12px;
    height: 12px;
  }

  .button-icon-wrap.right {
    margin-right: 0;
  }

  .button-icon-wrap.left {
    margin-left: 0;
  }

  .icon-button {
    width: 12px;
  }

  .sales-cta-master {
    display: none;
  }

  .sales-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .master-bg-grid {
    padding-left: 8px;
    padding-right: 8px;
  }

  .line-inner {
    padding-left: 6px;
    padding-right: 6px;
  }

  .brand-nav {
    width: 56px;
    height: 40px;
    padding-left: 0;
  }

  .faq-animated-box {
    width: 36px;
    height: 36px;
  }

  .slider-button {
    right: 0;
  }

  .slider-button.previous {
    left: 0;
  }

  .footer-halves {
    grid-column-gap: var(--spacing--64);
    grid-row-gap: var(--spacing--64);
    grid-template-columns: 1.5fr;
  }

  .wrap-progressive-blur {
    max-height: 5rem;
  }

  .popup-contact {
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
  }

  .form-price-wrap {
    grid-row-gap: var(--spacing--4);
  }

  .popup-close-button {
    top: 12px;
    right: 24px;
  }

  .service-card-bg {
    width: 100px;
    height: 350px;
  }

  .image-wrap-case-study {
    height: 360px;
  }

  .cases-halves, .color-grid {
    grid-template-columns: 1fr;
  }

  .typeface-heading-example {
    font-size: 100px;
  }

  .heading-hero {
    grid-column-gap: 12px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_🔠-typography---font-family--body-2: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-2: 15px;
    --_🔠-typography---line-height--body-2: 24px;
    --_🔠-typography---font-weight--body-2: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-2: 0px;
    --_🔠-typography---font-family--h1: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h1: 48px;
    --_🔠-typography---line-height--h1: 52px;
    --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h1: -2px;
    --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h2: 36px;
    --_🔠-typography---line-height--h2: 36px;
    --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h2: -1.5px;
    --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h3: 32px;
    --_🔠-typography---line-height--h3: 36px;
    --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h3: -.5px;
    --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h4: 28px;
    --_🔠-typography---line-height--h4: 32px;
    --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h4: -1px;
    --_🔠-typography---font-family--h5: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h5: 24px;
    --_🔠-typography---line-height--h5: 28px;
    --_🔠-typography---font-weight--h5: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h5: -.5px;
    --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h6: 18px;
    --_🔠-typography---line-height--h6: 20px;
    --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h6: -.25px;
    --_🔠-typography---font--heading-serif: "Instrument Serif", sans-serif;
    --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--button);
    --_🔠-typography---size--button-2: 12px;
    --_🔠-typography---line-height--button-2: 16px;
    --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-2: 0px;
    --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--label);
    --_🔠-typography---size--label-1: 10px;
    --_🔠-typography---line-height--label-1: 12px;
    --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label);
    --_🔠-typography---letter-spacing--label-1: .5px;
    --_🔠-typography---font-family--body-3: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-3: 14px;
    --_🔠-typography---line-height--body-3: 22px;
    --_🔠-typography---font-weight--body-3: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-3: 0px;
    --_🔠-typography---font-family--body-1: var(--_🔠-typography---font--body);
    --_🔠-typography---size--body-1: 18px;
    --_🔠-typography---line-height--body-1: 24px;
    --_🔠-typography---font-weight--body-1: var(--_🔠-typography---weight--body);
    --_🔠-typography---letter-spacing--body-1: 0px;
    --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--label);
    --_🔠-typography---size--label-2: 8px;
    --_🔠-typography---line-height--label-2: 10px;
    --_🔠-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: 14px;
    --_🔠-typography---line-height--button-1: 20px;
    --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-1: 0px;
    --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h0: 56px;
    --_🔠-typography---line-height--h0: 56px;
    --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h0: -3px;
    --_🔠-typography---weight--body-bold: var(--_🔠-typography---all-weights--semi-bold);
    --_🔠-typography---font--heading-sans: "DM Sans", sans-serif;
    --_🔠-typography---font--body: "DM Sans", sans-serif;
    --_🔠-typography---font--label: "DM Sans", sans-serif;
    --_🔠-typography---font--button: "DM Sans", sans-serif;
    --_🔠-typography---weight--heading-serif: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---weight--heading-sans: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---weight--body: var(--_🔠-typography---all-weights--normal);
    --_🔠-typography---weight--label: var(--_🔠-typography---all-weights--normal);
    --_🔠-typography---weight--button: var(--_🔠-typography---all-weights--medium);
    --_🔠-typography---all-weights--thin: 100;
    --_🔠-typography---all-weights--extra-light: 200;
    --_🔠-typography---all-weights--light: 300;
    --_🔠-typography---all-weights--normal: 400;
    --_🔠-typography---all-weights--medium: 500;
    --_🔠-typography---all-weights--semi-bold: 600;
    --_🔠-typography---all-weights--bold: 700;
    --_🔠-typography---all-weights--extra-bold: 800;
    --_🔠-typography---all-weights--black: 900;
    --spacing--12: 10px;
    --spacing--0: 0px;
    --spacing--16: 12px;
    --spacing--24: 16px;
    --container--small: 1080px;
    --grid--page-padding: 16px;
    --section-padding--small: 48px;
    --section-padding--large: 80px;
    --spacing--64: 48px;
    --section-padding--extra-small: 24px;
    --spacing--48: 32px;
    --spacing--32: 24px;
    --spacing--8: 8px;
    --spacing--4: 4px;
    --spacing--20: 16px;
    --max-width--4-columns: 448px;
    --max-width--5-columns: 564px;
    --max-width--2-columns: 216px;
    --grid--column-gap: 12px;
    --max-width--6-columns: 680px;
    --max-width--3-columns: 332px;
    --spacing--120: 80px;
    --max-width--7-columns: 796px;
    --spacing--80: 56px;
    --section-padding--extra-large: 120px;
    --section-padding--medium: 64px;
    --max-width--8-columns: 912px;
    --max-width--9-columns: 1028px;
    --max-width--10-columns: 1144px;
    --max-width--12-columns: 1376px;
    --grid--content-gap: 40px;
    --container--main: 1800px;
  }

  .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;
  }

  .headline-centered.testimonials {
    max-width: var(--max-width--2-columns);
  }

  .slide-work {
    margin-right: var(--spacing--20);
  }

  .mask-work {
    width: 85%;
  }

  .work-card-link {
    height: 300px;
  }

  .footer-bottom-tile {
    flex-flow: wrap;
  }

  .hero-avatar {
    max-width: 150px;
    height: 200px;
  }

  .mask-testimonial {
    width: 90%;
  }

  .card-testimonial {
    height: 320px;
  }

  .quotes-testimonial {
    width: 40px;
  }

  .form-block-contact {
    height: 100%;
  }

  .input-halves {
    grid-template-columns: 1fr;
  }

  .checkbox-contact {
    width: 20px;
    height: 20px;
  }

  .popup-close-button {
    top: 8px;
    right: 12px;
  }

  .card-service {
    height: auto;
  }

  .service-card-bg {
    width: 75px;
    height: 300px;
  }

  .service-card-bg-text {
    font-size: 160px;
  }

  .list-template-halves {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .color-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .color-tile {
    height: 180px;
  }

  .button-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

  .typeface-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .title-template {
    margin-bottom: 24px;
  }

  .style-text-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .template-info-master {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .typeface-heading-example {
    font-size: 64px;
  }

  .typeface-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .typeface-block {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .template-tile {
    padding: 32px 24px;
  }

  .licenses-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .licenses-block {
    padding: 24px;
  }
}

#w-node-_067b2a7b-63e6-563e-b755-b73bf14e9515-d0446e59 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_52a09802-eb31-6054-3e28-36eb56d3583d-a5368612 {
  justify-self: start;
}

#w-node-_52a09802-eb31-6054-3e28-36eb56d35858-a5368612, #w-node-_52a09802-eb31-6054-3e28-36eb56d35878-a5368612, #w-node-_52a09802-eb31-6054-3e28-36eb56d35898-a5368612, #w-node-_52a09802-eb31-6054-3e28-36eb56d358b8-a5368612, #w-node-_52a09802-eb31-6054-3e28-36eb56d358d8-a5368612, #w-node-_52a09802-eb31-6054-3e28-36eb56d358f8-a5368612, #w-node-_52a09802-eb31-6054-3e28-36eb56d35916-a5368612 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_52a09802-eb31-6054-3e28-36eb56d3583d-a5368612 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d8152ea2-43c9-1948-a2fa-f6dbf789638e-f789637d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}



/* ==========================================================================
   Site components
   ========================================================================== */

.strip-label {
  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);
  color: var(--_🎨-color--tokens---text-label--medium);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: var(--spacing--32);
}

.company-logo.is-wordmark {
  max-width: none;
  height: auto;
}

.wordmark {
  font-family: var(--_🔠-typography---font-family--h6);
  font-size: 22px;
  line-height: 28px;
  font-weight: var(--_🔠-typography---font-weight--h6);
  letter-spacing: -.6px;
  color: var(--_🎨-color--tokens---text-body--medium);
  white-space: nowrap;
  opacity: .7;
  transition: opacity .3s ease, color .3s ease;
}

.wordmark:hover {
  color: var(--_🎨-color--tokens---text-body--strong);
  opacity: 1;
}

.exp-period {
  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);
  color: var(--_🎨-color--base---accent--primary-2);
  text-transform: uppercase;
}

.exp-index {
  font-family: var(--_🔠-typography---font--heading-serif);
  font-size: 56px;
  line-height: 56px;
  color: var(--_🎨-color--base---accent--primary);
  pointer-events: none;
  opacity: .4;
  position: absolute;
  inset: auto 24px 16px auto;
}

.avatar-monogram {
  background-color: var(--_🎨-color--tokens---color-grade--light-8);
  color: var(--_🎨-color--tokens---text-body--strong);
  font-family: var(--_🔠-typography---font-family--label-1);
  font-size: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.budget-label {
  width: 100%;
  margin-bottom: calc(var(--spacing--8) * -1);
}

.case-meta-grid {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--24);
  border-top: 1px solid var(--_🎨-color--tokens---color-grade--light-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: var(--spacing--48);
  padding-top: var(--spacing--24);
  display: grid;
}

.case-meta-item {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.legal-body {
  max-width: var(--max-width--5-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 767px) {
  .wordmark {
    font-size: 18px;
    line-height: 24px;
  }

  .exp-index {
    font-size: 40px;
    line-height: 40px;
  }

  .case-meta-grid {
    grid-template-columns: 1fr;
  }
}

.master-case-body {
  max-width: var(--max-width--7-columns);
  margin-left: auto;
  margin-right: auto;
}

.body-case h2,
.body-case h3 {
  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);
  color: var(--_🎨-color--tokens---text-heading--strong);
  margin-top: 0;
  margin-bottom: var(--spacing--16);
}

.body-case p {
  margin-bottom: var(--spacing--16);
}

.body-case p:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Split-text reveal masks — stop italic serif glyphs being clipped
   ========================================================================== */

[heading-animation] h1,
[heading-animation] h2,
.headline-cta h2,
.headline-more-cases h2,
.case-study-info-block h1 {
  line-height: 1.2;
}

/* The reveal masks clip at their padding box. Italic serif glyphs overhang
   their advance width, so widen the clip box sideways; the line-height above
   already provides the vertical room, so keep top/bottom padding minimal —
   any more and the word peeks out below the mask mid-reveal. */
.gsap_split_word-mask,
.gsap_split_char-mask {
  padding: .06em .24em !important;
  margin: -.06em -.24em !important;
}

/* ==========================================================================
   Hero eyebrow — readable over any backdrop
   ========================================================================== */

.hero-text-wrap {
  z-index: 5;
  max-width: var(--max-width--7-columns);
  mix-blend-mode: normal;
}

.hero-text-wrap .text-h6 {
  border: 1px solid #f6f3f02e;
  border-radius: 999px;
  background-color: #0b0c0ec7;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #f6f3f0;
  letter-spacing: 1.4px;
  max-width: 100%;
  padding: 11px 22px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

/* ==========================================================================
   Navigation — invert to light type while it sits over a dark element
   ========================================================================== */

.master-navigation .navbar,
.master-navigation .nav-link,
.master-navigation .mode-button,
.master-navigation .brand-nav {
  transition: color .35s ease, background-color .35s ease, border-color .35s ease;
}

.master-navigation.over-dark .navbar {
  border-color: #f6f3f029;
  background-color: #0b0c0e8f;
}

.master-navigation.over-dark .mode-button {
  border-color: #f6f3f02e;
  background-color: #f6f3f014;
  color: #e6e8ea;
}

.master-navigation.over-dark .brand-nav {
  border-color: #f6f3f033;
}

.master-navigation.over-dark .menu-button {
  color: #e6e8ea;
}

@media screen and (min-width: 992px) {
  .master-navigation.over-dark .nav-link {
    color: #c9ccd1;
  }

  .master-navigation.over-dark .nav-link:hover {
    color: #f6f3f0;
  }

  /* The hover reveal slides the label up to expose its text-shadow twin, so the
     glyphs you see on hover are the shadow — recolour that, not just color. */
  .master-navigation.over-dark .nav-link-text {
    text-shadow: 0 1.25em 0 #f6f3f0;
  }

  .master-navigation.over-dark .nav-link.w--current,
  .master-navigation.over-dark .nav-link-bg {
    background-color: #f6f3f01a;
  }
}

@media screen and (max-width: 767px) {
  .hero-text-wrap .text-h6 {
    letter-spacing: 1px;
    padding: 9px 16px;
    font-size: 11px;
    line-height: 15px;
  }
}

/* Portrait fills the fanned hero cards without distortion; the crop keeps the
   face in the upper third, which is where the card wants it. */
.image-hero {
  object-fit: cover;
  object-position: 50% 0%;
}

/* ==========================================================================
   FAQ accordion — every row opens and closes on click, all closed on load
   ========================================================================== */

.tab-link-faq {
  -webkit-user-select: none;
  user-select: none;
}

.expandable-bottom {
  height: 0;
  transition: height .42s cubic-bezier(.22, .7, .2, 1);
}

.faq-line {
  transition: transform .3s ease, opacity .3s ease;
}

.tab-link-faq[aria-expanded="true"] .faq-vertical {
  opacity: 0;
  transform: scaleY(.2);
}

/* Answer copy at dark-48 sat at ~3:1 on the panel, and the template hover tint
   pushed it to ~2.4:1. Match site body copy instead, and stop the open row
   darkening on hover so contrast holds at ~5.6:1. */
.faq-paragraph {
  color: var(--_🎨-color--tokens---text-body--medium);
}

.tab-link-faq[aria-expanded="true"] .expandable-single,
.tab-link-faq[aria-expanded="true"] .expandable-single:hover {
  background-color: var(--_🎨-color--tokens---color-grade--light-4);
}

@media (prefers-reduced-motion: reduce) {
  .expandable-bottom {
    transition-duration: 0s;
  }
}

/* Brand mark is square; letterbox it in the wider nav slot rather than
   cropping the circle, and match the slot's ground to the mark's. */
.brand-nav {
  background-color: #0B0C0E;
}

.brand-mark {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 7px;
  display: flex;
}

.brand-mark svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.mark-face {
  fill: #DADFEB;
}

/* ==========================================================================
   Brand mark motion — the three paths are the three faces of the isometric
   cube, so they assemble along their own axes on load and separate on hover.
   Offsets are in viewBox units and stay inside the slot's padding, so the
   nav's overflow never clips them. Gated on w-mod-js: with scripting off the
   mark simply renders, never hidden.
   ========================================================================== */

html.w-mod-js .mark-face {
  opacity: 0;
  transition: transform .7s cubic-bezier(.22, .7, .2, 1), opacity .5s ease;
}

html.w-mod-js .mark-face.is-top {
  transform: translate(0, -100px);
}

html.w-mod-js .mark-face.is-left {
  transform: translate(-170px, 62px);
}

html.w-mod-js .mark-face.is-right {
  transform: translate(170px, 62px);
}

html.w-mod-js .brand-mark.is-ready .mark-face {
  opacity: 1;
  transform: none;
}

html.w-mod-js .brand-mark.is-ready .mark-face.is-top {
  transition-delay: .06s;
}

html.w-mod-js .brand-mark.is-ready .mark-face.is-left {
  transition-delay: .17s;
}

html.w-mod-js .brand-mark.is-ready .mark-face.is-right {
  transition-delay: .28s;
}

html.w-mod-js .brand-nav:hover .brand-mark.is-ready .mark-face {
  transition: transform .35s cubic-bezier(.22, .7, .2, 1);
  transition-delay: 0s;
}

/* On hover the faces part along the cube's three axes, 120° apart and the same distance (34.6 units), so every
   channel between them (top/left, top/right, left/right) widens by the same amount: about 48 → 80 units. */
html.w-mod-js .brand-nav:hover .brand-mark.is-ready .mark-face.is-top {
  transform: translate(30px, -17.3px);
}

html.w-mod-js .brand-nav:hover .brand-mark.is-ready .mark-face.is-left {
  transform: translate(-30px, -17.3px);
}

html.w-mod-js .brand-nav:hover .brand-mark.is-ready .mark-face.is-right {
  transform: translate(0, 34.6px);
}

@media (prefers-reduced-motion: reduce) {
  html.w-mod-js .mark-face,
  html.w-mod-js .brand-nav:hover .brand-mark.is-ready .mark-face {
    opacity: 1;
    transition: none;
    transform: none;
  }
}

/* site.js (Webflow IX) still writes opacity:0 onto the answer panel from the
   old tabs interaction; the accordion in ui.js owns visibility via height. */
.tab-link-faq .expandable-bottom { opacity: 1 !important; }

/* --- Intro: who I am, straight after the client strip ---------------------
   One statement set large, revealed word by word as it scrolls through the
   viewport (ui.js). The signature sits bottom left, two personal photos
   bottom right, so the section reads like a signed note. */
.intro-section {
  padding-top: var(--spacing--96, 96px);
  padding-bottom: var(--spacing--64, 64px);
}

.intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(56px, 9vh, 112px);
  min-height: min(86svh, 820px);
}

.intro-text {
  margin: 0;
  max-width: none;
  font-family: var(--_🔠-typography---font-family--h2);
  font-size: clamp(32px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
  color: var(--_🎨-color--tokens---text-heading--strong);
  text-wrap: pretty;
}

.intro-text .intro-word { display: inline-block; will-change: opacity; }

.intro-wave {
  display: inline-block;
  font-size: .86em;
  transform-origin: 70% 75%;
}

.intro-wave.is-waving { animation: intro-wave 1.6s ease-in-out .2s 1; }

@keyframes intro-wave {
  0%, 60%, 100% { transform: rotate(0); }
  10%, 30% { transform: rotate(16deg); }
  20%, 40% { transform: rotate(-8deg); }
  50% { transform: rotate(10deg); }
}

.intro-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing--32);
}

.intro-name {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  color: var(--_🎨-color--tokens---text-heading--strong);
}

.intro-role {
  font-size: 15px;
  line-height: 22px;
  color: var(--_🎨-color--tokens---text-body--medium);
}

.intro-media {
  display: flex;
  gap: 8px;
}

.intro-photo {
  width: clamp(150px, 15vw, 216px);
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
  border-radius: calc(var(--_🔘-radius---general--default) + 4px);
  background: var(--_🎨-color--tokens---color-grade--light-8);
  box-shadow: inset 0 0 0 1px var(--_🎨-color--tokens---color-grade--light-8);
}

.intro-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.22, .7, .2, 1);
}

.intro-photo:hover img { transform: scale(1.05); }

@media screen and (max-width: 767px) {
  .intro-section { padding-top: var(--spacing--64, 64px); padding-bottom: var(--spacing--48, 48px); }
  .intro { min-height: 0; gap: var(--spacing--48, 48px); }
  .intro-text { font-size: clamp(28px, 7.4vw, 40px); line-height: 1.1; }
  .intro-foot { flex-direction: column-reverse; align-items: stretch; gap: var(--spacing--20, 20px); }
  .intro-media { display: grid; grid-template-columns: 1fr 1fr; }
  .intro-photo { width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .intro-text .intro-word { opacity: 1 !important; }
  .intro-wave.is-waving { animation: none; }
}

/* Service cards: the title is the thing being offered, so it leads. */
.service-card-title {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -.01em;
  color: var(--_🎨-color--tokens---text-heading--strong);
}

.service-card-bottom-tile .body-medium {
  font-size: 16px;
  line-height: 26px;
}

/* Text for screen readers and search engines only. */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* webflow.js can append its "Made in Webflow" badge; this is a static export. */
.w-webflow-badge { display: none !important; }

/* 404: the exported Webflow page-load interaction never fires on this page,
   so the content revealed itself from CSS instead. */
._404-content.is-revealing { animation: reveal-404 .9s cubic-bezier(.22, .7, .2, 1) .15s both; }
@keyframes reveal-404 { from { opacity: 0; filter: blur(12px); } to { opacity: 1; filter: none; } }
@media (prefers-reduced-motion: reduce) { ._404-content.is-revealing { animation: none; } }
/* The 404 wrap sits outside .section, so it never picked up the theme's text
   colour and rendered light-on-light in light mode. */
.utility-page-wrap._404 { color: var(--_🎨-color--tokens---text-body--medium); }
.utility-page-wrap._404 h1 { color: var(--_🎨-color--tokens---text-heading--strong); }

/* Purple / indigo accent. Fills read as one gradient with purple leading; text set
   in the accent is lifted to lavender on the dark page (indigo is too dim there)
   and stays the deep purple on the light page. */
.exp-period, .quotes-testimonial { color: #3578ff; }
.light-mode .exp-period,
.light-mode .quotes-testimonial { color: var(--_🎨-color--base---accent--primary); }

/* One quiet line under a section title. */
.section-note {
  max-width: 46ch;
  margin: var(--spacing--16) auto 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: var(--_🎨-color--tokens---text-body--medium);
}
.section-note-work { margin-top: calc(var(--spacing--16) * -1); margin-bottom: var(--spacing--48); }

/* Work cards show the product's live screen (screens/*.html) instead of a still.
   The frame renders at desktop width and ui.js scales it to the card, so the
   screen keeps its desktop layout even in a phone-sized card. */
.work-screen-wrap { position: relative; overflow: hidden; background: #151213; }
.work-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
  transform-origin: 0 0;
}
.tag-wrap-work-card.absolute { z-index: 2; }