@font-face {
  font-family: Cabinet Grotesk VF;
  src: url('../fonts/CabinetGrotesk-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: General Sans VF;
  src: url('../fonts/GeneralSans-Variable.ttf') format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --base-color-neutral--grey-1: #373737;
  --base-color-neutral--grey-1-80: #373737cc;
  --link-color--link-primary: var(--base-color-brand--orange);
  --base-color-brand--orange: #f90;
  --base-color-brand--green-light: #e6ebd9;
  --text-color--text-primary: var(--base-color-neutral--black);
  --background-color--background-primary: var(--base-color-brand--primary);
  --text-color--text-alternate: var(--base-color-neutral--white);
  --text-color--text-secondary: var(--base-color-neutral--neutral-darker);
  --background-color--background-success: var(--base-color-system--success-green);
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --base-color-neutral--white: #fff;
  --base-color-neutral--neutral-light: #aaa;
  --border-color--border-primary: var(--base-color-neutral--neutral-lightest);
  --background-color--background-alternate: var(--base-color-neutral--white);
  --background-color--background-secondary: var(--base-color-brand--orange);
  --background-color--background-tertiary: var(--base-color-brand--yellow);
  --base-color-brand--primary-dark: #09242b;
  --base-color-neutral--neutral-darkest: #111;
  --background-color--background-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --background-color--background-warning: var(--base-color-system--warning-yellow);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
  --link-color--link-secondary: var(--base-color-neutral--black);
  --base-color-neutral--neutral-lightest: #eee;
  --base-color-neutral--light-grey-1: #f6f7f9;
  --base-color-neutral--light-grey-2: #f9f9f9;
  --base-color-brand--primary: #024b53;
  --base-color-neutral--neutral-darker: #222;
  --untitled-ui--gray400\<deleted\|variable-b339bef7\>: #98a2b3;
  --untitled-ui--primary600\<deleted\|variable-c514c1b4\>: #7f56d9;
  --untitled-ui--white\<deleted\|variable-e3beb9c1\>: white;
  --base-color-neutral--neutral-lighter: #ccc;
  --base-color-neutral--black: #000;
  --base-color-brand--yellow-light: #ffe685;
  --base-color-brand--yellow: #ffc020;
  --base-color-neutral--neutral: #666;
  --base-color-neutral--neutral-dark: #444;
  --base-color-system--success-green: #cef5ca;
  --base-color-system--success-green-dark: #114e0b;
  --base-color-system--warning-yellow: #fcf8d8;
  --base-color-system--warning-yellow-dark: #5e5515;
  --base-color-system--error-red: #f8e4e4;
  --base-color-system--error-red-dark: #3b0b0b;
  --base-color-system--focus-state: #2d62ff;
  --border-color--border-secondary: var(--base-color-brand--orange);
  --border-color--border-alternate: var(--base-color-neutral--neutral-darker);
  --link-color--link-alternate: var(--base-color-neutral--white);
}

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

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

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

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

.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 {
  color: #000;
  font-family: General Sans VF, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

h1 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
}

h2 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

h4 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--link-color--link-primary);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xsmall {
  margin: .5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

.margin-tiny {
  margin: .125rem;
}

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xsmall {
  padding: .5rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-tiny {
  padding: .125rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form_checkbox-icon {
  background-color: #0000;
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  border-color: #ffffff26;
  border-radius: .5rem;
  width: auto;
  height: auto;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.form_checkbox-icon:hover {
  background-image: linear-gradient(to bottom, #9057001a, #9057001a), linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
}

.form_checkbox-icon.w--redirected-checked {
  border-color: var(--base-color-brand--orange);
  background-color: var(--base-color-brand--green-light);
  color: var(--text-color--text-primary);
  background-image: none;
  width: auto;
  height: auto;
  margin: 0;
}

.form_checkbox-icon.w--redirected-focus {
  box-shadow: none;
  width: auto;
  height: auto;
  margin: 0;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.form_checkbox-label {
  font-weight: 500;
  position: relative;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

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

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.background-color-primary {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
}

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

.text-color-primary {
  color: var(--text-color--text-primary);
}

.text-color-secondary {
  color: var(--text-color--text-secondary);
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  background-color: var(--background-color--background-success);
  color: var(--text-color--text-success);
  padding: 1.25rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-style-h3.no-gradient {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

.text-rich-text blockquote {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pointer-events-auto {
  pointer-events: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

.padding-global.padding-section-large.relative-1.hero {
  padding-bottom: 4rem;
}

.padding-global.padding-section-large.footer {
  padding-bottom: 1rem;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-color-alternate {
  background-image: linear-gradient(180deg, var(--base-color-neutral--white), var(--base-color-neutral--neutral-light));
  color: var(--text-color--text-alternate);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-color-alternate.is--link {
  border-bottom: 1px solid #fff;
}

.text-style-italic {
  font-style: italic;
}

.pointer-events-none {
  pointer-events: none;
}

.text-weight-medium {
  font-weight: 500;
}

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border-color--border-primary);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-size-tiny {
  font-size: .75rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-size-regular {
  font-size: 1rem;
}

.text-weight-xbold {
  font-weight: 800;
}

.text-align-right {
  text-align: right;
}

.text-weight-bold {
  font-weight: 700;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.background-color-alternate {
  background-color: var(--background-color--background-alternate);
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  font-size: .875rem;
}

.heading-style-h4 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-style-nowrap {
  white-space: nowrap;
}

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

.background-color-secondary {
  background-color: var(--background-color--background-secondary);
}

.form_input {
  border: 1px solid var(--border-color--border-primary);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: var(--text-color--text-secondary);
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

.text-size-large {
  font-size: 1.5rem;
}

.fs-styleguide_header {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.heading-style-h2 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.fs-styleguide_label {
  background-color: var(--background-color--background-secondary);
  color: var(--text-color--text-alternate);
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: var(--background-color--background-tertiary);
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.is--latest {
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), var(--base-color-neutral--neutral-darkest));
  border-radius: 2rem;
  position: relative;
}

.container-large.footer-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 2rem;
  display: flex;
}

.icon-height-medium {
  height: 2rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  background-color: var(--background-color--background-error);
  color: var(--text-color--text-error);
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-large {
  height: 3rem;
}

.text-align-center {
  text-align: center;
}

.form_component {
  margin-bottom: 0;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.align-center.text-align-center {
  position: relative;
}

.button {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: .75rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button:hover {
  box-shadow: 6px 6px 0 0 var(--base-color-brand--orange);
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-small {
  height: 2.5rem;
  padding: .5rem 1.25rem;
}

.button.is-large {
  height: 3.5rem;
  padding: 1rem 2rem;
}

.button.is-secondary {
  background-color: var(--base-color-brand--green-light);
  color: var(--text-color--text-primary);
}

.button.is-secondary.is-small {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-secondary.is-small.open-contact-modal {
  margin-left: auto;
}

.button.is-secondary.is-small.open-contact-modal.only-show-tablet {
  display: none;
}

.button.is-secondary.is-huge {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  min-width: 22.5rem;
  height: 6.5rem;
  padding: 1rem 2rem;
  font-size: 2.3rem;
  transition-duration: .4s;
}

.button.is-secondary.is-huge:hover {
  border-radius: 1rem;
  min-width: 24rem;
  height: 7.5rem;
  box-shadow: 0 0 500px 11px #ff990082;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-medium {
  font-size: 1.25rem;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide {
  display: none;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.fs-styleguide_spacing-all {
  display: none;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.spacer-large {
  padding-top: 3rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.fs-styleguide_message {
  background-color: var(--background-color--background-warning);
  color: var(--text-color--text-warning);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo {
  width: 10rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.nav_button {
  padding: 1rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.background-color-tertiary {
  background-color: var(--background-color--background-tertiary);
}

.fs-styleguide_hero-label {
  color: var(--text-color--text-primary);
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.section_hero {
  position: relative;
  overflow: clip;
}

.dropdown-nav {
  font-weight: 500;
  line-height: 1.1;
  position: static;
}

.columns {
  display: flex;
}

.columns.is--nav {
  z-index: 99;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.columns.is--cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.columns.is--works-moble {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

.columns.is--works-left {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-end;
  align-items: center;
  margin-top: -3.8625rem;
  position: relative;
}

.columns.is--works-right-top {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}

.columns.is--works-right-bottom {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.columns.is--works-left-top {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}

.columns.is--leaf {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: -2rem;
}

.columns.is--code {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 100%;
}

.columns.is--design-dev {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}

.columns.is--chart {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
}

.columns.is--comms {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.columns.is--loaders {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.columns.is--anime {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.columns.is--logos-top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: flex-start;
}

.columns.is--contact-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
}

.columns.is--hero-card-logos-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
}

.columns.is--hero-card-logos-wrap.track-horizontal {
  display: none;
}

._w-nav-menu {
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

._w-nav-menu.box-shadow {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.animate-link-block-nav {
  color: var(--link-color--link-secondary);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 1.2rem;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
  overflow: clip;
}

.animate-link-block-nav.w--current {
  color: #f90;
}

.horizontal-line {
  background-color: #09242b40;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.horizontal-line.is--nav {
  display: none;
}

.navbar {
  background-color: #0000;
  position: fixed;
  top: .825rem;
  left: 0%;
  right: 0%;
}

.link-text-wrapper.footer-btn {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.nav-full {
  z-index: 9;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav-link-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.brand {
  text-align: left;
  border-right-width: 2px;
  border-right-color: #000;
  margin-right: auto;
}

.brand.w--current {
  z-index: 99;
}

.nav-tablet_arrow {
  display: none;
}

.clip {
  position: relative;
  overflow: hidden;
}

.heading-style-mega-h1-style-2 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  text-wrap: balance;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5.6rem;
  line-height: 1;
}

.hero_heading-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero_button-holder {
  grid-column-gap: 1rem;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.heading-wrap {
  color: #d5d3d3;
  text-align: center;
  flex-flow: column;
  max-width: 31rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.animate-link-block-btn {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 1.2em;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.animate-link-block-btn.w--current {
  color: #f90;
  font-weight: 600;
}

.section_works {
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), var(--base-color-neutral--neutral-darkest));
}

.bubbles-wrap {
  z-index: 0;
  margin-top: -5px;
}

.bubbles-img-div {
  background-image: url('../images/Bubbles---up---dark.svg');
  background-position: 50% 10px;
  background-repeat: repeat-x;
  background-size: auto;
  width: 100%;
  height: 127px;
}

.bubbles-img-div.bottom {
  background-image: url('../images/Bubbles---down---dark-black.svg');
  background-position: 50% -10px;
  background-repeat: repeat-x;
  background-size: auto;
  background-attachment: scroll;
}

.section_benefits {
  position: relative;
}

.mountains-img {
  max-height: 5.75rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.grid_benefits {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) minmax(0, 15rem) repeat(auto-fit, minmax(0, 15rem));
  display: grid;
  position: relative;
}

.grid_block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--base-color-neutral--neutral-lightest);
  background-image: linear-gradient(135deg, #fffc, #ffffff4d);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.grid_block.process-steps {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  transform-origin: 50% 0;
  text-align: center;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 39rem;
  height: 16.7171rem;
  padding: 3.5rem 3rem;
  position: sticky;
  top: 28vh;
  box-shadow: 0 24px 24px -12px #0e3f7e0a, 0 12px 12px -6px #0e3f7e0a, 0 6px 6px -3px #2a33460a, 0 3px 3px -1.5px #2a33460a, 0 1px 1px -.5px #2a33450a, 0 0 0 1px #0e3f730a;
}

.grid_block.process-steps._1 {
  background-color: var(--background-color--background-success);
  margin-bottom: 4rem;
}

.grid_block.process-steps._2 {
  background-color: var(--background-color--background-warning);
  margin-bottom: 3rem;
  top: 29.5vh;
}

.grid_block.process-steps._3 {
  background-color: var(--background-color--background-error);
  margin-bottom: 2rem;
  top: 31vh;
}

.grid_block.process-steps._4 {
  background-color: #e0fffb;
  margin-bottom: 1rem;
  top: 32.5vh;
}

.grid_block.process-steps._5 {
  background-color: #ebf3ff;
  top: 34vh;
}

.grid_block.cta-1 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-color: var(--base-color-brand--green-light);
  background-image: linear-gradient(135deg, var(--base-color-neutral--light-grey-1), var(--base-color-neutral--light-grey-2));
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  position: relative;
  overflow: clip;
}

.grid_block.overflow-hidden {
  background-image: linear-gradient(135deg, #fffc, #ffffff4d);
}

.grid_block.overflow-hidden.color-green {
  background-color: var(--background-color--background-success);
  background-image: linear-gradient(135deg, #fffc, #ffffff4d);
}

.grid_block.overflow-hidden.color-purple {
  background-color: #e5dfff;
}

.grid_block.overflow-hidden.background-dark {
  background-color: #d8d8d8;
}

.grid_block.children-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.grid_block.children-center.less-padding.color-turquise {
  background-color: #e0fffb;
}

.grid_block.children-center.color-yellow {
  background-color: var(--background-color--background-warning);
}

.grid_block.children-center.color-red {
  background-color: var(--background-color--background-error);
}

.grid_block.children-center.color-blue {
  background-color: #b6f8ff;
}

.grid_block.less-padding {
  padding-left: 7%;
  padding-right: 7%;
}

.grid_block.less-padding.color-green {
  background-color: var(--background-color--background-success);
}

.grid_block.loader-block.color-blue {
  background-color: #ebf3ff;
}

.transition-zoom-inner {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.webflow-partner-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 8ch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 26vh;
  left: 0;
  right: 0;
}

.section_transition-zoom {
  text-align: center;
  height: 150vh;
  padding-top: 3rem;
}

.transition-zoom-sticky-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 3rem;
  overflow: clip;
}

.transition-zoom-target {
  backface-visibility: visible;
  transform-origin: 50%;
  height: 100%;
  font-size: 10vw;
}

.webflow-ui {
  z-index: -1;
  border-radius: 1rem;
  width: 15em;
  max-width: none;
  height: auto;
  margin-top: -4em;
  margin-left: -7.5em;
  display: block;
  position: absolute;
  top: .6em;
  left: 50%;
}

.section_process-title {
  height: 150vh;
  margin-top: -55vh;
  position: relative;
  overflow: clip;
}

.process-title_container {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.process-title_text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 10vh;
}

.process-title_letter {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
}

.process-title_letter.space {
  background-image: none;
}

.section_process {
  margin-top: -50vh;
}

.process-steps_wrap {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.process-step-number {
  color: var(--base-color-brand--primary);
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 6rem;
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: .8;
  display: flex;
  position: absolute;
  top: -3.6rem;
}

.process-step-number._1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.section_latest-work {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.latest-bubble-img {
  position: absolute;
  inset: -98.4px auto auto 4%;
}

.latest-bubble-img.right {
  top: -116.8px;
  left: auto;
  right: 4%;
}

.work_wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-item_wrap {
  background-image: linear-gradient(to bottom, #101010cc, #101010cc), linear-gradient(180deg, var(--base-color-neutral--neutral-darker), var(--base-color-neutral--grey-1-80));
  border: 1px solid #ffffff26;
  border-radius: .625rem;
  width: 100%;
  padding: 2rem 1.5rem;
  position: relative;
}

.work-item_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .4fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  place-items: flex-start stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.work-item_title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.work-item_category-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text-color--text-alternate);
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  display: flex;
}

.work-img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  margin-top: auto;
  position: static;
  inset: 0%;
}

.link-button-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #f0f0f0;
  background-color: #f0f0f000;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-button-icon-wrap {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-34-icon {
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  transform: rotate(0);
}

.link-button-text {
  z-index: 1;
  justify-content: flex-start;
  text-decoration: underline;
  display: flex;
  position: relative;
}

.section_faq {
  position: relative;
}

.col {
  flex: 1;
}

.col.faq-col2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.col.footer-bottom-col-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.col.footer-bottom-col-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.col.footer-middle-col-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.col.is--code-1 {
  flex: 0 45%;
}

.col.is--chart-col {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.max-width-medium-2 {
  width: 100%;
  max-width: 30.5rem;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.faq-answer-text {
  color: var(--base-color-neutral--grey-1);
  line-height: 1.5;
}

.faq_answer {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  overflow: hidden;
}

.accordion-icon_vertical-line {
  background-color: var(--base-color-brand--primary-dark);
  border-radius: 1px;
  width: 2px;
  height: 1rem;
  position: absolute;
}

.accordion-icon_horizontal-line {
  background-color: var(--base-color-brand--primary-dark);
  border-radius: 1px;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.accordion-icon_component {
  color: var(--untitled-ui--gray400\<deleted\|variable-b339bef7\>);
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.faq-icon-wrao {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
}

.faq-heading {
  color: var(--text-color--text-primary);
  font-family: Cabinet Grotesk VF, sans-serif;
  font-size: 1.25rem;
}

.faq_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  display: flex;
}

.faq-accordion {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid var(--base-color-neutral--neutral-lightest);
  background-image: linear-gradient(180deg, var(--base-color-neutral--light-grey-1), var(--base-color-neutral--light-grey-2));
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  display: flex;
  box-shadow: 0 0 9px #00000008;
}

.faq-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.faq-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.c-faq-item {
  cursor: pointer;
  background-color: #222;
  border-left: 3px solid #2ea07c;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
}

.section_cta {
  position: relative;
}

.cta-heading-wrap {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 26ch;
  display: flex;
  position: relative;
}

.cta-heading-wrap.cta-1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 80%;
}

.grid_block_cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--base-color-brand--green-light);
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), var(--base-color-neutral--neutral-darkest));
  color: var(--text-color--text-alternate);
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 28.1875rem;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta-booking-wrap {
  z-index: 2;
  grid-column-gap: .625rem;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-image: linear-gradient(#373737c2, #3737374d);
  border: 1px solid #ffffff26;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .5rem .625rem;
  display: flex;
  position: relative;
}

.cta-bg-wrap {
  z-index: 0;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(15deg);
}

.cta-bg-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.cta-bg-img {
  border-radius: .5rem;
  max-width: 13.8125rem;
}

.cta-bg-img.border {
  border: 1px solid #fafbf738;
  overflow: clip;
}

.cta-overlay {
  z-index: 1;
  background-image: radial-gradient(circle at 10% 110%, #000, #0000 36%), radial-gradient(circle at 0 0, #000, #0000 53%), linear-gradient(315deg, #000, #0000004d 27% 65%, #000);
  position: absolute;
  inset: 0%;
}

.btn_wrap {
  background-color: #1b1b1b;
  border-radius: .5em;
  margin-left: auto;
  margin-right: auto;
  padding: .3em;
  font-size: 1rem;
  box-shadow: inset 1px 1px #000, inset -1px -1px #ffffff4d;
}

.btn_styles {
  display: none;
}

.btn_link {
  background-color: var(--background-color--background-primary);
  color: #efefef;
  border-radius: 1.25em;
  justify-content: center;
  align-items: center;
  min-width: 8em;
  height: 8em;
  margin-bottom: 0;
  padding: 1em;
  transition: box-shadow .1s cubic-bezier(.25, .46, .45, .94), color .1s cubic-bezier(.25, .46, .45, .94), transform .1s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 7px 7px .5em -.28em #000, 11px 11px 2.2em -.6em #000;
}

.btn_link:active {
  color: #e2e2e2;
  transform: scale(.98);
  box-shadow: 4px 4px .5em -.28em #000, 6px 6px 2.2em -1em #0009;
}

.btn_shadows {
  z-index: 4;
  mix-blend-mode: hard-light;
  border-radius: 1.25em;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  transition: box-shadow .1s cubic-bezier(.25, .46, .45, .94);
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: inset -2px -2px .065em -.05em #00000040, inset -4px -4px 1.5em -.6em #00000026, inset 2px 2px .25px -1px #fffaf878;
}

.btn_shadows.is-soft-light {
  z-index: 3;
  mix-blend-mode: soft-light;
  box-shadow: inset 16px 16px 1.375em -.8em #ffffffa6;
}

.grain {
  z-index: 5;
  opacity: .03;
  background-image: url('../images/noise.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.btn_icon {
  justify-content: center;
  align-items: center;
  width: 2.5em;
  display: flex;
}

.cta-mtn-img {
  width: 90%;
  position: absolute;
  inset: auto auto 0%;
  transform: translate(0, 20%);
}

.footer-top {
  background-image: url('../images/Bubble-Footer-Top.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 5rem;
  display: flex;
}

.footer-middle {
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), #06181c);
  color: var(--text-color--text-alternate);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  position: relative;
}

.footer-infinity-img {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  transform: translate(0, .6rem);
}

.footer-infinity-img:hover {
  transform: translate(0);
}

.footer-heading {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 6rem;
}

.icon-height-medium-1-5 {
  height: 1.5rem;
}

.footer-link {
  color: var(--text-color--text-alternate);
  text-decoration: none;
  position: relative;
}

.footer-link.bottom {
  font-size: .875rem;
}

.footer-link-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.footer-middle-bg-img {
  z-index: 0;
  opacity: .5;
  pointer-events: none;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.work-container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: clip;
}

.works_grid {
  z-index: 0;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content;
  justify-content: center;
  align-items: start;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.works_column {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 480px;
  height: 100%;
  display: flex;
  position: relative;
}

.works_column.left {
  justify-content: flex-start;
  align-items: flex-end;
}

.works-img_mobile {
  width: 130px;
}

.works-img_desktop {
  border-radius: 1rem;
  width: 480px;
}

.works-img_desktop.righter-img {
  position: absolute;
  inset: 20% auto auto 136%;
}

.works-img_desktop.leftest-img {
  align-self: flex-end;
  transform: translate(0, 5rem);
}

.works-img_desktop.border {
  outline-offset: 0px;
  outline: 1px solid #e6ebd94a;
}

.rows {
  flex-flow: column;
  flex: none;
  display: flex;
}

.rows.is--works-right {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  margin-top: -10rem;
}

.rows.is--logos {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.rows.is--1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.rows.is--works-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.works-img_badge {
  z-index: 100;
  color: #00000080;
  filter: drop-shadow(-9px 9px 20px);
  width: 6.25rem;
  height: 6.25rem;
  position: absolute;
  inset: auto -4% 16% auto;
  transform: rotate(-12deg);
}

.works-img_badge.webflow {
  top: auto;
  bottom: -3rem;
  right: 5.2rem;
  transform: rotate(12deg);
}

.works-gradient-fade {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), #024b5300);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  height: 6rem;
  position: absolute;
  inset: 0% 0% auto;
}

.works-gradient-fade.bottom {
  background-image: linear-gradient(0deg, #111, #1110);
  inset: auto 0% 0%;
}

.works-bg-glow {
  z-index: 0;
  filter: blur(200px);
  background-image: url('../images/noise_1.png'), radial-gradient(circle at 100% 0, #a259ff, #057 85%);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 5rem;
  width: 60%;
  height: 60%;
  margin: auto;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.works-bg-glow-animation {
  display: none;
}

.footer-logo-img {
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 60%;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  transform: perspective(2000px);
}

.footer-logo-img:hover {
  width: 65%;
}

.feature-heading-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.span-opacity-70 {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  opacity: .7;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  place-content: end;
  align-items: center;
  display: grid;
}

.noun-wrao {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.palm-branch-img {
  width: 3.5rem;
}

.palm-branch-img._1 {
  transform: translate(0, 70%);
}

.palm-branch-img._2 {
  transform: translate(0, 55%);
}

.palm-branch-img._3 {
  transform: translate(0, 35%);
}

.palm-branch-img._4 {
  transform: translate(0, 15%);
}

.max-width-medium-3 {
  width: 100%;
  max-width: 27rem;
}

.design-system-img {
  border: 1px solid var(--base-color-brand--green-light);
  object-fit: cover;
  border-radius: .375rem;
  min-width: 9.125rem;
  margin-left: -3rem;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  transform: translate(0);
  box-shadow: -2px 0 15px #00000014;
}

.design-system-img:hover {
  z-index: 10;
  transform: translate(0, -1.5rem)scale(1.06);
}

.design-system-img._1 {
  z-index: 1;
  margin-bottom: -1.2rem;
  margin-left: 0;
  transform: none;
}

.design-system-img._1:hover {
  transform: translate(0, -1.3rem)scale(1.1);
}

.design-system-img._2 {
  z-index: 0;
  margin-bottom: -1rem;
}

.design-system-img._2:hover {
  z-index: 10;
  transform: translate(0, -1.1rem)scale(1.1);
}

.design-system-img._3 {
  z-index: 3;
  margin-bottom: -1.5rem;
}

.design-system-img._3:hover {
  z-index: 10;
}

.design-system-img._4 {
  z-index: 3;
  margin-bottom: -7.2rem;
}

.design-system-img._5 {
  margin-bottom: -5.3125rem;
}

.code-bg {
  background-image: none;
  border-top-left-radius: .5rem;
  width: 100%;
  margin-bottom: -3.7rem;
  margin-right: -4.9rem;
  overflow: clip;
}

.code-img {
  width: 100%;
  height: 100%;
}

.design-system-img_wrap {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  width: 100%;
  margin-bottom: -2rem;
  display: flex;
  transform: translate(0, 1rem);
}

.arrow-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-middle {
  background-color: #474747;
  min-width: 9rem;
  height: 1.5px;
  margin-left: -1rem;
  margin-right: -1.1rem;
}

.design-dev-icon {
  height: 3rem;
}

.design-dev-icon.webflow {
  height: 2rem;
}

.arrowhead-img {
  height: 1.9rem;
}

.chart-logo-img {
  height: 1.5rem;
}

.chart-box {
  background-color: #e0e0e0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 6.875rem;
  font-weight: 400;
  display: flex;
}

.chart-box.di {
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-color: #0000;
  justify-content: center;
  align-items: flex-end;
  padding-top: 5.625rem;
  padding-bottom: 0;
  position: relative;
}

.chart-box-inner {
  z-index: 1;
  background-color: #0c6;
  border-radius: 4px;
  width: 100%;
  padding-top: 1rem;
  position: relative;
}

.chart-text-float {
  max-width: 7ch;
  line-height: 1.1;
}

.chart-text-float_wrap {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: clip;
}

.confetti-lottie {
  position: absolute;
  inset: 0%;
  transform: scale(1.5);
}

.comms-lottie {
  width: 5rem;
}

.comms-lottie.wrap {
  justify-content: center;
  align-items: flex-start;
  width: 64px;
  height: 50px;
  margin-top: -13px;
  overflow: clip;
}

.comms-lottie.discord {
  width: 67.2px;
}

.comms-lottie.mail {
  width: 89.6px;
}

.comms-lottie.slack {
  width: 55px;
}

.text-box-wrap {
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  color: var(--text-color--text-alternate);
  text-align: center;
  border: 1px solid #fff3;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem .625rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
}

.text-box-wrap.mail {
  border-style: none;
}

.comms-text-holder {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: clip;
}

.comms-text-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -1rem;
  display: flex;
  overflow: clip;
}

.tooltip {
  margin-left: 1.5rem;
}

.tooltip-wrap {
  width: 100%;
  display: flex;
}

.loader-lottie {
  width: 5rem;
  height: 81px;
}

.loader-lottie-wrap {
  color: #068b06;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: clip;
}

.loader-text {
  position: absolute;
}

.comms-info-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
}

.loader-bg {
  background-color: #e5faef;
  margin-top: auto;
  position: absolute;
  inset: 0%;
}

.anime-lottie-wrap {
  width: 80px;
  height: 84px;
  margin-bottom: 2rem;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  overflow: clip;
}

.anime-lottie-wrap:hover {
  transform: translate(0, -10%);
}

.lottie-code {
  height: 100%;
}

.lottie-code.float {
  position: absolute;
  inset: 0%;
}

.logos-wrap {
  grid-column-gap: 1em;
  color: var(--text-color--text-alternate);
  text-align: center;
  background-image: none;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem .625rem;
  display: flex;
}

.logo-animation-1 {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.logo-animation-1:hover {
  transform: scale(1.4);
}

.logo-animation-a {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.logo-animation-a:hover {
  transform: scale(1.1)rotate(-4deg);
}

.logo-animation-ae {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.logo-animation-ae:hover {
  transform: scale(1.2)rotate(10deg);
}

.hero-card-divider {
  background-color: var(--base-color-neutral--grey-1);
  width: 1px;
  height: 16px;
}

.icon-height-xsmall {
  height: .825rem;
}

.hero-logo-animation {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.hero-logo-animation:hover {
  transform: translate(0, -10px)scale(1.1);
}

.hero-card-logo-wrap {
  flex: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.hero-card-logo-wrap.hero-logo-animation {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section_contact-modal {
  z-index: 9999;
  background-color: var(--base-color-neutral--grey-1-80);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.input-label {
  text-align: left;
  margin-bottom: .5rem;
  font-family: Cabinet Grotesk VF, sans-serif;
}

.contact-us-form {
  z-index: 2;
}

.contact-us-form_success-message {
  z-index: 50;
  background-color: #0000;
  background-image: linear-gradient(135deg, #0000006b, #0000002e);
  border: 1px solid #ffffff26;
  border-radius: .625rem;
  padding: 1.75rem 1.75rem 2rem;
}

.form-input {
  color: #fff;
  background-color: #0000;
  border: 1px solid #ffffff40;
  border-radius: .625rem;
  min-height: 2.5rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-weight: 400;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.form-input:hover {
  border-color: #f90;
  box-shadow: 0 2px 12px #14142b1a;
}

.form-input:focus {
  border-color: #f90;
}

.contact-us-form_error-message {
  background-color: var(--background-color--background-error);
  color: #06181c;
  border-radius: .625rem;
  margin-top: 1.25rem;
  padding: .5rem;
  font-size: .875rem;
}

.contact-us_form-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), var(--base-color-neutral--neutral-darkest));
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 35rem;
  height: 49.625rem;
  padding: 2rem 2.5rem;
  display: flex;
  position: relative;
}

.contact-us_form-wrap.step-2 {
  z-index: 3;
  display: none;
  position: absolute;
}

.form-text-area {
  color: #fff;
  background-color: #0000;
  border: 1px solid #ffffff40;
  border-radius: .625rem;
  min-height: 8rem;
  padding: 1rem .75rem;
  font-weight: 400;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.form-text-area:hover {
  border-color: #e9c057;
  box-shadow: 0 2px 12px #14142b1a;
}

.form-text-area:focus {
  border-color: #e9c057;
}

.modal-heading-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.contact-modal_sub-text-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  font-size: .875rem;
  display: flex;
}

.modal-close-icon {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.contact-form_wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.form_radio-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 2.5rem;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .875rem;
  display: flex;
  position: relative;
}

.form_radio-button {
  cursor: pointer;
  background-color: #3737374a;
  background-image: none;
  border-color: #ffffff40;
  border-radius: .5rem;
  width: auto;
  height: auto;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.form_radio-button:hover {
  background-color: #373737b5;
  background-image: none;
}

.form_radio-button.w--redirected-checked {
  border-width: 1px;
  border-color: var(--base-color-brand--orange);
  background-image: linear-gradient(180deg, var(--base-color-neutral--grey-1), var(--base-color-neutral--grey-1-80));
  color: var(--text-color--text-primary);
  width: auto;
  height: auto;
  margin: 0;
}

.form_radio-button.w--redirected-focus {
  box-shadow: none;
  background-color: #373737b5;
  width: auto;
  height: auto;
  margin: 0;
}

.form_radio-text {
  z-index: 0;
  pointer-events: none;
  font-weight: 500;
}

.modal-close-icon-wrap {
  color: var(--base-color-neutral--neutral-lighter);
  cursor: pointer;
  border-radius: 100rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.modal-close-icon-wrap:hover {
  color: var(--base-color-neutral--black);
  background-color: #fff;
}

.lottie-code-wrap {
  justify-content: center;
  align-items: stretch;
  height: 94px;
  position: relative;
}

.icon-height-large-2-5 {
  height: 2.5rem;
}

.hero-logo-marquee {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
}

.nav-logo {
  max-width: 10rem;
}

.block-heading-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blur-bg-1 {
  z-index: -1;
  filter: blur(150px);
  background-color: #024b53a3;
  width: 33%;
  height: 90%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto 0% 5%;
}

.blur-bg-wrap {
  pointer-events: NONE;
  position: absolute;
  inset: 0%;
}

.blur-bg-2 {
  z-index: -1;
  filter: blur(100px);
  background-color: #0085ff69;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: 5% 5% auto auto;
}

.blur-bg-3 {
  z-index: -1;
  filter: blur(150px);
  background-color: #85c3cc;
  width: 50%;
  height: 40%;
  position: absolute;
  inset: auto 10% 0% auto;
}

.text-balanced {
  text-wrap: balance;
}

.step-number-img {
  background-image: linear-gradient(180deg, var(--base-color-brand--primary-dark), var(--base-color-brand--primary));
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  max-height: 6rem;
  font-weight: 500;
  line-height: 1.1;
}

.hero_card {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border: 1px none var(--base-color-neutral--neutral-lightest);
  transform-origin: 50% 0;
  text-align: center;
  background-image: linear-gradient(135deg, #fffc, #ffffff4d);
  border-radius: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  box-shadow: 0 1px 1px -.5px #2a33450a, 0 0 0 1px #0e3f730a;
}

.container-nav {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: .5px solid var(--base-color-neutral--neutral-lightest);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  text-align: center;
  background-color: #ffffffe6;
  border-radius: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .5em 1rem;
  display: flex;
  box-shadow: 0 24px 24px -12px #0e3f7e0a, 0 12px 12px -6px #0e3f7e0a, 0 6px 6px -3px #2a33460a, 0 3px 3px -1.5px #2a33460a, 0 1px 1px -.5px #2a33450a, 0 0 0 1px #0e3f730a;
}

.box-shadow {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 24px 24px -12px #0e3f7e0a, 0 12px 12px -6px #0e3f7e0a, 0 6px 6px -3px #2a33460a, 0 3px 3px -1.5px #2a33460a, 0 1px 1px -.5px #2a33450a, 0 0 0 1px #0e3f730a;
}

.round-loope {
  border: 1px solid #ffffff73;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  box-shadow: 0 0 10px #00000087;
}

.green-pulse-dot {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  inset: auto;
}

.green-puls-wrap {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1rem;
  display: flex;
  position: relative;
}

.dots-overlay-gradient-bottom {
  z-index: 0;
  background-image: linear-gradient(#fff0 90%, #fff);
  position: absolute;
  inset: 0%;
}

.dots-overlay-gradient {
  z-index: 0;
  background-image: linear-gradient(#fff, #fff0 5% 90%, #fff);
  position: absolute;
  inset: 0%;
}

.dots-overlay-gradient-top {
  z-index: 0;
  background-image: linear-gradient(#fff, #fff0 10%);
  position: absolute;
  inset: 0%;
}

.icon-link {
  align-self: flex-start;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.icon-link:hover {
  transform: scale(1.2);
}

.bubbles-wrap-no-dots {
  z-index: 0;
}

.partner-wrap {
  z-index: 99999;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1.5px solid #4b55fa;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: auto 3rem 3rem auto;
  overflow: clip;
}

.partner-wrap.box-shadow {
  flex-flow: column;
  height: 12rem;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.partner-wrap.box-shadow:hover {
  transform: scale(1.1);
  box-shadow: 0 1px 20px 10px #4b55fa42, 0 24px 24px -12px #0e3f7e0a, 0 12px 12px -6px #0e3f7e0a, 0 6px 6px -3px #2a33460a, 0 3px 3px -1.5px #2a33460a, 0 1px 1px -.5px #2a33450a, 0 0 0 1px #0e3f730a;
}

.webflow-badge {
  height: 100%;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
}

.webflow-badge:hover {
  filter: drop-shadow(0 1px 20px #4b55fa4d);
}

.wefblow-badge-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  margin-top: 1rem;
  text-decoration: none;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.partner-img-float {
  height: 100%;
}

.webflow-span {
  cursor: cell;
  background-image: url('../images/webflow-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: .7em;
  margin-bottom: -5px;
  margin-left: 0;
  margin-right: 10px;
  display: inline-block;
}

.figma-span {
  cursor: cell;
  background-image: url('../images/Figma-Icon-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: .9em;
  margin-top: -18px;
  margin-bottom: -18px;
  margin-left: -3px;
  display: inline-block;
}

.span-animation-left {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.span-animation-left:hover {
  transform: rotate(-5deg)scale(1.2);
}

.span-animation-right {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.span-animation-right:hover {
  transform: rotate(5deg)scale(1.2);
}

@media screen and (max-width: 991px) {
  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

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

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

  .button.is-secondary.is-small.open-contact-modal {
    margin-left: 0;
  }

  .button.is-secondary.is-small.open-contact-modal.only-show-tablet {
    display: flex;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .nav_button {
    color: #fff;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .dropdown-nav {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .columns.is--nav-ham {
    grid-column-gap: .5rem;
    font-variation-settings: "wght" 500;
    align-items: center;
    font-size: .875rem;
  }

  .columns.is--nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
  }

  .columns.is--leaf {
    margin-top: auto;
  }

  .columns.is--loaders {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .columns.is--footer-middle {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  ._w-nav-menu {
    background-color: #fff;
    align-content: flex-start;
    padding: 2rem;
    position: absolute;
  }

  ._w-nav-menu.box-shadow {
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    border-radius: 1rem;
    margin-top: .5rem;
    box-shadow: 0 24px 24px -12px #0e3f7e0a, 0 12px 12px -6px #0e3f7e0a, 0 6px 6px -3px #2a33460a, 0 3px 3px -1.5px #2a33460a, 0 1px 1px -.5px #2a33450a, 0 0 0 1px #0e3f730a;
  }

  .animate-link-block-nav {
    z-index: 1;
    flex: 1;
    align-items: flex-start;
    position: relative;
  }

  .horizontal-line.is--nav {
    border-top: 1px solid var(--base-color-neutral--neutral-lightest);
    background-color: #0000;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .navbar {
    background-image: none;
  }

  .nav-full {
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
    position: static;
  }

  .nav-link-wrapper {
    text-align: left;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .brand.w--current {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
  }

  ._w-nav-button {
    border: 1px solid #0000004a;
    border-radius: 50rem;
    flex-direction: row;
    justify-content: flex-start;
    padding: .3rem 1rem;
  }

  ._w-nav-button.w--open {
    color: #151515;
    background-color: #0000;
  }

  .lottie-nav-ham {
    align-items: flex-start;
    max-width: 1rem;
    display: flex;
  }

  .nav-tablet_arrow {
    max-width: 1.5rem;
    display: block;
    position: absolute;
    right: 0;
    transform: rotate(-45deg);
  }

  .heading-style-mega-h1-style-2 {
    font-size: 4rem;
  }

  .hero_button-holder {
    align-self: auto;
  }

  .heading-wrap {
    max-width: none;
  }

  .animate-link-block-btn {
    flex: 1;
  }

  .bubbles-img-div.bottom {
    background-size: cover;
  }

  .grid_benefits {
    grid-template-rows: auto auto;
  }

  .grid_block.cta-1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section_process-title {
    margin-top: -40vh;
  }

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

  .work-item_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .col.max-width-medium.is--footer-middle {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .faq_question {
    padding-top: 1.5rem;
  }

  .faq-accordion {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .faq-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cta-mtn-img {
    width: 80%;
  }

  .footer-top {
    background-position: -23.5vw 100%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
  }

  .footer-infinity-img {
    margin-right: 0;
  }

  .footer-heading {
    line-height: 1;
  }

  .work-container {
    padding-bottom: 0;
  }

  .works_grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .works_column.scroll-speed-fast {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .works-img_mobile {
    width: 90px;
  }

  .works-img_desktop {
    width: 320px;
  }

  .works-img_badge {
    width: 3.5rem;
  }

  .works-img_badge.webflow {
    right: 17rem;
  }

  .footer-logo-img {
    margin-top: 2rem;
  }

  .heading-div {
    grid-template-columns: 1fr 1.75fr 1fr;
    place-items: end stretch;
  }

  .comms-lottie.wrap {
    height: 45px;
    margin-top: -10px;
  }

  .comms-lottie.slack {
    width: 50px;
  }

  .hero-card-logo-wrap {
    flex: none;
  }

  .contact-us-form {
    padding: 3rem 2rem;
  }

  .hero_card {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .partner-wrap {
    bottom: 2rem;
    right: 2rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .heading-style-h3 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
    line-height: 1;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 2.5rem;
    line-height: 1.1;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .container-large.is--latest {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .dropdown-nav {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .columns.is--cta {
    flex-flow: column;
  }

  .columns.row-on-mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .columns.is--footer-bottom {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    align-items: flex-start;
  }

  ._w-nav-menu.box-shadow {
    padding: 1.5rem 1rem 1rem;
  }

  .nav-full {
    padding-left: 3%;
    padding-right: 3%;
  }

  .heading-style-mega-h1-style-2 {
    font-size: 3rem;
  }

  .hero_heading-wrap {
    padding-top: 2rem;
  }

  .hero_button-holder {
    margin-top: 1.5rem;
  }

  .grid_benefits {
    grid-template-columns: minmax(200px, 1fr);
  }

  .grid_block.cta-1 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
  }

  .section_process-title {
    height: 100vh;
  }

  .process-title_letter {
    font-size: 3rem;
  }

  .section_process {
    margin-top: -35vh;
  }

  .process-steps_wrap {
    margin-bottom: 8rem;
  }

  .latest-bubble-img {
    left: 8%;
  }

  .latest-bubble-img.right {
    display: none;
  }

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

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .faq_question {
    padding-top: 1rem;
  }

  .faq-accordion {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq-wrap {
    grid-template-columns: 1fr;
  }

  .cta-mtn-img {
    margin-top: -1.9375rem;
    margin-left: auto;
    margin-right: auto;
    position: static;
    bottom: -2rem;
    transform: translate(0, 20%);
  }

  .footer-top {
    background-position: -285px 80%;
    background-size: cover;
  }

  .works-img_mobile {
    width: 80px;
  }

  .works-img_desktop {
    width: 250px;
  }

  .works-img_desktop.righter-img.scroll-speed-fastest {
    display: none;
  }

  .comms-lottie.wrap {
    height: 45px;
  }

  .text-box-wrap {
    font-size: .9rem;
  }

  .logos-wrap {
    align-self: center;
    font-size: .9rem;
  }

  .section_contact-modal {
    justify-content: flex-end;
    align-items: center;
    height: 100dvh;
    overflow: visible;
  }

  .contact-us-form {
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }

  .contact-us-form_success-message {
    margin-top: 5rem;
  }

  .contact-us_form-wrap {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    min-width: auto;
    height: 80vh;
  }

  .contact-us_form-wrap.step-1 {
    height: 90dvh;
    max-height: 90dvh;
  }

  .contact-us_form-wrap.step-2 {
    justify-content: flex-start;
    align-items: stretch;
    height: 90dvh;
    max-height: 90dvh;
    padding-top: 3rem;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .modal-heading-wrap {
    margin-top: 0;
  }

  .contact-modal_sub-text-wrap {
    margin-top: 0;
    position: absolute;
    inset: auto 0% 2rem;
  }

  .nav-logo {
    max-width: 8rem;
  }

  .partner-wrap {
    bottom: 1.5rem;
    right: 1.5rem;
  }

  .webflow-span {
    width: 50px;
  }

  .figma-span {
    width: 40px;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 1.8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .container-large.is--latest {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button.is-secondary.is-huge {
    min-width: auto;
    font-size: 1.5rem;
  }

  .button.is-secondary.is-huge:hover {
    min-width: 120%;
  }

  .button.is-secondary.is-huge.open-contact-modal:hover {
    min-width: auto;
  }

  .dropdown-nav {
    width: 100%;
  }

  .columns.is--nav-ham {
    font-size: .8rem;
  }

  .columns.is--code {
    flex-flow: column;
  }

  .columns.is--design-dev {
    margin-bottom: 1rem;
  }

  .columns.is--loaders {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .columns.is--footer-middle {
    align-items: stretch;
  }

  .columns.is--hero-card-logos-wrap {
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .columns.is--hero-card-logos-wrap.track-horizontal {
    display: flex;
    position: relative;
  }

  ._w-nav-menu.box-shadow {
    margin-left: 3%;
    margin-right: 3%;
  }

  .navbar {
    top: .5rem;
  }

  .brand {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._w-nav-button {
    padding-left: .9rem;
    padding-right: .9rem;
  }

  .heading-style-mega-h1-style-2 {
    font-size: 3rem;
  }

  .hero_button-holder {
    grid-column-gap: 1em;
    width: 100%;
  }

  .bubbles-img-div.bottom {
    background-position: 50% 100%;
  }

  .grid_benefits {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .grid_block {
    padding: 2.5rem 1.5rem;
  }

  .grid_block.process-steps {
    height: auto;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .process-step-number {
    max-height: 5rem;
    top: -3rem;
  }

  .latest-bubble-img {
    max-width: 80%;
  }

  .work-item_wrap {
    padding: 2rem 1.5rem;
  }

  .link-button-text {
    font-size: .875rem;
  }

  .col.footer-bottom-col-2 {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .col.footer-middle-col-2 {
    align-items: stretch;
  }

  .faq-answer-text {
    font-size: .875rem;
  }

  .faq-heading {
    font-size: 1.125rem;
  }

  .faq-accordion {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .faq-wrap {
    grid-template-columns: 1fr;
  }

  .grid_block_cta {
    padding: 2rem 1.5rem;
  }

  .btn_link.open-contact-modal {
    min-width: 5em;
    height: 5em;
  }

  .btn_icon {
    width: 1.5em;
  }

  .cta-mtn-img {
    width: 100%;
    min-height: 5.625rem;
  }

  .footer-top {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    justify-content: center;
    align-items: flex-end;
    height: 2rem;
  }

  .footer-heading {
    font-size: 5rem;
  }

  .footer-link {
    opacity: .8;
  }

  .footer-link-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-link-wrap.bottom {
    display: flex;
  }

  .work-container {
    height: 75vh;
    padding-top: 6rem;
  }

  .works-img_mobile {
    width: 60px;
  }

  .works-img_desktop {
    width: 200px;
  }

  .heading-div {
    grid-template-columns: 1fr;
    place-content: center;
  }

  .noun-wrao {
    justify-content: center;
    align-items: center;
  }

  .code-bg {
    width: 130%;
    margin-bottom: -2.5rem;
    margin-right: 0;
  }

  .arrow-middle {
    min-width: 6rem;
  }

  .comms-lottie.wrap {
    height: 46px;
  }

  .comms-lottie.discord {
    width: 60px;
  }

  .comms-lottie.mail {
    width: 80px;
  }

  .text-box-wrap {
    align-items: flex-start;
    min-width: 40%;
  }

  .comms-info-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .anime-lottie-wrap {
    width: 68.1771px;
    height: 68px;
    margin-bottom: 1rem;
  }

  .hero-card-divider {
    flex: none;
  }

  .contact-us-form {
    padding: 0 1.5rem 1.5rem;
  }

  .form-input {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .form-input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .contact-us_form-wrap {
    height: 95vh;
  }

  .form-text-area {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
  }

  .form-text-area::placeholder {
    font-size: .875rem;
  }

  .lottie-code-wrap {
    height: 75px;
  }

  .hero-logo-marquee {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    overflow: clip;
  }

  .hero_card {
    margin-top: 1rem;
  }

  .container-nav {
    padding-top: .6em;
    padding-bottom: .6em;
  }

  .box-shadow {
    justify-content: space-between;
  }

  .partner-wrap {
    bottom: 1rem;
    right: 1rem;
  }

  .partner-wrap.box-shadow {
    height: 10rem;
  }

  .webflow-span {
    width: 45px;
  }

  .figma-span {
    width: 35px;
  }
}

#w-node-de1d543a-6333-3197-4bc6-60b5d701a441-76c2cf9d {
  justify-self: center;
}

#w-node-_4d2fa65f-33c1-27f9-54ca-7f51a98be16d-76c2cf9d {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_536facd1-24d6-0a68-4afb-25bd955f3579-76c2cf9d {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f5a11bcb-39b8-7e21-6851-4440e9994f36-76c2cf9d {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: stretch;
}

#w-node-_902964d8-8bde-1927-55e0-90bc76cb21a0-76c2cf9d {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_440ce441-3fe2-fbcb-1c82-e9acb4dd4dc7-76c2cf9d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6d360911-5ac2-2060-6ba1-c8c54cfbb9d8-76c2cf9d {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_3636b147-8061-985f-0179-0906f045898b-76c2cf9d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2db2dbb6-a99b-3795-3c5e-3990093be928-76c2cf9d {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_5726b118-a041-a67a-6233-8ef90f30e7cd-76c2cf9d {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-c3d8bd2a-5b9f-8ba1-6cbd-d89a33476e3b-76c2cf9d, #w-node-_8fad08b4-ee66-38be-4a62-f98760cf0300-76c2cf9d {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_1381c972-4c0a-4a51-0f9b-bc7d164dd29a-76c2cf9d, #w-node-_0d0cda2e-ee2c-b513-03b0-2c9e2d5479cc-76c2cf9d, #w-node-c81cdff0-251f-4b55-e2ef-c4b70ebbbf43-76c2cf9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18e1c084-f116-dd3b-2a8b-71ee1dcfd9a9-76c2cf9d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-76c2cfa0 {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-76c2cfa0, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-76c2cfa0 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-76c2cfa0 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-76c2cfa0 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-76c2cfa0 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-76c2cfa0, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-76c2cfa0 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-76c2cfa0 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-76c2cfa0, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-76c2cfa0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-76c2cfa0 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_440ce441-3fe2-fbcb-1c82-e9acb4dd4dc7-76c2cf9d {
    grid-column: span 5 / span 5;
  }

  #w-node-_6d360911-5ac2-2060-6ba1-c8c54cfbb9d8-76c2cf9d {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_3636b147-8061-985f-0179-0906f045898b-76c2cf9d {
    grid-column: span 4 / span 4;
  }

  #w-node-_2db2dbb6-a99b-3795-3c5e-3990093be928-76c2cf9d {
    grid-column: span 8 / span 8;
  }

  #w-node-_5726b118-a041-a67a-6233-8ef90f30e7cd-76c2cf9d, #w-node-c3d8bd2a-5b9f-8ba1-6cbd-d89a33476e3b-76c2cf9d {
    grid-column: span 6 / span 6;
  }

  #w-node-_8fad08b4-ee66-38be-4a62-f98760cf0300-76c2cf9d {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-c81cdff0-251f-4b55-e2ef-c4b70ebbbf39-76c2cf9d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f5a11bcb-39b8-7e21-6851-4440e9994f36-76c2cf9d, #w-node-_902964d8-8bde-1927-55e0-90bc76cb21a0-76c2cf9d, #w-node-_440ce441-3fe2-fbcb-1c82-e9acb4dd4dc7-76c2cf9d, #w-node-_6d360911-5ac2-2060-6ba1-c8c54cfbb9d8-76c2cf9d, #w-node-_3636b147-8061-985f-0179-0906f045898b-76c2cf9d, #w-node-_2db2dbb6-a99b-3795-3c5e-3990093be928-76c2cf9d, #w-node-_5726b118-a041-a67a-6233-8ef90f30e7cd-76c2cf9d, #w-node-c3d8bd2a-5b9f-8ba1-6cbd-d89a33476e3b-76c2cf9d, #w-node-_8fad08b4-ee66-38be-4a62-f98760cf0300-76c2cf9d, #w-node-c81cdff0-251f-4b55-e2ef-c4b70ebbbf39-76c2cf9d {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4d2fa65f-33c1-27f9-54ca-7f51a98be16d-76c2cf9d, #w-node-_536facd1-24d6-0a68-4afb-25bd955f3579-76c2cf9d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_18e1c084-f116-dd3b-2a8b-71ee1dcfd9a9-76c2cf9d {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Cabinet Grotesk VF';
  src: url('../fonts/CabinetGrotesk-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans VF';
  src: url('../fonts/GeneralSans-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}