:root {
  --_sizes---gap--sm-gap: var(--_sizes---spacing--1-75x);
  --_colors---background-color--bg-primary: var(--_colors---core-neutral-color--white);
  --_typography---font--body-font: Inter, sans-serif;
  --_colors---text-color--text-primary: var(--_colors---core-neutral-color--black);
  --_typography---base-typography--base-font-size: 1.11vw;
  --_typography---base-typography--base-line-height: 1.78vw;
  --_typography---base-typography--base-letter-spacing: 0vw;
  --_typography---h1-heading--h1-margin-bottom: 1.4vw;
  --_typography---font--heading-font: Inter, sans-serif;
  --_typography---h1-heading--h1-size: 4.68vw;
  --_typography---h1-heading--h1-line-height: 5vw;
  --_typography---h1-heading--h1-weight: var(--_typography---font-weight--400);
  --_typography---h1-heading--h1-letter-spacing: -.2vw;
  --_typography---h2-heading--h2-margin-bottom: .92vw;
  --_typography---h2-heading--h2-size: 2.63vw;
  --_typography---h2-heading--h2-line-height: 2.74vw;
  --_typography---h2-heading--h2-weight: var(--_typography---font-weight--400);
  --_typography---h2-heading--h2-letter-spacing: -.01vw;
  --_typography---h3-heading--h3-margin-bottom: .99vw;
  --_typography---h3-heading--h3-size: 1.98vw;
  --_typography---h3-heading--h3-line-height: 2.06vw;
  --_typography---h3-heading--h3-weight: var(--_typography---font-weight--400);
  --_typography---h3-heading--h3-letter-spacing: -.01vw;
  --_typography---h4-heading--h4-margin-bottom: .74vw;
  --_typography---h4-heading--h4-size: 1.48vw;
  --_typography---h4-heading--h4-line-height: 1.92vw;
  --_typography---h4-heading--h4-weight: var(--_typography---font-weight--400);
  --_typography---h4-heading--h4-letter-spacing: -.01vw;
  --_typography---h5-heading--h5-margin-bottom: .56vw;
  --_typography---h5-heading--h5-size: 1.11vw;
  --_typography---h5-heading--h5-line-height: 1.44vw;
  --_typography---h5-heading--h5-weight: var(--_typography---font-weight--400);
  --_typography---h5-heading--h5-letter-spacing: 0vw;
  --_typography---h6-heading--h6-margin-bottom: .56vw;
  --_typography---h6-heading--h6-size: .83vw;
  --_typography---h6-heading--h6-line-height: 1.44vw;
  --_typography---h6-heading--h6-weight: var(--_typography---font-weight--400);
  --_typography---h6-heading--h6-letter-spacing: .11vw;
  --_typography---base-typography--base-margin-bottom: .83vw;
  --_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>: 1.1vw;
  --_typography---default-text--text-line-height\<deleted\|variable-e8ee2a9b-8e11-f19c-5e5c-0bbf6fa6dcdf\>: 1.5vw;
  --_typography---default-text--text-letter-spacing\<deleted\|variable-1e9b3b04-2175-0202-60f6-a75f1a9cff2a\>: 0vw;
  --_colors---core-neutral-color--black: #08089F;
  --_colors---core-neutral-color--orange: #1810F5;
  --_sizes---image--image-radius: var(--_sizes---card--card-radius);
  --_sizes---gap--tiny-gap: var(--_sizes---spacing--0-5x);
  --_colors---core-neutral-color--light-grey: #D6D5FD;
  --_colors---bg-tag: #F1F1F1;
  --_colors---core-neutral-color--whitesmoke: #F1F1F1;
  --_colors---core-neutral-color--white: white;
  --_sizes---container--container-padding-horizontal: 2vw;
  --_sizes---no-space: 0px;
  --_sizes---section--2x-section-padding-vertical: 10vw;
  --_sizes---gap--s-gap: var(--_sizes---spacing--1-5x);
  --_sizes---gap--xxxs-gap: var(--_sizes---spacing--0-75x);
  --_sizes---radius--md-radius: 1vw;
  --_colors---core-accent-color--accent-secondary: transparent;
  --_sizes---gap--xxs-gap: var(--_sizes---spacing--1x);
  --_sizes---gap--xs-gap: var(--_sizes---spacing--1-25x);
  --_sizes---gap--ml-gap: var(--_sizes---spacing--3x);
  --_sizes---gap--md-gap: var(--_sizes---spacing--2x);
  --_sizes---radius--sm-radius: .5vw;
  --_colors---current-color--current-a60: color-mix(in srgb, currentColor 60%, transparent);
  --_sizes---gap--super-tiny-gap: var(--_sizes---spacing--0-25x);
  --_typography---text-xxs--xxs-text-size: .9vw;
  --_typography---text-xxs--xxs-text-line-height: 1.3vw;
  --_typography---font-weight--400: 400;
  --_typography---text-xxs--xxs-text-letter-spacing: 0px;
  --_typography---font-weight--300: 300;
  --_typography---text-xs--xs-text-size: 1vw;
  --_typography---text-xs--xs-text-line-height: 1.5vw;
  --_typography---text-xs--xs-text-letter-spacing: 0px;
  --_typography---text-s--s-text-size: 1.2vw;
  --_typography---text-s--s-text-line-height: 1.7vw;
  --_typography---text-s--s-text-letter-spacing: 0px;
  --_typography---text-ms--ms-text-size: 1.5vw;
  --_typography---text-ms--ms-text-line-height: 2vw;
  --_typography---text-ms--ms-text-letter-spacing: -.04vw;
  --_typography---text-m--m-text-size: 2vw;
  --_typography---text-m--m-text-line-height: 2.5vw;
  --_typography---text-m--m-text-letter-spacing: -.1vw;
  --_typography---text-l--l-text-size: 4vw;
  --_typography---text-l--l-text-line-height: 4.85vw;
  --_typography---text-l--l-text-letter-spacing: -.2vw;
  --_typography---text-xl--xl-text-size: 7vw;
  --_typography---text-xl--xl-text-line-height: 8.5vw;
  --_typography---text-xxl--xxl-text-letter-spacing: -.5vw;
  --_typography---text-xxl--xxl-text-size: 10vw;
  --_typography---text-xxl--xxl-text-line-height: 12.5vw;
  --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
  --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
  --_colors---core-neutral-color--dark-grey: #746CF9;
  --_typography---font--icon-font: "Material Icons", sans-serif;
  --_typography---secondary-font: "Playfair Display", sans-serif;
  --_sizes---tag--tag-radius: .5vw;
  --_colors---core-neutral-color--light-orange: #8C88FA;
  --_colors---current-color--current-a10: color-mix(in srgb, currentColor 10%, transparent);
  --_colors---current-color--current-a05: color-mix(in srgb, currentColor 5%, transparent);
  --_sizes---radius--round: 200vw;
  --_colors---core-neutral-color--dark-orange: #08089F;
  --_colors---current-color--current-a80: color-mix(in srgb, currentColor 80%, transparent);
  --_typography---font-weight--200: 200;
  --_colors---core-accent-color--accent-secondary-hover: transparent;
  --icon-intergration: 3.5vw;
  --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
  --_typography---font-weight--500: 500;
  --width-block-illustration: 100%;
  --_sizes---container--2x-container-padding-horizontal: 10vw;
  --_sizes---button--button-radius: .5vw;
  --_sizes---section--section-padding-vertical: 5vw;
  --_sizes---input--input-radius: .5vw;
  --_sizes---spacing--0-25x: .55vw;
  --_sizes---spacing--0-5x: 1vw;
  --_sizes---spacing--0-75x: 1.55vw;
  --_sizes---spacing--1x: 2vw;
  --_sizes---spacing--1-25x: 2.5vw;
  --_sizes---spacing--1-5x: 3.1vw;
  --_sizes---spacing--1-75x: 3.5vw;
  --_sizes---spacing--2x: 4vw;
  --_sizes---spacing--3x: 6.2vw;
  --_sizes---spacing--4x: 8vw;
  --_sizes---spacing--5x: 10vw;
  --_sizes---spacing--6x: 12vw;
  --_sizes---spacing--7x: 14.5vw;
  --_sizes---spacing--8x: 16.5vw;
  --_colors---core-accent-color--accent-tertiary: transparent;
  --_colors---core-accent-color--accent-tertiary-hover: transparent;
  --_colors---current-color--current: color-mix(in srgb, currentColor 100%, transparent);
  --_colors---current-color--current-a70: color-mix(in srgb, currentColor 70%, transparent);
  --_colors---current-color--current-a50: color-mix(in srgb, currentColor 50%, transparent);
  --_colors---current-color--current-a20: color-mix(in srgb, currentColor 20%, transparent);
  --_colors---background-color--bg-secondary: var(--_colors---core-neutral-color--whitesmoke);
  --_colors---background-color--bg-accent-secondary: var(--_colors---core-accent-color--accent-secondary);
  --_colors---background-color--bg-accent-tertiary: var(--_colors---core-accent-color--accent-tertiary);
  --_colors---background-color--bg-inverse: var(--_colors---core-neutral-color--black);
  --_colors---background-color--bg-overlay: var(--_colors---core-neutral-color--black);
  --_colors---text-color--text-secondary: var(--_colors---core-neutral-color--dark-grey);
  --_colors---text-color--text-inverse-primary: var(--_colors---core-neutral-color--white);
  --_colors---text-color--text-inverse-secondary: var(--_colors---core-neutral-color--whitesmoke);
  --_colors---text-color--text-on-accent-primary: #FFFFFF;
  --_colors---border-color--border-primary: var(--_colors---core-neutral-color--light-orange);
  --_colors---border-color--border-secondary: var(--_colors---core-neutral-color--light-grey);
  --_colors---border-color--border-inverse-primary: var(--_colors---core-neutral-color--white);
  --_colors---border-color--border-inverse-secondary: var(--_colors---core-neutral-color--whitesmoke);
  --_typography---font--button-font: Inter, sans-serif;
  --_typography---base-typography--base-font: var(--_typography---font--body-font);
  --_typography---base-typography--base-font-weight: 400;
  --_typography---base-typography--base-font-weight-bold: 600;
  --_typography---h0-heading--h0-size: 6.23vw;
  --_typography---h0-heading--h0-letter-spacing: -.01vw;
  --_typography---h0-heading--h0-line-height: 6.48vw;
  --_typography---h0-heading--h0-weight: var(--_typography---font-weight--400);
  --_typography---h0-heading--h0-margin-bottom: 1.87vw;
  --_typography---text-sm--sm-text-size: 1vw;
  --_typography---text-sm--sm-text-letter-spacing: 0vw;
  --_typography---text-sm--sm-text-line-height: 1.78vw;
  --_typography---text-xl--xl-text-letter-spacing: -.5vw;
  --_colors---blockquote--blockquote-bg: transparent;
  --_colors---blockquote--blockquote-text: var(--_colors---text-color--text-primary);
  --_colors---blockquote--blockquote-border: var(--_colors---text-color--text-primary);
  --_typography---blockquote--blockquote-radius: 0px;
  --_typography---blockquote--blockquote-border-width: 3px;
  --_typography---blockquote--blockquote-font: Inter, sans-serif;
  --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
  --_typography---blockquote--blockquote-letter-spacing: .01em;
  --_typography---blockquote--blockquote-line-height: 1.5em;
  --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
  --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
  --_sizes---button--button-padding-vertical: 1vw;
  --_sizes---button--button-padding-horizontal: 1.5vw;
  --_typography---button--button-font: var(--_typography---font--button-font);
  --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
  --_colors---button--button-primary-text: var(--_colors---text-color--text-on-accent-primary);
  --_colors---button--button-primary-border: transparent;
  --_colors---button--button-primary-border-hover: transparent;
  --_colors---button--button-secondary-bg: transparent;
  --_colors---button--button-secondary-bg-hover: transparent;
  --_colors---button--button-secondary-text: var(--_colors---text-color--text-primary);
  --_colors---button--button-secondary-border: transparent;
  --_colors---button--button-secondary-border-hover: transparent;
  --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
  --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--0-75x);
  --_colors---input--input-primary-bg: transparent;
  --_colors---input--input-primary-bg-hover: transparent;
  --_colors---input--input-primary-text: var(--_colors---text-color--text-primary);
  --_colors---input--input-primary-text-placeholder: var(--_colors---core-neutral-color--light-orange);
  --_colors---input--input-primary-border: var(--_colors---text-color--text-primary);
  --_colors---input--input-primary-border-hover: var(--_colors---text-color--text-primary);
  --_colors---input--input-inverse-bg: transparent;
  --_colors---input--input-inverse-bg-hover: transparent;
  --_colors---input--input-inverse-text: var(--_colors---text-color--text-inverse-primary);
  --_colors---input--input-inverse-text-placeholder: var(--_colors---core-neutral-color--light-orange);
  --_colors---input--input-inverse-border: var(--_colors---text-color--text-inverse-primary);
  --_colors---input--input-inverse-border-hover: var(--_colors---text-color--text-inverse-primary);
  --_sizes---card--card-radius: 1vw;
  --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-5x);
  --_colors---card--card-primary-bg: var(--_colors---background-color--bg-primary);
  --_colors---card--card-primary-bg-hover: var(--_colors---background-color--bg-primary);
  --_sizes---card--card-padding: var(--_sizes---spacing--2x);
  --_colors---card--card-primary-text: var(--_colors---text-color--text-primary);
  --_colors---card--card-primary-border: var(--_colors---border-color--border-secondary);
  --_colors---card--card-secondary-bg: var(--_colors---background-color--bg-secondary);
  --_colors---card--card-secondary-bg-hover: var(--_colors---background-color--bg-secondary);
  --_colors---card--card-secondary-text: var(--_colors---text-color--text-primary);
  --_colors---card--card-secondary-border: var(--_colors---border-color--border-secondary);
  --_colors---card--card-accent-primary-text: white;
  --_colors---card--card-accent-primary-border: transparent;
  --_colors---card--card-accent-secondary-bg: var(--_colors---background-color--bg-accent-secondary);
  --_colors---card--card-accent-secondary-bg-hover: var(--_colors---background-color--bg-accent-secondary);
  --_colors---card--card-accent-secondary-text: white;
  --_colors---card--card-accent-secondary-border: transparent;
  --_colors---card--card-accent-tertiary-bg: var(--_colors---background-color--bg-accent-tertiary);
  --_colors---card--card-accent-tertiary-bg-hover: var(--_colors---background-color--bg-accent-tertiary);
  --_colors---card--card-accent-tertiary-text: transparent;
  --_colors---card--card-accent-tertiary-border: transparent;
  --_colors---card--card-inverse-bg: var(--_colors---background-color--bg-inverse);
  --_colors---card--card-inverse-bg-hover: var(--_colors---background-color--bg-inverse);
  --_colors---card--card-inverse-text: var(--_colors---text-color--text-inverse-primary);
  --_colors---card--card-inverse-border: transparent;
  --_colors---nav-link--nav-link-primary: var(--_colors---text-color--text-primary);
  --_colors---nav-link--nav-link-inverse: var(--_colors---text-color--text-inverse-primary);
  --_typography---tag--tag-size: 1vw;
  --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
  --_typography---font-weight--100: 100;
  --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
  --_typography---font-weight--600: 600;
  --_typography---font-weight--700: 700;
  --_typography---font-weight--800: 800;
  --_typography---font-weight--900: 900;
  --_sizes---radius--lg-radius: 1.5vw;
  --_sizes---radius--xl-radius: 2vw;
  --_colors---text-link--link-primary: var(--_colors---core-neutral-color--black);
  --_colors---text-link--link-primary-hover: var(--_colors---core-neutral-color--dark-grey);
  --_colors---text-link--link-inverse: var(--_colors---core-neutral-color--white);
  --_colors---text-link--link-inverse-hover: var(--_colors---core-neutral-color--light-grey);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

.gap-small-parent {
  grid-column-gap: var(--_sizes---gap--sm-gap);
  grid-row-gap: var(--_sizes---gap--sm-gap);
  grid-column-gap: var(--_sizes---gap--sm-gap);
  grid-row-gap: var(--_sizes---gap--sm-gap);
}

body {
  background-color: var(--_colors---background-color--bg-primary);
  font-family: var(--_typography---font--body-font);
  color: var(--_colors---text-color--text-primary);
  font-size: var(--_typography---base-typography--base-font-size);
  line-height: var(--_typography---base-typography--base-line-height);
  letter-spacing: var(--_typography---base-typography--base-letter-spacing);
}

h1 {
  margin-top: 20px;
  margin-bottom: var(--_typography---h1-heading--h1-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h1-heading--h1-size);
  line-height: var(--_typography---h1-heading--h1-line-height);
  font-weight: var(--_typography---h1-heading--h1-weight);
  letter-spacing: var(--_typography---h1-heading--h1-letter-spacing);
}

h2 {
  margin-top: 20px;
  margin-bottom: var(--_typography---h2-heading--h2-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h2-heading--h2-size);
  line-height: var(--_typography---h2-heading--h2-line-height);
  font-weight: var(--_typography---h2-heading--h2-weight);
  letter-spacing: var(--_typography---h2-heading--h2-letter-spacing);
}

h3 {
  margin-top: 20px;
  margin-bottom: var(--_typography---h3-heading--h3-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h3-heading--h3-size);
  line-height: var(--_typography---h3-heading--h3-line-height);
  font-weight: var(--_typography---h3-heading--h3-weight);
  letter-spacing: var(--_typography---h3-heading--h3-letter-spacing);
}

h4 {
  margin-top: 10px;
  margin-bottom: var(--_typography---h4-heading--h4-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h4-heading--h4-size);
  line-height: var(--_typography---h4-heading--h4-line-height);
  font-weight: var(--_typography---h4-heading--h4-weight);
  letter-spacing: var(--_typography---h4-heading--h4-letter-spacing);
}

h5 {
  margin-top: 10px;
  margin-bottom: var(--_typography---h5-heading--h5-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h5-heading--h5-size);
  line-height: var(--_typography---h5-heading--h5-line-height);
  font-weight: var(--_typography---h5-heading--h5-weight);
  letter-spacing: var(--_typography---h5-heading--h5-letter-spacing);
}

h6 {
  margin-top: 10px;
  margin-bottom: var(--_typography---h6-heading--h6-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h6-heading--h6-size);
  line-height: var(--_typography---h6-heading--h6-line-height);
  font-weight: var(--_typography---h6-heading--h6-weight);
  letter-spacing: var(--_typography---h6-heading--h6-letter-spacing);
}

p {
  margin-bottom: var(--_typography---base-typography--base-margin-bottom);
  font-family: var(--_typography---font--body-font);
  font-size: var(--_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>);
  line-height: var(--_typography---default-text--text-line-height\<deleted\|variable-e8ee2a9b-8e11-f19c-5e5c-0bbf6fa6dcdf\>);
  letter-spacing: var(--_typography---default-text--text-letter-spacing\<deleted\|variable-1e9b3b04-2175-0202-60f6-a75f1a9cff2a\>);
}

a {
  color: var(--_colors---core-neutral-color--black);
  text-decoration: none;
}

a:hover {
  color: var(--_colors---core-neutral-color--orange);
}

img {
  border-radius: var(--_sizes---image--image-radius);
  max-width: 100%;
  display: inline-block;
}

.main-section.menu {
  z-index: 999;
  padding-top: var(--_sizes---gap--tiny-gap);
  padding-bottom: var(--_sizes---gap--tiny-gap);
  border-bottom: .1vw solid var(--_colors---core-neutral-color--light-grey);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffffd1;
  position: absolute;
  inset: 0% 0% auto;
}

.main-section.menu._404 {
  background-color: #fff0;
  border-bottom-style: none;
}

.main-section.step {
  background-color: var(--_colors---bg-tag);
}

.main-section.footer {
  border-top: .1vw solid var(--_colors---core-neutral-color--whitesmoke);
}

.main-section.cta {
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--white) 75%, #8C88FA26);
}

.main-container {
  max-width: none;
  padding-right: var(--_sizes---container--container-padding-horizontal);
  padding-left: var(--_sizes---container--container-padding-horizontal);
}

.main-container.full-width {
  padding-right: var(--_sizes---no-space);
  padding-left: var(--_sizes---no-space);
}

.utility-title {
  padding: var(--_sizes---section--2x-section-padding-vertical) var(--_sizes---gap--sm-gap) var(--_sizes---gap--s-gap);
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  border-radius: var(--_sizes---radius--md-radius);
  background-color: var(--_colors---bg-tag);
  background-image: linear-gradient(90deg, var(--_colors---bg-tag), var(--_colors---core-accent-color--accent-secondary) 80%), url('../images/Dot-Grid.png');
  text-align: left;
  background-position: 0 0, 0 0;
  background-size: auto, 15vw;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.guide-typo-title {
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 2vw;
}

.guide-description {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.guide-item-list {
  grid-column-gap: var(--_sizes---gap--xxs-gap);
  grid-row-gap: var(--_sizes---gap--xs-gap);
  border-top: 1px solid #8C88FA;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: grid;
}

.guide-item-list.typo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.guide-menu-list {
  padding: var(--_sizes---gap--xxxs-gap);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--_colors---core-neutral-color--whitesmoke);
  color: var(--_colors---core-neutral-color--black);
  border-radius: 10px;
  flex-flow: column;
  text-decoration: none;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.guide-menu-list.w--current {
  color: #fff;
  background-color: #000;
}

.guide-single-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.guide-single-content.typo {
  padding-top: var(--_sizes---gap--ml-gap);
}

.guide-single-content.block-button {
  margin-top: var(--_sizes---gap--ml-gap);
  padding: var(--_sizes---gap--s-gap);
  grid-column-gap: var(--_sizes---gap--sm-gap);
  grid-row-gap: var(--_sizes---gap--md-gap);
  border-radius: var(--_sizes---radius--sm-radius);
  background-color: var(--_colors---bg-tag);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.guide-menu {
  grid-column-gap: var(--_sizes---gap--xs-gap);
  grid-row-gap: var(--_sizes---gap--xs-gap);
  flex-flow: column;
  width: 30%;
  margin-top: 18px;
  display: flex;
  position: sticky;
  top: 10vw;
}

.style-guide {
  padding-top: var(--_sizes---section--2x-section-padding-vertical);
  padding-bottom: var(--_sizes---section--2x-section-padding-vertical);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.guide-content-list {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.guide-item {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.guide-item.typo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #8C88FA;
  padding-bottom: 50px;
}

.guide-color {
  aspect-ratio: 1;
  background-color: #000;
  border-radius: 15px;
  width: 100%;
}

.guide-color.var-3 {
  background-color: #08089F;
}

.guide-color.var-1 {
  background-color: #f5f5f5;
}

.guide-color.var-2 {
  background-color: #fff;
  border: 1px solid #8C88FA;
}

.guide-color.var-7 {
  background-color: #746CF9;
}

.guide-color.var-4 {
  background-color: var(--_colors---current-color--current-a60);
}

.guide-color.var-5 {
  background-color: #D6D5FD;
}

.small-text {
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 2vw;
}

.guide-single-content-group {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.guide-single-content-group.rich-text {
  margin-top: var(--_sizes---gap--md-gap);
}

.guide-typo-description {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  display: flex;
}

.guide-menu-list-wrap {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
}

.text-xxs {
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---text-xxs--xxs-text-size);
  line-height: var(--_typography---text-xxs--xxs-text-line-height);
  font-weight: var(--_typography---font-weight--400);
  letter-spacing: var(--_typography---text-xxs--xxs-text-letter-spacing);
}

.text-xxs._300 {
  font-weight: var(--_typography---font-weight--300);
}

.text-xs {
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---text-xs--xs-text-size);
  line-height: var(--_typography---text-xs--xs-text-line-height);
  letter-spacing: var(--_typography---text-xs--xs-text-letter-spacing);
}

.text-xs._400 {
  font-weight: var(--_typography---font-weight--400);
}

.text-s {
  font-size: var(--_typography---text-s--s-text-size);
  line-height: var(--_typography---text-s--s-text-line-height);
  letter-spacing: var(--_typography---text-s--s-text-letter-spacing);
}

.text-ms {
  font-size: var(--_typography---text-ms--ms-text-size);
  line-height: var(--_typography---text-ms--ms-text-line-height);
  letter-spacing: var(--_typography---text-ms--ms-text-letter-spacing);
}

.text-m {
  font-size: var(--_typography---text-m--m-text-size);
  line-height: var(--_typography---text-m--m-text-line-height);
  letter-spacing: var(--_typography---text-m--m-text-letter-spacing);
}

.text-l {
  font-size: var(--_typography---text-l--l-text-size);
  line-height: var(--_typography---text-l--l-text-line-height);
  letter-spacing: var(--_typography---text-l--l-text-letter-spacing);
}

.text-xl {
  font-size: var(--_typography---text-xl--xl-text-size);
  line-height: var(--_typography---text-xl--xl-text-line-height);
  letter-spacing: var(--_typography---text-xxl--xxl-text-letter-spacing);
}

.text-xxl {
  font-size: var(--_typography---text-xxl--xxl-text-size);
  line-height: var(--_typography---text-xxl--xxl-text-line-height);
  letter-spacing: var(--_typography---text-xxl--xxl-text-letter-spacing);
}

.wrapper-hero {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wrapper-bg-hero {
  z-index: 2;
  perspective: 35vw;
  pointer-events: none;
  flex-flow: column;
  height: 70vh;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: perspective(2400vw);
}

.block-bg-hero {
  perspective: none;
  perspective-origin: 50%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.video-bg-hero {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.video-hero {
  background-image: linear-gradient(#1810F5d4 10%, #fff0 75%);
  height: 100%;
}

.div-bg-hero {
  background-color: var(--_colors---core-neutral-color--white);
  flex: 1;
  width: 10vw;
  height: 100%;
}

.div-bg-hero.transparant {
  border-style: none solid none none;
  border-width: .07vw .08vw .07vw .07vw;
  border-color: var(--_colors---core-neutral-color--white);
  background-color: var(--_colors---core-accent-color--accent-secondary);
}

.wrapper-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.block-hero {
  z-index: 2;
  height: 100%;
  padding-right: var(--_sizes---container--container-padding-horizontal);
  padding-bottom: var(--_sizes---gap--xxs-gap);
  padding-left: var(--_sizes---container--container-padding-horizontal);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.wrapper-title-hero {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.wrapper-title-hero._404 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.wrapper-content-hero {
  grid-column-gap: var(--_sizes---gap--xl-gap);
  grid-row-gap: var(--_sizes---gap--xl-gap);
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.menu-block {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.menu-block.v2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.tag-title {
  padding: var(--_sizes---gap--super-tiny-gap) var(--_sizes---gap--tiny-gap);
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  border: .1vw solid var(--_colors---core-neutral-color--whitesmoke);
  border-radius: var(--_sizes---radius--sm-radius);
  background-color: var(--_colors---bg-tag);
  color: var(--_colors---core-neutral-color--dark-grey);
  font-weight: var(--_typography---font-weight--300);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-title.secure {
  border-radius: .35vw;
  padding-top: .35vw;
  padding-bottom: .35vw;
}

.icon {
  font-family: var(--_typography---font--icon-font);
  color: var(--_colors---current-color--current-a60);
}

.icon.text-l.orange {
  color: var(--_colors---core-neutral-color--orange);
}

.title-hero {
  width: 40vw;
}

.change-font {
  font-family: var(--_typography---secondary-font);
  font-style: italic;
  font-weight: var(--_typography---font-weight--400);
}

.heading-gradient {
  margin-bottom: var(--_sizes---no-space);
  background-image: linear-gradient(180deg, #2A24F7, var(--_colors---core-neutral-color--black));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-gradient.h1 {
  font-size: var(--_typography---h1-heading--h1-size);
  line-height: var(--_typography---h1-heading--h1-line-height);
  letter-spacing: var(--_typography---h1-heading--h1-letter-spacing);
}

.heading-gradient.h1.padding {
  padding-right: var(--_sizes---gap--super-tiny-gap);
  padding-bottom: var(--_sizes---gap--super-tiny-gap);
  padding-left: var(--_sizes---gap--super-tiny-gap);
}

.bg-hero-circle {
  z-index: 1;
  opacity: 1;
  mix-blend-mode: darken;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.circle-hero-line {
  aspect-ratio: 1;
  opacity: .3;
  width: 43vw;
  position: absolute;
}

.circle-hero-line.v2 {
  opacity: .8;
  width: 34vw;
}

.block-title-hero {
  grid-column-gap: var(--_sizes---gap--xl-gap);
  grid-row-gap: var(--_sizes---gap--xl-gap);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.accent-image {
  flex-flow: column;
  width: 8vw;
  display: flex;
}

.block-button-hero {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  color: var(--_colors---core-neutral-color--dark-grey);
  font-weight: var(--_typography---font-weight--300);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.button {
  padding-right: var(--_sizes---gap--tiny-gap);
  grid-column-gap: var(--_sizes---gap--xs-gap);
  grid-row-gap: var(--_sizes---gap--xs-gap);
  border-radius: var(--_sizes---tag--tag-radius);
  background-image: linear-gradient(180deg, #0C0AC8, var(--_colors---core-neutral-color--black));
  color: var(--_colors---core-neutral-color--white);
  font-weight: var(--_typography---font-weight--400);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  color: var(--_colors---core-neutral-color--white);
}

.wrapper-text-button {
  z-index: 1;
  padding-left: var(--_sizes---gap--tiny-gap);
  pointer-events: none;
  position: relative;
}

.wrapper-text-button.line {
  padding-left: var(--_sizes---no-space);
}

.wrapper-icon-button {
  aspect-ratio: 1;
  background-color: var(--_colors---core-neutral-color--orange);
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3vw;
  display: flex;
}

.wrapper-icon-button.absolute {
  left: var(--_sizes---gap--tiny-gap);
  position: absolute;
}

.wrapper-indicator-hero {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  height: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-indicator-icon {
  filter: saturate(200%) contrast(400%);
  color: var(--_colors---core-neutral-color--orange);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.block-indicator-hero {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  flex: none;
  width: 18vw;
  display: flex;
}

.indicator-hero {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  color: var(--_colors---core-neutral-color--dark-grey);
  font-weight: var(--_typography---font-weight--300);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.indicator-hero.v1 {
  transform: translate(-2vw);
}

.indicator-hero.v2 {
  transform: translate(-1vw);
}

.icon-indicator {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--sm-radius);
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--light-orange), var(--_colors---core-neutral-color--light-orange) 20%, var(--_colors---core-neutral-color--orange) 99%);
  width: 1.75vw;
  color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gradient-indicator {
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--white), #fff0);
  pointer-events: none;
  height: 6vw;
  position: absolute;
  inset: 0% 0% auto;
}

.gradient-indicator.v2 {
  background-image: linear-gradient(180deg, #fff0, var(--_colors---core-neutral-color--white));
  inset: auto 0% 0%;
}

.bg-hero {
  background-color: var(--_colors---core-neutral-color--white);
  height: 0%;
}

.track-hero {
  height: 1000vh;
  position: relative;
}

.wrapper-about {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.wrapper-title-about {
  text-align: center;
  width: 70%;
  position: relative;
}

.trigger-about {
  width: 2vw;
  position: absolute;
  inset: 880vh 0% 0% auto;
}

.wrapper-line-about {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---core-neutral-color--light-grey), var(--_colors---core-neutral-color--white));
  width: .15vw;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.block-counting-about {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 59%;
  padding-bottom: 7vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.block-number-works {
  z-index: 1;
  height: var(--_typography---text-xxl--xxl-text-line-height);
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.number-v1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.number-v2 {
  overflow: hidden;
}

.bg-counting {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---core-neutral-color--white), #fff0 60%);
  position: absolute;
  inset: 0%;
}

.wrapper-why {
  padding-top: var(--_sizes---section--2x-section-padding-vertical);
  padding-bottom: var(--_sizes---section--2x-section-padding-vertical);
  grid-column-gap: var(--_sizes---gap--md-gap);
  grid-row-gap: var(--_sizes---gap--md-gap);
  flex-flow: column;
  display: flex;
}

.wrapper-title-why {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.block-title-why {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.desc-title-why {
  width: 20vw;
  padding-bottom: var(--_sizes---gap--super-tiny-gap);
  color: var(--_colors---core-neutral-color--dark-grey);
  font-weight: var(--_typography---font-weight--300);
}

.desc-title-why.v2 {
  width: 8vw;
}

.block-why {
  grid-column-gap: var(--_sizes---gap--sm-gap);
  grid-row-gap: var(--_sizes---gap--sm-gap);
  display: flex;
}

.tabs {
  flex: 1;
}

.block-content-why {
  flex-flow: column;
  justify-content: flex-end;
  width: 20vw;
  display: flex;
  position: relative;
}

.tabs-content {
  background-color: var(--_colors---core-neutral-color--whitesmoke);
  background-image: url('../images/Dot-Grid.png');
  background-position: 49% 102%;
  background-size: 18.5vw;
  height: 40vw;
}

.tab-pane {
  height: 100%;
  padding: var(--_sizes---gap--md-gap) var(--_sizes---gap--ml-gap);
}

.wrapper-tabs {
  flex: 1;
  position: relative;
}

.tabs-decorative {
  background-color: var(--_colors---core-neutral-color--white);
  width: 15vw;
  height: 15vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.tab-link {
  width: 11vw;
  padding: var(--_sizes---gap--tiny-gap) var(--_sizes---gap--xxs-gap);
  border-right: .1vw solid var(--_colors---current-color--current-a10);
  background-color: var(--_colors---bg-tag);
  color: var(--_colors---core-neutral-color--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link:hover {
  color: var(--_colors---core-neutral-color--orange);
}

.tab-link.w--current {
  border-right-color: var(--_colors---core-neutral-color--black);
  background-color: var(--_colors---core-neutral-color--black);
  color: var(--_colors---core-neutral-color--white);
}

.tabs-menu {
  display: flex;
}

.wrapper-body-tab {
  grid-column-gap: var(--_sizes---gap--xs-gap);
  grid-row-gap: var(--_sizes---gap--xs-gap);
  height: 100%;
  display: flex;
}

.wrapper-card-tab {
  flex: 1;
}

.wrapper-text-tab {
  width: 25vw;
  padding-top: var(--_sizes---gap--xxs-gap);
  padding-left: var(--_sizes---gap--s-gap);
  grid-column-gap: var(--_sizes---gap--lg-gap);
  grid-row-gap: var(--_sizes---gap--lg-gap);
  flex-flow: column;
  display: flex;
}

.card-solutions {
  border-radius: var(--_sizes---radius--md-radius);
  height: 100%;
  color: var(--_colors---core-neutral-color--white);
  position: relative;
  overflow: hidden;
}

.bg-image-solutions {
  z-index: 0;
  filter: saturate(183%) hue-rotate(316deg);
  position: absolute;
  inset: 0%;
}

.card-body-solutions {
  z-index: 1;
  height: 100%;
  padding: var(--_sizes---gap--xxs-gap);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.label-card-solutions {
  width: 100%;
  font-weight: var(--_typography---font-weight--300);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.gradient-image-solutions {
  background-image: linear-gradient(#000 18%, #0000008f);
  position: absolute;
  inset: 0%;
}

.card-content-solutions {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  display: flex;
}

.descriptions-solutions {
  padding: var(--_sizes---gap--tiny-gap) var(--_sizes---gap--xxxs-gap) var(--_sizes---gap--sm-gap);
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  border-radius: var(--_sizes---radius--sm-radius);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--_colors---core-neutral-color--light-grey);
  font-weight: var(--_typography---font-weight--300);
  background-color: #00000040;
  display: flex;
}

.footer-card-solutions {
  padding-top: var(--_sizes---gap--xxs-gap);
}

.line-descriptions {
  background-color: var(--_colors---core-neutral-color--orange);
  width: .15vw;
  display: flex;
}

.wrapper-text-pane {
  color: var(--_colors---core-neutral-color--dark-grey);
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.block-text-why {
  height: 15vw;
  padding-top: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.wrapper-button-why {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.card-system {
  height: 100%;
  padding: var(--_sizes---gap--xxs-gap);
  border: .1vw solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---radius--md-radius);
  background-color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.card-body-system {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.title-card-system {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.change-color {
  color: var(--_colors---core-neutral-color--orange);
}

.desc-card-system {
  width: 58%;
  color: var(--_colors---core-neutral-color--dark-grey);
  font-weight: var(--_typography---font-weight--300);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.wrapper-icon-system {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
  position: relative;
}

.block-icon-system {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  display: flex;
}

.icon-system {
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---core-neutral-color--light-grey);
  border-radius: var(--_sizes---radius--round);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4vw;
  display: flex;
}

.icon-system.light {
  background-color: var(--_colors---core-neutral-color--white);
  filter: saturate(200%);
  color: var(--_colors---core-neutral-color--orange);
}

.icon-system.dark {
  background-color: var(--_colors---core-neutral-color--white);
  filter: saturate(200%);
}

.icon-system-long {
  border-radius: var(--_sizes---no-space) var(--_sizes---radius--round) var(--_sizes---radius--round) var(--_sizes---no-space);
  background-color: var(--_colors---core-neutral-color--orange);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.icon-system-long.v2 {
  border-radius: var(--_sizes---radius--round) var(--_sizes---no-space) var(--_sizes---no-space) var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--black);
  justify-content: center;
  align-items: flex-start;
}

.card-secure {
  border-radius: var(--_sizes---radius--md-radius);
  background-color: var(--_colors---core-neutral-color--dark-orange);
  height: 100%;
  color: var(--_colors---core-neutral-color--white);
  position: relative;
  overflow: hidden;
}

.bg-image-secure {
  z-index: 0;
  opacity: .8;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.card-body-secure {
  z-index: 1;
  height: 100%;
  padding: var(--_sizes---gap--xxs-gap);
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
  position: relative;
}

.wrapper-content-secure {
  padding: var(--_sizes---gap--tiny-gap) var(--_sizes---gap--xxxs-gap);
  grid-column-gap: var(--_sizes---gap--xs-gap);
  grid-row-gap: var(--_sizes---gap--xs-gap);
  border-radius: var(--_sizes---radius--sm-radius);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-weight: var(--_typography---font-weight--300);
  background-color: #0000008c;
  flex-flow: column;
  display: flex;
}

.wrapper-image-secure {
  margin-top: var(--_sizes---gap--tiny-gap);
  padding: var(--_sizes---gap--tiny-gap);
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  border: .1vw solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---radius--sm-radius);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #f8f8f814;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.wrapper-footer-secure {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  color: var(--_colors---current-color--current-a80);
  font-weight: var(--_typography---font-weight--200);
  display: flex;
}

.gradient-icon-system {
  background-image: linear-gradient(90deg, var(--_colors---core-neutral-color--white), var(--_colors---core-accent-color--accent-secondary-hover));
  pointer-events: none;
  width: 7vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.gradient-icon-system.v2 {
  background-image: linear-gradient(270deg, var(--_colors---core-neutral-color--white), var(--_colors---core-accent-color--accent-secondary-hover));
  inset: 0% 0% 0% auto;
}

.block-image-secure {
  width: 100%;
  padding: var(--_sizes---gap--xxs-gap) var(--_sizes---gap--tiny-gap);
  border-radius: var(--_sizes---radius--sm-radius);
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--light-orange), #746CF9);
  opacity: .13;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.content-card-secure {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.circle-transparant {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--light-orange);
  opacity: .15;
  height: 80%;
}

.line-secure {
  border-radius: var(--_sizes---radius--sm-radius);
  background-color: var(--_colors---core-neutral-color--white);
  width: 100%;
  height: .7vw;
}

.line-secure.v1 {
  width: 80%;
}

.line-secure.v2 {
  width: 84%;
  margin-left: 2vw;
}

.line-secure.v3 {
  width: 70%;
  margin-left: 4vw;
}

.line-secure.v4 {
  width: 60%;
  margin-left: 4vw;
}

.line-secure.v5 {
  width: 50%;
}

.card-support {
  height: 100%;
  padding: var(--_sizes---gap--xxs-gap);
  grid-column-gap: var(--_sizes---gap--xs-gap);
  grid-row-gap: var(--_sizes---gap--xs-gap);
  border: .1vw solid var(--_colors---current-color--current-a10);
  border-radius: var(--_sizes---radius--md-radius);
  background-color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  display: flex;
}

.wrapper-content-support {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.title-card-support {
  width: 65%;
}

.block-support {
  height: 38%;
  padding-right: var(--_sizes---gap--xxs-gap);
  padding-left: var(--_sizes---gap--s-gap);
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--whitesmoke);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.block-text-support {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
}

.desc-text-support {
  font-weight: var(--_typography---font-weight--300);
}

.icon-support {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--orange);
  width: 4vw;
  color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-intergrations {
  padding-top: var(--_sizes---gap--ml-gap);
  padding-bottom: var(--_sizes---section--2x-section-padding-vertical);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-content-intergrations {
  border-bottom: .1vw solid var(--_colors---core-neutral-color--light-grey);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 85vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line-intergrations {
  z-index: 5;
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--orange), #fff0);
  filter: blur(.3px);
  width: .1vw;
  height: 100%;
  position: absolute;
  left: 50%;
  box-shadow: 6px 0 18px 3px #8C88FA82;
}

.block-circle-intergration {
  z-index: 5;
  width: 8vw;
  padding: var(--_sizes---gap--super-tiny-gap);
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---core-neutral-color--light-grey);
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -4vw;
  display: flex;
  position: relative;
}

.circle-icon-intergrations {
  border-radius: var(--_sizes---radius--round);
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--whitesmoke), white 38%, var(--_colors---bg-tag));
  width: 100%;
  height: 100%;
  color: var(--_colors---current-color--current-a60);
  justify-content: center;
  align-items: center;
  display: flex;
}

.circle-intergration {
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---core-neutral-color--whitesmoke);
  border-radius: var(--_sizes---radius--round);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20vw;
  display: flex;
  position: absolute;
}

.circle-intergration.v1 {
  z-index: 3;
  width: 40vw;
  top: auto;
  bottom: -20vw;
}

.circle-intergration.v2 {
  z-index: 2;
  width: 50vw;
  bottom: -25vw;
}

.circle-intergration.v3 {
  z-index: 1;
  width: 60vw;
  bottom: -30vw;
}

.circle-intergration.v4 {
  z-index: 0;
  width: 70vw;
  bottom: -35vw;
}

.icon-intergration {
  width: var(--icon-intergration);
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---current-color--current-a10);
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.icon-intergration.v1 {
  top: -1.5vw;
}

.icon-intergration.v1.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v2 {
  bottom: -1.5vw;
}

.icon-intergration.v2.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v3 {
  left: auto;
  right: -1.5vw;
}

.icon-intergration.v3.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v4 {
  left: -1.5vw;
  right: auto;
}

.icon-intergration.v4.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v5 {
  inset: 7vw auto auto 7vw;
}

.icon-intergration.v5.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v6 {
  inset: 7vw 7vw auto auto;
}

.icon-intergration.v6.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v7 {
  inset: auto auto 7vw 7vw;
}

.icon-intergration.v7.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v8 {
  inset: auto 7vw 7vw auto;
}

.icon-intergration.v8.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v9 {
  top: -1.7vw;
}

.icon-intergration.v9.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v10 {
  bottom: -1.7vw;
}

.icon-intergration.v10.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v11 {
  left: -1.7vw;
}

.icon-intergration.v11.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.icon-intergration.v12 {
  right: -1.7vw;
}

.icon-intergration.v12.orange {
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
}

.bg-circle-intergrations {
  z-index: -1;
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--round);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---core-neutral-color--orange), #fff0);
  filter: blur(100px);
  width: 90vw;
  position: absolute;
  bottom: -58vw;
}

.wrapper-circle-intergration {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.block-intergrations {
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.block-intergrations.v2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.bg-circle {
  z-index: -1;
  border-radius: var(--_sizes---radius--round);
  background-image: radial-gradient(circle at 50% 0, #ffffff6e, #fff0 50%);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.desc-intergrations {
  left: auto;
  top: var(--_sizes---gap--lg-gap);
  right: var(--_sizes---gap--sm-gap);
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  width: 15vw;
  color: var(--_colors---core-neutral-color--dark-grey);
  font-weight: var(--_typography---font-weight--300);
  display: flex;
  position: absolute;
  bottom: auto;
}

.icon-desc-intergration {
  color: var(--_colors---core-neutral-color--orange);
  font-weight: var(--_typography---font-weight--500);
}

.wrapper-features {
  flex-flow: column;
  display: flex;
}

.wrapper-title-features {
  padding-right: var(--_sizes---container--container-padding-horizontal);
  padding-left: var(--_sizes---container--container-padding-horizontal);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.wrapper-content-features {
  height: 100vh;
  padding-top: var(--_sizes---gap--ml-gap);
  grid-column-gap: var(--_sizes---gap--s-gap);
  grid-row-gap: var(--_sizes---gap--s-gap);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.title-features {
  width: 50%;
}

.block-title-features {
  width: 83%;
}

.block-tag-features {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.image-title-features {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.title-content-features {
  padding-right: var(--_sizes---container--container-padding-horizontal);
  padding-left: var(--_sizes---container--container-padding-horizontal);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.block-content-features {
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 200vw;
  display: flex;
}

.track-features {
  height: 600vh;
}

.card-features {
  border-style: solid;
  border-width: .05vw .05vw .1vw;
  border-color: var(--_colors---core-neutral-color--light-grey);
  flex: 1;
  height: 100%;
  display: flex;
}

.card-features.v2 {
  overflow: hidden;
}

.card-body-features {
  padding: var(--_sizes---gap--s-gap);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.block-illustrations-features {
  width: var(--width-block-illustration);
  position: relative;
}

.block-illustrations-features.v1 {
  flex-flow: column;
  display: flex;
}

.block-illustrations-features.v2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.block-illustrations-features.v3 {
  border-left: .1vw solid var(--_colors---core-neutral-color--light-grey);
  display: flex;
  overflow: hidden;
}

.block-illustrations-features.v4 {
  padding: var(--_sizes---gap--xl-gap) var(--_sizes---gap--xxs-gap) var(--_sizes---gap--s-gap);
  background-color: var(--_colors---bg-tag);
  background-image: linear-gradient(180deg, #0000, var(--_colors---bg-tag) 99%, white), url('../images/Dot-Grid.png');
  background-position: 0 0, 50% 0;
  background-size: auto, 20vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-card-features {
  text-transform: uppercase;
}

.body-content-features {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  display: flex;
}

.desc-card-features {
  color: var(--_colors---core-neutral-color--dark-grey);
}

.title-features-card {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.number-card-features {
  color: var(--_colors---core-neutral-color--black);
  font-weight: var(--_typography---font-weight--500);
  margin-bottom: .4vw;
}

.block-illustration-ai {
  flex: 1;
  display: flex;
  position: relative;
}

.block-features.v1 {
  background-image: linear-gradient(270deg, var(--_colors---core-neutral-color--orange), #fff0 85%);
  width: 67%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.block-features.v2 {
  background-color: #8C88FA;
  background-image: linear-gradient(90deg, var(--_colors---core-neutral-color--light-orange), var(--_colors---core-neutral-color--white) 85%);
  width: 33%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.block-features.v3 {
  background-image: linear-gradient(270deg, var(--_colors---core-neutral-color--light-orange), var(--_colors---core-neutral-color--white) 85%);
  width: 33%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.block-features.v4 {
  background-image: linear-gradient(90deg, var(--_colors---core-neutral-color--orange), var(--_colors---core-neutral-color--white) 85%);
  width: 67%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.circle-cloud {
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---core-neutral-color--light-orange);
  border-radius: var(--_sizes---radius--round);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---core-neutral-color--white) 45%, #8C88FA2e);
  width: 20vw;
  position: absolute;
  right: -50%;
}

.circle-cloud.v1 {
  z-index: 3;
  width: 14vw;
  right: -35%;
}

.circle-cloud.v2 {
  z-index: 2;
  width: 28vw;
  right: -70%;
  transform: translate(0, 40%);
}

.circle-cloud.v3 {
  z-index: 2;
  width: 28vw;
  right: -70%;
  transform: translate(0, -40%);
}

.block-line-protect {
  border-right: .1vw solid var(--_colors---core-neutral-color--light-grey);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.block-line-protect.last {
  padding-top: var(--_sizes---gap--md-gap);
  border-right-style: none;
}

.block-line-protect.first {
  margin-top: -6vw;
}

.block-line-protect.center {
  padding-top: var(--_sizes---gap--xxl-gap);
}

.icon-protect {
  aspect-ratio: 1;
  border: 1px solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--whitesmoke);
  width: 2vw;
  color: var(--_colors---core-neutral-color--orange);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.line-scan-protection {
  border-bottom-style: solid;
  border-bottom-width: .1vw;
  border-bottom-color: var(--_colors---core-neutral-color--orange);
  pointer-events: none;
  background-image: linear-gradient(0deg, #1810F53d, #fff0 85%);
  height: 75%;
  position: absolute;
  inset: 0%;
  box-shadow: 0 2px 5px #4A44F778;
}

.circle-data {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  aspect-ratio: 1;
  border: .2vw solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 15vw;
  display: flex;
  position: relative;
}

.block-data-insight {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  flex-flow: column;
  display: flex;
}

.wrapper-data-insight {
  left: var(--_sizes---gap--xs-gap);
  top: auto;
  right: auto;
  bottom: var(--_sizes---gap--xs-gap);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
}

.wrapper-pricing {
  margin-top: var(--_sizes---gap--md-gap);
  padding-top: var(--_sizes---section--2x-section-padding-vertical);
  padding-bottom: var(--_sizes---section--2x-section-padding-vertical);
  grid-column-gap: var(--_sizes---gap--md-gap);
  grid-row-gap: var(--_sizes---gap--md-gap);
  flex-flow: column;
  display: flex;
}

.wrapper-title-pricing {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-content-pricing {
  grid-column-gap: var(--_sizes---gap--s-gap);
  grid-row-gap: var(--_sizes---gap--s-gap);
  flex-flow: column;
  display: flex;
}

.block-toogle-pricing {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.toogle-pricing {
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--light-grey);
  cursor: pointer;
  width: 3.5vw;
  padding: .2vw;
}

.toogle-button-pricing {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--white);
  width: 1.5vw;
}

.text-toogle.v2 {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  color: var(--_colors---core-neutral-color--dark-grey);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-card-pricing {
  padding-right: var(--_sizes---container--2x-container-padding-horizontal);
  padding-left: var(--_sizes---container--2x-container-padding-horizontal);
}

.block-card-pricing {
  padding: var(--_sizes---gap--xs-gap);
  grid-column-gap: var(--_sizes---gap--s-gap);
  grid-row-gap: var(--_sizes---gap--s-gap);
  background-color: var(--_colors---core-neutral-color--whitesmoke);
  display: flex;
  overflow: visible;
}

.card-pricing {
  padding-top: var(--_sizes---gap--xxs-gap);
  padding-bottom: var(--_sizes---gap--xxs-gap);
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.card-pricing.v2 {
  padding: var(--_sizes---gap--xxs-gap);
  border: .1vw solid var(--_colors---current-color--current-a10);
  border-radius: var(--_sizes---radius--md-radius);
  background-color: var(--_colors---core-neutral-color--white);
}

.icon-pricing {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--sm-radius);
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--dark-grey), var(--_colors---core-neutral-color--black));
  width: 2.5vw;
  color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-pricing.v2 {
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--light-orange), var(--_colors---core-neutral-color--orange));
}

.tag-toogle {
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--orange);
  transform-origin: 0%;
  color: var(--_colors---core-neutral-color--white);
  padding: .2vw .5vw;
  transform: scale(.9);
}

.title-card-pricing {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  color: var(--_colors---core-neutral-color--dark-grey);
  flex-flow: column;
  display: flex;
}

.title-pricing {
  color: var(--_colors---core-neutral-color--black);
  text-transform: uppercase;
}

.wrapper-number-pricing {
  padding-top: var(--_sizes---gap--xxxs-gap);
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-number-pricing {
  height: var(--_typography---text-xxs--xxs-text-line-height);
  margin-bottom: var(--_sizes---gap--super-tiny-gap);
  overflow: hidden;
}

.button-line {
  padding: var(--_sizes---gap--tiny-gap) var(--_sizes---gap--xxxs-gap);
  border: .1vw solid var(--_colors---core-neutral-color--light-grey);
  border-radius: var(--_sizes---button--button-radius);
  color: var(--_colors---core-neutral-color--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-line:hover {
  border-color: var(--_colors---current-color--current-a10);
  color: var(--_colors---core-neutral-color--black);
}

.button-line.dark {
  color: var(--_colors---core-neutral-color--white);
}

.block-fiture-pricing {
  padding-top: var(--_sizes---gap--xxs-gap);
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  flex-flow: column;
  display: flex;
}

.fiture-pricing {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
}

.list-fiture-pricing {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-number {
  height: var(--_typography---text-l--l-text-line-height);
  overflow: hidden;
}

.circle-image {
  border-radius: var(--_sizes---radius--round);
  position: absolute;
  inset: 0%;
}

.wrapper-step {
  padding-right: var(--_sizes---container--container-padding-horizontal);
  padding-left: var(--_sizes---container--container-padding-horizontal);
  display: flex;
  position: relative;
}

.wrapper-title-step {
  height: 100vh;
  padding-right: var(--_sizes---gap--xxs-gap);
  grid-column-gap: var(--_sizes---gap--sm-gap);
  grid-row-gap: var(--_sizes---gap--sm-gap);
  flex-flow: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.wrapper-content-step {
  padding-top: var(--_sizes---gap--lg-gap);
  padding-bottom: var(--_sizes---gap--lg-gap);
  flex: 1;
  margin-top: 30%;
  margin-bottom: 15%;
  position: relative;
}

.title-step {
  text-align: right;
  width: 60%;
}

.block-step {
  grid-column-gap: var(--_sizes---gap--s-gap);
  grid-row-gap: var(--_sizes---gap--s-gap);
  flex-flow: column;
  width: 70%;
  display: flex;
}

.wrapper-block-step {
  padding-left: var(--_sizes---gap--lg-gap);
  grid-column-gap: var(--_sizes---gap--xl-gap);
  grid-row-gap: var(--_sizes---gap--xl-gap);
  flex-flow: column;
  display: flex;
}

.content-block-step {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  flex-flow: column;
  display: flex;
}

.sub-title-step {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.desc-step {
  width: 70%;
  color: var(--_colors---core-neutral-color--dark-grey);
}

.line-block-step {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---core-neutral-color--light-grey) 76%, #fff0);
  width: .1vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-reveal-step {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.step-bg-reveal {
  background-color: var(--_colors---core-neutral-color--white);
  flex: 1;
  width: 100%;
}

.wrapper-cta {
  padding-top: var(--_sizes---section--2x-section-padding-vertical);
  grid-column-gap: var(--_sizes---gap--ml-gap);
  grid-row-gap: var(--_sizes---gap--ml-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-footer {
  height: 100vh;
  padding: var(--_sizes---section--section-padding-vertical) var(--_sizes---container--container-padding-horizontal);
  grid-column-gap: var(--_sizes---gap--s-gap);
  grid-row-gap: var(--_sizes---gap--s-gap);
  display: flex;
  position: relative;
}

.wrapper-menu-footer {
  padding-top: var(--_sizes---gap--super-tiny-gap);
  padding-left: var(--_sizes---gap--ml-gap);
  grid-column-gap: var(--_sizes---gap--xxl-gap);
  grid-row-gap: var(--_sizes---gap--xxl-gap);
  flex: 1;
  display: flex;
}

.wrapper-logo-footer {
  width: 26vw;
  padding-right: var(--_sizes---gap--xxxs-gap);
  grid-column-gap: var(--_sizes---gap--s-gap);
  grid-row-gap: var(--_sizes---gap--s-gap);
  flex-flow: column;
  display: flex;
}

.logo-footer {
  width: 70%;
}

.wrapper-social-media {
  padding-top: var(--_sizes---gap--super-tiny-gap);
  padding-right: var(--_sizes---gap--xxxs-gap);
  grid-column-gap: var(--_sizes---gap--xxs-gap);
  grid-row-gap: var(--_sizes---gap--xxs-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.block-menu-footer {
  grid-column-gap: var(--_sizes---gap--xxs-gap);
  grid-row-gap: var(--_sizes---gap--xxs-gap);
  flex-flow: column;
  display: flex;
}

.list-menu-footer {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
}

.link-menu {
  color: var(--_colors---core-neutral-color--black);
  font-weight: var(--_typography---font-weight--300);
}

.block-social-media {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  display: flex;
}

.icon-social {
  width: 1.8vw;
  color: var(--_colors---core-neutral-color--black);
}

.bg-footer {
  z-index: -1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-bg-footer {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--_colors---core-neutral-color--orange) 8%, var(--_colors---core-neutral-color--light-orange) 37%, var(--_colors---core-neutral-color--white) 90%);
  flex: 1;
}

.block-bg-footer.v1 {
  height: 10vh;
}

.block-bg-footer.v2 {
  height: 20vh;
}

.block-bg-footer.v3 {
  height: 30vh;
}

.block-bg-footer.v4 {
  height: 40vh;
}

.block-bg-footer.v5 {
  height: 50vh;
}

.block-text-field {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  display: flex;
}

.form {
  grid-column-gap: var(--_sizes---gap--super-tiny-gap);
  grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  flex-flow: column;
  display: flex;
}

.text-field {
  margin: var(--_sizes---no-space);
  padding: var(--_sizes---gap--super-tiny-gap) var(--_sizes---gap--tiny-gap);
  border: .1vw solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---input--input-radius);
  background-color: var(--_colors---bg-tag);
}

.text-field::placeholder {
  font-size: var(--_typography---text-xxs--xxs-text-size);
  line-height: var(--_typography---text-xxs--xxs-text-line-height);
}

.text-field.password {
  margin-bottom: var(--_sizes---gap--tiny-gap);
}

.button-submit {
  padding: var(--_sizes---gap--super-tiny-gap) var(--_sizes---gap--tiny-gap);
  border-radius: var(--_sizes---tag--tag-radius);
  background-color: var(--_colors---core-neutral-color--orange);
  color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-submit:hover {
  color: var(--_colors---core-neutral-color--white);
}

.submit {
  background-color: #3898ec00;
  position: absolute;
  inset: 0%;
}

.desc-form-footer {
  width: 72%;
  color: var(--_colors---core-neutral-color--dark-grey);
}

.wrapper-text-cta {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-content-cta {
  width: 70vw;
  height: 60vh;
  padding-top: var(--_sizes---gap--tiny-gap);
  padding-right: var(--_sizes---gap--tiny-gap);
  padding-left: var(--_sizes---gap--tiny-gap);
  border-top: .1vw solid var(--_colors---core-neutral-color--light-grey);
  border-right: .1vw solid var(--_colors---core-neutral-color--light-grey);
  border-left: .1vw solid var(--_colors---core-neutral-color--light-grey);
  border-top-left-radius: var(--_sizes---radius--md-radius);
  border-top-right-radius: var(--_sizes---radius--md-radius);
  display: flex;
}

.block-title-cta {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.desc-cta {
  width: 65%;
  padding-bottom: var(--_sizes---gap--xxxs-gap);
  color: var(--_colors---core-neutral-color--dark-grey);
}

.block-content-cta {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  border-top: .1vw solid var(--_colors---current-color--current-a05);
  border-right: .1vw solid var(--_colors---current-color--current-a05);
  border-left: .1vw solid var(--_colors---current-color--current-a05);
  border-top-left-radius: var(--_sizes---radius--sm-radius);
  border-top-right-radius: var(--_sizes---radius--sm-radius);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #f3f3f380;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.block-menu-cta {
  width: 28%;
  padding: var(--_sizes---gap--xxxs-gap);
}

.wrapper-list-menu {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  flex-flow: column;
  display: flex;
}

.icon-logo-cta {
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---current-color--current-a10);
  border-radius: var(--_sizes---radius--round);
  background-color: var(--_colors---core-neutral-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4.5vw;
  display: flex;
}

.logo-mini {
  width: 2.3vw;
}

.block-user-cta {
  display: flex;
}

.icon-user {
  aspect-ratio: 1;
  border: .15vw solid var(--_colors---core-neutral-color--white);
  border-radius: var(--_sizes---radius--round);
  width: 2.5vw;
  overflow: hidden;
}

.icon-user.v1 {
  margin-left: -.8vw;
}

.users-icon-cta {
  grid-column-gap: var(--_sizes---gap--tiny-gap);
  grid-row-gap: var(--_sizes---gap--tiny-gap);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bg-cloud {
  z-index: 3;
  background-image: linear-gradient(180deg, #0000, var(--_colors---core-neutral-color--white));
  height: 6vw;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-cloud.v2 {
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--white), #fff0);
  inset: 0% 0% auto;
}

.logo-navbar {
  width: 10vw;
}

.link-navbar {
  padding: var(--_sizes---no-space);
  font-size: var(--_typography---text-xs--xs-text-size);
  line-height: var(--_typography---text-xs--xs-text-line-height);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-navbar:hover {
  color: var(--_colors---core-neutral-color--orange);
}

.link-navbar.mobile {
  display: none;
}

.nav-menu {
  grid-column-gap: var(--_sizes---gap--xxs-gap);
  grid-row-gap: var(--_sizes---gap--xxs-gap);
  display: flex;
}

.navbar {
  padding: var(--_sizes---gap--super-tiny-gap) var(--_sizes---gap--xxxs-gap);
  border: .1vw solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---tag--tag-radius);
  background-color: var(--_colors---bg-tag);
  flex-flow: row;
  display: flex;
}

.bg-button-line {
  background-color: var(--_colors---core-neutral-color--black);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.bg-button-line.dark {
  background-color: var(--_colors---core-neutral-color--orange);
  opacity: 1;
}

.guide-button {
  grid-column-gap: var(--_sizes---gap--xxxs-gap);
  grid-row-gap: var(--_sizes---gap--xxxs-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.desc-utility {
  width: 65%;
}

.wrapper-utility-all.license-botom {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5vw 2vw;
  display: flex;
}

.wrapper-link-licences {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  border-top: .1vw solid #8C88FA;
  padding-top: 4vw;
  display: flex;
}

.descriptions-block-utility.image-license {
  width: 50%;
  padding: var(--_sizes---gap--s-gap);
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  border-radius: var(--_sizes---radius--md-radius);
  background-color: var(--_colors---bg-tag);
  flex-flow: column;
  display: flex;
}

.links {
  text-decoration: underline;
}

.block-footer-copyright {
  z-index: 4;
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.created-by-wrap {
  grid-column-gap: .35vw;
  grid-row-gap: .35vw;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.copyright {
  justify-content: flex-start;
  align-items: center;
}

.link-block-bottom {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  line-height: 1.5vw;
  display: flex;
}

.block-social {
  grid-column-gap: var(--_sizes---gap--xxl-gap);
  grid-row-gap: var(--_sizes---gap--xxl-gap);
  flex-flow: column;
  display: flex;
}

.link-footer {
  font-weight: var(--_typography---font-weight--500);
}

.wrapper-404 {
  height: 100vh;
  padding-top: var(--_sizes---gap--s-gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.desc-404 {
  width: 55%;
  padding-top: var(--_sizes---gap--xxxs-gap);
}

.wrapper-button-404 {
  padding-top: var(--_sizes---gap--md-gap);
}

.block-bg-404 {
  z-index: -1;
  padding-top: var(--_sizes---gap--s-gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.circle-bg-404 {
  aspect-ratio: 1;
  width: 44vw;
}

.circle-bg-404.v2 {
  width: 38vw;
  position: absolute;
}

.block-401 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.text-none {
  display: none;
}

.icon-block-401 {
  aspect-ratio: 1;
  border: .1vw solid var(--_colors---current-color--current-a05);
  border-radius: var(--_sizes---radius--round);
  background-image: linear-gradient(180deg, var(--_colors---core-neutral-color--whitesmoke), var(--_colors---core-neutral-color--light-grey) 51%, var(--_colors---core-neutral-color--whitesmoke));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 8vw;
  display: flex;
}

.message {
  padding-top: var(--_sizes---gap--xxxs-gap);
  padding-bottom: var(--_sizes---gap--xxxs-gap);
  border-radius: var(--_sizes---radius--sm-radius);
  background-color: var(--_colors---bg-tag);
}

.icon-button {
  aspect-ratio: 1;
  width: 1.6vw;
}

.icon-button.reverse {
  filter: invert();
}

.pop-up-button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .01vw;
  background-color: #08089F;
  border: .1vw solid #fff;
  border-radius: .5vw;
  width: 100%;
  padding-left: .35vw;
  padding-right: .35vw;
  font-family: Inter Tight, sans-serif;
  font-size: .85vw;
  line-height: 1.35vw;
}

.pop-up-button-2:hover {
  filter: drop-shadow(0 1px 2px #D6D5FD);
}

.text-xxs-2 {
  font-size: .85vw;
  line-height: 1.35vw;
}

.text-xxs-2.change-font {
  letter-spacing: .05vw;
  font-family: Inter Tight, sans-serif;
}

.wrapper-sticky-button-2 {
  z-index: 999;
  pointer-events: none;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 2vw;
  position: fixed;
  inset: 0%;
}

.block-button-sticky-2 {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.wrapper-close {
  padding-bottom: 0;
}

.button-sticky-2 {
  pointer-events: auto;
  background-color: #fafafa;
  border-radius: .5vw;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .65vw 1.2vw;
  display: flex;
}

.button-sticky-2.v2 {
  color: #fff;
  background-color: #333;
}

.wrapper-button-2 {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pop-up-button-2-2 {
  color: #08089F;
  text-align: center;
  letter-spacing: .01vw;
  background-color: #fff;
  border: .1px solid #3330;
  border-radius: .5vw;
  width: 100%;
  padding: .65vw .35vw;
  font-family: Inter Tight, sans-serif;
  font-size: .85vw;
  line-height: 1.35vw;
  transition: none;
}

.pop-up-button-2-2:hover {
  filter: drop-shadow(0 1px 2px #D6D5FD);
}

.gap-button-2 {
  width: 1vw;
}

.wrapper-cta-title-2 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.wrapper-cta-2 {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  pointer-events: auto;
  color: #fff;
  cursor: auto;
  background-color: #08089F;
  border-radius: .5vw;
  flex-flow: column;
  padding: 1vw;
  display: flex;
  position: absolute;
  inset: auto auto 2vw 2vw;
}

.text-button-3 {
  white-space: nowrap;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 1.15vw;
  line-height: 1.75vw;
  display: flex;
  overflow: hidden;
}

.wrapper-close-image-2 {
  filter: invert();
  cursor: pointer;
  width: .8vw;
  margin-bottom: 1vw;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font--body-font: Inter, sans-serif;
    --_typography---base-typography--base-font-size: 1.11vw;
    --_typography---base-typography--base-line-height: 1.78vw;
    --_typography---base-typography--base-letter-spacing: 0vw;
    --_typography---h1-heading--h1-margin-bottom: 1.58vw;
    --_typography---font--heading-font: Inter, sans-serif;
    --_typography---h1-heading--h1-size: 5.27vw;
    --_typography---h1-heading--h1-line-height: 5.48vw;
    --_typography---h1-heading--h1-weight: var(--_typography---font-weight--400);
    --_typography---h1-heading--h1-letter-spacing: -.2vw;
    --_typography---h2-heading--h2-margin-bottom: 1.03vw;
    --_typography---h2-heading--h2-size: 2.95vw;
    --_typography---h2-heading--h2-line-height: 3.07vw;
    --_typography---h2-heading--h2-weight: var(--_typography---font-weight--400);
    --_typography---h2-heading--h2-letter-spacing: -.01vw;
    --_typography---h3-heading--h3-margin-bottom: 1.11vw;
    --_typography---h3-heading--h3-size: 2.22vw;
    --_typography---h3-heading--h3-line-height: 2.31vw;
    --_typography---h3-heading--h3-weight: var(--_typography---font-weight--400);
    --_typography---h3-heading--h3-letter-spacing: -.01vw;
    --_typography---h4-heading--h4-margin-bottom: .94vw;
    --_typography---h4-heading--h4-size: 1.88vw;
    --_typography---h4-heading--h4-line-height: 2.44vw;
    --_typography---h4-heading--h4-weight: var(--_typography---font-weight--400);
    --_typography---h4-heading--h4-letter-spacing: -.01vw;
    --_typography---h5-heading--h5-margin-bottom: .78vw;
    --_typography---h5-heading--h5-size: 1.56vw;
    --_typography---h5-heading--h5-line-height: 2.03vw;
    --_typography---h5-heading--h5-weight: var(--_typography---font-weight--400);
    --_typography---h5-heading--h5-letter-spacing: 0vw;
    --_typography---h6-heading--h6-margin-bottom: .56vw;
    --_typography---h6-heading--h6-size: 1.3vw;
    --_typography---h6-heading--h6-line-height: 1.44vw;
    --_typography---h6-heading--h6-weight: var(--_typography---font-weight--400);
    --_typography---h6-heading--h6-letter-spacing: .11vw;
    --_typography---base-typography--base-margin-bottom: .83vw;
    --_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>: 1.1vw;
    --_typography---default-text--text-line-height\<deleted\|variable-e8ee2a9b-8e11-f19c-5e5c-0bbf6fa6dcdf\>: 1.5vw;
    --_typography---default-text--text-letter-spacing\<deleted\|variable-1e9b3b04-2175-0202-60f6-a75f1a9cff2a\>: 0vw;
    --_typography---text-xxs--xxs-text-size: 1.3vw;
    --_typography---text-xxs--xxs-text-line-height: 1.8vw;
    --_typography---font-weight--400: 400;
    --_typography---text-xxs--xxs-text-letter-spacing: 0px;
    --_typography---font-weight--300: 300;
    --_typography---text-xs--xs-text-size: 1.65vw;
    --_typography---text-xs--xs-text-line-height: 2.1vw;
    --_typography---text-xs--xs-text-letter-spacing: 0px;
    --_typography---text-s--s-text-size: 2vw;
    --_typography---text-s--s-text-line-height: 2.8vw;
    --_typography---text-s--s-text-letter-spacing: 0px;
    --_typography---text-ms--ms-text-size: 2.5vw;
    --_typography---text-ms--ms-text-line-height: 3vw;
    --_typography---text-ms--ms-text-letter-spacing: -.04vw;
    --_typography---text-m--m-text-size: 3vw;
    --_typography---text-m--m-text-line-height: 3.5vw;
    --_typography---text-m--m-text-letter-spacing: -.1vw;
    --_typography---text-l--l-text-size: 5vw;
    --_typography---text-l--l-text-line-height: 5.5vw;
    --_typography---text-l--l-text-letter-spacing: -.2vw;
    --_typography---text-xl--xl-text-size: 8vw;
    --_typography---text-xl--xl-text-line-height: 8.5vw;
    --_typography---text-xxl--xxl-text-letter-spacing: -.5vw;
    --_typography---text-xxl--xxl-text-size: 9vw;
    --_typography---text-xxl--xxl-text-line-height: 12.5vw;
    --_typography---font--icon-font: "Material Icons", sans-serif;
    --_typography---secondary-font: "Playfair Display", sans-serif;
    --_typography---font-weight--200: 200;
    --_typography---font-weight--500: 500;
    --_typography---font--button-font: Inter, sans-serif;
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 400;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 7.02vw;
    --_typography---h0-heading--h0-letter-spacing: -.01vw;
    --_typography---h0-heading--h0-line-height: 7.3vw;
    --_typography---h0-heading--h0-weight: var(--_typography---font-weight--400);
    --_typography---h0-heading--h0-margin-bottom: 2.11vw;
    --_typography---text-sm--sm-text-size: 1.1vw;
    --_typography---text-sm--sm-text-letter-spacing: 0vw;
    --_typography---text-sm--sm-text-line-height: 1.78vw;
    --_typography---text-xl--xl-text-letter-spacing: -.5vw;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: Inter, sans-serif;
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: 1.3vw;
    --_typography---font-weight--100: 100;
    --_typography---font-weight--600: 600;
    --_typography---font-weight--700: 700;
    --_typography---font-weight--800: 800;
    --_typography---font-weight--900: 900;
    --_sizes---gap--sm-gap: var(--_sizes---spacing--1-75x);
    --_sizes---image--image-radius: var(--_sizes---card--card-radius);
    --_sizes---gap--tiny-gap: var(--_sizes---spacing--0-5x);
    --_sizes---container--container-padding-horizontal: 2vw;
    --_sizes---no-space: 0px;
    --_sizes---section--2x-section-padding-vertical: 10vw;
    --_sizes---gap--s-gap: var(--_sizes---spacing--1-5x);
    --_sizes---gap--xxxs-gap: var(--_sizes---spacing--0-75x);
    --_sizes---radius--md-radius: 1.05vw;
    --_sizes---gap--xxs-gap: var(--_sizes---spacing--1x);
    --_sizes---gap--xs-gap: var(--_sizes---spacing--1-25x);
    --_sizes---gap--ml-gap: var(--_sizes---spacing--3x);
    --_sizes---gap--md-gap: var(--_sizes---spacing--2x);
    --_sizes---radius--sm-radius: .55vw;
    --_sizes---gap--super-tiny-gap: var(--_sizes---spacing--0-25x);
    --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
    --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
    --_sizes---tag--tag-radius: .5vw;
    --_sizes---radius--round: 200vw;
    --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
    --_sizes---container--2x-container-padding-horizontal: 10vw;
    --_sizes---button--button-radius: .5vw;
    --_sizes---section--section-padding-vertical: 5vw;
    --_sizes---input--input-radius: .5vw;
    --_sizes---spacing--0-25x: 1.2vw;
    --_sizes---spacing--0-5x: 1.8vw;
    --_sizes---spacing--0-75x: 2.8vw;
    --_sizes---spacing--1x: 2.1vw;
    --_sizes---spacing--1-25x: 2.6vw;
    --_sizes---spacing--1-5x: 3.15vw;
    --_sizes---spacing--1-75x: 3.65vw;
    --_sizes---spacing--2x: 5vw;
    --_sizes---spacing--3x: 6.25vw;
    --_sizes---spacing--4x: 8.3vw;
    --_sizes---spacing--5x: 10.5vw;
    --_sizes---spacing--6x: 12.5vw;
    --_sizes---spacing--7x: 14.6vw;
    --_sizes---spacing--8x: 16.6vw;
    --_sizes---button--button-padding-vertical: 1vw;
    --_sizes---button--button-padding-horizontal: 1.5vw;
    --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
    --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
    --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--0-75x);
    --_sizes---card--card-radius: 1vw;
    --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-25x);
    --_sizes---card--card-padding: var(--_sizes---spacing--2x);
    --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
    --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
    --_sizes---radius--lg-radius: 1.55vw;
    --_sizes---radius--xl-radius: 2.1vw;
    --icon-intergration: 4vw;
    --width-block-illustration: 100%;
  }

  h1 {
    font-size: var(--_typography---h1-heading--h1-size);
  }

  h2 {
    font-size: var(--_typography---h2-heading--h2-size);
  }

  h3 {
    font-size: var(--_typography---h3-heading--h3-size);
  }

  h4 {
    font-size: var(--_typography---h4-heading--h4-size);
  }

  h5 {
    font-size: var(--_typography---h5-heading--h5-size);
  }

  h6 {
    font-size: var(--_typography---h6-heading--h6-size);
  }

  p {
    font-size: var(--_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>);
  }

  .guide-single-content.typo {
    padding-top: 160px;
  }

  .guide-menu {
    display: none;
  }

  .guide-typo-description {
    flex-flow: wrap;
  }

  .wrapper-bg-hero {
    justify-content: center;
    align-items: center;
    height: 50vh;
  }

  .wrapper-content-hero {
    padding-top: var(--_sizes---gap--xl-gap);
    grid-column-gap: var(--_sizes---no-space);
    grid-row-gap: var(--_sizes---no-space);
    justify-content: center;
    align-items: flex-end;
    position: relative;
  }

  .circle-hero-line {
    width: 55vw;
  }

  .circle-hero-line.v2 {
    width: 45vw;
  }

  .accent-image {
    width: 12vw;
  }

  .block-button-hero {
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .wrapper-icon-button.absolute, .wrapper-icon-button.static {
    width: 4vw;
  }

  .wrapper-indicator-hero {
    height: 25.5vw;
  }

  .icon-indicator {
    width: 2.8vw;
  }

  .wrapper-title-about {
    width: 85%;
  }

  .block-number-works {
    height: 12vw;
  }

  .desc-title-why {
    width: 32vw;
  }

  .desc-title-why.v2 {
    width: 12vw;
  }

  .block-why {
    flex-flow: column;
  }

  .block-content-why {
    width: 100%;
  }

  .tabs-content {
    background-size: 25vw;
    height: 58vw;
  }

  .tab-link {
    width: 16vw;
  }

  .block-text-why {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
  }

  .title-card-system {
    justify-content: flex-start;
    align-items: center;
  }

  .wrapper-icon-system {
    width: 100%;
  }

  .icon-system {
    width: 8vw;
  }

  .card-secure {
    overflow: hidden;
  }

  .icon-support {
    width: 10vw;
  }

  .wrapper-content-intergrations {
    height: 80vh;
  }

  .block-circle-intergration {
    width: 12vw;
    margin-top: -6vw;
  }

  .circle-intergration.v1 {
    width: 50vw;
  }

  .circle-intergration.v2 {
    width: 60vw;
  }

  .circle-intergration.v3 {
    width: 70vw;
  }

  .circle-intergration.v4 {
    width: 80vw;
  }

  .icon-intergration.v5 {
    top: 8.5vw;
    left: 8.5vw;
  }

  .icon-intergration.v6 {
    top: 8.5vw;
    right: 8.5vw;
  }

  .icon-intergration.v7 {
    bottom: 8.5vw;
    left: 8.5vw;
  }

  .icon-intergration.v8 {
    bottom: 8.5vw;
    right: 8.5vw;
  }

  .bg-circle-intergrations {
    bottom: -40vw;
  }

  .desc-intergrations {
    top: var(--_sizes---gap--xxl-gap);
    width: 26vw;
  }

  .block-title-features {
    width: 100%;
  }

  .icon-pricing {
    width: 3.5vw;
  }

  .tag-toogle {
    padding: .3vw .7vw;
  }

  .title-step {
    width: 80%;
  }

  .block-step {
    width: 85%;
  }

  .wrapper-menu-footer {
    padding-left: var(--_sizes---gap--xxxs-gap);
  }

  .wrapper-logo-footer {
    width: 37vw;
  }

  .block-social-media {
    grid-column-gap: var(--_sizes---gap--super-tiny-gap);
    grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  }

  .icon-social {
    width: 2vw;
  }

  .wrapper-content-cta {
    height: 44vh;
    padding-top: var(--_sizes---gap--super-tiny-gap);
    padding-right: var(--_sizes---gap--super-tiny-gap);
    padding-left: var(--_sizes---gap--super-tiny-gap);
  }

  .block-menu-cta {
    padding: var(--_sizes---gap--tiny-gap);
  }

  .wrapper-list-menu {
    grid-column-gap: var(--_sizes---gap--super-tiny-gap);
    grid-row-gap: var(--_sizes---gap--super-tiny-gap);
  }

  .icon-user {
    width: 3.5vw;
  }

  .icons-support {
    transform: scale(1.7);
  }

  .title-card-systems {
    width: 63%;
  }

  .logo-navbar {
    width: 15vw;
  }

  .nav-menu {
    grid-column-gap: var(--_sizes---gap--s-gap);
    grid-row-gap: var(--_sizes---gap--s-gap);
  }

  .circle-bg-404 {
    width: 68vw;
  }

  .circle-bg-404.v2 {
    width: 59vw;
  }

  .icon-button {
    width: 2vw;
  }

  .pop-up-button-2 {
    padding: 1.2vw 1.75vw;
    font-size: 1.4vw;
    line-height: 1.4vw;
  }

  .button-sticky-2 {
    padding: .9vw 1.75vw;
  }

  .wrapper-button-2 {
    grid-column-gap: 1.7vw;
    grid-row-gap: 1.7vw;
  }

  .pop-up-button-2-2 {
    padding: 1.2vw 1.75vw;
    font-size: 1.4vw;
    line-height: 1.4vw;
  }

  .wrapper-cta-title-2 {
    justify-content: space-between;
  }

  .wrapper-cta-2 {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    width: 20rem;
    padding: 1.5vw 2vw 2vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font--body-font: Inter, sans-serif;
    --_typography---base-typography--base-font-size: 1rem;
    --_typography---base-typography--base-line-height: 1.6rem;
    --_typography---base-typography--base-letter-spacing: 0vw;
    --_typography---h1-heading--h1-margin-bottom: .5em;
    --_typography---font--heading-font: Inter, sans-serif;
    --_typography---h1-heading--h1-size: 2.69rem;
    --_typography---h1-heading--h1-line-height: 5vw;
    --_typography---h1-heading--h1-weight: var(--_typography---font-weight--400);
    --_typography---h1-heading--h1-letter-spacing: -.2vw;
    --_typography---h2-heading--h2-margin-bottom: .4em;
    --_typography---h2-heading--h2-size: 1.52rem;
    --_typography---h2-heading--h2-line-height: 2.74vw;
    --_typography---h2-heading--h2-weight: var(--_typography---font-weight--400);
    --_typography---h2-heading--h2-letter-spacing: -.01vw;
    --_typography---h3-heading--h3-margin-bottom: .99vw;
    --_typography---h3-heading--h3-size: 1.14rem;
    --_typography---h3-heading--h3-line-height: 2.06vw;
    --_typography---h3-heading--h3-weight: var(--_typography---font-weight--400);
    --_typography---h3-heading--h3-letter-spacing: -.01vw;
    --_typography---h4-heading--h4-margin-bottom: .5em;
    --_typography---h4-heading--h4-size: 1.08rem;
    --_typography---h4-heading--h4-line-height: 1.92vw;
    --_typography---h4-heading--h4-weight: var(--_typography---font-weight--400);
    --_typography---h4-heading--h4-letter-spacing: -.01vw;
    --_typography---h5-heading--h5-margin-bottom: .56vw;
    --_typography---h5-heading--h5-size: 1rem;
    --_typography---h5-heading--h5-line-height: 1.44vw;
    --_typography---h5-heading--h5-weight: var(--_typography---font-weight--400);
    --_typography---h5-heading--h5-letter-spacing: 0vw;
    --_typography---h6-heading--h6-margin-bottom: .5rem;
    --_typography---h6-heading--h6-size: .75rem;
    --_typography---h6-heading--h6-line-height: 1.44vw;
    --_typography---h6-heading--h6-weight: var(--_typography---font-weight--400);
    --_typography---h6-heading--h6-letter-spacing: .11vw;
    --_typography---base-typography--base-margin-bottom: .75rem;
    --_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>: 1rem;
    --_typography---default-text--text-line-height\<deleted\|variable-e8ee2a9b-8e11-f19c-5e5c-0bbf6fa6dcdf\>: 1.5vw;
    --_typography---default-text--text-letter-spacing\<deleted\|variable-1e9b3b04-2175-0202-60f6-a75f1a9cff2a\>: 0vw;
    --_typography---text-xxs--xxs-text-size: .8rem;
    --_typography---text-xxs--xxs-text-line-height: .9rem;
    --_typography---font-weight--400: 400;
    --_typography---text-xxs--xxs-text-letter-spacing: 0px;
    --_typography---font-weight--300: 300;
    --_typography---text-xs--xs-text-size: .8rem;
    --_typography---text-xs--xs-text-line-height: 1.2rem;
    --_typography---text-xs--xs-text-letter-spacing: 0px;
    --_typography---text-s--s-text-size: .9rem;
    --_typography---text-s--s-text-line-height: 1.3rem;
    --_typography---text-s--s-text-letter-spacing: 0px;
    --_typography---text-ms--ms-text-size: 1.15rem;
    --_typography---text-ms--ms-text-line-height: 1.3rem;
    --_typography---text-ms--ms-text-letter-spacing: -.04vw;
    --_typography---text-m--m-text-size: 1.15rem;
    --_typography---text-m--m-text-line-height: 1.4rem;
    --_typography---text-m--m-text-letter-spacing: -.1vw;
    --_typography---text-l--l-text-size: 2rem;
    --_typography---text-l--l-text-line-height: 2.3rem;
    --_typography---text-l--l-text-letter-spacing: -.2vw;
    --_typography---text-xl--xl-text-size: 3.5rem;
    --_typography---text-xl--xl-text-line-height: 3.6rem;
    --_typography---text-xxl--xxl-text-letter-spacing: -.5vw;
    --_typography---text-xxl--xxl-text-size: 3.3rem;
    --_typography---text-xxl--xxl-text-line-height: 3.1rem;
    --_typography---font--icon-font: "Material Icons", sans-serif;
    --_typography---secondary-font: "Playfair Display", sans-serif;
    --_typography---font-weight--200: 200;
    --_typography---font-weight--500: 500;
    --_typography---font--button-font: Inter, sans-serif;
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 400;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 3.59rem;
    --_typography---h0-heading--h0-letter-spacing: -.01vw;
    --_typography---h0-heading--h0-line-height: 1.2em;
    --_typography---h0-heading--h0-weight: var(--_typography---font-weight--400);
    --_typography---h0-heading--h0-margin-bottom: .5em;
    --_typography---text-sm--sm-text-size: .88rem;
    --_typography---text-sm--sm-text-letter-spacing: 0vw;
    --_typography---text-sm--sm-text-line-height: 1.6rem;
    --_typography---text-xl--xl-text-letter-spacing: -.5vw;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: Inter, sans-serif;
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1x);
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: 1rem;
    --_typography---font-weight--100: 100;
    --_typography---font-weight--600: 600;
    --_typography---font-weight--700: 700;
    --_typography---font-weight--800: 800;
    --_typography---font-weight--900: 900;
    --_sizes---gap--sm-gap: var(--_sizes---spacing--1-75x);
    --_sizes---image--image-radius: var(--_sizes---card--card-radius);
    --_sizes---gap--tiny-gap: var(--_sizes---spacing--0-5x);
    --_sizes---container--container-padding-horizontal: 1.2rem;
    --_sizes---no-space: 0px;
    --_sizes---section--2x-section-padding-vertical: 6rem;
    --_sizes---gap--s-gap: var(--_sizes---spacing--1-5x);
    --_sizes---gap--xxxs-gap: var(--_sizes---spacing--0-75x);
    --_sizes---radius--md-radius: 1vw;
    --_sizes---gap--xxs-gap: var(--_sizes---spacing--1x);
    --_sizes---gap--xs-gap: var(--_sizes---spacing--1-25x);
    --_sizes---gap--ml-gap: var(--_sizes---spacing--3x);
    --_sizes---gap--md-gap: var(--_sizes---spacing--2x);
    --_sizes---radius--sm-radius: .5vw;
    --_sizes---gap--super-tiny-gap: var(--_sizes---spacing--0-25x);
    --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
    --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
    --_sizes---tag--tag-radius: .5vw;
    --_sizes---radius--round: 200vw;
    --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
    --_sizes---container--2x-container-padding-horizontal: 10vw;
    --_sizes---button--button-radius: .5vw;
    --_sizes---section--section-padding-vertical: 3rem;
    --_sizes---input--input-radius: .5vw;
    --_sizes---spacing--0-25x: .3rem;
    --_sizes---spacing--0-5x: .8rem;
    --_sizes---spacing--0-75x: 1rem;
    --_sizes---spacing--1x: 1.25rem;
    --_sizes---spacing--1-25x: 1.5rem;
    --_sizes---spacing--1-5x: 2rem;
    --_sizes---spacing--1-75x: 3.5vw;
    --_sizes---spacing--2x: 2.8rem;
    --_sizes---spacing--3x: 3.3rem;
    --_sizes---spacing--4x: 4rem;
    --_sizes---spacing--5x: 6rem;
    --_sizes---spacing--6x: 7rem;
    --_sizes---spacing--7x: 14.5vw;
    --_sizes---spacing--8x: 16.5vw;
    --_sizes---button--button-padding-vertical: 1vw;
    --_sizes---button--button-padding-horizontal: 1.5vw;
    --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
    --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
    --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--0-75x);
    --_sizes---card--card-radius: 1vw;
    --_sizes---card--card-padding-sm: var(--_sizes---spacing--1x);
    --_sizes---card--card-padding: var(--_sizes---spacing--1-5x);
    --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
    --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
    --_sizes---radius--lg-radius: 1.5vw;
    --_sizes---radius--xl-radius: 2vw;
    --icon-intergration: 3.5vw;
    --width-block-illustration: 100%;
  }

  h1 {
    font-size: var(--_typography---h1-heading--h1-size);
  }

  h2 {
    font-size: var(--_typography---h2-heading--h2-size);
  }

  h3 {
    font-size: var(--_typography---h3-heading--h3-size);
  }

  h4 {
    font-size: var(--_typography---h4-heading--h4-size);
  }

  h5 {
    font-size: var(--_typography---h5-heading--h5-size);
  }

  h6 {
    font-size: var(--_typography---h6-heading--h6-size);
  }

  p {
    font-size: var(--_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>);
  }

  .utility-title {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .wrapper-bg-hero {
    height: 40vh;
  }

  .title-hero {
    grid-column-gap: var(--_sizes---gap--tiny-gap);
    grid-row-gap: var(--_sizes---gap--tiny-gap);
    flex-flow: column;
    width: 44vw;
    display: flex;
  }

  .wrapper-icon-button.absolute, .wrapper-icon-button.static {
    width: 5vw;
  }

  .wrapper-indicator-hero {
    height: 27vw;
  }

  .block-indicator-hero {
    width: 24vw;
  }

  .icon-indicator {
    width: 3.5vw;
  }

  .block-number-works {
    height: 8vw;
  }

  .desc-title-why {
    width: 37vw;
  }

  .desc-title-why.v2 {
    width: 14vw;
  }

  .tabs-content {
    background-size: 35vw;
    height: 75vw;
  }

  .tab-pane {
    padding-right: var(--_sizes---gap--sm-gap);
    padding-left: var(--_sizes---gap--sm-gap);
  }

  .wrapper-text-tab {
    padding-left: var(--_sizes---no-space);
  }

  .wrapper-content-intergrations {
    height: 70vh;
  }

  .desc-intergrations {
    width: 30vw;
  }

  .block-content-features {
    transform: none;
  }

  .card-features.v1 {
    flex-flow: column;
  }

  .card-features.v2 {
    flex-flow: column-reverse;
  }

  .card-features.v3 {
    flex-flow: column;
  }

  .card-features.v4 {
    flex-flow: column-reverse;
  }

  .card-body-features {
    grid-column-gap: var(--_sizes---gap--xl-gap);
    grid-row-gap: var(--_sizes---gap--xl-gap);
    flex: 0 auto;
  }

  .block-illustrations-features.v1 {
    height: 100%;
  }

  .block-illustrations-features.v2 {
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
  }

  .block-illustrations-features.v3 {
    height: 100%;
  }

  .block-illustrations-features.v4 {
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }

  .circle-cloud.v1, .circle-cloud.v2, .circle-cloud.v3 {
    right: auto;
  }

  .circle-data {
    width: 22vw;
  }

  .wrapper-data-insight {
    width: 100%;
  }

  .toogle-pricing {
    width: 5vw;
    padding: .4vw;
  }

  .toogle-button-pricing {
    width: 2vw;
  }

  .wrapper-card-pricing {
    padding-right: var(--_sizes---no-space);
    padding-left: var(--_sizes---no-space);
  }

  .card-pricing {
    grid-column-gap: var(--_sizes---gap--s-gap);
    grid-row-gap: var(--_sizes---gap--s-gap);
  }

  .icon-pricing {
    width: 4.5vw;
  }

  .tag-toogle {
    padding: .5vw 1.2vw;
  }

  .title-card-pricing {
    grid-column-gap: var(--_sizes---gap--tiny-gap);
    grid-row-gap: var(--_sizes---gap--tiny-gap);
  }

  .wrapper-number-pricing {
    padding-top: var(--_sizes---no-space);
  }

  .wrapper-title-step {
    padding-right: var(--_sizes---no-space);
    justify-content: flex-start;
    align-items: center;
  }

  .title-step {
    width: 73%;
  }

  .block-step {
    width: 90%;
  }

  .wrapper-block-step {
    padding-left: var(--_sizes---gap--s-gap);
  }

  .desc-step {
    width: 85%;
  }

  .wrapper-footer {
    flex-flow: column;
  }

  .wrapper-menu-footer {
    grid-column-gap: var(--_sizes---gap--md-gap);
    grid-row-gap: var(--_sizes---gap--md-gap);
    flex: 0 auto;
  }

  .wrapper-logo-footer {
    width: 100%;
  }

  .logo-footer {
    width: 25%;
  }

  .wrapper-social-media {
    left: auto;
    top: var(--_sizes---section--section-padding-vertical);
    right: var(--_sizes---container--container-padding-horizontal);
    position: absolute;
    bottom: auto;
  }

  .icon-social {
    width: 3vw;
  }

  .form-footer {
    width: 58%;
  }

  .wrapper-content-cta {
    width: 80vw;
    padding-top: var(--_sizes---gap--tiny-gap);
    padding-right: var(--_sizes---gap--tiny-gap);
    padding-left: var(--_sizes---gap--tiny-gap);
  }

  .block-content-cta {
    grid-column-gap: var(--_sizes---gap--xs-gap);
    grid-row-gap: var(--_sizes---gap--xs-gap);
  }

  .block-menu-cta {
    padding: var(--_sizes---gap--super-tiny-gap);
  }

  .icon-logo-cta {
    width: 9vw;
  }

  .logo-mini, .icon-user {
    width: 5vw;
  }

  .icon-user.v1 {
    border-width: .25vw;
    margin-left: -1vw;
  }

  .descriptions-block-utility.image-license {
    width: 100%;
  }

  .icon-button {
    width: 2vw;
  }

  .pop-up-button-2 {
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: .9rem;
    line-height: .9rem;
  }

  .block-button-sticky-2 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .button-sticky-2 {
    padding: .6rem .75rem;
  }

  .pop-up-button-2-2 {
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: .9rem;
    line-height: .9rem;
  }

  .wrapper-cta-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding: .8rem;
  }

  .wrapper-close-image-2 {
    width: .8rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font--body-font: Inter, sans-serif;
    --_typography---base-typography--base-font-size: .8rem;
    --_typography---base-typography--base-line-height: 1.2rem;
    --_typography---base-typography--base-letter-spacing: 0vw;
    --_typography---h1-heading--h1-margin-bottom: .5em;
    --_typography---font--heading-font: Inter, sans-serif;
    --_typography---h1-heading--h1-size: 2.15rem;
    --_typography---h1-heading--h1-line-height: 1.2em;
    --_typography---h1-heading--h1-weight: var(--_typography---font-weight--400);
    --_typography---h1-heading--h1-letter-spacing: -.2vw;
    --_typography---h2-heading--h2-margin-bottom: .5em;
    --_typography---h2-heading--h2-size: 1.21rem;
    --_typography---h2-heading--h2-line-height: 2.74vw;
    --_typography---h2-heading--h2-weight: var(--_typography---font-weight--400);
    --_typography---h2-heading--h2-letter-spacing: -.01vw;
    --_typography---h3-heading--h3-margin-bottom: .99vw;
    --_typography---h3-heading--h3-size: .91rem;
    --_typography---h3-heading--h3-line-height: 1.5em;
    --_typography---h3-heading--h3-weight: var(--_typography---font-weight--400);
    --_typography---h3-heading--h3-letter-spacing: -.01vw;
    --_typography---h4-heading--h4-margin-bottom: .74vw;
    --_typography---h4-heading--h4-size: .97rem;
    --_typography---h4-heading--h4-line-height: 1.5em;
    --_typography---h4-heading--h4-weight: var(--_typography---font-weight--400);
    --_typography---h4-heading--h4-letter-spacing: -.01vw;
    --_typography---h5-heading--h5-margin-bottom: .56vw;
    --_typography---h5-heading--h5-size: 1rem;
    --_typography---h5-heading--h5-line-height: 1.5em;
    --_typography---h5-heading--h5-weight: var(--_typography---font-weight--400);
    --_typography---h5-heading--h5-letter-spacing: 0vw;
    --_typography---h6-heading--h6-margin-bottom: .5rem;
    --_typography---h6-heading--h6-size: .75rem;
    --_typography---h6-heading--h6-line-height: 1.5em;
    --_typography---h6-heading--h6-weight: var(--_typography---font-weight--400);
    --_typography---h6-heading--h6-letter-spacing: .1rem;
    --_typography---base-typography--base-margin-bottom: .75rem;
    --_typography---default-text--text-size\<deleted\|variable-f9c99845-bf78-1e1b-ceb9-84d9cb6cf08a\>: 1rem;
    --_typography---default-text--text-line-height\<deleted\|variable-e8ee2a9b-8e11-f19c-5e5c-0bbf6fa6dcdf\>: 1.3rem;
    --_typography---default-text--text-letter-spacing\<deleted\|variable-1e9b3b04-2175-0202-60f6-a75f1a9cff2a\>: 0vw;
    --_typography---text-xxs--xxs-text-size: .85rem;
    --_typography---text-xxs--xxs-text-line-height: 1rem;
    --_typography---font-weight--400: 400;
    --_typography---text-xxs--xxs-text-letter-spacing: 0px;
    --_typography---font-weight--300: 300;
    --_typography---text-xs--xs-text-size: .8rem;
    --_typography---text-xs--xs-text-line-height: 1.2rem;
    --_typography---text-xs--xs-text-letter-spacing: 0px;
    --_typography---text-s--s-text-size: .9rem;
    --_typography---text-s--s-text-line-height: 1.3rem;
    --_typography---text-s--s-text-letter-spacing: 0px;
    --_typography---text-ms--ms-text-size: 1.15rem;
    --_typography---text-ms--ms-text-line-height: 1.3rem;
    --_typography---text-ms--ms-text-letter-spacing: -.04vw;
    --_typography---text-m--m-text-size: 1.25rem;
    --_typography---text-m--m-text-line-height: 1.4rem;
    --_typography---text-m--m-text-letter-spacing: -.1vw;
    --_typography---text-l--l-text-size: 2.15rem;
    --_typography---text-l--l-text-line-height: 2.3rem;
    --_typography---text-l--l-text-letter-spacing: -.2vw;
    --_typography---text-xl--xl-text-size: 2.5rem;
    --_typography---text-xl--xl-text-line-height: 2.7rem;
    --_typography---text-xxl--xxl-text-letter-spacing: -.5vw;
    --_typography---text-xxl--xxl-text-size: 2.8rem;
    --_typography---text-xxl--xxl-text-line-height: 3.2rem;
    --_typography---font--icon-font: "Material Icons", sans-serif;
    --_typography---secondary-font: "Playfair Display", sans-serif;
    --_typography---font-weight--200: 200;
    --_typography---font-weight--500: 500;
    --_typography---font--button-font: Inter, sans-serif;
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 400;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 2.87rem;
    --_typography---h0-heading--h0-letter-spacing: -.01vw;
    --_typography---h0-heading--h0-line-height: 1.2em;
    --_typography---h0-heading--h0-weight: var(--_typography---font-weight--400);
    --_typography---h0-heading--h0-margin-bottom: .5em;
    --_typography---text-sm--sm-text-size: .9rem;
    --_typography---text-sm--sm-text-letter-spacing: 0vw;
    --_typography---text-sm--sm-text-line-height: 1.6rem;
    --_typography---text-xl--xl-text-letter-spacing: -.5vw;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: Inter, sans-serif;
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: 1rem;
    --_typography---font-weight--100: 100;
    --_typography---font-weight--600: 600;
    --_typography---font-weight--700: 700;
    --_typography---font-weight--800: 800;
    --_typography---font-weight--900: 900;
    --_sizes---gap--sm-gap: var(--_sizes---spacing--1-75x);
    --_sizes---image--image-radius: var(--_sizes---card--card-radius);
    --_sizes---gap--tiny-gap: var(--_sizes---spacing--0-5x);
    --_sizes---container--container-padding-horizontal: 1rem;
    --_sizes---no-space: 0px;
    --_sizes---section--2x-section-padding-vertical: 6rem;
    --_sizes---gap--s-gap: var(--_sizes---spacing--1-5x);
    --_sizes---gap--xxxs-gap: var(--_sizes---spacing--0-75x);
    --_sizes---radius--md-radius: 1vw;
    --_sizes---gap--xxs-gap: var(--_sizes---spacing--1x);
    --_sizes---gap--xs-gap: var(--_sizes---spacing--1-25x);
    --_sizes---gap--ml-gap: var(--_sizes---spacing--3x);
    --_sizes---gap--md-gap: var(--_sizes---spacing--2x);
    --_sizes---radius--sm-radius: 1vw;
    --_sizes---gap--super-tiny-gap: var(--_sizes---spacing--0-25x);
    --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
    --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
    --_sizes---tag--tag-radius: 1vw;
    --_sizes---radius--round: 200vw;
    --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
    --_sizes---container--2x-container-padding-horizontal: 10vw;
    --_sizes---button--button-radius: .5vw;
    --_sizes---section--section-padding-vertical: 3rem;
    --_sizes---input--input-radius: .5vw;
    --_sizes---spacing--0-25x: .3rem;
    --_sizes---spacing--0-5x: .8rem;
    --_sizes---spacing--0-75x: 1rem;
    --_sizes---spacing--1x: 1rem;
    --_sizes---spacing--1-25x: 1rem;
    --_sizes---spacing--1-5x: 2rem;
    --_sizes---spacing--1-75x: 2.25rem;
    --_sizes---spacing--2x: 2.5rem;
    --_sizes---spacing--3x: 3rem;
    --_sizes---spacing--4x: 3.5rem;
    --_sizes---spacing--5x: 6rem;
    --_sizes---spacing--6x: 7rem;
    --_sizes---spacing--7x: 14.5vw;
    --_sizes---spacing--8x: 16.5vw;
    --_sizes---button--button-padding-vertical: 1vw;
    --_sizes---button--button-padding-horizontal: 1.5vw;
    --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
    --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
    --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--0-75x);
    --_sizes---card--card-radius: 1vw;
    --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-5x);
    --_sizes---card--card-padding: var(--_sizes---spacing--1x);
    --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
    --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
    --_sizes---radius--lg-radius: 1.5vw;
    --_sizes---radius--xl-radius: 2vw;
    --icon-intergration: 8vw;
    --width-block-illustration: 100%;
  }

  .main-section.why {
    margin-top: -20vh;
  }

  .guide-item-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .style-guide {
    justify-content: center;
    align-items: center;
  }

  .wrapper-bg-hero {
    height: 27vh;
  }

  .block-hero {
    flex-flow: column;
  }

  .wrapper-title-hero {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .wrapper-content-hero {
    width: 100%;
    height: 42%;
    padding-top: var(--_sizes---gap--lg-gap);
    grid-column-gap: var(--_sizes---gap--md-gap);
    grid-row-gap: var(--_sizes---gap--md-gap);
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menu-block.v2 {
    display: none;
  }

  .title-hero {
    grid-column-gap: var(--_sizes---no-space);
    grid-row-gap: var(--_sizes---no-space);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .bg-hero-circle {
    mix-blend-mode: normal;
  }

  .circle-hero-line {
    opacity: 1;
    width: 75vw;
  }

  .circle-hero-line.v2 {
    opacity: 1;
    width: 62vw;
  }

  .block-title-hero {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  .accent-image.hero {
    left: var(--_sizes---container--container-padding-horizontal);
    position: absolute;
    top: 25%;
  }

  .block-button-hero {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: static;
    inset: auto auto 0% 0%;
  }

  .wrapper-icon-button.absolute, .wrapper-icon-button.static {
    width: 8vw;
  }

  .wrapper-indicator-hero {
    background-image: linear-gradient(#0000, #fff 36%);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .wrapper-indicator-icon {
    position: relative;
    left: 14%;
    transform: rotate(90deg);
  }

  .block-indicator-hero {
    grid-column-gap: var(--_sizes---no-space);
    grid-row-gap: var(--_sizes---no-space);
    flex-flow: row;
    width: 100%;
    transform: none;
  }

  .indicator-hero.v1, .indicator-hero.v2, .indicator-hero.v3, .indicator-hero.v4, .indicator-hero.v5, .indicator-hero.v6, .indicator-hero.v7, .indicator-hero.v8, .indicator-hero.v9, .indicator-hero.v10 {
    white-space: nowrap;
    flex-flow: column-reverse;
    flex: none;
    width: 30vw;
  }

  .icon-indicator {
    width: 6vw;
  }

  .gradient-indicator.v1 {
    background-image: linear-gradient(90deg, var(--_colors---core-neutral-color--white), #fff0);
    width: 6vw;
    height: 100%;
    inset: 0% auto 0% 0%;
  }

  .gradient-indicator.v2 {
    background-image: linear-gradient(270deg, var(--_colors---core-neutral-color--white), #fff0 99%, var(--_colors---core-neutral-color--white));
    width: 6vw;
    height: 100%;
    inset: 0% 0% 0% auto;
  }

  .wrapper-title-about {
    width: 95%;
  }

  .block-counting-about {
    height: 50%;
  }

  .block-number-works {
    height: 12vw;
  }

  .number-v1 {
    margin-right: -.5vw;
  }

  .wrapper-why {
    padding-top: var(--_sizes---no-space);
  }

  .wrapper-title-why {
    justify-content: flex-start;
    align-items: center;
  }

  .block-title-why {
    grid-column-gap: var(--_sizes---gap--xs-gap);
    grid-row-gap: var(--_sizes---gap--xs-gap);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .desc-title-why {
    text-align: center;
    width: 70%;
  }

  .desc-title-why.v2 {
    width: 100%;
  }

  .tabs-content {
    background-size: 41.5vw;
    height: 100%;
  }

  .tab-pane {
    padding-right: var(--_sizes---gap--xs-gap);
    padding-left: var(--_sizes---gap--xs-gap);
  }

  .tabs-decorative {
    display: none;
  }

  .tab-link {
    width: 23vw;
  }

  .wrapper-body-tab {
    flex-flow: column-reverse;
  }

  .wrapper-card-tab {
    flex: 0 auto;
    height: 85vw;
  }

  .wrapper-text-tab {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .block-text-why {
    grid-column-gap: var(--_sizes---gap--xs-gap);
    grid-row-gap: var(--_sizes---gap--xs-gap);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .desc-card-system {
    width: 81%;
  }

  .icon-system {
    width: 12vw;
  }

  .icon-support {
    width: 14vw;
  }

  .block-circle-intergration {
    width: 18vw;
    margin-top: -9vw;
  }

  .circle-intergration.v1 {
    width: 65vw;
    bottom: -30vw;
  }

  .circle-intergration.v2 {
    width: 80vw;
    bottom: -35vw;
  }

  .circle-intergration.v3 {
    width: 95vw;
    bottom: -40vw;
  }

  .circle-intergration.v4 {
    width: 110vw;
    bottom: -45vw;
  }

  .icon-intergration.v1 {
    top: -3vw;
  }

  .icon-intergration.v2 {
    bottom: -3vw;
  }

  .icon-intergration.v3 {
    right: -3.5vw;
  }

  .icon-intergration.v4 {
    left: -3.5vw;
  }

  .icon-intergration.v5 {
    top: 9.5vw;
    left: 9.5vw;
  }

  .icon-intergration.v6 {
    top: 9.5vw;
    right: 9.5vw;
  }

  .icon-intergration.v7 {
    bottom: 9.5vw;
    left: 9.5vw;
  }

  .icon-intergration.v8 {
    bottom: 9.5vw;
    right: 9.5vw;
  }

  .icon-intergration.v9 {
    top: -3.8vw;
  }

  .icon-intergration.v10 {
    bottom: -3.8vw;
  }

  .icon-intergration.v11 {
    left: -3.8vw;
  }

  .icon-intergration.v12 {
    right: -3.8vw;
  }

  .bg-circle-intergrations {
    width: 100vw;
  }

  .desc-intergrations {
    left: var(--_sizes---gap--tiny-gap);
    top: var(--_sizes---gap--lg-gap);
    flex-flow: column;
    width: 38vw;
    bottom: auto;
    right: auto;
  }

  .wrapper-title-features {
    grid-column-gap: var(--_sizes---gap--sm-gap);
    grid-row-gap: var(--_sizes---gap--sm-gap);
    flex-flow: column;
  }

  .title-features {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .block-title-features {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .block-tag-features {
    grid-column-gap: var(--_sizes---gap--s-gap);
    grid-row-gap: var(--_sizes---gap--s-gap);
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .image-title-features {
    justify-content: flex-start;
    align-items: center;
  }

  .block-content-features {
    width: 400vw;
  }

  .circle-data {
    width: 40vw;
  }

  .toogle-pricing {
    width: 7.5vw;
    padding: .6vw;
  }

  .toogle-button-pricing {
    width: 3vw;
  }

  .block-card-pricing {
    padding: var(--_sizes---no-space);
    grid-column-gap: var(--_sizes---gap--tiny-gap);
    grid-row-gap: var(--_sizes---gap--tiny-gap);
    flex-flow: column;
  }

  .card-pricing {
    padding: var(--_sizes---gap--sm-gap);
  }

  .card-pricing.v2 {
    padding: var(--_sizes---gap--sm-gap);
    border-radius: var(--_sizes---no-space);
  }

  .icon-pricing {
    width: 7vw;
    transform: scale(1.3);
  }

  .wrapper-step {
    flex-flow: column;
  }

  .wrapper-title-step {
    z-index: 2;
    padding-top: var(--_sizes---gap--lg-gap);
    padding-bottom: var(--_sizes---gap--lg-gap);
    background-image: linear-gradient(180deg, var(--_colors---bg-tag) 80%, #fff0);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .wrapper-content-step {
    margin-top: 0%;
  }

  .title-step {
    text-align: left;
  }

  .line-block-step {
    width: .2vw;
  }

  .icon-step {
    transform: rotate(90deg);
  }

  .wrapper-footer {
    height: auto;
    padding-bottom: var(--_sizes---no-space);
  }

  .wrapper-menu-footer {
    padding-left: var(--_sizes---no-space);
    grid-column-gap: var(--_sizes---gap--lg-gap);
    grid-row-gap: var(--_sizes---gap--lg-gap);
  }

  .wrapper-logo-footer {
    padding-right: var(--_sizes---no-space);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .logo-footer {
    width: 45%;
  }

  .wrapper-social-media {
    top: var(--_sizes---gap--tiny-gap);
    padding-right: var(--_sizes---container--container-padding-horizontal);
    padding-left: var(--_sizes---container--container-padding-horizontal);
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .icon-social {
    width: 6vw;
  }

  .bg-footer {
    margin-top: var(--_sizes---gap--s-gap);
    position: relative;
  }

  .block-bg-footer.v1 {
    height: 6vh;
  }

  .block-bg-footer.v2 {
    height: 12vh;
  }

  .block-bg-footer.v3 {
    height: 18vh;
  }

  .block-bg-footer.v4 {
    height: 24vh;
  }

  .block-bg-footer.v5 {
    height: 30vh;
  }

  .form-footer {
    width: 100%;
  }

  .desc-form-footer {
    width: 78%;
  }

  .wrapper-content-cta {
    width: 95vw;
    height: 45vh;
  }

  .block-title-cta {
    padding-top: var(--_sizes---gap--md-gap);
    padding-bottom: var(--_sizes---section--2x-section-padding-vertical);
  }

  .desc-cta {
    width: 100%;
  }

  .block-menu-cta {
    width: 12%;
  }

  .icon-logo-cta {
    width: 12vw;
  }

  .icon-user {
    border-width: .55vw;
    width: 8vw;
  }

  .icon-user.v1 {
    border-width: .55vw;
    margin-left: -2vw;
  }

  .title-card-systems {
    width: 80%;
  }

  .text-fiture-pricing {
    display: none;
  }

  .logo-navbar {
    width: 27vw;
  }

  .link-navbar {
    margin-bottom: var(--_sizes---gap--xxs-gap);
    padding: var(--_sizes---gap--xxs-gap) var(--_sizes---container--container-padding-horizontal);
    border-bottom: .1vw solid var(--_colors---core-neutral-color--light-grey);
    font-size: var(--_typography---text-l--l-text-size);
    line-height: var(--_typography---text-l--l-text-line-height);
    letter-spacing: var(--_typography---text-l--l-text-letter-spacing);
    justify-content: center;
    align-items: flex-start;
  }

  .link-navbar.mobile {
    display: flex;
  }

  .nav-menu {
    height: 100vh;
    padding-top: var(--_sizes---gap--s-gap);
    background-color: var(--_colors---bg-tag);
    flex-flow: column;
    position: absolute;
  }

  .navbar {
    padding: var(--_sizes---no-space);
    background-color: var(--_colors---core-accent-color--accent-secondary);
    border-style: none;
    position: static;
  }

  .menu-button {
    padding: var(--_sizes---no-space);
    border-radius: var(--_sizes---radius--sm-radius);
  }

  .menu-button.w--open {
    background-color: var(--_colors---core-neutral-color--orange);
  }

  .wrapper-utility-all.license-botom {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .wrapper-link-licences {
    flex-flow: column;
  }

  .descriptions-block-utility.image-license {
    text-align: center;
    width: 100%;
  }

  .block-footer-copyright {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .block-social {
    grid-column-gap: var(--_sizes---gap--md-gap);
    grid-row-gap: var(--_sizes---gap--md-gap);
  }

  .desc-404 {
    width: 70%;
  }

  .circle-bg-404 {
    width: 94vw;
  }

  .circle-bg-404.v2 {
    width: 82vw;
  }

  .icon-button {
    width: 5vw;
  }

  .pop-up-button-2 {
    border-radius: 1.4vw;
    padding: .6rem .8rem;
    line-height: 1.1rem;
  }

  .block-button-sticky-2 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .wrapper-close {
    justify-content: center;
    align-items: stretch;
    height: 100%;
    display: flex;
  }

  .button-sticky-2 {
    border-radius: 1.4vw;
    padding: .6rem .8rem;
  }

  .wrapper-button-2 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pop-up-button-2-2 {
    border-radius: 1.4vw;
    padding: .6rem .8rem;
    font-size: .9rem;
    line-height: 1.1rem;
  }

  .gap-button-2 {
    width: 2vw;
  }

  .wrapper-cta-title-2 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .wrapper-cta-2 {
    border-radius: 1.4vw;
    width: 43%;
  }
}



/* Flex25 recolour for orange artwork (logo, arcs, star, halftone video) */
img[src*="logo-axiora"], img[src*="Logo-Only-Axiora"], img[src*="Ellipse-172"], img[src*="Group-2085662461"], video { filter: hue-rotate(216deg) saturate(1.3); }

/* Full-width header */
@media screen and (min-width: 480px) {
  .main-section.menu { position: fixed; background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom: 1px solid rgba(8,8,159,.07); padding-top: 22px; padding-bottom: 22px; }
  .main-section.menu .main-container { padding-left: 48px; padding-right: 48px; max-width: none; }
  .main-section.menu .wrapper-menu { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
  .main-section.menu .logo-navbar { width: 190px; }
  .main-section.menu .navbar { background: transparent; border: none; padding: 0; }
  .main-section.menu .nav-menu { gap: 40px; }
  .main-section.menu .link-navbar { font-size: 14px; line-height: 20px; letter-spacing: .01em; color: var(--_colors---core-neutral-color--black); padding: 4px 0; position: relative; transition: color .2s cubic-bezier(.2,0,0,1); }
  .main-section.menu .link-navbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .2s cubic-bezier(.2,0,0,1); }
  .main-section.menu .link-navbar:hover { color: var(--_colors---core-neutral-color--orange); background: none; }
  .main-section.menu .link-navbar:hover::after { transform: scaleX(1); }
  .main-section.menu .menu-block.v2 { display: flex; align-items: flex-end; }
  .main-section.menu .menu-block.v2 a { background: var(--_colors---core-neutral-color--black); border-radius: 999px; padding: 11px 24px; transition: background-color .2s cubic-bezier(.2,0,0,1), transform .12s cubic-bezier(.2,0,0,1); }
  .main-section.menu .menu-block.v2 a:hover { background: var(--_colors---core-neutral-color--orange); }
  .main-section.menu .menu-block.v2 a:active { transform: scale(.97); }
  .main-section.menu .menu-block.v2 .text-xs { font-size: 14px; line-height: 20px; letter-spacing: .01em; color: #fff; }
}

/* Team section */
.team-section { background:#fff; color:#08089F; padding:120px 0; }
.team-inner { max-width:1440px; margin:0 auto; padding:0 clamp(24px,4vw,64px); }
.team-eyebrow { font-family:'Martian Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#1810F5; margin-bottom:16px; }
.team-head-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px 64px; align-items:end; margin-bottom:64px; }
.team-title { margin:0; color:#08089F; font-size:clamp(40px,4.68vw,72px); line-height:1.02; letter-spacing:-.02em; font-weight:400; text-wrap:balance; }
.team-lede { margin:0; max-width:46ch; justify-self:end; color:#746CF9; font-size:17px; line-height:1.6; text-wrap:pretty; }
.team-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.team-card { background:#F1F1F1; border:1px solid rgba(24,16,245,.08); border-radius:20px; padding:10px 10px 18px; display:flex; flex-direction:column; gap:16px; transition:transform .2s cubic-bezier(.2,0,0,1), box-shadow .2s cubic-bezier(.2,0,0,1); }
.team-card:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(24,16,245,.10); }
.team-photo { aspect-ratio:4/5; width:100%; border-radius:12px; overflow:hidden; background:#E6E6F2; }
.team-meta { display:flex; flex-direction:column; gap:4px; padding:0 8px; }
.team-index { font-family:'Martian Mono',monospace; font-size:10px; letter-spacing:.08em; color:#8C88FA; margin-bottom:6px; }
.team-name { font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 112; font-weight:700; font-size:clamp(16px,1.35vw,20px); line-height:1.15; letter-spacing:-.015em; color:#08089F; }
.team-role { font-family:'Martian Mono',monospace; font-size:10px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; color:#746CF9; }
@media (max-width: 1100px) { .team-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 767px) { .team-head-row { grid-template-columns:1fr; } .team-lede { justify-self:start; } .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .team-section { padding:80px 0; } }

/* Team typography matched to site */
.team-section, .team-section * { font-family: var(--_typography---font--body-font); font-variation-settings: normal; }
.team-eyebrow { font-size: var(--_typography---text-xxs--xxs-text-size); line-height: var(--_typography---text-xxs--xxs-text-line-height); letter-spacing: 0; text-transform: none; font-weight: 400; display:inline-flex; padding: var(--_sizes---spacing--0-25x) var(--_sizes---spacing--0-5x); background: var(--_colors---bg-tag); border-radius: var(--_sizes---tag--tag-radius); }
.team-title { font-size: var(--_typography---h1-heading--h1-size); line-height: var(--_typography---h1-heading--h1-line-height); letter-spacing: var(--_typography---h1-heading--h1-letter-spacing); font-weight: 400; }
.team-lede { font-size: var(--_typography---text-s--s-text-size); line-height: var(--_typography---text-s--s-text-line-height); font-weight: 300; }
.team-index { font-size: var(--_typography---text-xxs--xxs-text-size); letter-spacing: 0; font-weight: 300; }
.team-name { font-size: var(--_typography---text-ms--ms-text-size); line-height: var(--_typography---text-ms--ms-text-line-height); letter-spacing: var(--_typography---text-ms--ms-text-letter-spacing); font-weight: 400; }
.team-role { font-size: var(--_typography---text-xs--xs-text-size); line-height: var(--_typography---text-xs--xs-text-line-height); letter-spacing: 0; text-transform: none; font-weight: 300; }
@media (max-width: 767px) { .team-title { font-size: 9vw; line-height: 10vw; } .team-name { font-size: 4.5vw; line-height: 6vw; } .team-role, .team-lede, .team-eyebrow, .team-index { font-size: 3.6vw; line-height: 5vw; } }

/* Footer: keep new labels on one line */
.wrapper-footer .link-menu .text-xs, .block-footer-copyright .text-xxs { white-space: nowrap; }
.wrapper-footer .block-menu-footer { width: auto; min-width: max-content; }

/* Contact form */
.wrapper-content-cta.contact-frame { height: auto; width: 100%; padding: 0; border: 0; background: none; margin-bottom: var(--_sizes---section--section-padding-vertical); }
.cf-panel { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 48px; background: #1810F5; border-radius: 24px; padding: 56px; color: #fff; text-align: left; }
.cf-intro { display: flex; flex-direction: column; gap: 0; }
.cf-eyebrow { font-family: 'Martian Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.cf-eyebrow-blue { color: #1810F5; }
.cf-heading { font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 112; font-weight: 700; font-size: clamp(32px, 3.4vw, 52px); line-height: .98; letter-spacing: -.02em; color: #fff; margin: 16px 0 24px; text-wrap: balance; }
.cf-body { font-family: 'Instrument Sans', sans-serif; font-size: 17px; line-height: 1.55; color: #fff; margin: 0 0 48px; max-width: 38ch; text-wrap: pretty; }
.cf-details { margin-top: auto; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.28); }
.cf-detail { display: flex; flex-direction: column; gap: 8px; }
.cf-detail-label { font-family: 'Martian Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.cf-detail-value { font-family: 'Instrument Sans', sans-serif; font-size: 15px; line-height: 1.5; color: #fff; }
.cf-card { position: relative; background: #fff; border-radius: 16px; padding: 40px; color: #1810F5; }
.contact-form { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.cf-card.is-sent .contact-form { display: none; }
.cf-topics { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.cf-topics legend { padding: 0; margin-bottom: 10px; border: 0; }
.cf-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cf-chip { margin: 0; cursor: pointer; font-weight: 400; }
.cf-chip input { position: absolute; opacity: 0; pointer-events: none; }
.cf-chip span { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 999px; border: 1.5px solid #1810F5; font-family: 'Instrument Sans', sans-serif; font-size: 14px; color: #1810F5; transition: background 120ms cubic-bezier(.2,0,0,1), color 120ms cubic-bezier(.2,0,0,1); }
.cf-chip:hover span { background: rgba(24,16,245,.08); }
.cf-chip input:checked + span { background: #1810F5; color: #fff; }
.cf-chip input:focus-visible + span { outline: 2px solid rgba(24,16,245,.35); outline-offset: 2px; }
.contact-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.contact-field { display: flex; flex-direction: column; gap: 8px; margin: 0; font-weight: 400; }
.contact-label { font-family: 'Martian Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #1810F5; }
.contact-field input, .contact-field textarea { font-family: 'Instrument Sans', sans-serif; font-size: 15px; color: #1810F5; background: #F1F1F1; border: 1px solid transparent; border-radius: 10px; padding: 13px 14px; width: 100%; outline: none; resize: vertical; margin: 0; transition: border-color 120ms cubic-bezier(.2,0,0,1), box-shadow 120ms cubic-bezier(.2,0,0,1), background 120ms cubic-bezier(.2,0,0,1); }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: rgba(24,16,245,.45); }
.contact-field input:hover, .contact-field textarea:hover { border-color: rgba(24,16,245,.18); }
.contact-field input:focus, .contact-field textarea:focus { border-color: #08089F; box-shadow: 0 0 0 2px rgba(24,16,245,.25); background: #fff; }
.cf-error { display: none; font-family: 'Instrument Sans', sans-serif; font-size: 13px; color: #FB535A; }
.is-invalid .cf-error { display: block; }
.contact-field.is-invalid input, .contact-field.is-invalid textarea { border-color: #FB535A; background: #fff; }
.cf-consent { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-weight: 400; font-family: 'Instrument Sans', sans-serif; font-size: 13px; line-height: 1.5; color: #1810F5; cursor: pointer; }
.cf-consent input { accent-color: #1810F5; width: 16px; height: 16px; margin: 2px 0 0; flex: none; }
.cf-consent a { color: #1810F5; text-decoration: underline; }
.cf-consent a:hover { color: #08089F; }
.cf-consent.is-invalid span { color: #FB535A; }
.contact-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 8px; }
.cf-submit { display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: #1810F5; color: #fff; font-family: 'Instrument Sans', sans-serif; font-size: 16px; font-weight: 500; cursor: pointer; transition: background 120ms cubic-bezier(.2,0,0,1), transform 120ms cubic-bezier(.2,0,0,1); }
.cf-submit:hover { background: #08089F; }
.cf-submit:active { transform: scale(.97); }
.cf-submit:focus-visible { outline: 2px solid rgba(24,16,245,.35); outline-offset: 2px; }
.cf-arrow { transition: transform 200ms cubic-bezier(.2,0,0,1); }
.cf-submit:hover .cf-arrow { transform: translateX(4px); }
.cf-note { font-family: 'Martian Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(24,16,245,.6); }
.cf-success { display: none; flex-direction: column; justify-content: center; gap: 16px; min-height: 100%; padding: 24px 0; }
.cf-card.is-sent .cf-success { display: flex; }
.cf-success-title { font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 112; font-weight: 700; font-size: 36px; line-height: 1; letter-spacing: -.02em; color: #1810F5; }
.cf-success-body { font-family: 'Instrument Sans', sans-serif; font-size: 17px; line-height: 1.55; color: #1810F5; margin: 0; }
.cf-reset { align-self: flex-start; margin-top: 8px; height: 44px; padding: 0 22px; border-radius: 999px; border: 1.5px solid #1810F5; background: #fff; color: #1810F5; font-family: 'Instrument Sans', sans-serif; font-size: 15px; cursor: pointer; transition: background 120ms cubic-bezier(.2,0,0,1), color 120ms cubic-bezier(.2,0,0,1); }
.cf-reset:hover { background: #1810F5; color: #fff; }
@media (max-width: 991px) { .cf-panel { grid-template-columns: 1fr; padding: 40px; gap: 40px; } .cf-body { margin-bottom: 32px; } }
@media (max-width: 767px) { .contact-row { grid-template-columns: 1fr; } .cf-panel { padding: 24px; border-radius: 16px; } .cf-card { padding: 24px; } .cf-details { grid-template-columns: 1fr; } }

/* Products */
.products-section { padding: var(--_sizes---section--section-padding-vertical) 0; background: #fff; }
.products-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; margin-bottom: 48px; }
.products-intro { max-width: 34ch; text-wrap: pretty; color: #08089F; }
.products-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 48px; }
.product-card { display: flex; flex-direction: column; gap: 20px; color: #08089F; }
.product-media { aspect-ratio: 16 / 10; display: flex; align-items: center; justify-content: flex-start; background: none; padding: 0; }
.product-logo { display: block; width: 100%; max-width: 420px; height: auto; max-height: 100%; object-fit: contain; }
.product-media image-slot { width: 100%; height: 100%; }
.product-body { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-top: 4px; }
.product-name { font-family: var(--_typography---font--heading-font); font-size: clamp(28px, 2.6vw, 40px); line-height: 1; letter-spacing: -.03em; font-weight: 500; }
.product-desc { flex-basis: 100%; max-width: 44ch; text-wrap: pretty; color: #08089F; }
.product-link { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; color: #08089F; text-decoration: none; border-bottom: 1px solid rgba(8,8,159,.28); padding-bottom: 4px; transition: color 120ms cubic-bezier(.2,0,0,1), border-color 120ms cubic-bezier(.2,0,0,1); }
.product-link:hover { color: #08089F; border-color: #08089F; }
.product-link .icon { transition: transform 200ms cubic-bezier(.2,0,0,1); }
.product-link:hover .icon { transform: translateX(4px); }
@media (max-width: 767px) { .products-grid { grid-template-columns: 1fr; gap: 40px; } }

.product-card .text-xs, .product-card .product-name, .products-intro .text-xs { color: #08089F; }
.product-link:hover { color: #1810F5; border-color: #1810F5; }

/* Contact: no blue field */
.cf-panel { background: #fff; color: #1810F5; padding: 56px 0; }
.cf-eyebrow, .cf-heading, .cf-body, .cf-detail-label, .cf-detail-value { color: #1810F5; }
.cf-details { border-top-color: rgba(24,16,245,.18); }
.cf-card { border: 1px solid rgba(24,16,245,.18); }
@media (max-width: 991px) { .cf-panel { padding: 40px 0; } }
@media (max-width: 767px) { .cf-panel { padding: 24px 0; } }

.klear-logo { display: flex; align-items: center; gap: 4%; width: 100%; max-width: 420px; }
.klear-mark { width: 38%; height: auto; flex: none; }
.klear-word { font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 120; font-weight: 800; font-size: clamp(40px, 5.4vw, 88px); line-height: 1; letter-spacing: -.03em; color: #1810F5; }

/* Contact typography matched to site */
#contact .contact-frame, #contact .contact-frame * { font-family: var(--_typography---font--body-font); font-variation-settings: normal; }
#contact .cf-eyebrow, #contact .contact-label, #contact .cf-detail-label, #contact .cf-note { font-size: var(--_typography---text-xxs--xxs-text-size); line-height: var(--_typography---text-xxs--xxs-text-line-height); letter-spacing: 0; text-transform: none; font-weight: 400; }
#contact .cf-heading, #contact .cf-success-title { font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h2-heading--h2-size); line-height: var(--_typography---h2-heading--h2-line-height); letter-spacing: -.02em; font-weight: 500; }
#contact .cf-body, #contact .cf-success-body, #contact .cf-detail-value { font-size: var(--_typography---text-xs--xs-text-size); line-height: var(--_typography---text-xs--xs-text-line-height); }
#contact .contact-field input, #contact .contact-field textarea, #contact .cf-chip span, #contact .cf-submit, #contact .cf-reset { font-size: var(--_typography---text-xs--xs-text-size); }
#contact .cf-consent, #contact .cf-error { font-size: var(--_typography---text-xxs--xxs-text-size); }