:root {
  --tokens--background-base: #080808;
  --_typrography---fonts--heading-font: Manrope, sans-serif;
  --text--font-color: var(--tokens--text-primary);
  --_typrography---desktop--s-body-paragraph: 14px;
  --_typrography---line-height--lineheighttight: 80%;
  --_typrography---font-weight--fontweightregular: 400;
  --_typrography---letter-spacing--letter-spacing-default: .1px;
  --_typrography---desktop--heading-01: 64px;
  --_typrography---line-height--lineheightsmall: 110%;
  --_typrography---font-weight--fontweightsemibold: 600;
  --_typrography---desktop--heading-02: 48px;
  --_typrography---letter-spacing--letter-spacing-small: -1px;
  --_typrography---letter-spacing--letter-spacing-medium: -2px;
  --_typrography---desktop--heading-03: 36px;
  --_typrography---font-weight--fontweightmedium: 500;
  --_typrography---desktop--heading-04: 30px;
  --_typrography---desktop--heading-05: 24px;
  --_typrography---desktop--heading-06: 20px;
  --_typrography---fonts--paragraph-font: Inter, sans-serif;
  --text--paragraph-font: var(--tokens--text-secondary);
  --_typrography---desktop--m-body-paragraph: 16px;
  --_typrography---line-height--lineheightbase: 140%;
  --tokens--text-primary: #fff;
  --core-colors--accent-color\<deleted\|variable-001130bb-341d-97f5-fef3-05001f047fd4\>: #7990f8;
  --_spacings---radius--radius-m: var(--_spacings---tokens--space-sm);
  --elements--cards-bento: var(--tokens--surface);
  --_spacings---core--gird-gaps: var(--_spacings---tokens--space-m);
  --_spacings---core--container-max-width: 1440px;
  --_spacings---core--container-paddings: var(--_spacings---tokens--space-xxl);
  --_spacings---radius--radius-full-circle: 300px;
  --tokens--border-strong: #171717;
  --_spacings---radius--radius-l: var(--_spacings---tokens--space-m);
  --tokens--surface: #101115;
  --tokens--surface-alt: #050506;
  --tokens--text-secondary: #fafafabf;
  --tokens--accent: #ffffff1a;
  --_typrography---desktop--l-body-paragraph: 18px;
  --tokens--text-inverse: #fff;
  --tokens--primary: #aa6eee;
  --tokens--text-tertiary: #d8d8d8cc;
  --_spacings---radius--radius-s: var(--_spacings---tokens--space-xs);
  --tokens--surface-blur: #0000004d;
  --_spacings---tokens--space-sm: 16px;
  --elements--border: var(--tokens--border);
  --tokens--border: #2a2a2a;
  --tokens--background-alt: #101115;
  --_spacings---core--section-space: var(--_spacings---tokens--space-lg);
  --_typrography---font-weight--fontweightlight: 300;
  --tokens--seondary-hover: #fff0;
  --_typrography---general--tag-badge: 12px;
  --tokens--surface-secondary\<deleted\|variable-0e6f863b-d067-df12-3122-882c7251cca0\>: #222;
  --tokens--primary-hover: #995edd;
  --tokens--secondary: #fff;
  --_typrography---font-weight--fontweightbold: 700;
  --_spacings---tokens--space-2xs: 4px;
  --_spacings---tokens--space-xs: 8px;
  --_spacings---tokens--space-m: 30px;
  --_spacings---tokens--space-lg: 64px;
  --tokens--overlays: #0006;
  --_spacings---tokens--space-xl: 120px;
  --_spacings---tokens--space-2xl: 240px;
  --_spacings---tokens--space-tight: .5em;
  --_spacings---tokens--space-base: 1em;
  --_spacings---tokens--space-relaxed: 1.5em;
  --_spacings---tokens--space-relaxed-l: 2em;
  --_spacings---tokens--space-xxl: 3em;
  --_spacings---tokens--space-xxxl: 4em;
  --_spacings---core--block-spacing: var(--_spacings---tokens--space-sm);
  --text--captions: var(--tokens--text-tertiary);
  --elements--section: var(--tokens--background-base);
  --elements--buttons: var(--tokens--text-primary);
  --elements--buttons-text: var(--text--font-color);
  --elements--links: var(--tokens--text-primary);
  --elements--links-hover: var(--tokens--primary-hover);
  --_typrography---general--button-text-size: 16px;
  --_typrography---general--legal: 13px;
  --_typrography---letter-spacing--letter-spacing-narrow: -3px;
  --_typrography---line-height--lineheightrelaxed: 160%;
  --_typrography---font-weight--fontweightthin: 100;
  --_typrography---font-weight--fontweightextralight: 200;
  --_typrography---font-weight--fontweightextrabold: 800;
  --_typrography---font-weight--fontweightblack: 900;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

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

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

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

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

body {
  background-color: var(--tokens--background-base);
  font-family: var(--_typrography---fonts--heading-font);
  color: var(--text--font-color);
  font-size: var(--_typrography---desktop--s-body-paragraph);
  line-height: var(--_typrography---line-height--lineheighttight);
  font-weight: var(--_typrography---font-weight--fontweightregular);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
}

h1 {
  font-size: var(--_typrography---desktop--heading-01);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 20px;
  margin-bottom: 10px;
}

h2 {
  font-size: var(--_typrography---desktop--heading-02);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-small);
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  font-size: var(--_typrography---desktop--heading-03);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  font-size: var(--_typrography---desktop--heading-04);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  font-size: var(--_typrography---desktop--heading-05);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 10px;
  margin-bottom: 10px;
}

h6 {
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-medium);
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--text--paragraph-font);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightbase);
  font-weight: var(--_typrography---font-weight--fontweightregular);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-bottom: 10px;
}

a {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-primary);
  font-size: var(--_typrography---desktop--s-body-paragraph);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--text--paragraph-font);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 400;
  line-height: 1.3;
}

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

blockquote {
  border-right: 2px solid var(--core-colors--accent-color\<deleted\|variable-001130bb-341d-97f5-fef3-05001f047fd4\>);
  border-left: 2px solid var(--core-colors--accent-color\<deleted\|variable-001130bb-341d-97f5-fef3-05001f047fd4\>);
  font-family: var(--_typrography---fonts--heading-font);
  font-size: var(--_typrography---desktop--heading-06);
  text-transform: none;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px 20px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.7;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--text--paragraph-font);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  text-align: center;
  margin-top: 5px;
}

.center-top {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.black-background {
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--elements--cards-bento);
}

._4-col-grid {
  grid-column-gap: var(--_spacings---core--gird-gaps);
  grid-row-gap: var(--_spacings---core--gird-gaps);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.black-background-padding {
  padding: 40px 40px 40px 0;
}

.container {
  z-index: 3;
  max-width: var(--_spacings---core--container-max-width);
  padding: var(--_spacings---core--container-paddings);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.navbar-container {
  border-radius: var(--_spacings---radius--radius-full-circle);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #131313b3;
  align-items: center;
  padding: .3em .7em;
  display: flex;
}

.container.no-paddings {
  padding-top: 0;
  padding-bottom: 0;
}

.container.no-padding-bot {
  z-index: 2;
  width: 100%;
  padding-top: 0;
  position: relative;
}

.container.z-index-2 {
  z-index: 2;
  position: relative;
}

.container.hero-container {
  height: 100%;
}

._100width {
  width: 100%;
}

.border-box {
  border: 1px solid var(--tokens--border-strong);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_spacings---radius--radius-l);
  background-color: var(--tokens--text-primary);
  width: auto;
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--surface);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  text-align: center;
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  justify-content: center;
  align-items: center;
  padding: 14px 34px;
  transition: transform .325s cubic-bezier(.175, .885, .32, 1.275), background-position .25s, background-color .45s;
  display: flex;
  overflow: hidden;
}

.button:hover {
  transform: scale(1.05);
}

.button.secondary {
  border: 1px solid var(--tokens--border-strong);
  background-color: var(--tokens--surface-alt);
  color: var(--tokens--text-secondary);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  background-image: none;
  padding-top: 20px;
  padding-bottom: 20px;
}

.button.secondary:hover {
  background-color: var(--tokens--accent);
  transform: none;
}

.button.small {
  font-size: var(--_typrography---desktop--s-body-paragraph);
  padding: 12px 23px;
}

.button.link-button {
  color: var(--tokens--text-primary);
  background-color: #2563eb00;
  border-style: none;
  border-radius: 0;
  padding: 0;
}

.style-guide-box-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--tokens--border-strong);
  background-color: var(--tokens--surface);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.style-guide-box-holder.white {
  padding: 56px;
}

.style-guide-box-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.colors-buttons {
  grid-column-gap: 90px;
  align-items: center;
  width: 100%;
  display: flex;
}

.section.relative {
  z-index: 1;
  position: relative;
}

.section.bg-extra {
  z-index: 5;
  background-color: var(--tokens--background-base);
  position: relative;
}

.button-container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border: 1px solid var(--tokens--border-strong);
  background-color: var(--tokens--surface);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 70%;
  padding: 20px;
  display: flex;
}

._8-col-grid {
  grid-column-gap: var(--_spacings---core--gird-gaps);
  grid-row-gap: var(--_spacings---core--gird-gaps);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._6-col-grid {
  grid-column-gap: var(--_spacings---core--gird-gaps);
  grid-row-gap: var(--_spacings---core--gird-gaps);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cols-text {
  font-size: 15px;
  font-weight: 400;
}

.paragraph-xl {
  font-size: var(--_typrography---desktop--l-body-paragraph);
}

.navbar {
  z-index: 50;
  padding: 9px var(--_spacings---core--container-paddings);
  background-color: #f7f7f700;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-holder {
  width: 100%;
  height: 100%;
}

.navbar-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav-menu-link-holder {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav-menu-link-container {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.brand-image {
  width: 100%;
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  display: flex;
}

.nav-links {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.nav-link {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-secondary);
  font-size: var(--_typrography---desktop--s-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  white-space: nowrap;
  border-bottom: 3px solid #fff0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px 6px 4px;
  transition: opacity .4s;
  display: flex;
  bottom: -1px;
}

.nav-link:hover {
  opacity: 100;
  color: var(--text--font-color);
}

.nav-link.w--current {
  opacity: 100;
  color: var(--text--font-color);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
  border-radius: 20px;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-inverse);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  line-height: 1.2;
}

.footer-link {
  opacity: .7;
  color: var(--tokens--text-inverse);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightbase);
  font-weight: var(--_typrography---font-weight--fontweightregular);
  text-decoration: none;
  transition: opacity .25s;
}

.footer-link:hover {
  opacity: 100;
  color: var(--tokens--text-inverse);
}

.footer-link.last {
  color: var(--tokens--primary);
  font-weight: 600;
}

.footer-divider {
  border-top: 1px solid var(--tokens--text-tertiary);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  padding-top: 40px;
  display: flex;
}

.footer-copyright-center {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-inverse);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  text-transform: uppercase;
}

.dark-link {
  color: var(--tokens--text-inverse);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  font-weight: 600;
  text-decoration: underline;
  transition: color .375s;
}

.dark-link:hover {
  color: #a1a1a1;
}

.title {
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 0;
  margin-bottom: 0;
}

.accent-text {
  color: var(--tokens--primary);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
}

.hide {
  display: none;
}

.pricing-list-holder {
  border-top: 1px solid #7d7d7d66;
  border-bottom: 1px solid #7d7d7d66;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 55px;
  padding-bottom: 55px;
}

.cta-form-holder {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.cta-form-holder.no-paddings {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  padding-top: 13px;
  padding-bottom: 13px;
}

.text-field {
  border: 1px solid var(--tokens--accent);
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--surface-blur);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
  width: 100%;
  height: 52px;
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--text--font-color);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  margin-bottom: 0;
  padding-left: 16px;
  font-weight: 500;
  transition: border .2s, border-color .45s, box-shadow .425s;
}

.text-field:hover {
  border-color: var(--tokens--text-tertiary);
}

.text-field:focus {
  border-width: 2px;
  border-color: var(--tokens--primary);
}

.text-field::placeholder {
  color: var(--tokens--text-secondary);
  font-size: 16px;
  font-weight: 300;
}

.text-field.msg {
  min-width: 100%;
  max-width: 100%;
  height: 200px;
  min-height: 200px;
  max-height: 300px;
}

.text-field.small {
  font-size: var(--_typrography---desktop--m-body-paragraph);
  font-weight: 400;
}

.error-message {
  background-color: var(--text--font-color);
  width: 100%;
  font-family: var(--_typrography---fonts--paragraph-font);
  color: #fff;
  font-size: 16px;
  line-height: var(--_typrography---line-height--lineheightsmall);
  text-align: center;
  border: 1px solid #ff0909;
  margin-bottom: 0;
  font-weight: 400;
}

.error-message::placeholder {
  color: #7d7d7d;
  font-family: IBM Plex Sans Hebrew;
  font-size: 15px;
}

.help-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

.help-container {
  min-width: 220px;
  padding-top: 80px;
  padding-right: 12px;
  position: relative;
}

.help-content-holder {
  grid-row-gap: var(--_spacings---core--gird-gaps);
  flex-direction: column;
  padding-top: 80px;
  display: flex;
}

.help-heading-holder {
  padding: var(--_spacings---tokens--space-sm);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--elements--border);
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--surface);
  flex-flow: column;
  display: flex;
}

.help-back-link-holder {
  grid-column-gap: 8px;
  color: var(--text--paragraph-font);
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  transition: color .4s;
  display: flex;
}

.help-back-link-holder:hover {
  color: var(--core-colors--accent-color\<deleted\|variable-001130bb-341d-97f5-fef3-05001f047fd4\>);
}

.help-icon-holder {
  width: 8px;
}

.help-icon {
  width: 100%;
}

.help-link-holder {
  margin-top: var(--_spacings---tokens--space-sm);
  grid-row-gap: 30px;
  border: 1px solid var(--elements--border);
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--elements--cards-bento);
  flex-direction: column;
  padding: 18px;
  display: flex;
}

.help-link-container {
  z-index: 3;
  grid-column-gap: 9px;
  border-radius: var(--_spacings---radius--radius-s);
  opacity: .8;
  font-size: var(--_typrography---desktop--m-body-paragraph);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  left: 2px;
}

.help-link-container.w--current {
  border: 1px solid var(--tokens--border-strong);
  background-color: var(--tokens--background-base);
  opacity: 1;
  color: var(--tokens--text-primary);
  margin-left: -7px;
  padding: 10px;
}

.help-link-icon-holder {
  width: 18px;
}

.help-link-icon {
  width: 100%;
}

.help-center-heading-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.figma-file-holder {
  margin-top: 40px;
  margin-bottom: 40px;
}

.figma-file-container {
  grid-column-gap: 32px;
  border: 1px solid var(--tokens--border);
  background-color: var(--elements--cards-bento);
  opacity: 1;
  align-items: flex-start;
  padding: 26px;
  display: flex;
  overflow: hidden;
}

.figma-file-container.center {
  grid-row-gap: 11px;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.figma-file-icon-holder {
  width: 41px;
  min-width: 41px;
  height: 41px;
}

.figla-file-icon {
  width: 100%;
}

.figma-file-content-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.figma-header {
  font-size: 24px;
}

.full-width-image-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.full-width-image {
  width: 100%;
}

.sticky {
  position: sticky;
  top: 85px;
}

.link {
  text-decoration: underline;
  transition: color .375s;
}

.link:hover {
  color: var(--tokens--primary);
}

.change-log-block-holder {
  grid-column-gap: var(--_spacings---core--gird-gaps);
  grid-row-gap: var(--_spacings---core--gird-gaps);
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 600px;
  padding: 25px;
  display: flex;
}

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

._404 {
  grid-column-gap: 30px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.brand {
  width: 100%;
  max-width: 142px;
  padding: 12px;
}

.footer-signup-holder {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.success-message {
  z-index: 2;
  background-color: var(--tokens--primary);
  color: var(--tokens--text-inverse);
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightbase);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  padding-top: 53px;
  padding-bottom: 53px;
  position: relative;
}

.success-message.secondary {
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--background-alt);
}

.social-media-holder {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.social-media-container {
  width: 24px;
}

.social-media-image {
  width: 100%;
}

.footer-holder {
  z-index: 6;
  color: var(--text--font-color);
  padding-bottom: 70px;
  position: relative;
}

.footer-container {
  z-index: 2;
  padding-top: 50px;
  padding-bottom: 30px;
  position: relative;
}

.button-holder {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.section-spacing {
  padding-top: var(--_spacings---core--section-space);
  padding-bottom: var(--_spacings---core--section-space);
}

.section-inside {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.heading-and-supporting-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.question-icon {
  filter: invert();
  width: 12px;
  min-width: 12px;
}

.questions-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.questions-cta {
  z-index: 1;
  grid-row-gap: 84px;
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--surface);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 22px;
  display: flex;
  position: relative;
}

.answer-text {
  font-family: var(--_typrography---fonts--paragraph-font);
  line-height: var(--_typrography---line-height--lineheightbase);
  margin-bottom: 0;
  padding-top: 12px;
}

.question-text {
  font-family: var(--_typrography---fonts--paragraph-font);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
}

.answer-holder {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.questions-container {
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--surface);
  cursor: pointer;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  transition: background-color .325s;
  display: flex;
}

.questions-container.no-border {
  border-style: none;
}

.question {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.hero-blog-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.blog-grid-twos-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.blog-grid-twos-wrapper.space-bott {
  padding-bottom: 90px;
}

.blog-grid-twos-item {
  width: 100%;
}

.blog-grid-2x {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.blog-item {
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--surface-alt);
  width: 100%;
  height: 100%;
  padding: 14px;
  transition: border-color .4s, transform .325s;
}

.blog-item:hover {
  border: 2px solid #181818;
  transform: translate(0, -10px);
}

.blog-item.hoziontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--tokens--border);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding: 30px;
  transition-property: border-color, background-color;
  display: grid;
}

.blog-item.hoziontal:hover {
  background-color: var(--tokens--surface);
  transform: none;
}

.blog-item.boxed {
  border: 1px solid var(--elements--border);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.blog-conte {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px 8px 8px;
  display: flex;
}

.blog-conte.featured-content {
  justify-content: space-between;
  height: 100%;
  padding: 94px 42px;
}

.blog-thumbnail {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  width: 100%;
}

.blog-thumbnail.horizontal {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.blog-title {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--text--font-color);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  margin-bottom: -4px;
}

.blog-title.l {
  font-size: var(--_typrography---desktop--heading-03);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
}

.share-social-media-icon-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .8;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity .3s, transform .375s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.share-social-media-icon-holder:hover {
  opacity: 1;
  transform: scale(1.2);
}

.blog-details---title {
  font-size: var(--_typrography---desktop--heading-03);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
}

.blog-details-content {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 710px;
  display: flex;
}

.form-block-2 {
  width: 100%;
  margin-bottom: 0;
}

.form-block-2._100width {
  width: 100%;
}

.sign-up-letter {
  border: 1px solid var(--tokens--border);
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--elements--cards-bento);
  padding: 24px;
  position: sticky;
  top: 160px;
}

.blog-grid-holder {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 100px;
  display: grid;
}

.sign-up-letter-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.blog-details-main-image {
  border-radius: var(--_spacings---radius--radius-s);
  width: 100%;
}

.share-blog-icons {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-name-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.share-icon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
  justify-content: center;
  align-items: center;
  width: 24px;
}

.sign-up-title {
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightlight);
  margin-bottom: -10px;
}

.form-holder {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.blog-details-holder {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 44px;
  display: flex;
}

.blog-details-main-image-holder {
  width: 100%;
  margin-top: 38px;
  margin-bottom: 38px;
  margin-right: auto;
  overflow: hidden;
}

.rich-text-block {
  text-align: left;
}

.rich-text-block h1 {
  font-weight: 700;
}

.rich-text-block h2, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  font-weight: 600;
}

.field-label {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-tertiary);
  font-size: 16px;
  line-height: var(--_typrography---line-height--lineheightsmall);
  margin-bottom: 0;
  font-weight: 500;
}

.field-label.white {
  color: var(--text--font-color);
  margin-bottom: 0;
}

.field-holder {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.field-grid {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--background-base);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 30px;
  display: grid;
}

.button-wrapper {
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.checkbox-field {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--tokens--background-base);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.checkbox {
  border: 1px solid var(--tokens--primary);
  background-color: var(--elements--cards-bento);
  border-radius: 6px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 6px;
}

.checkbox.w--redirected-checked {
  border-color: var(--tokens--seondary-hover);
  background-color: var(--tokens--primary);
  background-image: url('../images/Empty-Check.svg');
  background-position: 50%;
  background-size: 12px;
}

.contact-form-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.form-block-contact {
  z-index: 1;
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding: 0 0 30px;
  position: relative;
  overflow: visible;
}

.feature-image-blur {
  z-index: -1;
  filter: blur(40px);
  width: 100%;
  height: 90%;
  transform-style: preserve-3d;
  background-image: radial-gradient(circle farthest-side, #ffe9c5 30%, #105ac9 48%, #0000 74%);
  border-radius: 0;
  padding: 0;
  position: absolute;
  inset: -35% auto 0%;
  transform: scale3d(1, .5, 1);
}

.paragraph {
  margin-bottom: 0;
}

.contact-form {
  z-index: 1;
  padding: 0 0 28px;
  position: relative;
}

.heading-4 {
  font-size: 40px;
}

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

.style-tag {
  border: 1px solid var(--tokens--text-inverse);
  color: var(--tokens--text-inverse);
  background-color: #ab4b97;
  padding: 7px 12px;
}

.style-tag.blue {
  border-color: var(--tokens--surface);
  background-color: #1761be;
}

.h1-style {
  font-size: var(--_typrography---desktop--heading-01);
  line-height: var(--_typrography---line-height--lineheightsmall);
}

.h2-style {
  font-size: var(--_typrography---desktop--heading-02);
  line-height: var(--_typrography---line-height--lineheightsmall);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
}

.h3-style {
  font-size: var(--_typrography---desktop--heading-03);
  line-height: var(--_typrography---line-height--lineheightsmall);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-small);
  vertical-align: super;
}

.h4-style {
  font-size: var(--_typrography---desktop--heading-04);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightregular);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 0;
  margin-bottom: 0;
}

.h5-style {
  font-size: var(--_typrography---desktop--heading-05);
  line-height: var(--_typrography---line-height--lineheightsmall);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.h6-style {
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightsmall);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-small);
  margin-bottom: 5px;
}

.paragraph-m {
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
}

.paragraph-s {
  font-size: var(--_typrography---desktop--s-body-paragraph);
}

.tag-holder {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.button-icon {
  width: 14px;
}

.button-icon.small {
  width: 16px;
}

.rl-styleguide_empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.shadow-xx-small {
  box-shadow: 0 1px 2px #0000000d;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}

.shadow-small {
  flex-flow: column;
  display: flex;
  box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}

.shadow-x-small {
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.shadow-xx-large {
  box-shadow: 0 32px 64px -12px #00000024;
}

.shadow-x-large {
  box-shadow: 0 24px 48px -12px #0000002e;
}

.rl-styleguide_shadows-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
}

.red-circle {
  z-index: 0;
  background-color: var(--tokens--primary);
  border-radius: 20px;
  width: 6px;
  height: 6px;
  position: relative;
}

.line {
  background-color: var(--tokens--border);
  width: 100%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

.line.no-margin-bottom {
  margin-bottom: 0;
}

.heading-holder {
  max-width: 800px;
}

.heading-holder.s {
  max-width: 600px;
}

.testimonail-item {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  background-color: var(--tokens--surface);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  padding: 29px 24px;
  display: flex;
}

.pricing-table-holder {
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--surface);
  width: 100%;
  padding: 40px;
  overflow: hidden;
  box-shadow: inset 0 3px 32px #ffffff0a;
}

.white-text {
  color: var(--tokens--text-inverse);
  font-weight: var(--_typrography---font-weight--fontweightregular);
  margin-bottom: 0;
}

.cta-image {
  border-radius: var(--_spacings---radius--radius-m);
  width: 100%;
}

.contact-email-holder {
  padding: 0;
}

.contact-email-holder.last {
  border-bottom-style: none;
  padding-top: 15px;
  display: flex;
}

.contact-email-holder.bot {
  border-bottom-style: none;
}

.contact-text-holder {
  grid-column-gap: 0px;
  grid-row-gap: 60px;
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--surface);
  width: 90%;
  font-family: var(--_typrography---fonts--heading-font);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding: 45px;
  font-weight: 600;
  display: flex;
}

.contact-text-holder.smaller {
  grid-row-gap: 12px;
  width: 100%;
  padding: 21px;
}

.contact-info {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 71px;
  padding-right: 71px;
  display: grid;
}

.field-text-holder {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.animate-on-load._3 {
  z-index: 1;
  position: relative;
}

.full-image {
  border-radius: var(--_spacings---radius--radius-m);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.help-center-heading-holder-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-top: 12px;
  display: flex;
}

.title-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.button-text {
  z-index: 1;
  line-height: var(--_typrography---line-height--lineheightsmall);
  position: relative;
}

.nav-link-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-line {
  background-color: var(--tokens--primary);
  width: 0%;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.border-holder {
  z-index: 2;
  border-radius: var(--_spacings---radius--radius-m);
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: filter .45s;
  display: flex;
  position: relative;
}

.border-holder:hover {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

.hero-paragraph-holder {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  max-width: 370px;
  display: flex;
  position: relative;
}

.hero-paragraph-holder.large-space {
  max-width: none;
}

.testimonial-item {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  border-top: 6px solid var(--tokens--primary);
  background-color: var(--tokens--surface);
  flex-flow: column;
  justify-content: space-between;
  min-height: 410px;
  padding: 21px;
  display: flex;
}

.about-us-block {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.team-profile-holder {
  position: relative;
  overflow: hidden;
}

.job-position-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.button-text-holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  height: 19px;
  display: flex;
  overflow: hidden;
}

.services-list {
  cursor: pointer;
  border-bottom: 1px solid #cccccc80;
  flex-direction: column;
  padding: 0 0 12px;
  transition: background-color .325s;
  display: flex;
}

.tag {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_spacings---radius--radius-full-circle);
  background-color: var(--tokens--accent);
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-secondary);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.partners-holder {
  border-bottom: 1px solid var(--tokens--border-strong);
  padding-bottom: 32px;
}

.values-icons-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 80%;
  display: flex;
}

.value-image-holder {
  border-radius: var(--_spacings---radius--radius-m);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cards {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border: 1px solid var(--tokens--border);
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--surface);
  color: var(--tokens--text-secondary);
  line-height: var(--_typrography---line-height--lineheightsmall);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
  box-shadow: 0 4px 4px #1717170a;
}

.paragraph-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 90%;
  display: flex;
}

.paragraph-holder.medium {
  max-width: 500px;
}

.testimonial {
  overflow: visible;
}

.pricing {
  background-color: var(--tokens--surface-secondary\<deleted\|variable-0e6f863b-d067-df12-3122-882c7251cca0\>);
  border: 1px solid #ffffff0d;
  border-radius: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.recommended-box {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  height: 43px;
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-inverse);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  background-color: #2f2f2f80;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  inset: -33px 0% auto;
}

.contact-us-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--tokens--surface-secondary\<deleted\|variable-0e6f863b-d067-df12-3122-882c7251cca0\>);
  border: 1px solid #ffffff0d;
  border-radius: 9px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.cta-image-holder {
  z-index: 3;
  border-top-left-radius: var(--_spacings---radius--radius-m);
  border-top-right-radius: var(--_spacings---radius--radius-m);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffff80;
  position: relative;
}

.bento {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--tokens--border);
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--surface);
  color: var(--tokens--text-secondary);
  line-height: var(--_typrography---line-height--lineheightsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #1717170a;
}

.bento-content-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 33px;
  display: flex;
}

.images-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_spacings---radius--radius-m);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.images-content {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  padding-top: 40px;
  display: flex;
}

.bento-grid-content-holder {
  border: 1px solid var(--tokens--border);
  border-radius: var(--_spacings---radius--radius-s);
  background-color: var(--tokens--surface);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 4px #1717170a;
}

.feature-paragraph-holder {
  max-width: 80%;
}

.left-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 530px;
  display: flex;
}

.feature-image-container {
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.list-with-icon {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-hero-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.about-hero-heading-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 710px;
  display: flex;
}

.about-hero-heading-holder.left {
  justify-content: flex-start;
  align-items: center;
}

.about-hero-paragraph-holder {
  max-width: 650px;
}

.big-title {
  font-size: var(--_typrography---desktop--heading-02);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  margin-top: 0;
  margin-bottom: 0;
}

.team-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.team-image-holder {
  width: 100%;
  position: relative;
}

.team-image {
  border-radius: var(--_spacings---radius--radius-s);
  width: 100%;
}

.team-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.team-name {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--text--font-color);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
}

.team-job-position {
  font-family: var(--_typrography---fonts--paragraph-font);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
}

.team-socials {
  border-radius: var(--_spacings---radius--radius-full-circle);
  background-color: var(--tokens--primary);
  min-width: 60px;
  padding: 20px;
  position: absolute;
  inset: 20px auto auto 20px;
}

.team-socials-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
  overflow: hidden;
}

.team-social-link {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.team-social-icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.date-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.blog-content-wrapper {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

.rich-text-holder {
  border-top: 1px solid var(--tokens--border);
  padding-top: 60px;
  padding-bottom: 60px;
}

.pattern-holder {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.dot {
  border-radius: var(--_spacings---radius--radius-full-circle);
  background-color: var(--tokens--primary);
  width: 8px;
  height: 8px;
}

.image-holder-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bento-grid-item {
  cursor: pointer;
  border-radius: 24px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.bento-card-holder {
  perspective: 1500px;
}

.open-roles-item {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--surface-blur);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.title-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.steps-container {
  justify-content: space-between;
  width: 70%;
  display: flex;
}

.pricing-tab {
  z-index: 2;
  background-color: var(--tokens--primary);
  border: 1px solid #ffffff0d;
  border-radius: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.recommended-box-small {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--tokens--accent);
  height: 43px;
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-primary);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -33px 0% auto;
}

.contact-us-box-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--primary);
  border: 1px solid #ffffff0d;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.blog-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.breadcrumb-ui {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.breadcrumb-text {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--primary-hover);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
}

.breadcrumb-text.linked {
  transition: color .375s;
}

.breadcrumb-text.linked:hover {
  color: var(--tokens--secondary);
}

.rich-text-legal {
  max-width: 50%;
}

.hero-wrapper {
  perspective: 1500px;
  perspective-origin: 50% 30%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 37px;
  display: flex;
}

.hero-description {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  border-bottom: 1px solid #292929;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 800px;
  padding-bottom: 70px;
  display: flex;
}

.hero-section-phone-screenshot-holder {
  padding: 2.5% 41% 34% 13%;
  position: absolute;
  inset: 0%;
}

.perspective {
  perspective: 1500px;
}

.gradient {
  z-index: 1;
  background-image: linear-gradient(180deg, #08080800, var(--tokens--background-base) 80%);
  height: 140px;
  position: absolute;
  inset: auto 0% 0;
}

.hero-section-app-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 820px;
  display: flex;
  position: relative;
  left: 105px;
}

.hero-section-phone-holder {
  z-index: 1;
  width: 100%;
  position: relative;
}

.hero-text-wrapper {
  z-index: 0;
  grid-column-gap: 13px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.hero-section-phone-screenshot-image {
  pointer-events: auto;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.button-2 {
  color: #070709;
  text-align: center;
  background-color: #fff;
  border-radius: 200px;
  padding: 10px 22px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: background-position .25s, background-color .45s;
  box-shadow: 0 6px 16px #fff3;
}

.button-2:hover {
  background-color: #d1d1d1;
}

.button-2.outline {
  box-shadow: none;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle, #ffffff26, #0000);
  border: 1px solid #ffffff80;
}

.button-2.outline:hover {
  background-color: #00000096;
}

.hero-text {
  z-index: 1;
  color: var(--tokens--text-tertiary);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-medium);
  text-shadow: 0 0 30px #ffffff3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 94px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

.hero-description-holder {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.shadow {
  background-image: linear-gradient(180deg, #08080800, var(--tokens--background-base) 10%, var(--tokens--background-base));
  filter: none;
  border-radius: 0;
  width: 130%;
  height: 100%;
  position: absolute;
  inset: -1% auto auto -30%;
}

.hero-section-phone-image {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.bento-grid-wrapper {
  border: 1px solid var(--elements--border);
  background-color: var(--tokens--surface);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  padding: 1px;
}

.bento-grid-wrapper:hover {
  border-radius: 26px;
}

.bento-grid-holder {
  padding-top: 60px;
}

.bento-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grey-text {
  opacity: .8;
  color: var(--tokens--text-secondary);
  font-weight: var(--_typrography---font-weight--fontweightlight);
  margin-bottom: 0;
}

.bento-grid-text {
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: 500;
}

.bento-grid-content {
  border-radius: 23px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.bento-grid-content._03 {
  flex-flow: row;
}

.bento-grid-text-holder {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.bento-grid-text-holder._02 {
  padding-top: 0;
  padding-bottom: 25px;
}

.bento-grid-text-holder._03 {
  padding-bottom: 25px;
}

.bento-grid-image-full {
  width: 100%;
}

.bento-grid-image-full._02 {
  margin-top: -40px;
}

.bento-grid-image-full._03 {
  object-fit: contain;
  width: 67%;
  min-width: 67%;
}

.center-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sticky-content-container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  display: flex;
}

.sticky-content-holder {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  max-width: 540px;
  padding-top: 35vh;
  padding-bottom: 35vh;
  display: flex;
  position: relative;
}

.hero-section-phone-screenshot-image-2 {
  pointer-events: auto;
  object-fit: cover;
  border-radius: 40px;
  width: 100%;
  height: 100%;
}

.hero-section-phone-screenshot-holder-2 {
  padding: 5%;
  position: absolute;
  inset: 0%;
}

.sticky-phone {
  width: 100%;
  position: sticky;
  top: 11%;
}

.sticky-phone-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
}

.hero-section-phone-holder-sticky {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.sticky-title {
  font-size: var(--_typrography---desktop--heading-03);
  line-height: var(--_typrography---line-height--lineheightsmall);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(139deg, #ffffffa3, #ffffffd1 48%, #ffffffba);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.sticky-phone-holder {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .45fr;
  grid-auto-columns: 1fr;
  place-content: center;
  justify-items: center;
  width: 100%;
  display: grid;
}

.small-icon {
  border-radius: 200px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.hero-section-phone-image-2 {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.sticky-phone-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider-content-holder {
  border: 1px solid var(--tokens--border);
  background-color: var(--tokens--surface);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  padding: 1px;
  transition: padding .475s;
}

.slider-content-holder:hover {
  border-radius: 26px;
}

.feautre-slider-holder {
  margin-top: 60px;
}

.slider-arrow-icon {
  width: 10px;
}

.slider-arrow-icon.left {
  transform: translate(-2px)rotate(-180deg);
}

.feature-slider-mask {
  width: 670px;
  height: auto;
  overflow: visible;
}

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

.grey-text-2 {
  opacity: .8;
  color: var(--tokens--text-secondary);
  margin-bottom: 0;
}

.slider-heading {
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightregular);
}

.slider-overflow-hidden {
  overflow: hidden;
}

.slider-content {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.gradient-slider {
  z-index: 1;
  background-image: linear-gradient(90deg, #08080800, var(--tokens--background-base));
  width: 80px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.gradient-slider.left {
  background-image: linear-gradient(270deg, #08080800, var(--tokens--background-base));
  inset: 0% auto 0% 0;
}

.feature-slider-wrapper {
  background-color: #ddd0;
  height: auto;
  margin-top: -50px;
  padding-bottom: 50px;
  padding-left: 70px;
  padding-right: 70px;
  overflow: hidden;
}

.right-arrow {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.slider-text-holder {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding: 25px;
  display: flex;
}

.title-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  max-width: 550px;
  display: flex;
}

.left-arrow {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  inset: 0% auto 0% 0%;
}

.feature-slide {
  width: 100%;
  height: auto;
  margin-right: 30px;
}

.slider-arrow-circle {
  background-color: #f7f7f7;
  border: 2px solid #d9d9d9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  display: flex;
}

.title-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.premium-section-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.premium-icon-holder {
  width: 270px;
  position: relative;
}

.premium-icon-holder._03 {
  width: 230px;
  top: -23px;
  left: -162px;
}

.premium-icon-holder._02 {
  width: 160px;
  position: relative;
  top: 15px;
  left: 67px;
  transform: rotate(10deg);
}

.premium-icon-holder._01 {
  position: relative;
  top: 36px;
  left: -98px;
  transform: rotate(-8deg);
}

.paragraph-l {
  font-family: Inter, sans-serif;
  font-size: var(--_typrography---desktop--l-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  font-weight: 400;
}

.premium-icons-holder {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.premium-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.premium-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.premium-features {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 40px;
  display: grid;
}

.icon-title {
  font-size: var(--_typrography---desktop--l-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  margin-top: 13px;
  margin-bottom: 6px;
  font-weight: 600;
}

.simple-heading {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  display: flex;
}

.premium-icon {
  z-index: 1;
  width: 100%;
  position: relative;
}

.premium-icon.blur {
  z-index: -1;
  filter: blur(80px);
  position: absolute;
  inset: 0%;
}

.premium-icon.normal {
  mix-blend-mode: lighten;
}

.cta-bg-full {
  opacity: .5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta-phone-holder {
  z-index: 1;
  width: 440px;
  position: relative;
}

.cta-section-phone {
  z-index: 1;
  width: 100%;
  position: relative;
  top: 64px;
}

.submit-button {
  background-color: var(--tokens--text-primary);
  width: 42px;
  height: 42px;
  font-family: var(--_typrography---fonts--heading-font);
  color: var(--tokens--surface-alt);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  background-image: url('../images/Arrow-Button.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 6px;
  padding: 25px 0 0;
  font-weight: 500;
  transition: background-color .375s;
  position: absolute;
  right: 5px;
}

.submit-button:hover {
  background-color: #fff9;
}

.form-block-cta {
  width: 370px;
  margin-bottom: 0;
}

.center-title {
  padding-top: 100px;
  padding-bottom: 60px;
}

.cta-heading-holder {
  z-index: 2;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 70%;
  padding-top: 24px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.form-cta {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.title-secondary {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-secondary);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightregular);
}

.white-text-2 {
  color: #fff;
  font-weight: 500;
}

.form-holder-cta {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cta-paragraph-holder {
  flex-direction: column;
  align-items: center;
  max-width: 470px;
  display: flex;
}

.white-line {
  background-color: #1f1f1f;
  width: 100%;
  max-width: 800px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

.error-message-2 {
  width: 100%;
  color: var(--tokens--text-secondary);
  font-size: var(--_typrography---desktop--s-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightbase);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
  text-align: center;
  background-color: #333;
  border: 1px solid #aa5252;
  border-radius: 8px;
  margin-bottom: 0;
  box-shadow: 0 4px 4px #0000003d, 0 0 14px #0000003d, 0 21px 36px #ff00041f;
}

.error-message-2::placeholder {
  color: #7d7d7d;
  font-size: 15px;
}

.thank-you-message {
  border: 1px solid var(--tokens--border);
  background-color: var(--tokens--background-alt);
  width: 100%;
  color: var(--tokens--text-secondary);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightbase);
  border-radius: 8px;
  margin-bottom: 0;
  box-shadow: 0 4px 4px #0000003d, 0 0 14px #0000003d, 0 21px 36px #635bff1f;
}

.thank-you-message::placeholder {
  color: #7d7d7d;
  font-size: 15px;
}

.cta-holder-phone {
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.cta-container {
  border: 1px solid var(--tokens--border);
  background-color: var(--tokens--surface);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-form-holder-phone {
  z-index: 1;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.feature-hero-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 590px;
  display: flex;
}

.feature-hero-container.longer {
  max-width: 770px;
}

.graident-for-logos {
  background-image: linear-gradient(270deg, #08080800, var(--tokens--background-base));
  width: 120px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.graident-for-logos.right {
  background-image: linear-gradient(90deg, #08080800, var(--tokens--background-base));
  inset: 0% 0% 0% auto;
}

.company-logo-container {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.company-logo-holder {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 52px;
  padding-bottom: 52px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-button-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.feature-icons-wrapper {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 120px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.company-logo-wrapper {
  flex: none;
  height: 32px;
  padding-left: 30px;
  padding-right: 30px;
}

.company-logo {
  height: 100%;
}

.feature-paragraph-holder-2 {
  max-width: 510px;
  margin-top: 20px;
  margin-bottom: 42px;
}

.feature-icon-holder {
  width: 250px;
  position: relative;
}

.feature-icon-holder._01 {
  margin-top: -164px;
  margin-bottom: -164px;
  transform: rotate(-10deg);
}

.feature-icon-holder._03 {
  width: 210px;
  margin-top: -148px;
  transform: rotate(9deg);
}

.feature-hero {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.hero-text-secondary {
  z-index: 1;
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-medium);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #ffffff80, #bbb 50%, #ffffff80);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 700;
  position: relative;
}

.card-feature-titel {
  font-size: var(--_typrography---desktop--heading-06);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
}

.title-secondary-2 {
  color: #afafaf;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.card-features-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.card-feature-paragraph {
  max-width: 340px;
  font-family: var(--_typrography---fonts--paragraph-font);
  color: var(--tokens--text-tertiary);
  font-size: var(--_typrography---desktop--m-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
}

.card-feature {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0d0e12;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 36px;
  transition: background-color .325s, transform .45s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.card-feature:hover {
  background-color: #16181f;
  transform: scale(1.05);
}

.small-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.feature-iphone-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.feature-image-simple {
  width: 100%;
}

.blur-image {
  z-index: 0;
  width: 100%;
  min-width: 120%;
  position: absolute;
  inset: auto 0% -61% -20%;
}

.iphone-screen {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 8% 8% 0% 0;
  width: 100%;
  height: 100%;
}

.features-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.tag-small {
  color: var(--tokens--primary);
  line-height: var(--_typrography---line-height--lineheightsmall);
}

.iphone-borders {
  z-index: 2;
  position: relative;
}

.iphone-screen-holer {
  z-index: 1;
  padding: 3.2% 4% 0%;
  position: absolute;
  inset: 0%;
}

.features-gird-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  padding-top: 60px;
  display: grid;
  overflow: hidden;
}

.features-gird-wrapper.down {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #fff3;
  border-right: 1px solid #fff3;
  flex-flow: column;
  padding-right: 30px;
  display: flex;
}

.features-gird-wrapper.right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #fff3;
  border-right: 1px #fff3;
  flex-flow: column;
  padding-left: 30px;
  display: flex;
}

.features-iphone-holder {
  width: 70%;
  min-width: 70%;
  height: 470px;
  position: relative;
  overflow: hidden;
}

.tab-image-holder {
  border: 1px solid var(--tokens--border);
  border-radius: var(--_spacings---radius--radius-m);
  overflow: hidden;
}

.tab-pane {
  width: 100%;
}

.tabs-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  min-width: 40%;
  max-width: 40%;
  display: flex;
}

.tab-feature {
  border-style: solid;
  border-width: 1px;
  border-color: var(--tokens--background-base) var(--tokens--background-base) var(--tokens--background-base) var(--tokens--border);
  background-color: var(--tokens--background-base);
  padding: 20px 21px 10px;
  transition: border-radius .375s, border-color .35s, background-color .325s;
}

.tab-feature.w--current {
  background-color: #10141b;
  border: 1px solid #2f3b4e;
  border-radius: 12px;
}

.tab-title {
  color: var(--tokens--text-primary);
  font-size: var(--_typrography---desktop--heading-05);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: 500;
}

.tab-image {
  width: 100%;
}

.tab-feautre-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.tabs-features {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 64px;
  display: flex;
}

.tabs-content-2 {
  width: 100%;
  padding-left: 30px;
}

.hero-image-holder {
  border-radius: 9px;
  width: 90%;
  margin: 60px auto;
  position: relative;
}

.hero-image {
  border-radius: 20px;
  width: 100%;
}

.team-icon-holder {
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-top: -144px;
  margin-right: -103px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.team-icon {
  z-index: 1;
  width: 100%;
  position: relative;
}

.team-icon.blured {
  z-index: 0;
  opacity: .77;
  filter: blur(70px);
  position: absolute;
}

.chat-image {
  object-fit: cover;
  border-radius: 200px;
  width: 41px;
  min-width: 41px;
  height: 41px;
  min-height: 41px;
}

.chat {
  background-color: #10141b;
  border-radius: 20px;
  padding: 20px;
  font-size: 16px;
  line-height: 1.4;
  position: relative;
}

.light-blur {
  opacity: .37;
  filter: blur(20px);
  background-image: linear-gradient(90deg, #f7837a00, #897af78f 20%, #f7837a82 50%, #70dbe96e 77%, #d66a6200 93%);
  width: 90%;
  height: 160%;
  position: absolute;
  inset: -27% 0% auto auto;
}

.chat-holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 70px;
  display: flex;
}

.chat-blur {
  pointer-events: none;
  min-width: 112%;
  height: 149%;
  position: absolute;
  inset: -25% 0% 0% -6%;
}

.chat-container {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  max-width: 409px;
  display: flex;
}

.gradient-bg {
  background-color: #ffffff1a;
  background-image: linear-gradient(45deg, #4285f400, #8fb0e8 23%, #4285f400 45%, #fbbc0500 68%, #dacfaf);
  border-radius: 21px;
  width: 100%;
  height: 100%;
  padding: 1px;
  transition: padding .475s;
}

.gradient-bg:hover {
  border-radius: 26px;
}

.chat-image-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
  position: relative;
}

.chat-image-holder._02 {
  left: 120px;
}

.chat-image-holder._01 {
  left: -120px;
}

.slider-overlay {
  background-image: linear-gradient(to top, #000000c7, #0000);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 50%;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-text {
  font-size: var(--_typrography---desktop--heading-05);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightmedium);
}

.slider-arrow-circle-2 {
  border: 1px solid var(--tokens--border);
  background-color: var(--tokens--background-alt);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  display: flex;
}

.company-slider {
  border-radius: 24px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.team-slider {
  border-radius: 24px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.feautre-slider-wapper {
  margin-top: 60px;
  margin-bottom: 120px;
  overflow: hidden;
}

.feature-container {
  background-color: #ddd0;
  height: auto;
  padding-left: 70px;
  padding-right: 70px;
}

.right-arrow-2 {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.stats-slider {
  font-size: var(--_typrography---desktop--heading-01);
  line-height: 1.3;
  font-weight: var(--_typrography---font-weight--fontweightbold);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #ffffff80, #fff 50%, #ffffff80);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
}

.team-slider-image {
  width: 100%;
}

.slider-stats {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 330px;
  display: flex;
}

.left-arrow-2 {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  inset: 0% auto 0% 0%;
}

.value-team-holder {
  padding-top: 120px;
  padding-bottom: 30px;
  overflow: hidden;
}

.team-gird-holder {
  justify-content: flex-start;
  align-items: center;
}

.social-media-container-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.team-item-2 {
  grid-column-gap: 32px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-info-holder {
  background-color: #0c0d11;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  padding: 20px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 5px;
}

.team-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
  position: relative;
}

.team-thumbnail {
  border-radius: 12px;
  width: 100%;
}

.name {
  color: var(--tokens--text-primary);
  font-size: var(--_typrography---desktop--l-body-paragraph);
  line-height: var(--_typrography---line-height--lineheightsmall);
  font-weight: var(--_typrography---font-weight--fontweightsemibold);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
}

.social-media-icon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 24px;
}

.name-and-description {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-media-holder-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  transition: transform .35s, opacity .35s;
  display: flex;
}

.social-media-holder-2:hover {
  opacity: .6;
  transform: scale(1.2);
}

.job-position {
  font-family: var(--_typrography---fonts--paragraph-font);
  color: #dfdfdfa8;
  font-size: var(--_typrography---desktop--m-body-paragraph);
  font-weight: var(--_typrography---font-weight--fontweightregular);
  letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
}

.name-holder {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-info-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.pricing-heading {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.arrow-testimonial {
  background-color: #222;
  background-image: linear-gradient(#ffffff0f 67%, #fff0);
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  box-shadow: inset 0 -1px 0 1px #0000005e;
}

.arrow-testimonial.white-arrow {
  background-color: #fff;
}

.pricing-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.grey-text-4 {
  opacity: .7;
  color: #fff;
}

.list-title-wrapper {
  border-bottom: 1px solid #ffffff1a;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.price {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.check-icon {
  object-fit: cover;
  width: 10px;
  min-width: 10px;
}

.pricing-table {
  border: 1px solid var(--tokens--border);
  border-radius: var(--_spacings---radius--radius-m);
  background-color: var(--tokens--surface);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.pricing-table.recommended {
  z-index: 2;
  background-image: linear-gradient(#ffffff0f 80%, #ffffff1f);
  border-width: 2px;
  border-color: #686868;
  position: relative;
}

.list-wrapper {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.red-dot {
  background-color: var(--tokens--primary);
  border-radius: 300px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.arrow {
  width: 14px;
}

.arrow.big {
  width: 18px;
}

.recommended-box-holder {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--tokens--background-alt);
  color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 11px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 43px;
  padding-bottom: 5px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -33px 0% auto;
}

.pricing-heading-content {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list-holder {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list-title {
  color: #ffffff80;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
}

.pricing-wrapper {
  position: relative;
}

.pricing-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 42px;
  display: flex;
}

.list-slots {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contact-us-box-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--tokens--border);
  background-color: var(--tokens--background-alt);
  border-radius: 9px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.h2-style-2 {
  font-size: 40px;
  line-height: 110%;
}

.h2-style-2.white-text {
  font-weight: 600;
}

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

.list-text {
  color: #fff;
  letter-spacing: .6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.contact-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.check {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #222;
  background-image: linear-gradient(#ffffff0f 80%, #ffffff1f);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 400;
  transition: transform .325s cubic-bezier(.175, .885, .32, 1.275), background-position .25s, background-color .45s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -1px 0 1px #0000005e;
}

.button-4:hover {
  transform: scale(1.05);
}

.people-image {
  object-fit: cover;
  border: 2px solid #1f1f1f;
  border-radius: 300px;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}

.people-image.middle {
  margin-left: -19px;
  margin-right: -19px;
}

.blur-bg {
  display: none;
}

@media screen and (min-width: 1440px) {
  .help-container {
    min-width: 270px;
  }

  .answer-text {
    font-size: var(--_typrography---desktop--m-body-paragraph);
    padding-top: 6px;
  }

  .sticky-content-holder {
    max-width: 560px;
  }

  .sticky-phone {
    top: 13%;
  }

  .sticky-title {
    font-size: 42px;
  }

  .sticky-phone-container {
    position: relative;
    left: -100px;
  }

  .features-iphone-holder {
    width: 70%;
    height: 600px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typrography---fonts--heading-font: Manrope, sans-serif;
    --_typrography---desktop--s-body-paragraph: 14px;
    --_typrography---line-height--lineheighttight: 80%;
    --_typrography---font-weight--fontweightregular: 400;
    --_typrography---letter-spacing--letter-spacing-default: .1px;
    --_typrography---desktop--heading-01: 48px;
    --_typrography---line-height--lineheightsmall: 110%;
    --_typrography---font-weight--fontweightsemibold: 600;
    --_typrography---desktop--heading-02: 40px;
    --_typrography---letter-spacing--letter-spacing-small: -1px;
    --_typrography---letter-spacing--letter-spacing-medium: -2px;
    --_typrography---desktop--heading-03: 30px;
    --_typrography---font-weight--fontweightmedium: 500;
    --_typrography---desktop--heading-04: 26px;
    --_typrography---desktop--heading-05: 22px;
    --_typrography---desktop--heading-06: 18px;
    --_typrography---fonts--paragraph-font: Inter, sans-serif;
    --_typrography---desktop--m-body-paragraph: 16px;
    --_typrography---line-height--lineheightbase: 140%;
    --_typrography---desktop--l-body-paragraph: 16px;
    --_typrography---font-weight--fontweightlight: 300;
    --_typrography---general--tag-badge: 12px;
    --_typrography---font-weight--fontweightbold: 700;
    --_typrography---general--button-text-size: 16px;
    --_typrography---general--legal: 13px;
    --_typrography---letter-spacing--letter-spacing-narrow: -3px;
    --_typrography---line-height--lineheightrelaxed: 160%;
    --_typrography---font-weight--fontweightthin: 100;
    --_typrography---font-weight--fontweightextralight: 200;
    --_typrography---font-weight--fontweightextrabold: 800;
    --_typrography---font-weight--fontweightblack: 900;
    --_spacings---radius--radius-m: var(--_spacings---tokens--space-sm);
    --_spacings---core--gird-gaps: var(--_spacings---tokens--space-m);
    --_spacings---core--container-max-width: 1440px;
    --_spacings---core--container-paddings: var(--_spacings---tokens--space-relaxed-l);
    --_spacings---radius--radius-full-circle: 300px;
    --_spacings---radius--radius-l: var(--_spacings---tokens--space-m);
    --_spacings---radius--radius-s: var(--_spacings---tokens--space-xs);
    --_spacings---tokens--space-sm: 16px;
    --_spacings---core--section-space: var(--_spacings---tokens--space-m);
    --_spacings---tokens--space-2xs: 4px;
    --_spacings---tokens--space-xs: 8px;
    --_spacings---tokens--space-m: 30px;
    --_spacings---tokens--space-lg: 64px;
    --_spacings---tokens--space-xl: 120px;
    --_spacings---tokens--space-2xl: 240px;
    --_spacings---tokens--space-tight: .5em;
    --_spacings---tokens--space-base: 1em;
    --_spacings---tokens--space-relaxed: 1.5em;
    --_spacings---tokens--space-relaxed-l: 2em;
    --_spacings---tokens--space-xxl: 3em;
    --_spacings---tokens--space-xxxl: 4em;
    --_spacings---core--block-spacing: var(--_spacings---tokens--space-sm);
  }

  h1 {
    letter-spacing: 0;
  }

  ._4-col-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  ._8-col-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .navbar {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .navbar-container {
    grid-column-gap: 80px;
  }

  .nav-menu-link-holder {
    grid-row-gap: 20px;
    flex-direction: column;
    height: auto;
    padding: 27px;
  }

  .nav-menu-link-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    height: auto;
    padding-left: 0;
  }

  .nav-menu {
    background-color: var(--tokens--background-base);
    height: auto;
    padding-left: 0;
  }

  .nav-links {
    grid-row-gap: 20px;
    border-radius: 12px;
    flex-direction: column;
    width: 100%;
    height: auto;
  }

  .nav-link {
    font-family: var(--_typrography---fonts--paragraph-font);
    font-size: var(--_typrography---desktop--heading-05);
    padding: 0;
  }

  .footer-wrapper {
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .title-small {
    font-weight: 600;
  }

  .footer-divider {
    margin-top: 60px;
    padding-top: 20px;
  }

  .help-holder {
    flex-direction: column;
    display: flex;
  }

  .help-container {
    border-right-style: none;
    padding-top: 30px;
  }

  .help-content-holder {
    padding-top: 30px;
  }

  .help-link-holder {
    grid-column-gap: 30px;
    flex-direction: row;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .help-link-container.w--current {
    border-right-style: none;
  }

  .menu-button {
    border: 2px #2e335b00;
    border-radius: 0;
    padding: 10px;
    transition: background-color .4s;
  }

  .menu-button.w--open {
    border: 2px none var(--text--font-color);
    background-color: var(--tokens--primary);
    color: var(--tokens--text-primary);
    border-radius: 50px;
    padding: 10px;
  }

  .footer-container {
    border-radius: 20px;
  }

  .section-inside {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .heading-and-supporting-text {
    max-width: none;
  }

  .questions-cta {
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: stretch;
  }

  .blog-grid-twos-wrapper {
    max-width: 100%;
  }

  .blog-grid-twos-item {
    width: 100%;
  }

  .blog-grid-2x {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .blog-item.hoziontal {
    flex-flow: column;
  }

  .blog-thumbnail.horizontal {
    width: 100%;
  }

  .blog-grid-holder {
    flex-direction: column;
    display: flex;
  }

  .form-block-contact {
    max-width: 100%;
  }

  .h6-style {
    font-size: var(--_typrography---desktop--heading-05);
    font-weight: 500;
  }

  .contact-email-holder {
    height: 100%;
  }

  .contact-email-holder.last {
    width: 100%;
  }

  .contact-text-holder {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .contact-text-holder.smaller {
    justify-content: space-between;
    height: 100%;
  }

  .contact-info {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .border-holder {
    padding-left: 11px;
    padding-right: 11px;
    transition-property: none;
  }

  .about-us-block {
    width: 100%;
  }

  .team-profile-holder {
    flex-flow: column-reverse;
    display: flex;
  }

  .bento {
    justify-content: space-between;
  }

  .bento-content-wrapper {
    padding: 16px;
  }

  .bento-grid-content-holder {
    height: 100%;
  }

  .left-title {
    text-align: left;
    max-width: 520px;
  }

  .feature-image-container {
    justify-content: center;
    align-items: center;
  }

  .bento-grid-item {
    padding-right: 0;
  }

  .open-roles-item {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding: 20px;
  }

  .rich-text-legal {
    max-width: 100%;
  }

  .hero-wrapper {
    padding-top: 60px;
  }

  .hero-section-app-container {
    width: 80%;
  }

  .hero-section-phone-holder {
    width: 100%;
  }

  .hero-section-phone-screenshot-image {
    border-radius: 20px;
  }

  .hero-text {
    font-size: 77px;
  }

  .bento-grid {
    grid-template-columns: 1.5fr 1fr;
  }

  .hero-section-phone-screenshot-image-2 {
    border-radius: 20px;
  }

  .feature-slider-mask {
    width: 100%;
  }

  .feature-slider-wrapper {
    padding-left: 68px;
    padding-right: 68px;
  }

  .premium-icon-holder._03 {
    width: 170px;
  }

  .premium-icon-holder._02 {
    width: 120px;
    left: 86px;
  }

  .premium-icon-holder._01 {
    width: 180px;
  }

  .paragraph-l {
    font-size: 18px;
  }

  .premium-features {
    flex-direction: column;
    display: flex;
  }

  .cta-section-phone {
    width: 100%;
    left: 70px;
  }

  .cta-container {
    width: 100%;
  }

  .hero-text-secondary {
    font-size: 77px;
  }

  .features-iphone-holder {
    width: 90%;
    height: 360px;
  }

  .hero-image-holder {
    width: 100%;
  }

  .team-icon-holder {
    width: 190px;
    margin-top: -72px;
    margin-right: -44px;
  }

  .slider-text {
    font-size: 30px;
  }

  .stats-slider {
    font-size: 50px;
  }

  .team-gird-holder {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .social-media-container-2 {
    display: flex;
  }

  .team-info-holder {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 14px;
    position: relative;
    bottom: 0;
  }

  .team-grid {
    grid-column-gap: 12px;
    grid-row-gap: 60px;
  }

  .name-holder {
    min-width: 0;
  }

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

  .pricing-wrapper {
    margin-top: 35px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typrography---fonts--heading-font: Manrope, sans-serif;
    --_typrography---desktop--s-body-paragraph: 13px;
    --_typrography---line-height--lineheighttight: 80%;
    --_typrography---font-weight--fontweightregular: 400;
    --_typrography---letter-spacing--letter-spacing-default: .1px;
    --_typrography---desktop--heading-01: 38px;
    --_typrography---line-height--lineheightsmall: 110%;
    --_typrography---font-weight--fontweightsemibold: 600;
    --_typrography---desktop--heading-02: 32px;
    --_typrography---letter-spacing--letter-spacing-small: -1px;
    --_typrography---letter-spacing--letter-spacing-medium: -2px;
    --_typrography---desktop--heading-03: 28px;
    --_typrography---font-weight--fontweightmedium: 500;
    --_typrography---desktop--heading-04: 24px;
    --_typrography---desktop--heading-05: 18px;
    --_typrography---desktop--heading-06: 18px;
    --_typrography---fonts--paragraph-font: Inter, sans-serif;
    --_typrography---desktop--m-body-paragraph: 14px;
    --_typrography---line-height--lineheightbase: 140%;
    --_typrography---desktop--l-body-paragraph: 16px;
    --_typrography---font-weight--fontweightlight: 300;
    --_typrography---general--tag-badge: 12px;
    --_typrography---font-weight--fontweightbold: 700;
    --_typrography---general--button-text-size: 14px;
    --_typrography---general--legal: 13px;
    --_typrography---letter-spacing--letter-spacing-narrow: -3px;
    --_typrography---line-height--lineheightrelaxed: 160%;
    --_typrography---font-weight--fontweightthin: 100;
    --_typrography---font-weight--fontweightextralight: 200;
    --_typrography---font-weight--fontweightextrabold: 800;
    --_typrography---font-weight--fontweightblack: 900;
  }

  blockquote {
    font-size: var(--_typrography---desktop--heading-06);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  ._4-col-grid {
    width: 100%;
  }

  .black-background-padding {
    padding: 20px;
  }

  .border-box {
    padding: 10px 2px;
  }

  ._8-col-grid {
    width: 100%;
  }

  ._6-col-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .nav-menu-link-holder {
    background-color: var(--tokens--background-base);
  }

  .footer-wrapper {
    grid-row-gap: 30px;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .footer-content {
    text-align: left;
    flex-flow: column;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    text-align: left;
    align-items: flex-start;
  }

  .footer-link {
    text-align: left;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .title {
    letter-spacing: var(--_typrography---letter-spacing--letter-spacing-medium);
  }

  .help-content-holder {
    padding-top: 0;
  }

  .help-link-holder {
    flex-direction: column;
    padding: 21px;
  }

  .utility-page-wrap {
    padding: 31px;
  }

  .brand {
    max-width: 130px;
    padding-left: 12px;
  }

  .footer-signup-holder {
    width: auto;
  }

  .section-inside {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .questions-holder {
    max-width: 100%;
    display: flex;
  }

  .questions-cta {
    grid-row-gap: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .question-text {
    font-size: var(--_typrography---desktop--heading-06);
  }

  .blog-item.hoziontal {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .blog-conte.featured-content {
    padding: 0;
  }

  .field-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .contact-form-wrapper {
    max-width: 100%;
  }

  .form-block-contact {
    padding-bottom: 0;
  }

  .paragraph-s {
    font-size: var(--_typrography---desktop--s-body-paragraph);
  }

  .line.no-margin-bottom {
    max-width: 80%;
    margin-top: 30px;
  }

  .white-text {
    font-weight: var(--_typrography---font-weight--fontweightregular);
    letter-spacing: -.3px;
  }

  .contact-text-holder {
    grid-column-gap: 90px;
    padding: 20px 20px 0;
  }

  .contact-info {
    grid-template-columns: 1fr 1fr;
  }

  .contact-us-box {
    padding: 12px;
  }

  .sticky-wrapper {
    z-index: 5;
    border: 1px solid var(--tokens--surface-secondary\<deleted\|variable-0e6f863b-d067-df12-3122-882c7251cca0\>);
    border-radius: var(--_spacings---radius--radius-m);
    background-color: var(--tokens--background-alt);
    padding: 12px;
    position: sticky;
    top: 80px;
  }

  .left-title {
    margin-bottom: 0;
  }

  .feature-image-container {
    margin-top: -10px;
  }

  .about-hero-heading-holder {
    max-width: 450px;
  }

  .big-title {
    font-size: 40px;
  }

  .contact-us-box-small {
    padding: 12px;
  }

  .hero-section-app-container {
    width: 100%;
    margin-top: 22px;
    left: 74px;
  }

  .hero-text {
    padding-top: 0;
    font-size: 60px;
    line-height: 1.3;
  }

  .bento-grid-holder {
    padding-top: 30px;
  }

  .sticky-content-container {
    flex-flow: column;
  }

  .sticky-content-holder {
    width: 100%;
    max-width: none;
  }

  .sticky-phone-holder {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: .75fr .7fr;
    width: 100%;
  }

  .small-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .feature-slider-wrapper {
    padding-bottom: 0;
    padding-left: 49px;
    padding-right: 49px;
  }

  .title-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-container {
    flex-direction: column;
  }

  .company-logo-holder {
    padding-top: 29px;
    padding-bottom: 29px;
  }

  .feature-icons-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: row;
    align-items: center;
    padding-top: 47px;
  }

  .company-logo-wrapper {
    height: 21px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-icon-holder._01 {
    width: 140px;
    margin-top: 0;
    margin-bottom: 0;
    top: -38px;
    left: -33px;
  }

  .feature-icon-holder._02 {
    width: 110px;
  }

  .feature-icon-holder._03 {
    width: 100px;
    margin-top: 0;
    top: -25px;
    left: 45px;
  }

  .hero-text-secondary {
    padding-top: 0;
    font-size: 60px;
    line-height: 1.3;
  }

  .tabs-menu {
    flex-flow: column;
    min-width: 0%;
    max-width: none;
  }

  .tabs-features {
    flex-flow: column;
  }

  .tabs-content-2 {
    padding-top: 30px;
    padding-left: 0;
  }

  .chat-container {
    max-width: 370px;
  }

  .chat-image-holder._02 {
    left: 40px;
  }

  .chat-image-holder._01 {
    left: -40px;
  }

  .company-slider {
    border-radius: 9px;
  }

  .team-slider {
    border-radius: 5px;
  }

  .feature-container {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .contact-us-box-2 {
    padding: 12px;
  }
}

@media screen and (max-width: 479px) {
  body {
    letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
    --_typrography---fonts--heading-font: Manrope, sans-serif;
    --_typrography---desktop--s-body-paragraph: 13px;
    --_typrography---line-height--lineheighttight: 80%;
    --_typrography---font-weight--fontweightregular: 400;
    --_typrography---letter-spacing--letter-spacing-default: .1px;
    --_typrography---desktop--heading-01: 32px;
    --_typrography---line-height--lineheightsmall: 110%;
    --_typrography---font-weight--fontweightsemibold: 600;
    --_typrography---desktop--heading-02: 28px;
    --_typrography---letter-spacing--letter-spacing-small: -1px;
    --_typrography---letter-spacing--letter-spacing-medium: -2px;
    --_typrography---desktop--heading-03: 24px;
    --_typrography---font-weight--fontweightmedium: 500;
    --_typrography---desktop--heading-04: 20px;
    --_typrography---desktop--heading-05: 18px;
    --_typrography---desktop--heading-06: 16px;
    --_typrography---fonts--paragraph-font: Inter, sans-serif;
    --_typrography---desktop--m-body-paragraph: 14px;
    --_typrography---line-height--lineheightbase: 140%;
    --_typrography---desktop--l-body-paragraph: 16px;
    --_typrography---font-weight--fontweightlight: 300;
    --_typrography---general--tag-badge: 12px;
    --_typrography---font-weight--fontweightbold: 700;
    --_typrography---general--button-text-size: 14px;
    --_typrography---general--legal: 13px;
    --_typrography---letter-spacing--letter-spacing-narrow: -3px;
    --_typrography---line-height--lineheightrelaxed: 160%;
    --_typrography---font-weight--fontweightthin: 100;
    --_typrography---font-weight--fontweightextralight: 200;
    --_typrography---font-weight--fontweightextrabold: 800;
    --_typrography---font-weight--fontweightblack: 900;
    --_spacings---radius--radius-m: var(--_spacings---tokens--space-xs);
    --_spacings---core--gird-gaps: var(--_spacings---tokens--space-sm);
    --_spacings---core--container-max-width: 1440px;
    --_spacings---core--container-paddings: var(--_spacings---tokens--space-base);
    --_spacings---radius--radius-full-circle: 300px;
    --_spacings---radius--radius-l: var(--_spacings---tokens--space-sm);
    --_spacings---radius--radius-s: var(--_spacings---tokens--space-2xs);
    --_spacings---tokens--space-sm: 16px;
    --_spacings---core--section-space: var(--_spacings---tokens--space-sm);
    --_spacings---tokens--space-2xs: 4px;
    --_spacings---tokens--space-xs: 8px;
    --_spacings---tokens--space-m: 30px;
    --_spacings---tokens--space-lg: 64px;
    --_spacings---tokens--space-xl: 120px;
    --_spacings---tokens--space-2xl: 240px;
    --_spacings---tokens--space-tight: .5em;
    --_spacings---tokens--space-base: 1em;
    --_spacings---tokens--space-relaxed: 1.5em;
    --_spacings---tokens--space-relaxed-l: 2em;
    --_spacings---tokens--space-xxl: 3em;
    --_spacings---tokens--space-xxxl: 4em;
    --_spacings---core--block-spacing: var(--_spacings---tokens--space-sm);
  }

  h2 {
    letter-spacing: var(--_typrography---letter-spacing--letter-spacing-medium);
  }

  h3, h4, h5 {
    letter-spacing: var(--_typrography---letter-spacing--letter-spacing-small);
  }

  h6 {
    letter-spacing: var(--_typrography---letter-spacing--letter-spacing-default);
  }

  li {
    font-size: var(--_typrography---desktop--s-body-paragraph);
  }

  blockquote {
    padding: 11px;
  }

  ._4-col-grid {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .black-background-padding {
    padding: 7px;
  }

  .container.navbar-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center;
  }

  .style-guide-box-holder {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px;
  }

  .style-guide-box-container {
    grid-row-gap: 7px;
  }

  .colors-buttons {
    flex-direction: column;
    padding-top: 29px;
    padding-bottom: 29px;
  }

  .section.overflow-hidden-mobile {
    overflow: hidden;
  }

  ._8-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._6-col-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .navbar {
    padding-left: 6px;
    padding-right: 6px;
  }

  .footer-wrapper {
    grid-row-gap: 10px;
  }

  .footer-content {
    grid-row-gap: 20px;
    margin-top: 0;
  }

  .footer-block {
    grid-row-gap: 4px;
    padding-top: 19px;
  }

  .title-small {
    font-size: var(--_typrography---desktop--m-body-paragraph);
    margin-bottom: 2px;
    font-weight: 500;
  }

  .footer-divider {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    padding-top: 20px;
  }

  .pricing-list-holder {
    margin-top: 18px;
    margin-bottom: 18px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .cta-form-holder.no-paddings {
    flex-flow: column;
    align-items: stretch;
  }

  .help-link-holder {
    grid-row-gap: 20px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .figma-file-holder {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .figma-file-container {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .full-width-image {
    border-radius: 7px;
  }

  .change-log-block-holder {
    flex-flow: column;
    display: flex;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  .utility-page-content {
    padding: 14px;
  }

  .footer-signup-holder {
    width: 100%;
    margin-bottom: 24px;
  }

  .footer-container {
    padding-top: 30px;
  }

  .button-holder {
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .section-inside {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .question-icon {
    width: 12px;
    min-width: 12px;
  }

  .questions-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .questions-cta {
    align-items: stretch;
    padding: 18px;
  }

  .answer-text {
    padding-top: 8px;
  }

  .question-text {
    font-size: var(--_typrography---desktop--l-body-paragraph);
    font-weight: var(--_typrography---font-weight--fontweightmedium);
  }

  .answer-holder {
    max-width: 100%;
  }

  .questions-container {
    padding: 12px;
  }

  .hero-blog-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .blog-grid-twos-wrapper {
    max-width: 100%;
  }

  .blog-grid-twos-wrapper.space-bott {
    padding-bottom: 0;
  }

  .blog-grid-twos-item {
    width: 100%;
  }

  .blog-grid-2x {
    grid-row-gap: 30px;
  }

  .blog-item.hoziontal {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-width: 2px;
    border-color: var(--tokens--primary);
    flex-flow: column;
    padding: 13px;
  }

  .blog-conte.featured-content {
    padding: 0;
  }

  .blog-thumbnail.horizontal {
    width: 100%;
  }

  .blog-title.l {
    font-size: 21px;
  }

  .blog-details---title {
    font-size: 33px;
  }

  .form-block-2 {
    width: 100%;
  }

  .blog-grid-holder {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .form-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }

  .field-grid {
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

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

  .contact-form-wrapper {
    margin-bottom: 60px;
    padding-right: 0;
  }

  .form-block-contact {
    padding-bottom: 0;
  }

  .feature-image-blur {
    filter: blur(10px);
    width: 100%;
    top: -39%;
  }

  .contact-form {
    padding: 0;
  }

  .h2-style {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .testimonail-item {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding: 17px;
  }

  .pricing-table-holder {
    padding: 19px;
  }

  .white-text {
    font-weight: var(--_typrography---font-weight--fontweightlight);
    letter-spacing: -.2px;
    margin-top: 0;
  }

  .contact-text-holder {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    justify-content: space-between;
    padding: 13px 13px 0;
  }

  .contact-info {
    flex-flow: column;
    display: flex;
  }

  .testimonial-item {
    min-height: 0;
  }

  .services-list {
    padding: 0 0 12px;
  }

  .tag {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    font-size: var(--_typrography---general--tag-badge);
  }

  .values-icons-holder {
    max-width: 100%;
  }

  .cards {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 15px;
  }

  .contact-us-box {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .images-content {
    padding-top: 0;
  }

  .feature-paragraph-holder {
    max-width: 100%;
  }

  .left-title {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .feature-image-container {
    border-radius: 12px;
    margin-top: 0;
    padding: 15px;
  }

  .about-hero-content {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-hero-heading-holder.left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-holder-container {
    width: 100%;
  }

  .bento-grid-item {
    height: 370px;
  }

  .open-roles-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 14px;
  }

  .contact-us-box-small {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-wrapper {
    padding-top: 20px;
  }

  .hero-section-app-container {
    width: 130%;
    margin-top: 40px;
  }

  .hero-section-phone-holder {
    left: auto;
  }

  .hero-text-wrapper {
    grid-column-gap: 5px;
  }

  .hero-text {
    font-size: 45px;
  }

  .shadow {
    top: 2%;
  }

  .bento-grid-wrapper:hover {
    border-radius: 24px;
    padding: 1px;
  }

  .bento-grid-wrapper._02 {
    margin-top: 30px;
  }

  .bento-grid {
    flex-flow: column;
    display: flex;
  }

  .bento-grid-content._03 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .bento-grid-text-holder {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .bento-grid-image-full._03 {
    width: 100%;
    min-width: 0%;
  }

  .sticky-content-container {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-direction: column;
  }

  .sticky-content-holder {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sticky-phone {
    z-index: 2;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .sticky-phone-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero-section-phone-holder-sticky {
    z-index: 5;
    width: 240px;
  }

  .sticky-phone-holder {
    flex-direction: column;
    display: flex;
  }

  .sticky-phone-container {
    justify-content: flex-start;
    position: sticky;
    bottom: -30%;
  }

  .slider-content-holder:hover {
    border-radius: 24px;
    padding: 1px;
  }

  .feautre-slider-holder {
    margin-bottom: 60px;
  }

  .feature-slider-mask {
    width: 100%;
  }

  .slider-heading {
    font-weight: var(--_typrography---font-weight--fontweightsemibold);
  }

  .gradient-slider {
    display: none;
  }

  .feature-slider-wrapper {
    padding-bottom: 70px;
    padding-left: 0;
    padding-right: 0;
  }

  .right-arrow {
    justify-content: center;
    align-items: center;
    inset: auto auto 0% 50px;
  }

  .slider-text-holder {
    padding: 9px;
  }

  .left-arrow {
    inset: auto auto 0% 0%;
  }

  .title-wrapper {
    padding-top: 12px;
  }

  .premium-icon-holder._03 {
    width: 140px;
    top: -37px;
    left: -40px;
  }

  .premium-icon-holder._02 {
    width: 90px;
    top: -7px;
    left: -11px;
  }

  .premium-icon-holder._01 {
    width: 140px;
    top: 8px;
  }

  .premium-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    display: flex;
  }

  .premium-icon.blur {
    opacity: .5;
    filter: blur(30px);
  }

  .cta-phone-holder {
    width: 100%;
  }

  .cta-section-phone {
    top: 33px;
    left: 30px;
  }

  .form-block-cta {
    width: 100%;
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .center-title {
    padding-bottom: 30px;
  }

  .cta-heading-holder {
    text-align: center;
    align-items: center;
    max-width: 100%;
    padding: 13px 15px;
  }

  .form-holder-cta {
    text-align: center;
  }

  .cta-holder-phone {
    padding-top: 0;
  }

  .cta-container {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-form-holder-phone {
    align-items: stretch;
    padding: 11px;
  }

  .feature-hero-container {
    text-align: left;
    align-items: stretch;
  }

  .feature-button-holder {
    flex-direction: column;
    width: 100%;
  }

  .feature-icons-wrapper {
    flex-direction: column;
    padding-top: 108px;
  }

  .feature-icon-holder._02 {
    width: 90px;
    top: -27px;
    left: 94px;
  }

  .feature-icon-holder._03 {
    width: 170px;
    top: -75px;
    left: -57px;
  }

  .hero-text-secondary {
    font-size: 45px;
  }

  .card-features-holder {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    display: flex;
  }

  .card-feature {
    padding: 25px;
  }

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

  .features-gird-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .features-gird-wrapper.down {
    border-bottom: 1px solid #fff3;
    border-right-style: none;
    padding-top: 30px;
    padding-right: 0;
  }

  .features-gird-wrapper.right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 30px;
    padding-left: 0;
  }

  .features-iphone-holder {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-image-holder {
    width: 100%;
  }

  .hero-image {
    border-radius: 12px;
    width: 100%;
  }

  .team-icon-holder {
    width: 80px;
    margin-top: -31px;
    margin-right: -15px;
  }

  .chat {
    font-size: 15px;
  }

  .chat-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: none;
  }

  .gradient-bg:hover {
    border-radius: 24px;
    padding: 1px;
  }

  .chat-image-holder._02, .chat-image-holder._01 {
    left: 0;
  }

  .slider-text {
    font-size: 18px;
  }

  .team-slider {
    height: 500px;
  }

  .feautre-slider-wapper {
    margin-bottom: 60px;
  }

  .feature-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .stats-slider {
    font-size: 50px;
  }

  .team-slider-image {
    object-fit: cover;
    height: 100%;
  }

  .value-team-holder {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .team-gird-holder {
    padding-bottom: 30px;
  }

  .team-grid {
    flex-direction: column;
    margin-top: 0;
    display: flex;
  }

  .arrow-testimonial {
    width: 40px;
    height: 40px;
  }

  .pricing-grid {
    flex-flow: column;
    display: flex;
  }

  .arrow.big {
    width: 12px;
  }

  .contact-us-box-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .button-4 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center;
  }

  .blur-bg {
    background-color: var(--tokens--background-base);
    filter: blur(20px);
    display: flex;
    position: absolute;
    inset: 0%;
  }
}

#w-node-_1d0c9a22-fef3-2282-5200-c685356db576-1c7d12ee {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1d0c9a22-fef3-2282-5200-c685356db57e-1c7d12ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c6555da1-e6f4-eec1-77e9-5d37a330e368-1c7d12ee, #w-node-c6555da1-e6f4-eec1-77e9-5d37a330e381-1c7d12ee, #w-node-_4a9b7011-af6a-9a92-f25d-f34782d8b04a-1c7d12ee, #w-node-_4a9b7011-af6a-9a92-f25d-f34782d8b062-1c7d12ee, #w-node-e92bf484-a605-4132-f141-4518468af7e2-468af7d9, #w-node-_195255ce-1e2c-6d65-d24c-45924fa09edc-468af7d9, #w-node-e92bf484-a605-4132-f141-4518468af7ef-468af7d9, #w-node-e92bf484-a605-4132-f141-4518468af7fa-468af7d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b488adb-339e-3908-c226-e9ab8c498f65-8c498f31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1a28ebeb-9162-d3cb-8468-7300a05229ba-1c7d12f1, #w-node-_8595b4cc-f73c-3ac7-f9ab-37cddb2978a1-1c7d12f2, #w-node-_63c7100f-9342-3d29-c1e8-a026ad70c2f3-1c7d12f3, #w-node-_50d429f7-a276-3f83-9b9a-bc93d36794c4-1c7d12f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894a5fe-f86c-a319-2754-9c68f095fdc2-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdc5-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdc8-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdcb-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdce-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdd1-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdd4-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdd7-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fddc-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fddf-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fde2-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fde5-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fde8-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdeb-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf0-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf3-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf6-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fdf9-1c7d12f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b894a5fe-f86c-a319-2754-9c68f095fdfe-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fe02-1c7d12f4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: center;
}

#w-node-_32b11092-9d5b-d3c6-3261-fdd658d3504e-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35051-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35052-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35055-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35056-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35059-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d3505a-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d3505e-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35061-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35062-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35065-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35066-1c7d12f4, #w-node-_32b11092-9d5b-d3c6-3261-fdd658d35069-1c7d12f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f201e190-4a80-6701-4358-2a69dec6325c-1c7d12f8, #w-node-_734843cf-7ae9-9701-7c36-df498a96697a-1c7d12f8, #w-node-f201e190-4a80-6701-4358-2a69dec63260-1c7d12f8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_32d7332d-fd54-dea8-a4d8-2115a7ea93a4-1c7d12fe, #w-node-_32d7332d-fd54-dea8-a4d8-2115a7ea93a9-1c7d12fe, #w-node-_32d7332d-fd54-dea8-a4d8-2115a7ea93ae-1c7d12fe, #w-node-_32d7332d-fd54-dea8-a4d8-2115a7ea93b3-1c7d12fe, #w-node-_32d7332d-fd54-dea8-a4d8-2115a7ea93b8-1c7d12fe, #w-node-_32d7332d-fd54-dea8-a4d8-2115a7ea93bd-1c7d12fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_72f48a0a-942a-fe3a-b463-6ddcb5c4aaed-1c7d12fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_72f48a0a-942a-fe3a-b463-6ddcb5c4ab00-1c7d12fe, #w-node-_72f48a0a-942a-fe3a-b463-6ddcb5c4ab0c-1c7d12fe, #w-node-fe70f405-d213-58b5-6b2c-338a74dda761-1c7d12ff, #w-node-fe70f405-d213-58b5-6b2c-338a74dda775-1c7d12ff, #w-node-fe70f405-d213-58b5-6b2c-338a74dda789-1c7d12ff, #w-node-fe70f405-d213-58b5-6b2c-338a74dda79d-1c7d12ff, #w-node-fe70f405-d213-58b5-6b2c-338a74dda7b1-1c7d12ff, #w-node-fe70f405-d213-58b5-6b2c-338a74dda7c5-1c7d12ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_72f48a0a-942a-fe3a-b463-6ddcb5c4aaee-1c7d12fe {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_1d0c9a22-fef3-2282-5200-c685356db576-1c7d12ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c6555da1-e6f4-eec1-77e9-5d37a330e368-1c7d12ee {
    align-self: start;
  }

  #w-node-ad8fe15c-a59e-2e90-f914-228bbe119249-1c7d12f8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b894a5fe-f86c-a319-2754-9c68f095fdfe-1c7d12f4, #w-node-b894a5fe-f86c-a319-2754-9c68f095fe02-1c7d12f4 {
    grid-column: span 2 / span 2;
  }

  #w-node-f201e190-4a80-6701-4358-2a69dec63254-1c7d12f8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


.league-wordmark{display:flex;align-items:center;justify-content:center;height:100%;font-family:Inter,Manrope,sans-serif;font-weight:700;font-size:18px;letter-spacing:.4px;color:rgba(255,255,255,.5);white-space:nowrap;padding:0 6px;transition:color .25s}.company-logo-wrapper:hover .league-wordmark{color:rgba(255,255,255,.85)}
.league-logo{height:40px;width:auto;max-width:130px;object-fit:contain;opacity:.72;transition:opacity .25s,transform .25s}.company-logo-wrapper:hover .league-logo{opacity:1;transform:scale(1.05)}
.pf-wrap{position:relative;display:inline-block;width:100%;line-height:0;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.5)) drop-shadow(0 0 30px rgba(130,220,160,.18)) drop-shadow(0 18px 50px rgba(0,0,0,.55))}.pf-wrap .pf-frame{position:relative;display:block;width:100%;z-index:2;pointer-events:none}.pf-wrap .pf-screen{position:absolute;left:5.4%;top:2.5%;width:89.2%;height:95%;object-fit:cover;border-radius:11%/5.4%;z-index:1;background:#000}

/* metasport: framed hero phones — rim+glow so the dark titanium frame pops on the black bg */
.feature-icon-holder{filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 0 22px rgba(140,225,175,.18)) drop-shadow(0 16px 38px rgba(0,0,0,.55));}
.feature-icon-holder .premium-icon.normal{object-fit:contain!important;}
/* metasport: framed phone screenshots used inside the Live Scores / A Feed feature panels */
.feature-image-simple.framed-shot{width:auto!important;max-width:100%;height:auto!important;max-height:440px;display:block;margin:10px auto 0;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 0 22px rgba(140,225,175,.16)) drop-shadow(0 16px 34px rgba(0,0,0,.5));}

/* metasport: rebuilt "Never Miss a Moment" bento — uniform framed phones, harmonious 2x2 (scoped to .bento-grid so the slider is untouched) */
.bento-grid{grid-template-columns:1fr 1fr !important;grid-template-rows:auto !important;grid-auto-rows:1fr !important;}
.bento-grid > *{grid-area:auto !important;}
.bento-grid .bento-grid-content,.bento-grid .bento-grid-content._03{flex-flow:column !important;justify-content:space-between !important;align-items:center !important;}
.bento-grid .bento-grid-text-holder,.bento-grid .bento-grid-text-holder._02,.bento-grid .bento-grid-text-holder._03{order:-1 !important;padding:30px 30px 0 !important;text-align:center;align-items:center;}
.bento-grid .bento-grid-text-holder .grey-text{max-width:38ch;margin-inline:auto;}
.bento-grid .bento-grid-image-full,.bento-grid .bento-grid-image-full._02,.bento-grid .bento-grid-image-full._03{order:1 !important;width:auto !important;min-width:0 !important;max-width:82% !important;height:auto !important;max-height:460px !important;object-fit:contain !important;margin:22px auto 26px !important;display:block;filter:drop-shadow(0 0 1px rgba(255,255,255,.5)) drop-shadow(0 0 24px rgba(140,225,175,.16)) drop-shadow(0 16px 34px rgba(0,0,0,.5));}

/* metasport: framed phones in the "Elevate Your Game" slider — phone left, text right, glow */
.slider-content{flex-direction:row !important;flex-flow:row !important;align-items:center !important;justify-content:flex-start !important;gap:30px;padding:26px 34px !important;}
.slider-content > .bento-grid-image-full{width:auto !important;min-width:0 !important;max-width:46% !important;height:auto !important;max-height:420px !important;object-fit:contain !important;margin:0 !important;display:block;filter:drop-shadow(0 0 1px rgba(255,255,255,.5)) drop-shadow(0 0 22px rgba(140,225,175,.16)) drop-shadow(0 14px 30px rgba(0,0,0,.5));}
.slider-content > .slider-text-holder{flex:1 1 auto;padding:0 !important;}

/* slider sizing fix: Webflow slider collapsed card height — force room for the framed phone */
.feautre-slider-holder .feature-slider-mask{height:auto !important;min-height:470px !important;}
.feautre-slider-holder .feature-slide,.feautre-slider-holder .slider-content-holder{height:auto !important;min-height:450px !important;}
.feautre-slider-holder .slider-content{min-height:450px !important;align-items:center !important;}
.feautre-slider-holder .slider-content > .bento-grid-image-full{height:400px !important;max-height:400px !important;width:auto !important;max-width:none !important;min-width:0 !important;object-fit:contain !important;}
.feautre-slider-holder .slider-content > .bento-grid-image-full{flex:0 0 auto !important;}
.feautre-slider-holder .slider-content > .slider-text-holder{flex:1 1 0% !important;min-width:0 !important;}

/* metasport: Premium section — 3 framed Real Madrid phones (remove ghost lighten blend, hide blur copy, add glow) */
.premium-icons-holder .premium-icon.normal{mix-blend-mode:normal !important;object-fit:contain !important;}
.premium-icons-holder .premium-icon.blur{display:none !important;}
.premium-icons-holder .premium-icon-holder{filter:drop-shadow(0 0 1px rgba(255,255,255,.5)) drop-shadow(0 0 26px rgba(140,225,175,.18)) drop-shadow(0 16px 36px rgba(0,0,0,.6));}

/* metasport: Premium phones — balanced fan of 3 framed Real Madrid phones (override template cascade) */
.premium-icons-holder{flex-direction:row !important;justify-content:center !important;align-items:center !important;gap:0 !important;width:100% !important;}
.premium-icons-holder .premium-icon-holder,
.premium-icons-holder .premium-icon-holder._01,
.premium-icons-holder .premium-icon-holder._02,
.premium-icons-holder .premium-icon-holder._03{width:185px !important;top:0 !important;left:0 !important;}
.premium-icons-holder .premium-icon-holder._01{transform:rotate(-9deg) translateY(18px) !important;margin-right:-30px !important;z-index:1 !important;}
.premium-icons-holder .premium-icon-holder._02{transform:translateY(-12px) !important;z-index:3 !important;}
.premium-icons-holder .premium-icon-holder._03{transform:rotate(9deg) translateY(18px) !important;margin-left:-30px !important;z-index:1 !important;}

/* ===== metasport about page ===== */
/* hero video replaces the Team-Image placeholder */
.team-icon-holder{display:none !important;}
video.hero-image{display:block;width:100%;height:auto;object-fit:cover;border-radius:24px;}
/* "Our Story" conversation — hide placeholder avatar photos, keep clean chat bubbles */
.chat-image{display:none !important;}
/* "Our Ecosystem" product grid */
.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:24px;grid-row-gap:24px;margin-top:50px;}
.eco-card{background:var(--tokens--surface);border:1px solid var(--elements--border);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease, border-color .3s ease;}
.eco-card:hover{transform:translateY(-6px);border-color:var(--tokens--primary);}
.eco-shot-holder{width:100%;height:300px;overflow:hidden;background:#0c0c0e;}
.eco-shot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.eco-meta{padding:18px 22px 22px;}
.eco-name{font-size:18px;font-weight:600;}
.eco-tag{opacity:.7;font-size:14px;margin-top:5px;line-height:1.35;}
@media screen and (max-width:991px){.eco-grid{grid-template-columns:repeat(2,1fr);}}
@media screen and (max-width:600px){.eco-grid{grid-template-columns:1fr;}}

/* metasport: remove the broken "BG" placeholder background in the CTA section (all pages) */
.cta-bg-full{display:none !important;}

/* metasport: smaller navbar logo (was max-width 142px → navbar too tall), all pages */
.brand{max-width:56px !important;padding:4px !important;}
/* metasport: about "features" grid — compact icon + text cards (were giant full-width circles) */
.team-item-2{overflow:visible !important;justify-content:flex-start !important;}
.team-thumbnail{width:auto !important;max-width:76px !important;height:auto !important;margin:0 auto !important;}
.team-info-holder{position:static !important;background:transparent !important;width:100% !important;padding:16px 6px 0 !important;flex-direction:column !important;bottom:auto !important;}
.team-info-container{width:100% !important;text-align:center;flex-direction:column;}
.team-info-holder .name-holder{justify-content:center;}
.team-info-holder .name{text-align:center;justify-content:center;}
.team-info-holder .job-position{opacity:.7;margin-top:5px;text-align:center;}

/* metasport about: hide Blur placeholder covering left chat bubbles */
.chat-blur{display:none !important;}

/* metasport about: robust clean chat conversation — fixes blank/broken left bubbles on mobile & iOS */
.chat-image,.chat-blur,.light-blur{display:none !important;}
.chat-container{display:flex !important;flex-direction:column !important;gap:16px !important;width:100% !important;max-width:560px !important;margin-left:auto !important;margin-right:auto !important;}
.chat-image-holder,.chat-image-holder._01,.chat-image-holder._02{left:0 !important;display:flex !important;width:100% !important;position:relative !important;}
.chat-image-holder._01{justify-content:flex-start !important;}
.chat-image-holder._02{justify-content:flex-end !important;}
.chat-wrapper{width:auto !important;max-width:82% !important;height:auto !important;}
.gradient-bg{width:auto !important;height:auto !important;}

/* metasport about: rebuilt chat — bulletproof clean bubbles (replaces fragile AVIF/gradient/avatar chat) */
.chat-holder{padding-top:50px;}
.chat-holder .ms-chat{display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;margin-left:auto;margin-right:auto;}
.ms-msg{display:flex;width:100%;}
.ms-msg.left{justify-content:flex-start;}
.ms-msg.right{justify-content:flex-end;}
.ms-bubble{max-width:82%;padding:15px 20px;border-radius:18px;font-size:16px;line-height:1.45;color:#fff;background:#10141b;border:1px solid rgba(255,255,255,.09);}
.ms-msg.right .ms-bubble{background:#172230;}
@media screen and (max-width:478px){.ms-bubble{max-width:88%;font-size:15px;}}