@font-face {
  font-family: Plus Jakarta Sans;
  src: url('../fonts/PlusJakartaSans-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url('../fonts/PlusJakartaSans-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url('../fonts/PlusJakartaSans-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url('../fonts/PlusJakartaSans-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url('../fonts/PlusJakartaSans-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --background: #000319;
  --_font-family---primary: "Plus Jakarta Sans", Arial, sans-serif;
  --gray: #b4b4c2;
  --_typography---body-medium--font-size: 16px;
  --_typography---body-medium--line-height: 150%;
  --_font-weight---regular: 400;
  --_typography---body-medium--letter-spacing: 0em;
  --_typography---heading-1--font-size: 72px;
  --_typography---heading-1--line-height: 120%;
  --_font-weight---semibold: 600;
  --_typography---heading-1--letter-spacing: -.03em;
  --_typography---heading-2--font-size: 56px;
  --_typography---heading-2--line-height: 120%;
  --_typography---heading-2-large--letter-spacing: -.03em;
  --_typography---heading-3--font-size: 24px;
  --_typography---heading-3--line-height: 140%;
  --_typography---heading-3--letter-spacing: 0em;
  --_typography---heading-4--font-size: 20px;
  --_typography---heading-4--line-height: 120%;
  --_typography---heading-4--letter-spacing: -.03em;
  --_typography---heading-5--font-size: 18px;
  --_typography---heading-5--line-height: 140%;
  --_typography---heading-5--letter-spacing: 0em;
  --white: white;
  --_typography---heading-6--font-size: 16px;
  --_typography---heading-6--line-height: 140%;
  --_typography---heading-6--letter-spacing: 0em;
  --_typography---heading-2--letter-spacing: -.03em;
  --purple--200: #9f92ff;
  --_typography---body-large--font-size: 18px;
  --_typography---body-large--line-height: 150%;
  --_typography---body-large--letter-spacing: -.03em;
  --_typography---body-small--font-size: 14px;
  --purple--100: #898999;
  --purple--200-50: #9f92ff80;
  --category--green: #4bffc0;
  --purple--300: #7e6ff0;
  --_typography---heading-2-large--font-size: 80px;
  --_typography---heading-2-large--line-height: 120%;
  --_typography---heading-3-large--font-size: 40px;
  --_typography---heading-3-large--line-height: 120%;
  --_typography---heading-3-large--letter-spacing: -.03em;
  --_typography---heading-3-medium--font-size: 32px;
  --_typography---heading-3-medium--line-height: 140%;
  --_typography---heading-3-medium--letter-spacing: 0em;
  --_typography---testimonial--font-size: 40px;
  --_typography---testimonial--line-height: 150%;
  --_typography---testimonial--letter-spacing: -.02em;
  --_typography---body-bold--font-size: 16px;
  --_typography---body-bold--line-height: 140%;
  --_font-weight---bold: 700;
  --_typography---body-bold--letter-spacing: 0em;
  --_typography---body-small--line-height: 150%;
  --_typography---body-small--letter-spacing: 0em;
  --_typography---body-xsmall--font-size: 12px;
  --_typography---body-xsmall--line-height: 140%;
  --_typography---body-xsmall--letter-spacing: 0em;
  --_typography---button--font-size: 16px;
  --_typography---button--line-height: 150%;
  --_typography---button--letter-spacing: 0em;
  --yellow: #ffcc6d;
  --blue--200: #191c30;
  --blue--100: #353b66;
  --border: #ffffff26;
  --blue--300: #0b0e23;
  --fade--200: #ffffff1a;
  --fade--100: #ffffff0a;
  --background-70: #00031ab3;
  --_font-weight---medium: 500;
  --_font-weight---thin: 300;
  --purple--400: #4a32ff;
  --category--orange: #ff934b;
}

body {
  background-color: var(--background);
  font-family: var(--_font-family---primary);
  color: var(--gray);
  font-size: var(--_typography---body-medium--font-size);
  line-height: var(--_typography---body-medium--line-height);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_typography---body-medium--letter-spacing);
}

h1 {
  font-size: var(--_typography---heading-1--font-size);
  line-height: var(--_typography---heading-1--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-1--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-size: var(--_typography---heading-2--font-size);
  line-height: var(--_typography---heading-2--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-2-large--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--_typography---heading-3--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-size: var(--_typography---heading-4--font-size);
  line-height: var(--_typography---heading-4--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-4--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-size: var(--_typography---heading-5--font-size);
  line-height: var(--_typography---heading-5--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-5--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  color: var(--white);
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-6--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-size: var(--_typography---body-medium--font-size);
  line-height: var(--_typography---body-medium--line-height);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_typography---body-medium--letter-spacing);
  margin-bottom: 0;
}

a {
  color: var(--gray);
  cursor: pointer;
  text-decoration: none;
}

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

li {
  padding-top: 0;
  padding-bottom: 0;
}

strong {
  font-weight: 600;
}

.section-content {
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}

.padding-global {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.padding-global.h-full {
  height: 100%;
}

.container-lg {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.container-sm {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.section-content_content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.section-content_header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-size-h2 {
  font-size: var(--_typography---heading-2--font-size);
  line-height: var(--_typography---heading-2--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-2--letter-spacing);
}

.text-size-h2.text-linier {
  background-image: linear-gradient(25deg, white 20%, var(--purple--200) 65%);
}

.text-linier {
  background-image: linear-gradient(25deg, white 35%, var(--purple--200));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

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

.text-size-body-lg:where(.w-variant-3e6825ab-d700-ebc1-88af-f8f377393230) {
  font-size: var(--_typography---body-small--font-size);
}

.text-gray-01 {
  color: var(--purple--100);
}

.styleguide_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

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

.styleguide-item_wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.styleguide-item_row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.styleguide-item_left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 15.625rem;
  display: flex;
}

.styleguide-item_content {
  flex: 1;
}

.styleguide-label {
  border: 1px solid var(--purple--200-50);
  font-size: var(--_typography---body-small--font-size);
  padding: .25rem;
}

.styleguide-label.tag {
  border-color: #bf4ba5;
}

.styleguide-label.component {
  border-color: var(--category--green);
}

.styleguide-label.variant {
  border-color: var(--purple--300);
}

.text-size-h1 {
  font-size: var(--_typography---heading-1--font-size);
  line-height: var(--_typography---heading-1--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-1--letter-spacing);
}

.text-size-h2-lg {
  font-size: var(--_typography---heading-2-large--font-size);
  line-height: var(--_typography---heading-2-large--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-2-large--letter-spacing);
}

.text-size-h3-lg {
  font-size: var(--_typography---heading-3-large--font-size);
  line-height: var(--_typography---heading-3-large--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-3-large--letter-spacing);
}

.text-size-h3-lg.text-white {
  display: inline;
}

.text-size-h3-lg.text-white:where(.w-variant-201429bf-d991-d458-aedc-60323ef06496) {
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--_typography---heading-3--line-height);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
}

.text-size-h3-md {
  font-size: var(--_typography---heading-3-medium--font-size);
  line-height: var(--_typography---heading-3-medium--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-3-medium--letter-spacing);
}

.text-size-h3 {
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--_typography---heading-3--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
}

.text-size-h4 {
  font-size: var(--_typography---heading-4--font-size);
  line-height: var(--_typography---heading-4--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-4--letter-spacing);
}

.text-size-h4.text-linier {
  background-image: linear-gradient(25deg, white 35%, var(--purple--200));
}

.text-size-h5 {
  font-size: var(--_typography---heading-5--font-size);
  line-height: var(--_typography---heading-5--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-5--letter-spacing);
}

.text-size-h6 {
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---heading-6--letter-spacing);
}

.text-size-testiimonial {
  font-size: var(--_typography---testimonial--font-size);
  line-height: var(--_typography---testimonial--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---testimonial--letter-spacing);
}

.text-size-body-bold {
  font-size: var(--_typography---body-bold--font-size);
  line-height: var(--_typography---body-bold--line-height);
  font-weight: var(--_font-weight---bold);
  letter-spacing: var(--_typography---body-bold--letter-spacing);
}

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

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

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

.text-size-button {
  font-size: var(--_typography---button--font-size);
  line-height: var(--_typography---button--line-height);
  font-weight: var(--_font-weight---bold);
  letter-spacing: var(--_typography---button--letter-spacing);
}

.section-hero {
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-hero_content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  position: relative;
}

.section-hero_left {
  z-index: 1;
  grid-column-gap: 143px;
  grid-row-gap: 143px;
  flex-flow: column;
  width: 100%;
  max-width: 75%;
  display: flex;
  position: relative;
}

.section-hero_header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 45rem;
  display: flex;
}

.section-hero_title-img {
  display: block;
  width: 100%;
  max-width: 730px;
  height: auto;
}

.section-hero_header .text-size-h1 {
  margin: 0;
  line-height: 1;
}

.text-triple-linier {
  background-image: linear-gradient(145deg, white 30%, var(--purple--300) 55%, var(--yellow) 96%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.section-hero_paragraph {
  max-width: 25rem;
  font-size: var(--_typography---body-large--font-size);
  line-height: var(--_typography---body-large--line-height);
  letter-spacing: var(--_typography---body-large--letter-spacing);
}

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

.section-hero_footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-hero_actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.button-start-now {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-image: linear-gradient(67.64deg, #5c40a4, #e1b178, #5c40a4);
  background-size: 200% 100%;
  color: var(--white);
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  height: 43px;
  padding: 10px 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  animation: button-start-now-shimmer 4s ease-in-out infinite;
  transition: transform .25s ease, box-shadow .25s ease;
}

.button-start-now:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #5c40a473;
}

.button-start-now:active {
  transform: translateY(0) scale(.97);
  box-shadow: 0 4px 12px #5c40a44d;
}

.button-start-now_icon {
  flex: none;
  width: 24px;
  height: 24px;
  object-fit: contain;
  transition: transform .25s ease;
}

.button-start-now:hover .button-start-now_icon {
  transform: translateY(-2px);
}

.button-start-now_text {
  white-space: nowrap;
  transition: letter-spacing .25s ease;
}

.button-start-now:hover .button-start-now_text {
  letter-spacing: 1.5px;
}

@keyframes button-start-now-shimmer {
  0%, 100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .button-start-now {
    animation: none;
  }

  .button-start-now:hover,
  .button-start-now:active,
  .button-start-now:hover .button-start-now_icon {
    transform: none;
  }
}

.button-shinny {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  height: 56px;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: visible;
}

.button-shinny_bg {
  z-index: 3;
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--100));
  border-radius: 50px;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.button-shinny_avatar {
  z-index: 5;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  overflow: hidden;
}

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

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

.button-shinny_content {
  z-index: 4;
  width: 100%;
  height: 100%;
  padding-left: 60px;
  padding-right: 16px;
  position: absolute;
}

.button-shinny_text {
  color: var(--white);
  font-size: var(--_typography---button--font-size);
  font-weight: 700;
}

.button-shinny_hover {
  opacity: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-shinny_wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

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

.button-shinny_arrow {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.testimonial-slider {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  height: 43px;
  display: flex;
  position: relative;
}

.testimonial-slider_item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.testimonial-slider_item_footer {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  font-size: var(--_typography---body-xsmall--font-size);
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.text-purple-02 {
  color: var(--purple--200);
}

.section-hero_ornament {
  pointer-events: none;
  width: 797px;
  height: 797px;
  position: absolute;
  top: -172px;
  right: -423px;
  -webkit-mask: radial-gradient(50% 50%, #000 69.4201%, #0000 100%);
  mask: radial-gradient(50% 50%, #000 69.4201%, #0000 100%);
}

.section-hero_video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.section-pain-point {
  position: relative;
}

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

.painpoint_content {
  max-width: 1120px;
  height: 200vh;
  margin-left: auto;
  margin-right: auto;
}

.painpoint_texts {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.painpoint_text {
  align-self: auto;
  height: 20%;
  position: relative;
}

.painpoint_text-wrapper {
  max-width: 300px;
  color: var(--white);
  text-align: center;
  position: absolute;
}

.painpoint_text-wrapper._2 {
  bottom: 5%;
  right: 59px;
}

.painpoint_text-wrapper._3 {
  top: 20%;
  left: 173px;
}

.painpoint_text-wrapper._4 {
  bottom: 10%;
  right: 29px;
}

.painpoint_text-wrapper._1 {
  top: 40%;
  left: 107px;
}

.painpoint_spacer {
  height: 50%;
  position: relative;
}

.section-solution {
  padding-top: 135px;
  padding-bottom: 135px;
  position: relative;
}

.section-solution_content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.section-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-header_label {
  width: 100%;
  max-width: 190px;
  display: flex;
}

.section-header_content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 930px;
  display: flex;
}

.section-header_content.no-max-w {
  max-width: none;
}

.section-header_paragraph {
  max-width: 360px;
  font-size: var(--_typography---body-medium--font-size);
}

.section-solution_col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.section-solution_row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.solution-card {
  background-image: linear-gradient(#ffffff1a, #ffffff0a);
  border: 1px solid #ffffff26;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  height: 320px;
  display: flex;
  position: relative;
}

.solution-card_img {
  width: 100%;
  height: 213px;
  position: absolute;
  top: 0;
}

.solution-card_content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

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

.section-our-work {
  padding-bottom: 135px;
  position: relative;
}

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

.our-work_content {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.our-work_list {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--background);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.work-card {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--300));
  box-shadow: 0 0 0 0 var(--purple--200-50);
  border-radius: 16px;
  justify-content: space-between;
  padding: 16px;
  transition: box-shadow .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
}

.work-card:where(.w-variant-201429bf-d991-d458-aedc-60323ef06496) {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column-reverse;
}

.work-card:hover {
  box-shadow: 0 0 0 6px var(--purple--200-50);
}

.work-card_left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.work-card_header {
  position: relative;
}

.work-card_footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.work-card_categories {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.work-card_badge {
  border: 1px solid var(--border);
  font-size: var(--_typography---body-small--font-size);
  border-radius: 50px;
  padding: 4px 12px;
}

.work-card_image {
  aspect-ratio: 48 / 39;
  border-radius: 10px;
  flex: 1;
  overflow: hidden;
}

.text-indent {
  width: 3rem;
  display: inline-block;
}

.work-card_title {
  display: inline;
}

.button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  transition-property: box-shadow;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px #9e91ff00;
}

.button:where(.w-variant-1748aea3-8674-cfc3-4c9d-46b737235d84) {
  box-shadow: none;
  transition-property: none;
}

.button:hover {
  box-shadow: 0 4px 16px #9e91ff40;
}

.button:hover:where(.w-variant-1748aea3-8674-cfc3-4c9d-46b737235d84) {
  box-shadow: none;
}

.button_content {
  z-index: 2;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white);
  font-size: var(--_typography---button--font-size);
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.button_content:where(.w-variant-1748aea3-8674-cfc3-4c9d-46b737235d84) {
  color: var(--purple--200);
  padding: 0;
  transition: color .2s;
}

.button_content:where(.w-variant-e2265997-54eb-5145-ba87-62fccf8a926b) {
  padding: 8px;
}

.button_content:hover:where(.w-variant-1748aea3-8674-cfc3-4c9d-46b737235d84) {
  color: var(--yellow);
}

.button_bg {
  position: absolute;
  inset: 0%;
  box-shadow: 0 4px 16px #9e91ff00;
}

.button_bg:where(.w-variant-1748aea3-8674-cfc3-4c9d-46b737235d84) {
  display: none;
}

.button_text {
  z-index: 1;
  font-weight: 600;
  position: relative;
}

.button_text:where(.w-variant-e2265997-54eb-5145-ba87-62fccf8a926b) {
  display: none;
}

.button_arrow {
  z-index: 1;
  width: 20px;
  height: 20px;
  position: relative;
}

.global-styles {
  display: none;
}

.max-w-550 {
  width: 100%;
  max-width: 550px;
}

.work-card_paragraph {
  display: inline;
}

.work-card_paragraph:where(.w-variant-201429bf-d991-d458-aedc-60323ef06496) {
  display: none;
}

.section-trust {
  padding-top: 135px;
  padding-bottom: 135px;
  overflow: hidden;
}

.section-trust_content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.section-trust_wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

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

.trust-card {
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--300));
  border-radius: 16px;
  min-height: 479.5px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.text-purple-01 {
  color: var(--purple--100);
}

.trust-card_image-wrap {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 84px;
  right: 0;
}

.trust-card_content {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.section-trust_footer {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-trust_footer-text {
  width: 100%;
  max-width: 250px;
}

.section-hero_logos-wrapper {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 12.5% 87.5%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 12.5% 87.5%, #0000 100%);
}

.section-hero_logos {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 85.875rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.section-hero_company-img {
  width: 8rem;
}

.section-techstack {
  padding-top: 200px;
  padding-bottom: 200px;
  overflow: hidden;
}

.section-techstack_content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.container-md {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.techstack_wrapper {
  z-index: 1;
  will-change: transform;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  flex: none;
  position: absolute;
  inset: 0%;
  overflow: visible;
  transform: rotateX(-15deg)rotateY(-30deg);
}

.techstack-card {
  aspect-ratio: 1;
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--300));
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.tech-stack_img {
  width: 80%;
  max-width: 80%;
}

.tech-stack_more {
  display: flex;
  width: auto;
  max-width: none;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
}

.tech-stack_more-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, .45);
  flex-shrink: 0;
}

.techstack-card_label {
  opacity: .2;
  color: var(--white);
  font-size: var(--_typography---button--font-size);
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  top: 16px;
  left: 16px;
}

.techstack-card_title {
  color: var(--white);
  font-size: var(--_typography---button--font-size);
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.section-techstack_wrapper {
  justify-content: center;
  align-self: center;
  width: 282px;
  min-width: 282px;
  height: 282px;
  min-height: 282px;
  display: flex;
  position: relative;
}

.techstack-depth {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.techstack-depth.depth-1 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 20px);
}

.techstack-depth.depth-2 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 10px);
}

.techstack-depth.depth-4 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -10px);
}

.techstack-depth.depth-5 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -20px);
}

.section-testimonials {
  padding-top: 135px;
  padding-bottom: 135px;
  overflow: hidden;
}

.section-testimonial_content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.testimonial-wrapper {
  align-self: flex-end;
  width: 100%;
  max-width: 962px;
}

.testimonials-slider {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.richtext-testimonial h1 {
  font-size: var(--_typography---heading-1--font-size);
  line-height: 1.2;
}

.richtext-testimonial h2 {
  font-size: var(--_typography---heading-2-large--font-size);
  line-height: 1.2;
}

.richtext-testimonial h3 {
  font-size: var(--_typography---heading-3--font-size);
  line-height: 1.4;
}

.richtext-testimonial h4 {
  font-size: var(--_typography---heading-4--font-size);
  line-height: 1.2;
}

.richtext-testimonial h5 {
  font-size: var(--_typography---heading-5--font-size);
  line-height: 1.2;
}

.richtext-testimonial h6 {
  font-size: var(--_typography---heading-6--font-size);
  line-height: 1.4;
}

.richtext-testimonial p {
  font-size: var(--_typography---testimonial--font-size);
  line-height: var(--_typography---testimonial--line-height);
  letter-spacing: var(--_typography---testimonial--letter-spacing);
  font-weight: 600;
}

.richtext-testimonial strong {
  color: var(--white);
  font-weight: 600;
}

.testimonial_footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial_author {
  border-radius: 100%;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  position: relative;
  overflow: hidden;
}

.testimonial_user {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-slider_wrapper {
  background-color: #0000;
  height: auto;
  position: static;
}

.testimonial_left-arrow {
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border);
  width: 48px;
  height: 48px;
  inset: unset;
  font-size: unset;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  top: 43px !important;
  right: 56px !important;
}

.testimonial_arrow-icon {
  z-index: 2;
  width: 24px;
  height: 24px;
  position: relative;
}

.testimonial_right-arrow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border);
  width: 48px;
  height: 48px;
  inset: unset;
  font-size: unset;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  top: 43px !important;
  right: 0 !important;
}

.section-pricing {
  padding-top: 135px;
  padding-bottom: 135px;
  overflow: hidden;
}

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

.section-pricing_header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.pricing-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  width: 100%;
  height: 100%;
  padding: 1px;
  position: relative;
}

.pricing-card_top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.pricing-card_price {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.pricing-card_price-text {
  color: var(--white);
  letter-spacing: -.03em;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.pricing-card_list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.pricing-card_list-icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  color: var(--purple--300);
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-card_title {
  color: var(--white);
  font-size: var(--_typography---button--font-size);
  font-weight: 700;
}

.pricing-card_title:where(.w-variant-9a53042f-1c57-4736-409e-ef8ba4ac9ae3) {
  color: var(--purple--200);
}

.pricing-card_img {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -12px;
  right: -30px;
}

.pricing-card_content {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(180deg, var(--blue--300), var(--blue--200));
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-card_content:where(.w-variant-9a53042f-1c57-4736-409e-ef8ba4ac9ae3) {
  background-image: linear-gradient(330deg, #0b0e24, #1f2046 60%, #312f51);
}

.glowing-wrapper {
  position: absolute;
  inset: 0%;
}

.glowing-wrapper:where(.w-variant-1a11ecbd-975e-75c2-5bfc-c17ea15c97de) {
  border-radius: 40px;
  overflow: hidden;
}

.stroke-glow {
  z-index: 1;
  border-radius: 16px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.glow-item {
  filter: blur(4px);
  background-image: radial-gradient(circle, #ffcb6d, #4f34b2 70%, #4f34b2);
  border-radius: 100%;
  width: 190px;
  min-width: 190px;
  height: 190px;
  min-height: 190px;
  position: absolute;
  top: 0;
  left: 0;
}

.glow-item:where(.w-variant-1a11ecbd-975e-75c2-5bfc-c17ea15c97de) {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.outside-glow {
  z-index: 2;
  opacity: .8;
  filter: blur(8px);
  border-radius: 16px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.glow-item_blur {
  filter: blur(4px);
  background-image: radial-gradient(circle, #ffcb6d, #4f34b2 70%, #4f34b2);
  border-radius: 100%;
  width: 190px;
  min-width: 190px;
  height: 190px;
  min-height: 190px;
  position: absolute;
  top: 0;
  left: 0;
}

.glow-item_blur:where(.w-variant-1a11ecbd-975e-75c2-5bfc-c17ea15c97de) {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.global-script {
  display: none;
}

.section-team {
  padding-top: 135px;
  padding-bottom: 135px;
  overflow: hidden;
}

.section-team_content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

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

.team-card {
  aspect-ratio: 265 / 430;
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--fade--200), var(--fade--100));
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.team-card_content {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.team-card_content-user {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.team-card_socials {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  transform-origin: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-card_image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  -webkit-mask: linear-gradient(0deg, #0000 1%, #000 34%);
  mask: linear-gradient(0deg, #0000 1%, #000 34%);
}

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

.team-card_overlay {
  background-color: var(--background-70);
  opacity: 0;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: absolute;
  inset: 0%;
}

.section-faq {
  padding-top: 135px;
  padding-bottom: 135px;
}

.section-faq_content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-faq_header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 360px;
  display: flex;
}

.faq-wrapper_header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--white);
  font-size: var(--_typography---body-bold--font-size);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

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

.faq-desc_wrapper {
  padding-left: 16px;
  padding-right: 16px;
}

.section-faq_list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.faq-item {
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--300));
  border-radius: 16px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.faq-desc {
  font-size: var(--_typography---body-medium--font-size);
  max-width: calc(100% - 2.5rem);
  margin-bottom: 16px;
  line-height: 1.5;
}

.accordion-arrow_line {
  background-color: var(--white);
  border-radius: 10px;
  width: 10px;
  min-width: 10px;
  height: 2px;
  min-height: 2px;
  position: absolute;
}

.accordion-arrow_line.vertical {
  transform: rotate(90deg);
}

.accordion-arrow {
  justify-content: center;
  align-items: center;
  width: .75rem;
  min-width: .75rem;
  height: .75rem;
  min-height: .75rem;
  display: flex;
  position: relative;
}

.accordion-arrow_wrapper {
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--fade--200), var(--fade--100));
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  display: flex;
}

.section-blog {
  padding-top: 135px;
  padding-bottom: 135px;
  overflow: hidden;
}

.section-blog_content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.max-w-190 {
  width: 100%;
  max-width: 190px;
}

.section-blog_col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.blog-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--300));
  box-shadow: 0 0 0 1px var(--border);
  border-radius: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 8px;
  transition: box-shadow .5s cubic-bezier(.215, .61, .355, 1);
  display: grid;
}

.blog-card:where(.w-variant-3e6825ab-d700-ebc1-88af-f8f377393230) {
  grid-template-columns: 1fr;
}

.blog-card:hover {
  box-shadow: 0 0 0 6px var(--purple--200-50);
}

.blog-card_image {
  aspect-ratio: 53 / 39;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
}

.blog-card_image:where(.w-variant-1b4c230e-eeeb-d6c2-bd70-0b5cb388ed12) {
  aspect-ratio: 1;
  height: auto;
}

.blog-card_content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding: 8px;
  display: flex;
}

.blog-card_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.blog-card_title {
  color: var(--white);
  font-size: var(--_typography---heading-3--font-size);
  font-weight: 600;
  line-height: 1.4;
}

.blog-card_title:where(.w-variant-1b4c230e-eeeb-d6c2-bd70-0b5cb388ed12) {
  font-size: var(--_typography---heading-5--font-size);
}

.blog-card_title:where(.w-variant-3e6825ab-d700-ebc1-88af-f8f377393230) {
  font-size: var(--_typography---body-bold--font-size);
}

.blog-card_bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-card_bottom:where(.w-variant-1b4c230e-eeeb-d6c2-bd70-0b5cb388ed12), .blog-card_bottom:where(.w-variant-3e6825ab-d700-ebc1-88af-f8f377393230) {
  display: none;
}

.blog-card_author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-card_avatar {
  border-radius: 100px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.section-contact {
  padding-top: 135px;
  padding-bottom: 135px;
}

.section-contact_content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-contact_header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-contact_visual {
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--blue--200), var(--blue--300));
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 542px;
  aspect-ratio: 542 / 398;
  display: flex;
  overflow: hidden;
  justify-self: end;
}

.section-contact_image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.contact_form-block {
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, var(--fade--200), var(--fade--100));
  border-radius: 16px;
  margin-bottom: 0;
  padding: 24px;
}

.contact-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.form_input {
  border: 1px solid var(--border);
  background-color: var(--background);
  outline-offset: 0px;
  min-height: 51px;
  color: var(--white);
  font-size: var(--_typography---body-medium--font-size);
  border-radius: 12px;
  outline: 0 #0000;
  margin-bottom: 0;
  padding: 16px;
  line-height: 1.2;
  transition: border-color .2s;
}

.form_input:focus {
  border-color: var(--purple--300);
}

.form_input::placeholder {
  color: var(--purple--100);
}

.form_input.textarea {
  min-height: 100px;
}

.form_label {
  color: var(--white);
  font-size: var(--_typography---body-xsmall--font-size);
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.4;
}

.form_between {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.section-footer {
  padding-top: 168px;
  padding-bottom: 72px;
}

.section-footer_top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-footer_left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.section-footer_social {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 80px) 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.text-link {
  color: var(--white);
  font-size: var(--_typography---body-bold--font-size);
  line-height: var(--_typography---body-bold--line-height);
  letter-spacing: var(--_typography---body-bold--letter-spacing);
  font-weight: 700;
  transition: color .2s;
}

.text-link:where(.w-variant-2737fa4b-f36a-c8c7-59dd-da7d814e803f) {
  font-size: var(--_typography---body-xsmall--font-size);
  letter-spacing: 0;
}

.text-link:hover {
  color: var(--purple--200);
}

.text-link.small {
  font-size: var(--_typography---body-small--font-size);
  line-height: var(--_typography---body-small--line-height);
  letter-spacing: var(--_typography---body-small--letter-spacing);
  font-weight: 400;
}

.text-link_big {
  background-image: linear-gradient(45deg, white, var(--purple--200));
  color: var(--white);
  font-size: var(--_typography---heading-3-medium--font-size);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
  line-height: 1.4;
  transition: background-color .2s;
}

.text-link_big:hover {
  background-image: linear-gradient(45deg, var(--purple--200), var(--white));
}

.section-footer_menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.section-footer_right {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: flex-start;
  min-width: 7.5rem;
  display: flex;
}

.footer_links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.menu-link {
  color: var(--white);
  font-size: var(--_typography---body-medium--font-size);
  line-height: var(--_typography---body-medium--line-height);
  letter-spacing: var(--_typography---body-medium--letter-spacing);
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
  overflow: hidden;
}

.menu-link_line {
  background-image: linear-gradient(90deg, #9e91ff00, var(--purple--200) 55%, var(--yellow));
  width: 100%;
  height: 2px;
  position: absolute;
  transform: translate(-110%);
}

.section-footer_content {
  grid-row-gap: 120px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.section-footer_bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-footer_bottom-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-footer_menu-legal {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-dot {
  background-color: var(--white);
  border-radius: 10px;
  min-width: 4px;
  min-height: 4px;
}

.section-footer_made {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-footer_end {
  width: 100%;
  position: relative;
}

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

.section-footer_end .image-contain {
  width: 100%;
  height: auto;
  display: block;
  position: static;
  object-fit: contain;
}

.section-footer_end-video {
  pointer-events: none;
  max-width: 51%;
  height: 100%;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%);
}

.section-footer_video {
  opacity: 1;
  width: 100%;
  -webkit-mask: radial-gradient(50% 50%, #000 69.4201%, #0000 100%);
  mask: radial-gradient(50% 50%, #000 69.4201%, #0000 100%);
}

.work-card_label-wrapper {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.work-card_richtext strong {
  color: var(--white);
  font-weight: 600;
  line-height: 1;
}

.navbar {
  z-index: 50;
  background-color: #0000;
  width: 100%;
  position: fixed;
  top: 0;
}

.navbar_content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.navbar-logo {
  width: 131px;
  height: 32px;
}

.navbar_menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar_menu:where(.w-variant-dcf759c3-77a3-f268-cb0e-6d7f7a5dbc86) {
  display: none;
}

.section-lighting {
  aspect-ratio: 103 / 102;
  pointer-events: none;
  width: 1038px;
  height: 913px;
  position: absolute;
  top: -140px;
  left: 32%;
  transform: translate(-50%);
}

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

.label-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  width: calc-size(fit-content, size + 10px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar_button {
  display: flex;
  align-items: center;
  position: relative;
}

.lang-switch {
  position: relative;
  z-index: 20;
}

.lang-switch_toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}

.lang-switch_toggle:hover {
  border-color: rgba(255, 255, 255, .28);
}

.lang-switch_globe,
.lang-switch_chevron {
  flex-shrink: 0;
  opacity: .85;
}

.lang-switch_chevron {
  transition: transform .2s ease;
}

.lang-switch.is-open .lang-switch_chevron {
  transform: rotate(180deg);
}

.lang-switch_menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 132px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(20, 24, 48, .98), rgba(12, 16, 32, .98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.lang-switch.is-open .lang-switch_menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lang-switch_option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}

.lang-switch_option:hover {
  background: rgba(255, 255, 255, .06);
  color: var(--white);
}

.lang-switch_option.is-active {
  color: var(--white);
}

.lang-switch_check {
  opacity: 0;
  flex-shrink: 0;
}

.lang-switch_option.is-active .lang-switch_check {
  opacity: 1;
}

.navbar_hamburger {
  border: 1px solid var(--border);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar_hamburger.bg-radial-blue {
  display: none;
}

.navbar_hamburger-line {
  background-color: var(--white);
  width: 20px;
  height: 2px;
}

.navbar_hamburger-line.first-line {
  position: absolute;
  top: 16px;
  bottom: 22px;
}

.navbar_hamburger-line.second-line {
  position: absolute;
  top: 22px;
  bottom: 16px;
}

.navbar_wrapper {
  flex-flow: column;
  display: flex;
}

.navbar_menu-mobile {
  display: flex;
}

.navbar_menu-mobile_bottom {
  display: none;
}

.navbar_menu-mobile_follow {
  grid-column-gap: 0;
  grid-row-gap: 0;
}

.navbar_menu-mobile_follow-title {
  display: block;
  margin: 0 0 12px;
  padding: 0;
  color: rgba(255, 255, 255, 0.55);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
  background: none;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-weight: 400;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
}

.navbar-menu_mobile-wrapper {
  position: relative;
  z-index: 2;
}

body.mobile-menu-open,
html.mobile-menu-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.mobile-menu-open .smooth-wrapper {
  pointer-events: none;
}

.navbar-menu_mobile-wrapper {
  display: none;
}

.section-case {
  padding-top: 130px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.section-case_content, .section-case_grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.hide-mobile {
  display: block;
}

.section-blogs {
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}

.section-blogs_content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.section-blog_latest.dekstop {
  display: block;
}

.section-blog_latest.mobile {
  display: none;
}

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

.section-404 {
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}

.section-404_content {
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
  position: relative;
}

.section-404_img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-404_wrapper {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.section-blog-detail {
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}

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

.blog-detail_header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.blog-detail_header-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-detail_avatar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-detail_image {
  border-radius: 16px;
  width: 100%;
  height: 480px;
  overflow: hidden;
}

.richtext_blog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.richtext_blog h1 {
  color: var(--white);
  font-size: var(--_typography---heading-2--font-size);
  line-height: var(--_typography---heading-2--line-height);
  letter-spacing: var(--_typography---heading-2--letter-spacing);
}

.richtext_blog h2 {
  color: var(--white);
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--_typography---heading-3--line-height);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
}

.richtext_blog h3 {
  color: var(--white);
  font-size: var(--_typography---heading-4--font-size);
  line-height: var(--_typography---heading-4--line-height);
  letter-spacing: var(--_typography---heading-4--letter-spacing);
}

.richtext_blog h4 {
  color: var(--white);
  font-size: var(--_typography---heading-5--font-size);
  line-height: var(--_typography---heading-5--line-height);
  letter-spacing: var(--_typography---heading-5--letter-spacing);
}

.richtext_blog h5 {
  color: var(--white);
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  letter-spacing: var(--_typography---heading-6--letter-spacing);
}

.richtext_blog strong {
  color: var(--white);
}

.section-insight {
  padding-top: 56px;
  padding-bottom: 56px;
  overflow: hidden;
}

.section-insight_content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-latest_header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.section-case-detail {
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
  overflow: hidden;
}

.section-case-detail_content {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.case-detail_image {
  aspect-ratio: 74 / 55;
  border-radius: 16px;
  flex: 1;
  overflow: hidden;
}

.case-detail_header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.case-detail_overview {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.case-detail_overview-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.case-detail_overview-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.case-detail_row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.richtext_case {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 550px;
  display: flex;
}

.richtext_case h1 {
  color: var(--white);
  font-size: var(--_typography---heading-2--font-size);
  line-height: var(--_typography---heading-2--line-height);
  letter-spacing: var(--_typography---heading-2--letter-spacing);
}

.richtext_case h2 {
  color: var(--white);
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--_typography---heading-3--line-height);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
}

.richtext_case h3 {
  color: var(--white);
  font-size: var(--_typography---heading-4--font-size);
  line-height: var(--_typography---heading-4--line-height);
  letter-spacing: var(--_typography---heading-4--letter-spacing);
}

.richtext_case h4 {
  color: var(--white);
  font-size: var(--_typography---heading-5--font-size);
  line-height: var(--_typography---heading-5--line-height);
  letter-spacing: var(--_typography---heading-5--letter-spacing);
}

.richtext_case h5 {
  color: var(--white);
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  letter-spacing: var(--_typography---heading-6--letter-spacing);
}

.richtext_case strong {
  color: var(--white);
}

.case-detail_image-collection {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 16px;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.case-detail_results {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.case-detail_result-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-work_latest {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.container-base {
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
}

.section-work-latest_content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-work_grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-card_link {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.painpoint_text-ornament {
  justify-content: center;
  align-items: center;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  display: flex;
  position: absolute;
}

.painpoint_text-ornament.right {
  top: 0;
  left: 0;
}

.painpoint_text-ornament.left {
  bottom: 0;
  right: 0;
}

.richtext_legal h1 {
  color: var(--white);
  font-size: var(--_typography---heading-2--font-size);
  line-height: var(--_typography---heading-2--line-height);
  letter-spacing: var(--_typography---heading-2--letter-spacing);
}

.richtext_legal h2 {
  color: var(--white);
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--_typography---heading-3--line-height);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
}

.richtext_legal h3 {
  color: var(--white);
  font-size: var(--_typography---heading-4--font-size);
  line-height: var(--_typography---heading-4--line-height);
  letter-spacing: var(--_typography---heading-4--letter-spacing);
}

.richtext_legal h4 {
  color: var(--white);
  font-size: var(--_typography---heading-5--font-size);
  line-height: var(--_typography---heading-5--line-height);
  letter-spacing: var(--_typography---heading-5--letter-spacing);
}

.richtext_legal h5 {
  color: var(--white);
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  letter-spacing: var(--_typography---heading-6--letter-spacing);
}

.richtext_legal strong {
  color: var(--white);
}

.painpoint_blur {
  opacity: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: block;
  position: absolute;
  inset: 0%;
}

.painpoint_wrapper {
  opacity: .09;
  padding-left: 16px;
  padding-right: 16px;
}

.button-shinny_glow {
  z-index: 2;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-shinny_glow-stroke {
  opacity: 0;
  background-image: radial-gradient(circle, #ffcb6d, #4f34b2 75%, #0000);
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
}

.button-shinny_glow-mask {
  filter: blur(8px);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-shinny_glow-mask.outside-mask {
  opacity: .8;
  border-radius: 40px;
}

.button-shinny_glow-outside {
  opacity: 0;
  filter: blur(4px);
  background-image: linear-gradient(90deg, #9e91ff, #ffcb6d 50%, #4f34b2);
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
}

.button-shinny_glow-wrapper {
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.navbar-bg {
  background-color: var(--background-70);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  inset: 0%;
}

.testimonial-slide-script {
  display: none;
}

.section-blog_wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.divider-line {
  background-color: var(--border);
  width: 100%;
  height: 1px;
}

.button_hover {
  z-index: 1;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.button_hover:where(.w-variant-1748aea3-8674-cfc3-4c9d-46b737235d84), .button-icon {
  display: none;
}

.button-icon:where(.w-variant-e2265997-54eb-5145-ba87-62fccf8a926b) {
  width: 18px;
  height: 18px;
  display: block;
}

.text-weight-bold {
  font-weight: var(--_font-weight---bold);
}

.text-weight-semibold {
  font-weight: var(--_font-weight---semibold);
}

.text-weight-medium {
  font-weight: var(--_font-weight---medium);
}

.text-weight-regular {
  font-weight: var(--_font-weight---regular);
}

.text-weight-light {
  font-weight: var(--_font-weight---thin);
}

.styleguide-border {
  border: 1px dashed #233802;
  width: 100%;
  height: 2rem;
}

.section-pricing_tabs {
  border: 1px solid var(--border);
  border-radius: 40px;
  padding: 6px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 16px #9e91ff40;
}

.section-pricing_tab {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
  position: relative;
}

.section-pricing_tab-text {
  color: var(--white);
  font-size: var(--_typography---body-bold--font-size);
  line-height: var(--_typography---body-bold--line-height);
  font-weight: var(--_font-weight---semibold);
  letter-spacing: var(--_typography---body-bold--letter-spacing);
}

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

.section-pricing_background {
  border: 1px solid #6551ff;
  border-radius: 40px;
  position: absolute;
  inset: 6px;
  box-shadow: 0 4px 16px #9e91ff40;
}

.pricing-tab-script {
  display: none;
}

.pricing-card_num {
  display: flex;
}

.pricing-card_currency, .pricing-card_text {
  color: var(--white);
  letter-spacing: -.03em;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

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

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

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

.success-state {
  background-color: #0000;
}

.slider-mask {
  overflow: visible;
}

.navbar-menu-script {
  display: none;
}

.section-faq_right {
  flex: 1;
}

@media screen and (min-width: 1280px) {
  .section-header {
    flex-flow: row;
  }

  .testimonials-slider {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .testimonial_left-arrow, .testimonial_right-arrow {
    top: 10px !important;
  }

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

@media screen and (min-width: 1440px) {
  .richtext-testimonial p {
    font-weight: 600;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---body-medium--font-size: 16px;
    --_typography---body-medium--line-height: 150%;
    --_typography---body-medium--letter-spacing: 0em;
    --_typography---heading-1--font-size: 56px;
    --_typography---heading-1--line-height: 120%;
    --_typography---heading-1--letter-spacing: -.03em;
    --_typography---heading-2--font-size: 48px;
    --_typography---heading-2--line-height: 120%;
    --_typography---heading-2-large--letter-spacing: -.03em;
    --_typography---heading-3--font-size: 20px;
    --_typography---heading-3--line-height: 140%;
    --_typography---heading-3--letter-spacing: 0em;
    --_typography---heading-4--font-size: 20px;
    --_typography---heading-4--line-height: 120%;
    --_typography---heading-4--letter-spacing: -.03em;
    --_typography---heading-5--font-size: 18px;
    --_typography---heading-5--line-height: 140%;
    --_typography---heading-5--letter-spacing: 0em;
    --_typography---heading-6--font-size: 16px;
    --_typography---heading-6--line-height: 140%;
    --_typography---heading-6--letter-spacing: 0em;
    --_typography---heading-2--letter-spacing: -.03em;
    --_typography---body-large--font-size: 18px;
    --_typography---body-large--line-height: 150%;
    --_typography---body-large--letter-spacing: -.03em;
    --_typography---body-small--font-size: 14px;
    --_typography---heading-2-large--font-size: 64px;
    --_typography---heading-2-large--line-height: 120%;
    --_typography---heading-3-large--font-size: 28px;
    --_typography---heading-3-large--line-height: 120%;
    --_typography---heading-3-large--letter-spacing: -.03em;
    --_typography---heading-3-medium--font-size: 26px;
    --_typography---heading-3-medium--line-height: 140%;
    --_typography---heading-3-medium--letter-spacing: 0em;
    --_typography---testimonial--font-size: 32px;
    --_typography---testimonial--line-height: 150%;
    --_typography---testimonial--letter-spacing: -.02em;
    --_typography---body-bold--font-size: 16px;
    --_typography---body-bold--line-height: 140%;
    --_typography---body-bold--letter-spacing: 0em;
    --_typography---body-small--line-height: 150%;
    --_typography---body-small--letter-spacing: 0em;
    --_typography---body-xsmall--font-size: 12px;
    --_typography---body-xsmall--line-height: 140%;
    --_typography---body-xsmall--letter-spacing: 0em;
    --_typography---button--font-size: 16px;
    --_typography---button--line-height: 150%;
    --_typography---button--letter-spacing: 0em;
  }

  .section-hero_left {
    max-width: none;
    grid-row-gap: 50px;
  }

  .section-hero_header {
    max-width: 60%;
  }

  .section-hero_ornament {
    width: 620px;
    height: 620px;
    top: -350px;
    right: -288px;
  }

  .section-trust_grid {
    grid-template-columns: 1fr 1fr;
  }

  .trust-card {
    min-height: 180px;
  }

  .trust-card_image-wrap {
    width: 58%;
    height: 85%;
    top: 0;
    right: 0;
  }

  .testimonials-slider {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section-team_grid {
    grid-template-columns: 1fr 1fr;
  }

  .team-card {
    aspect-ratio: auto;
    height: 170px;
  }

  .team-card_content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 70%;
  }

  .team-card_content-user {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    justify-content: flex-start;
  }

  .team-card_image {
    width: 50%;
    top: auto;
    left: auto;
    overflow: visible;
  }

  .navbar_menu:where(.w-variant-dcf759c3-77a3-f268-cb0e-6d7f7a5dbc86) {
    flex-flow: column;
  }

  .navbar_hamburger {
    justify-content: center;
    align-items: center;
  }

  .section-case_grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---body-medium--font-size: 16px;
    --_typography---body-medium--line-height: 150%;
    --_typography---body-medium--letter-spacing: 0em;
    --_typography---heading-1--font-size: 40px;
    --_typography---heading-1--line-height: 120%;
    --_typography---heading-1--letter-spacing: -.03em;
    --_typography---heading-2--font-size: 32px;
    --_typography---heading-2--line-height: 120%;
    --_typography---heading-2-large--letter-spacing: -.03em;
    --_typography---heading-3--font-size: 18px;
    --_typography---heading-3--line-height: 140%;
    --_typography---heading-3--letter-spacing: 0em;
    --_typography---heading-4--font-size: 20px;
    --_typography---heading-4--line-height: 120%;
    --_typography---heading-4--letter-spacing: -.03em;
    --_typography---heading-5--font-size: 18px;
    --_typography---heading-5--line-height: 140%;
    --_typography---heading-5--letter-spacing: 0em;
    --_typography---heading-6--font-size: 16px;
    --_typography---heading-6--line-height: 140%;
    --_typography---heading-6--letter-spacing: 0em;
    --_typography---heading-2--letter-spacing: -.03em;
    --_typography---body-large--font-size: 18px;
    --_typography---body-large--line-height: 150%;
    --_typography---body-large--letter-spacing: -.03em;
    --_typography---body-small--font-size: 14px;
    --_typography---heading-2-large--font-size: 46px;
    --_typography---heading-2-large--line-height: 120%;
    --_typography---heading-3-large--font-size: 28px;
    --_typography---heading-3-large--line-height: 120%;
    --_typography---heading-3-large--letter-spacing: -.03em;
    --_typography---heading-3-medium--font-size: 24px;
    --_typography---heading-3-medium--line-height: 140%;
    --_typography---heading-3-medium--letter-spacing: 0em;
    --_typography---testimonial--font-size: 24px;
    --_typography---testimonial--line-height: 150%;
    --_typography---testimonial--letter-spacing: -.02em;
    --_typography---body-bold--font-size: 16px;
    --_typography---body-bold--line-height: 140%;
    --_typography---body-bold--letter-spacing: 0em;
    --_typography---body-small--line-height: 150%;
    --_typography---body-small--letter-spacing: 0em;
    --_typography---body-xsmall--font-size: 12px;
    --_typography---body-xsmall--line-height: 140%;
    --_typography---body-xsmall--letter-spacing: 0em;
    --_typography---button--font-size: 16px;
    --_typography---button--line-height: 150%;
    --_typography---button--letter-spacing: 0em;
  }

  .section-hero_footer {
    flex-flow: column;
    align-items: flex-start;
  }

  .testimonial-slider {
    width: 100%;
  }

  .testimonial-slider_item {
    align-items: flex-start;
  }

  .painpoint_text-wrapper._2 {
    bottom: 46%;
    right: 74px;
  }

  .painpoint_text-wrapper._3 {
    top: 48%;
    left: 139px;
  }

  .painpoint_text-wrapper._1 {
    left: 60px;
  }

  .section-solution {
    padding-top: 56px;
    padding-bottom: 56px;
    overflow: hidden;
  }

  .section-header_content {
    flex-flow: column;
  }

  .section-header_paragraph {
    max-width: none;
  }

  .section-solution_row {
    grid-template-columns: 3fr;
  }

  .section-solution_grid {
    grid-template-columns: 1fr;
  }

  .section-our-work {
    padding-bottom: 56px;
  }

  .work-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
  }

  .work-card_left {
    padding: 8px;
  }

  .work-card_paragraph {
    display: none;
  }

  .section-trust {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .section-trust_grid {
    grid-template-columns: 1fr;
  }

  .trust-card_content {
    max-width: 60%;
  }

  .trust-card_image-wrap {
    width: 52%;
    height: 100%;
    top: 0;
    right: 0;
  }

  .section-trust_footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-techstack {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .techstack_wrapper {
    transform: scale(.55)perspective(5000px)rotateX(-15deg)rotateY(-30deg);
  }

  .techstack-depth.depth-1 {
    transform: translate3d(-14px, 8px, 20px);
  }

  .techstack-depth.depth-2 {
    transform: translate3d(-50px, 15px, 10px)!important;
  }

  .techstack-depth.deth-3 {
    transform: translate3d(105px, -25px, 0)!important;
  }

  .techstack-depth.depth-4 {
    transform: translate3d(220px, -65px, -10px)!important;
  }

  .section-testimonials {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section-testimonial_content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .testimonials-slider {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .testimonial_user {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    align-items: flex-start;
  }

  .testimonial_left-arrow {
    top: 100px !important;
    left: 0 !important;
    right: auto !important;
  }

  .testimonial_right-arrow {
    top: 100px !important;
    left: 56px !important;
    right: auto !important;
  }

  .section-pricing {
    padding-top: 56px;
    padding-bottom: 56px;
  }

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

  .section-team, .section-faq {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section-faq_content {
    flex-flow: column;
  }

  .section-blog {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .blog-card_image {
    aspect-ratio: 27 / 17;
    height: auto;
  }

  .blog-card_bottom {
    display: none;
  }

  .section-contact {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section-contact_content {
    grid-template-columns: 1fr;
  }

  .section-contact_visual {
    max-width: none;
    justify-self: stretch;
  }

  .section-footer {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .section-footer_content {
    grid-row-gap: 64px;
  }

  .section-footer_menu {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }

  .section-footer_social {
    grid-template-columns: 1fr;
    grid-row-gap: 16px;
    align-items: flex-start;
  }

  .section-footer_social > div:last-child {
    min-width: 0;
    width: 100%;
  }

  .section-footer_social .text-link_big {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .menu-link {
    font-size: var(--_typography---heading-3-medium--font-size);
    line-height: var(--_typography---heading-3-medium--line-height);
    letter-spacing: var(--_typography---heading-3-medium--letter-spacing);
    font-weight: 600;
  }

  .section-footer_bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: flex-start;
  }

  .section-footer_bottom-left {
    flex-flow: column;
    align-items: flex-start;
  }

  .navbar_menu {
    display: none;
  }

  .navbar_menu:where(.w-variant-dcf759c3-77a3-f268-cb0e-6d7f7a5dbc86) {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    overflow: visible;
  }

  .section-blog_row {
    grid-template-columns: 1fr;
  }

  .navbar_button {
    display: flex;
    align-items: center;
  }

  .navbar_hamburger {
    display: flex;
  }

  .navbar_hamburger.bg-radial-blue {
    cursor: pointer;
    display: flex;
  }

  .navbar_menu-mobile {
    flex-flow: column;
    justify-content: flex-start;
    gap: 48px;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    box-sizing: border-box;
    padding: 24px 16px 32px;
    display: flex;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .navbar_menu-mobile_bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
    margin-top: auto;
    padding-top: 0;
    flex-shrink: 0;
    display: flex;
  }

  .navbar_menu-mobile_follow-title {
    color: rgba(255, 255, 255, 0.55);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
    font-size: var(--_typography---body-xsmall--font-size);
    line-height: var(--_typography---body-xsmall--line-height);
    letter-spacing: 0.08em;
  }

  .navbar_menu-mobile_bottom .menu-link {
    font-size: var(--_typography---body-medium--font-size);
    line-height: var(--_typography---body-medium--line-height);
    letter-spacing: var(--_typography---body-medium--letter-spacing);
    font-weight: 400;
  }

  .navbar-menu_mobile-wrapper {
    height: 0;
    display: block;
    overflow: hidden;
  }

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

  .hide-mobile {
    display: none;
  }

  .section-blogs_grid, .section-insight_grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-detail_overview {
    flex-flow: wrap;
  }

  .case-detail_row {
    flex-flow: column;
  }

  .section-work_grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---body-medium--font-size: 16px;
    --_typography---body-medium--line-height: 150%;
    --_typography---body-medium--letter-spacing: 0em;
    --_typography---heading-1--font-size: 40px;
    --_typography---heading-1--line-height: 120%;
    --_typography---heading-1--letter-spacing: -.03em;
    --_typography---heading-2--font-size: 32px;
    --_typography---heading-2--line-height: 120%;
    --_typography---heading-2-large--letter-spacing: -.03em;
    --_typography---heading-3--font-size: 18px;
    --_typography---heading-3--line-height: 140%;
    --_typography---heading-3--letter-spacing: 0em;
    --_typography---heading-4--font-size: 20px;
    --_typography---heading-4--line-height: 120%;
    --_typography---heading-4--letter-spacing: -.03em;
    --_typography---heading-5--font-size: 18px;
    --_typography---heading-5--line-height: 140%;
    --_typography---heading-5--letter-spacing: 0em;
    --_typography---heading-6--font-size: 16px;
    --_typography---heading-6--line-height: 140%;
    --_typography---heading-6--letter-spacing: 0em;
    --_typography---heading-2--letter-spacing: -.03em;
    --_typography---body-large--font-size: 18px;
    --_typography---body-large--line-height: 150%;
    --_typography---body-large--letter-spacing: -.03em;
    --_typography---body-small--font-size: 14px;
    --_typography---heading-2-large--font-size: 46px;
    --_typography---heading-2-large--line-height: 120%;
    --_typography---heading-3-large--font-size: 28px;
    --_typography---heading-3-large--line-height: 120%;
    --_typography---heading-3-large--letter-spacing: -.03em;
    --_typography---heading-3-medium--font-size: 24px;
    --_typography---heading-3-medium--line-height: 140%;
    --_typography---heading-3-medium--letter-spacing: 0em;
    --_typography---testimonial--font-size: 24px;
    --_typography---testimonial--line-height: 150%;
    --_typography---testimonial--letter-spacing: -.02em;
    --_typography---body-bold--font-size: 16px;
    --_typography---body-bold--line-height: 140%;
    --_typography---body-bold--letter-spacing: 0em;
    --_typography---body-small--line-height: 150%;
    --_typography---body-small--letter-spacing: 0em;
    --_typography---body-xsmall--font-size: 12px;
    --_typography---body-xsmall--line-height: 140%;
    --_typography---body-xsmall--letter-spacing: 0em;
    --_typography---button--font-size: 16px;
    --_typography---button--line-height: 150%;
    --_typography---button--letter-spacing: 0em;
  }

  .section-hero {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .section-hero_ornament {
    top: -600px;
  }

  .section-footer_social .text-link_big {
    font-size: clamp(18px, 5.2vw, 24px);
  }

  .painpoint_text-wrapper._2 {
    right: 28px;
  }

  .painpoint_text-wrapper._3 {
    left: 22px;
  }

  .painpoint_text-wrapper._1 {
    left: 26px;
  }

  .techstack_wrapper {
    transform: perspective(5000px)rotateX(-15deg)rotateY(-30deg);
  }

  .section-techstack_wrapper {
    transform: scale(.55);
  }

  .section-team_grid, .blog-card, .form_between {
    grid-template-columns: 1fr;
  }

  .section-blog_latest.dekstop {
    display: none;
  }

  .section-blog_latest.mobile {
    display: block;
  }

  .section-blogs_grid {
    grid-template-columns: 1fr;
  }

  .blog-detail_image {
    height: 300px;
  }

  .section-insight_grid {
    grid-template-columns: 1fr;
  }

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

  .case-detail_image-collection {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .case-detail_results {
    flex-flow: column;
  }
}

#w-node-_4f43e2d5-fa51-90d3-8156-3f89f94312d1-9b6fc1ec {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (min-width: 1280px) {
  #w-node-_4f43e2d5-fa51-90d3-8156-3f89f94312d1-9b6fc1ec {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4f43e2d5-fa51-90d3-8156-3f89f94312d1-9b6fc1ec {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}