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

@font-face {
  font-family: Denim;
  src: url('../fonts/Denim-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --opacity--80: #fdfdfdcc;
  --opacity--50: #fdfdfd80;
  --opacity--30: #fdfdfd4d;
  --opacity--10: #fdfdfd1a;
  --bg--background-1: #0b0b0b;
  --bg--background-2: #121212;
  --bg--background-3: #222;
  --fg--foreground-1: #fdfdfd;
  --fg--foreground-2: #cecece;
  --fg--foreground-3: #9a9a9a;
  --fg--foreground-4: #6e6e6e;
  --text-size--17px: 1.06rem;
  --text-size--14px: .875rem;
  --text-size--30px: 1.875rem;
  --text-size--22px: 1.375rem;
  --basic-size--10px: .625rem;
  --basic-size--25px: 1.563rem;
  --basic-size--20px: 1.25rem;
  --basic-size--50px: 3.125rem;
  --basic-size--100px: 6.25rem;
  --basic-size--80px: 5rem;
  --basic-size--15px: .93rem;
  --basic-size--30px: 1.875rem;
  --basic-size--200px: 12.5rem;
  --basic-size--40px: 2.5rem;
  --bg--night: #030303;
  --color--white: white;
  --color--black: black;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  font-family: Interdisplay, sans-serif;
  line-height: 140%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

.ui-color__item {
  border-radius: 200px;
  flex: none;
  width: 80px;
  height: 80px;
}

.ui-color__item.fg-80 {
  background-color: var(--opacity--80);
}

.ui-color__item.fg-50 {
  background-color: var(--opacity--50);
}

.ui-color__item.fg-30 {
  background-color: var(--opacity--30);
}

.ui-color__item.fg-10 {
  background-color: var(--opacity--10);
}

.ui__wrapp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.ui__wrapp._50 {
  width: 50%;
}

.bg-1 {
  background-color: var(--bg--background-1);
}

.bg-2 {
  background-color: var(--bg--background-2);
}

.bg-3 {
  background-color: var(--bg--background-3);
}

.fg-1 {
  background-color: var(--fg--foreground-1);
}

.fg-2 {
  background-color: var(--fg--foreground-2);
}

.fg-3 {
  background-color: var(--fg--foreground-3);
}

.fg-4 {
  background-color: var(--fg--foreground-4);
}

.ui-components {
  background-color: #383838;
  padding-top: 57px;
  padding-bottom: 57px;
}

.ui-heading {
  color: var(--fg--foreground-1);
  font-size: 3vw;
  line-height: 100%;
}

.ui-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 35px;
  display: flex;
}

.text-big {
  font-size: var(--text-size--17px);
  letter-spacing: -.022vw;
  line-height: 145%;
}

.text-base {
  font-size: var(--text-size--17px);
  letter-spacing: -.005rem;
  line-height: 145%;
  list-style-type: none;
}

.text-base.text-light-2 {
  font-size: var(--text-size--14px);
}

.text-small {
  font-size: var(--text-size--14px);
  line-height: 135%;
}

.fg-80 {
  background-color: var(--opacity--80);
}

.fg-50 {
  background-color: var(--opacity--50);
}

.fg-30 {
  background-color: var(--opacity--30);
}

.fg-10 {
  background-color: var(--opacity--10);
}

.text-black-1 {
  color: var(--bg--background-1);
}

.text-black-2 {
  color: var(--bg--background-2);
}

.text-black-3 {
  color: var(--bg--background-3);
}

.text-light-1 {
  color: var(--fg--foreground-1);
}

.text-light-2 {
  color: var(--fg--foreground-2);
}

.text-light-3 {
  color: var(--fg--foreground-3);
}

.text-light-4 {
  color: var(--fg--foreground-4);
}

.text-opacity-80 {
  color: var(--opacity--80);
}

.text-opacity-50 {
  color: var(--opacity--50);
}

.text-opacity-30 {
  color: var(--opacity--30);
}

.text-opacity-10 {
  color: var(--opacity--10);
}

.heading-primary {
  font-family: Denim, sans-serif;
  font-size: var(--text-size--30px);
  letter-spacing: -.02rem;
  font-weight: 300;
  line-height: 120%;
}

.heading-additional {
  font-family: Denim, sans-serif;
  font-size: var(--text-size--22px);
  letter-spacing: -.02rem;
  font-weight: 300;
  line-height: 120%;
}

.page-wrapper {
  width: 100%;
}

.main-wrapper {
  background-color: var(--bg--background-1);
  width: 100%;
}

.hero-section {
  z-index: 3;
  background-color: var(--bg--background-1);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 250vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.heading-centered {
  z-index: 10;
}

.heading-centered.hero {
  max-width: 36rem;
  position: relative;
}

.text-30px {
  font-family: Denim, sans-serif;
  font-size: var(--text-size--30px);
  letter-spacing: -.03rem;
  font-weight: 300;
  line-height: 145%;
}

.text-30px.text-opacity-30.span {
  display: inline;
}

.navbar {
  z-index: 99;
  width: auto;
  max-width: 100%;
  padding: var(--basic-size--25px);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.brand {
  grid-column-gap: var(--basic-size--25px);
  grid-row-gap: var(--basic-size--25px);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-button {
  z-index: 999;
  width: var(--basic-size--50px);
  height: var(--basic-size--50px);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.menu-button.w--open {
  background-color: #69696970;
  border-radius: 6.25rem;
}

.technology-section {
  z-index: 2;
  padding: 10rem var(--basic-size--50px) var(--basic-size--100px);
  grid-column-gap: var(--basic-size--100px);
  grid-row-gap: var(--basic-size--100px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

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

.tabs-menu {
  grid-column-gap: var(--basic-size--15px);
  grid-row-gap: var(--basic-size--15px);
  flex-flow: column;
  flex: none;
  width: 23.2rem;
  display: flex;
}

.tabs-content {
  width: 38.25rem;
  height: 37.5rem;
  padding-top: var(--basic-size--50px);
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--100px);
  border-radius: var(--basic-size--50px);
  background-color: var(--bg--background-2);
  perspective: 2000px;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  margin-left: 9.4rem;
  display: flex;
  transform: perspective(2000px);
}

.core-tab-icon-wrapp {
  width: var(--basic-size--50px);
  height: var(--basic-size--50px);
  border-radius: var(--basic-size--10px);
  background-color: var(--bg--background-2);
  justify-content: center;
  align-items: center;
  transition: all .4s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.tab-link-tab-1.w--current, .tab-link-tab-2.w--current {
  background-color: var(--bg--background-2);
  color: var(--fg--foreground-2);
}

.tab-link-tab-3 {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  justify-content: flex-start;
  align-items: center;
}

.tab-link-tab-3.w--current {
  background-color: var(--bg--background-2);
  color: var(--fg--foreground-2);
}

.tab-link-tab-4 {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  justify-content: flex-start;
  align-items: center;
}

.tab-link-tab-4.w--current {
  background-color: var(--bg--background-2);
  color: var(--fg--foreground-2);
}

.tab-content-wrap {
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: var(--basic-size--50px);
  padding-right: var(--basic-size--80px);
  padding-bottom: var(--basic-size--50px);
  position: relative;
  overflow: auto;
}

.tab-pane-tab-1, .tab-pane-tab-2, .tab-pane-tab-3, .tab-pane-tab-4 {
  width: 100%;
  height: 100%;
  position: static;
}

.core-tab-icon {
  flex: none;
  width: 1.7rem;
  height: 1.7rem;
}

.subview-section {
  z-index: 3;
  width: 100%;
  height: 200vh;
  padding-top: var(--basic-size--80px);
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--50px);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.heading-wrapper {
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-wrapper.mw-320px {
  z-index: 10;
  width: 20rem;
  position: relative;
}

.subview-heading {
  z-index: 5;
  grid-column-gap: 3.56rem;
  grid-row-gap: 3.56rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.appstore-btn {
  display: none;
}

.appstore-img {
  width: 9.375rem;
}

.global-css {
  position: fixed;
}

.accordion {
  width: 100%;
  padding: var(--basic-size--15px) var(--basic-size--15px) var(--basic-size--15px) var(--basic-size--30px);
  border-radius: var(--basic-size--20px);
  background-color: var(--bg--background-2);
  color: var(--fg--foreground-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: color .8s cubic-bezier(.645, .045, .355, 1), background-color .4s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.accordion:hover {
  background-color: var(--bg--background-3);
  color: var(--fg--foreground-1);
}

.accordion.open {
  background-color: #4f4f4f70;
  flex-flow: column;
  display: flex;
}

.accordion__content {
  transition: all .8s cubic-bezier(.55, .055, .675, .19);
  position: relative;
  overflow: hidden;
}

.accordion__content.open {
  background-color: #4f4f4f70;
}

.accordion__icon {
  pointer-events: none;
  flex: none;
  width: .875rem;
  margin: 0;
  line-height: 0%;
  position: relative;
}

.accordion__list {
  grid-column-gap: var(--basic-size--15px);
  grid-row-gap: var(--basic-size--15px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 38.75rem;
  margin-bottom: 0;
  padding-left: 0;
  transition: transform .6s;
  display: flex;
  position: relative;
}

.accordion__control {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  line-height: 110%;
  display: flex;
  position: relative;
}

.vacancy-section {
  z-index: 3;
  width: 100%;
  padding: var(--basic-size--200px) var(--basic-size--50px);
  background-color: var(--bg--background-1);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.accordion-button {
  width: var(--basic-size--50px);
  height: var(--basic-size--50px);
  border-radius: var(--basic-size--10px);
  background-color: var(--opacity--10);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: border-radius 1s cubic-bezier(.785, .135, .15, .86);
  display: flex;
}

.accordion-text-wrapper {
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.accordion-btn {
  width: 100%;
  padding-top: var(--basic-size--15px);
  padding-bottom: var(--basic-size--15px);
  grid-column-gap: var(--basic-size--10px);
  grid-row-gap: var(--basic-size--10px);
  border-radius: var(--basic-size--10px);
  background-color: var(--opacity--10);
  color: var(--fg--foreground-1);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .3s ease-out;
  display: flex;
}

.accordion-btn:hover {
  background-color: var(--opacity--30);
}

.accordion-btn:active {
  background-color: var(--fg--foreground-4);
}

.accordion-btn.fg-10 {
  grid-column-gap: .7vw;
  grid-row-gap: .7vw;
  color: var(--fg--foreground-1);
  border-radius: .7vw;
  text-decoration: none;
}

.career-list {
  z-index: 99;
  margin-bottom: 0;
  padding-left: 1.75rem;
  position: relative;
}

.career-list.text-light-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  list-style-type: none;
  display: flex;
}

.career-list-wrapp {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  flex-flow: column;
  display: flex;
}

.envelope-icon {
  pointer-events: none;
  flex: none;
}

.accordion-container {
  margin-top: var(--basic-size--40px);
  margin-right: var(--basic-size--15px);
  margin-bottom: var(--basic-size--15px);
  grid-column-gap: var(--basic-size--50px);
  grid-row-gap: var(--basic-size--50px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer {
  z-index: 3;
  width: 100%;
  height: 100svh;
  max-height: 42.625rem;
  padding-top: 5.625rem;
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--50px);
  background-color: var(--bg--background-1);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-heading {
  grid-column-gap: var(--basic-size--15px);
  grid-row-gap: var(--basic-size--15px);
  flex-flow: column;
  display: flex;
}

.footer-cta {
  grid-column-gap: var(--basic-size--30px);
  grid-row-gap: var(--basic-size--30px);
  flex-flow: column;
  display: flex;
}

.footer-form {
  margin-bottom: 0;
}

.form {
  border-radius: var(--basic-size--10px);
  background-color: var(--bg--background-2);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-form-input {
  width: 100%;
  height: var(--basic-size--50px);
  padding-right: var(--basic-size--100px);
  padding-left: var(--basic-size--20px);
  color: var(--fg--foreground-1);
  font-size: var(--text-size--17px);
  background-color: #0000;
  border: 1px #000;
  margin-bottom: 0;
}

.footer-form-btn {
  height: var(--basic-size--50px);
  padding-right: var(--basic-size--20px);
  padding-left: var(--basic-size--20px);
  background-color: var(--bg--background-2);
  font-size: var(--text-size--17px);
  position: absolute;
}

.footer-links-wrapper {
  grid-column-gap: 3.56rem;
  grid-row-gap: 3.56rem;
  justify-content: flex-end;
  width: 38.75rem;
  padding-top: .625rem;
  padding-right: 2.125rem;
  display: flex;
}

.footer-links-col {
  grid-column-gap: var(--basic-size--15px);
  grid-row-gap: var(--basic-size--15px);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.footer-links-col.first {
  padding-right: var(--basic-size--20px);
}

.footer-links-col.address {
  width: auto;
  max-width: 13.1875rem;
}

.footer-link {
  color: var(--fg--foreground-2);
  font-size: var(--text-size--14px);
  line-height: 120%;
  text-decoration: none;
  transition: color .3s;
}

.footer-link:hover, .footer-link.unactive {
  color: var(--fg--foreground-4);
}

.footer-logo-wrapp {
  z-index: 10;
  grid-column-gap: var(--text-size--30px);
  grid-row-gap: var(--text-size--30px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-logo-wrapp.mobile {
  display: none;
}

.footer-sn-wrapp {
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-sn-item {
  width: var(--basic-size--25px);
  height: var(--basic-size--25px);
  opacity: .5;
  background-image: url('../images/I.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .3s;
}

.footer-sn-item:hover {
  opacity: 1;
}

.footer-sn-item.tiktok {
  background-image: url('../images/T.svg');
  display: none;
}

.footer-sn-item.twitter {
  background-image: url('../images/X.svg');
}

.footer-sn-item.linkedin {
  background-image: url('../images/link.svg');
}

.footer-logo {
  width: 5.9375rem;
}

.hero-video-wrapp {
  z-index: 1;
  margin: var(--basic-size--10px);
  border-radius: var(--basic-size--25px);
  opacity: 0;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.hero-video {
  border-radius: var(--basic-size--25px);
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.tech-section {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 300vh;
  display: flex;
  position: relative;
}

.centered-heading {
  position: absolute;
}

.text-span {
  z-index: 0;
  background-color: #39393970;
  border-radius: 1vw;
  padding: .5vw .7vw 1vw;
  display: inline;
  position: relative;
}

.text-span-2 {
  z-index: 1;
  position: relative;
}

.tech-section-second {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 610vh;
  margin-bottom: -6rem;
  display: flex;
  position: relative;
}

.margin-top._100px {
  margin-top: 7vw;
}

.nav-menu {
  background-color: #0000;
  width: 16.25rem;
  margin-top: -1rem;
  margin-right: -1rem;
  inset: 0% 0% auto auto;
}

.nav-link {
  color: var(--fg--foreground-1);
  font-family: Denim, sans-serif;
  font-size: var(--text-size--22px);
  letter-spacing: -.02rem;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 300;
  line-height: 120%;
  transition: color .3s;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--fg--foreground-4);
}

.nav-menu-wrapp {
  grid-column-gap: var(--basic-size--15px);
  grid-row-gap: var(--basic-size--15px);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #4f4f4f70;
  border-radius: 2.77778vw;
  flex-flow: column;
  padding: 5rem 6rem 3.75rem 2.5rem;
  display: flex;
  position: relative;
}

.burger-icon {
  width: 65%;
  height: 65%;
  position: relative;
}

.lottie-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.inline {
  display: inline;
}

.logo-sign {
  width: var(--basic-size--50px);
  height: var(--basic-size--50px);
  mix-blend-mode: exclusion;
}

.logo-text {
  flex: none;
  width: 8.125rem;
}

.logo-text.mob {
  display: none;
}

.app-mockup-mobile {
  width: 26rem;
}

.show-on-mob, .core-accordion-mob {
  display: none;
}

.night-background {
  z-index: 1;
  margin: var(--basic-size--10px);
  border-radius: var(--basic-size--25px);
  background-color: var(--bg--night);
  position: absolute;
  inset: 0%;
}

.basic-grid {
  z-index: 6;
  width: 100%;
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--50px);
  grid-column-gap: var(--basic-size--50px);
  grid-row-gap: var(--basic-size--50px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.562fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.basic-grid.footer-centered {
  justify-content: space-between;
}

.basic-grid.subview {
  position: sticky;
  top: 45vh;
}

.centered._35px {
  margin-left: 2.1875rem;
}

.tab-basic {
  padding: var(--basic-size--15px);
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  border-radius: var(--basic-size--20px);
  background-color: var(--bg--background-1);
  color: var(--fg--foreground-2);
  justify-content: flex-start;
  align-items: center;
  transition: all .4s cubic-bezier(.785, .135, .15, .86);
  display: flex;
}

.tab-basic:hover {
  color: var(--fg--foreground-1);
}

.footer-bottom {
  width: 100%;
  padding-top: var(--basic-size--40px);
  padding-bottom: var(--basic-size--40px);
  position: relative;
}

.footer-bottom-sn-wrapper {
  justify-content: space-between;
  width: 38.75rem;
  display: flex;
}

.vacancy-heading {
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: sticky;
  top: 30%;
}

.vacancy-heading.mw-320px {
  position: relative;
  top: 180px;
  transform: translate(0, -50%);
}

.footer-divider {
  z-index: 2;
  margin-right: var(--basic-size--50px);
  margin-left: var(--basic-size--50px);
  border-top: 1px solid #222;
  position: absolute;
  inset: 0% 0% auto;
}

.logo-footer {
  flex: none;
  width: 8.125rem;
  display: none;
}

.core-icon-wrapp {
  width: var(--basic-size--50px);
  height: var(--basic-size--50px);
  border-radius: var(--basic-size--10px);
  background-color: var(--opacity--10);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: border-radius 1s cubic-bezier(.785, .135, .15, .86);
  display: flex;
}

.heading-hero {
  font-family: Denim, sans-serif;
  font-size: var(--text-size--30px);
  letter-spacing: -.03rem;
  font-weight: 300;
  line-height: 120%;
  position: relative;
}

.heading-hero.text-opacity-30.span {
  display: inline;
}

.hero-sticky {
  z-index: 10;
  width: 100%;
  height: 100svh;
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--50px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.tech-chapter {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.chapters-wrapper {
  z-index: 1;
  width: 100%;
  padding-right: var(--basic-size--100px);
  padding-left: var(--basic-size--100px);
  position: absolute;
  top: 0;
  overflow: hidden;
}

.tech-bg-img-wrapp {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.tech-bg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.tech-bg-img.first {
  z-index: 0;
  transform-origin: 50% 100%;
  max-width: none;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.tech-chapter-nav {
  z-index: 10;
  margin-bottom: var(--basic-size--25px);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--basic-size--15px);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #00000070;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
  position: sticky;
  bottom: 1.563rem;
}

.tech-nav-btn {
  padding: .7rem var(--basic-size--15px);
  border-radius: var(--basic-size--10px);
  color: var(--opacity--50);
  font-size: var(--text-size--14px);
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  line-height: 110%;
  transition: all .6s;
  display: flex;
  position: relative;
}

.tech-nav-btn:hover, .tech-nav-btn.w--current {
  color: var(--color--white);
  background-color: #bfbfbf33;
}

.tech-bg-wrapp {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.tech-bg-wrapp.ch-bg-1 {
  z-index: 6;
}

.tech-bg-wrapp.ch-bg-2 {
  z-index: 5;
}

.tech-bg-wrapp.ch-bg-3 {
  z-index: 4;
}

.tech-bg-wrapp.ch-bg-4 {
  z-index: 3;
}

.tech-bg-wrapp.ch-bg-5 {
  z-index: 2;
}

.tech-bg-wrapp.ch-bg-6 {
  z-index: 1;
  display: flex;
}

.annotation {
  z-index: 5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  transition: all .4s cubic-bezier(.55, .055, .675, .19);
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.annotation:active {
  color: var(--fg--foreground-1);
}

.annotation.ch-1-1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  top: 14.75rem;
  right: 20rem;
}

.annotation.ch-1-1.active {
  z-index: 10;
}

.annotation.ch-1-2 {
  top: 23rem;
  right: 33.3125rem;
  overflow: visible;
}

.annotation.ch-1-2.active {
  z-index: 10;
}

.annotation.ch-2-1 {
  top: 17rem;
  right: 19.6rem;
}

.annotation.ch-2-1.active {
  z-index: 10;
}

.annotation.ch-2-2 {
  top: 26.25rem;
  right: 33.7rem;
}

.annotation.ch-2-2.active {
  z-index: 10;
}

.annotation.ch-3 {
  top: 16.4rem;
  right: 22rem;
}

.annotation.ch-3.active {
  z-index: 10;
}

.annotation.ch-4 {
  top: 20rem;
  right: 27rem;
}

.annotation.ch-4.active {
  z-index: 10;
}

.annotation.ch-5 {
  top: 16.8rem;
  right: 30.5rem;
}

.annotation.ch-5-2 {
  top: 20rem;
  right: 27rem;
}

.annotation.ch-6 {
  top: 14.25rem;
  right: 27.4rem;
}

.annotation-icon {
  width: var(--basic-size--15px);
  height: var(--basic-size--15px);
  line-height: 0%;
  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
}

.tech-section-sticky {
  width: 100%;
  height: 100vh;
  padding-top: 30vh;
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--50px);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 0;
}

.mockup-wrapper {
  transform-origin: 50% 100%;
  border-radius: 18% 18% 0 0;
  justify-content: center;
  align-items: flex-end;
  width: 15%;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.mockup-img {
  z-index: 10;
  transform-origin: 50% 0;
  object-fit: fill;
  height: 100%;
  position: relative;
  transform: scale(1.04);
}

.tech-mockup-wrapper {
  z-index: 15;
  aspect-ratio: 1;
  justify-content: center;
  align-items: flex-end;
  width: 14rem;
  max-width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  overflow: hidden;
}

.mockup-bg {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100vh;
  position: relative;
}

.mockup-bg.first {
  z-index: 0;
  transform-origin: 50% 100%;
  max-width: none;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.tech-bg-wrapper {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.core-sticky {
  z-index: 3;
  position: relative;
}

.night-background-nav {
  z-index: 1;
  border-radius: var(--basic-size--10px);
  background-color: var(--bg--night);
  transform-origin: 50% 0;
  width: 26%;
  min-width: 30.8rem;
  height: 2%;
  min-height: 3rem;
  display: flex;
  position: absolute;
  inset: 0 auto auto;
}

.tech-chapter-mob-img {
  display: none;
}

.tech-chapter-nav--mob {
  z-index: 10;
  margin-bottom: var(--basic-size--25px);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--basic-size--15px);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #00000070;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: none;
  position: sticky;
  bottom: 1.563rem;
}

.mockup-bg-mob {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100vh;
  display: none;
  position: relative;
}

.mockup-bg-mob.first {
  z-index: 0;
  transform-origin: 50% 100%;
  max-width: none;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.tech-bg-img-cover-mob {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.tech-bg-img-cover-mob.first {
  z-index: 0;
  transform-origin: 50% 100%;
  max-width: none;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.img-tech-cover-wrapp, .tech-ch-image {
  display: none;
}

.mockup-bg-mobile {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100vh;
  display: none;
  position: relative;
}

.mockup-bg-mobile.first {
  z-index: 0;
  transform-origin: 50% 100%;
  max-width: none;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.ann-text-wrapper {
  z-index: 1;
  width: 18rem;
  padding: var(--basic-size--80px) 4.0625rem 3.75rem var(--basic-size--40px);
  border-radius: var(--basic-size--40px);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  transform-origin: 100% 0;
  color: var(--fg--foreground-1);
  background-color: #4f4f4f70;
  flex: none;
  display: none;
  position: relative;
  top: -4.0625rem;
  right: -.9375rem;
  transform: scale(0);
}

.ann-text-wrapper.active {
  z-index: 10;
  display: flex;
  top: -4.0625rem;
  right: -.9375rem;
  transform: scale(1);
}

.annotation-btn {
  z-index: 99;
  width: var(--basic-size--50px);
  height: var(--basic-size--50px);
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  color: var(--fg--foreground-3);
  cursor: pointer;
  background-color: #69696980;
  border-radius: 1.5625rem;
  flex: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .4s cubic-bezier(.55, .055, .675, .19);
  display: flex;
  position: relative;
}

.annotation-btn:hover {
  color: var(--fg--foreground-2);
  background-color: #69696970;
}

.annotation-btn:active {
  color: var(--fg--foreground-1);
}

.annotation-btn.ch-1-1 {
  top: 14.75rem;
  right: 20rem;
}

.annotation-btn.ch-1-2 {
  top: 23rem;
  right: 33.3125rem;
}

.annotation-btn.ch-2-1 {
  top: 17rem;
  right: 19.6rem;
}

.annotation-btn.ch-2-2 {
  top: 26.25rem;
  right: 33.7rem;
}

.annotation-btn.ch-3 {
  top: 16.4rem;
  right: 22rem;
}

.annotation-btn.ch-4 {
  top: 20rem;
  right: 27rem;
}

.annotation-btn.ch-5 {
  top: 16.8rem;
  right: 30.5rem;
}

.annotation-btn.ch-5-2 {
  top: 20rem;
  right: 27rem;
}

.annotation-btn.ch-6 {
  top: 14.25rem;
  right: 27.4rem;
}

.annotation-text {
  font-size: var(--text-size--17px);
  mix-blend-mode: exclusion;
  line-height: 145%;
}

.subview-img-wrapp {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto auto 50%;
}

.subview-img-wrapp.desktop {
  padding-left: 10%;
  padding-right: 10%;
  inset: 0% 10% 0% auto;
  overflow: hidden;
}

.subview-img-wrapp.mobile {
  display: none;
}

.hero-bg-video {
  z-index: 1;
  opacity: .4;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.vimeo-wrapper {
  opacity: .3;
}

.hide {
  display: none;
}

.privacy-section {
  z-index: 3;
  padding: var(--basic-size--200px) var(--basic-size--50px);
  background-color: var(--bg--background-1);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.privacy-container {
  grid-column-gap: 4.375rem;
  grid-row-gap: 4.375rem;
  flex-flow: column;
  display: flex;
}

.privacy-content {
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  flex-flow: column;
  display: flex;
}

.privacy-grid {
  z-index: 6;
  width: 100%;
  padding-right: var(--basic-size--50px);
  padding-left: var(--basic-size--50px);
  grid-column-gap: var(--basic-size--10px);
  grid-row-gap: var(--basic-size--10px);
  grid-template-rows: auto;
  grid-template-columns: 20rem auto 20rem;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.privacy-grid.footer-centered {
  justify-content: space-between;
}

.privacy-grid.subview {
  position: sticky;
  top: 45vh;
}

.text-link {
  text-decoration: none;
  transition: opacity .4s;
}

.text-link:hover {
  opacity: .7;
}

.links-list {
  z-index: 99;
  grid-column-gap: var(--basic-size--10px);
  grid-row-gap: var(--basic-size--10px);
  color: var(--fg--foreground-3);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 1.75rem;
  list-style-type: none;
  display: flex;
  position: relative;
}

.links-list.text-light-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  list-style-type: none;
  display: flex;
}

.footer-logo-link {
  opacity: .4;
  cursor: pointer;
  transition: opacity .3s;
}

.footer-logo-link:hover {
  opacity: .9;
}

.lottie-animation {
  z-index: 99;
  width: 1.875rem;
  position: absolute;
  bottom: 1.375rem;
}

.flex-vertical {
  grid-column-gap: var(--basic-size--15px);
  grid-row-gap: var(--basic-size--15px);
}

.hero-descr {
  z-index: 99;
  opacity: .7;
  position: absolute;
  inset: auto auto 2.6875rem 3.125rem;
}

.footer-links-list {
  grid-column-gap: var(--basic-size--10px);
  grid-row-gap: var(--basic-size--10px);
}

.div-block {
  grid-column-gap: var(--basic-size--20px);
  grid-row-gap: var(--basic-size--20px);
  flex-flow: column;
  max-width: 22.5rem;
  display: flex;
}

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

._404-section {
  background-color: var(--bg--background-1);
  justify-content: center;
  align-items: center;
  height: 48.75rem;
  display: flex;
  position: relative;
}

._404-message {
  z-index: 1;
  width: 31.25rem;
  padding: var(--basic-size--40px);
  grid-column-gap: var(--basic-size--80px);
  grid-row-gap: var(--basic-size--80px);
  border-radius: var(--basic-size--40px);
  background-color: var(--bg--night);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.button {
  height: var(--basic-size--50px);
  border-radius: var(--basic-size--10px);
  background-color: var(--opacity--10);
  color: var(--fg--foreground-2);
  font-size: var(--text-size--17px);
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: background-color .3s ease-out;
  display: flex;
}

.button:hover {
  background-color: var(--opacity--30);
}

.button:active {
  background-color: var(--fg--foreground-4);
}

.button.w--current {
  justify-content: center;
  align-items: center;
  display: flex;
}

._404-bg-image {
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
  flex: none;
  width: 100%;
  max-width: none;
  position: absolute;
  inset: auto auto -3rem;
}

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

@media screen and (min-width: 1920px) {
  .main-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .technology-section {
    background-color: var(--bg--background-1);
  }

  .tab-link-tab-1, .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding: .8vw;
  }

  .heading-wrapper.mw-320px {
    grid-column-gap: .8vw;
    grid-row-gap: .8vw;
    max-width: 16.7vw;
  }

  .subview-heading {
    grid-column-gap: 2.6vw;
    grid-row-gap: 2.6vw;
  }

  .accordion__icon {
    flex: none;
  }

  .accordion__control {
    border-radius: 1vw;
  }

  .accordion-button {
    justify-content: center;
    align-items: center;
  }

  .footer-heading.mw-320px {
    grid-column-gap: .8vw;
    grid-row-gap: .8vw;
    max-width: 16.7vw;
  }

  .centered-heading {
    margin-bottom: 0;
    left: 24.5vw;
  }

  .vacancy-heading.mw-320px {
    grid-column-gap: .8vw;
    grid-row-gap: .8vw;
    max-width: 16.7vw;
  }

  .core-icon-wrapp {
    justify-content: center;
    align-items: center;
  }

  .tech-bg-wrapp.ch-bg-1 {
    opacity: 0;
    display: none;
  }

  .ann-text-wrapper.active {
    top: -4.0625rem;
    right: -.9375rem;
  }

  .body {
    background-color: var(--bg--background-1);
  }

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

@media screen and (max-width: 991px) {
  .heading-centered {
    left: 50%;
  }

  .heading-centered.hero {
    width: 50%;
    left: 50%;
    transform: translate(-50%);
  }

  .text-30px.text-light-1 {
    font-size: var(--text-size--30px);
    line-height: 110%;
  }

  .technology-section {
    padding-top: var(--basic-size--100px);
    padding-bottom: var(--basic-size--100px);
  }

  .core-tabs-wrapper {
    margin-top: var(--basic-size--100px);
  }

  .tabs {
    flex-flow: column;
    width: 100%;
    display: none;
  }

  .tabs-menu {
    width: 100%;
  }

  .tabs-content {
    flex: 1;
  }

  .core-tab-icon-wrapp {
    border-radius: 1.3vw;
    flex: none;
    width: 6.5vw;
    height: 6.5vw;
  }

  .tab-link-tab-1, .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4 {
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    color: var(--bg--background-2);
    padding: 2vw;
  }

  .subview-section {
    height: 150vh;
    padding-top: 0;
  }

  .subview-heading {
    width: 40%;
  }

  .appstore-btn {
    display: none;
  }

  .appstore-img {
    width: 10.8rem;
  }

  .accordion__icon {
    flex: none;
  }

  .accordion__list {
    width: 100%;
  }

  .accordion__control {
    text-align: left;
  }

  .vacancy-section {
    padding-top: var(--basic-size--100px);
    padding-bottom: var(--basic-size--100px);
    justify-content: space-between;
    align-items: center;
  }

  .accordion-button {
    justify-content: center;
    align-items: center;
  }

  .footer {
    grid-column-gap: var(--basic-size--50px);
    grid-row-gap: var(--basic-size--50px);
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    max-height: none;
  }

  .footer-cta {
    flex: none;
    width: 30%;
  }

  .footer-links-wrapper {
    grid-column-gap: var(--basic-size--30px);
    grid-row-gap: var(--basic-size--30px);
    width: 60%;
    padding-right: 0;
  }

  .footer-links-col {
    flex: 1;
  }

  .footer-links-col.first, .footer-links-col.last {
    flex: none;
  }

  .footer-links-col.address {
    max-width: none;
  }

  .footer-logo-wrapp.descktop {
    display: none;
  }

  .footer-logo-wrapp.mobile {
    display: flex;
  }

  .footer-sn-wrapp {
    grid-column-gap: 2.6vw;
    grid-row-gap: 2.6vw;
  }

  .footer-sn-item {
    width: 3.2vw;
    height: 3.2vw;
  }

  .footer-logo {
    width: 8.125rem;
  }

  .tech-section-second {
    margin-bottom: -10rem;
  }

  .margin-top._100px {
    margin-top: 10vw;
    position: relative;
    transform: translate(0, -50%);
  }

  .nav-menu-wrapp {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 3.3vw;
  }

  .app-mockup-mobile {
    width: 18rem;
    right: 10%;
  }

  .core-accordion-mob {
    width: 100%;
    display: flex;
  }

  .basic-grid {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .basic-grid.footer-centered {
    grid-column-gap: var(--basic-size--20px);
    grid-row-gap: var(--basic-size--20px);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-bottom {
    width: 100%;
  }

  .footer-bottom-sn-wrapper {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  .vacancy-heading {
    width: 60%;
    margin-bottom: var(--basic-size--100px);
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 0%;
  }

  .vacancy-heading.mw-320px {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    max-width: 40vw;
  }

  .footer-divider {
    margin-left: 0;
    margin-right: 0;
  }

  .core-icon-wrapp {
    justify-content: center;
    align-items: center;
  }

  .heading-hero.text-light-1 {
    font-size: var(--text-size--30px);
    line-height: 110%;
  }

  .subview-img-wrapp.desktop {
    right: 0%;
  }

  .privacy-section {
    padding-top: var(--basic-size--100px);
    padding-bottom: var(--basic-size--100px);
    justify-content: space-between;
    align-items: center;
  }

  .privacy-grid {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .privacy-grid.footer-centered {
    grid-column-gap: var(--basic-size--20px);
    grid-row-gap: var(--basic-size--20px);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  ._404-bg-image {
    min-height: 110%;
    bottom: -5%;
  }
}

@media screen and (max-width: 767px) {
  .text-small {
    line-height: 135%;
  }

  .heading-centered {
    width: auto;
  }

  .heading-centered.hero {
    width: 60%;
  }

  .navbar {
    padding: var(--basic-size--10px) var(--basic-size--10px) var(--basic-size--10px) var(--basic-size--20px);
  }

  .navbar-container {
    justify-content: space-between;
    position: static;
  }

  .brand {
    padding-left: 0;
  }

  .technology-section {
    height: auto;
    padding-right: var(--basic-size--20px);
    padding-bottom: var(--basic-size--80px);
    padding-left: var(--basic-size--20px);
    background-color: var(--bg--background-1);
  }

  .tabs {
    display: none;
  }

  .core-tab-icon-wrapp {
    width: 100%;
  }

  .core-tab-icon {
    color: currentColor;
  }

  .subview-section {
    z-index: 5;
    padding-right: var(--basic-size--20px);
    padding-bottom: var(--basic-size--80px);
    padding-left: var(--basic-size--20px);
  }

  .heading-wrapper.mw-320px {
    margin-left: var(--basic-size--20px);
  }

  .subview-heading {
    width: 100%;
    padding: var(--basic-size--30px);
    border-radius: var(--basic-size--30px);
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    background-color: #1a1a1ab3;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .appstore-btn {
    flex: none;
  }

  .accordion {
    padding: .8rem var(--basic-size--10px) .8rem var(--basic-size--20px);
    border-radius: var(--basic-size--15px);
  }

  .accordion__control {
    margin-bottom: 0;
  }

  .vacancy-section {
    padding: var(--basic-size--80px) var(--basic-size--20px);
    position: relative;
  }

  .accordion-button {
    width: 2.8125rem;
    height: 2.8125rem;
  }

  .accordion-button.core {
    background-color: var(--bg--background-2);
  }

  .accordion-btn {
    height: 3.75rem;
  }

  .accordion-btn.fg-10 {
    border-radius: 1.8vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .accordion-container {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .accordion-container.core {
    background-color: #0000;
    margin-top: 5.2vw;
    padding: 0;
  }

  .footer {
    padding-right: var(--basic-size--20px);
    padding-left: var(--basic-size--20px);
  }

  .footer-heading {
    width: 50%;
  }

  .footer-cta {
    width: 100%;
    margin-bottom: var(--basic-size--40px);
  }

  .form {
    border-radius: 1.8vw;
  }

  .footer-links-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-right: 0;
  }

  .footer-links-col {
    flex: 1;
  }

  .footer-link {
    line-height: 120%;
  }

  .footer-sn-wrapp {
    grid-column-gap: 3.5vw;
    grid-row-gap: 3.5vw;
  }

  .footer-sn-item {
    width: 4.4vw;
    height: 4.4vw;
  }

  .footer-logo {
    width: 7.375rem;
  }

  .hero-video-wrapp, .hero-video {
    border-radius: var(--basic-size--10px);
  }

  .tech-section {
    height: 200vh;
  }

  .tech-section-second {
    height: auto;
    padding-right: 0;
    padding-bottom: var(--basic-size--80px);
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
    overflow: hidden;
  }

  .margin-top._100px {
    margin-top: 0;
    transform: none;
  }

  .nav-menu {
    width: 100vw;
    margin-top: 0;
    margin-right: 0;
    inset: 0% 0% auto;
  }

  .nav-link {
    font-size: var(--text-size--30px);
  }

  .nav-menu-wrapp {
    padding-left: var(--basic-size--40px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .logo-text {
    width: auto;
    color: var(--fg--foreground-1);
    font-family: Denim, sans-serif;
    font-size: var(--text-size--30px);
    letter-spacing: -.02rem;
    font-weight: 300;
    line-height: 100%;
    display: none;
  }

  .logo-text.mob {
    display: block;
  }

  .app-mockup-mobile {
    width: 20rem;
    bottom: 0;
    right: auto;
  }

  .show-on-mob {
    width: 100%;
    margin-top: var(--basic-size--20px);
    display: block;
  }

  .basic-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-columns: 20rem;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-bottom-sn-wrapper {
    margin-top: var(--basic-size--20px);
    justify-content: center;
    align-items: center;
  }

  .vacancy-heading {
    width: 50%;
    margin-bottom: var(--basic-size--40px);
  }

  .vacancy-heading.mw-320px {
    grid-column-gap: 2.6vw;
    grid-row-gap: 2.6vw;
    max-width: 56vw;
  }

  .logo-footer {
    width: auto;
    margin-top: var(--basic-size--30px);
    margin-bottom: var(--basic-size--50px);
    color: var(--fg--foreground-1);
    font-family: Denim, sans-serif;
    font-size: var(--text-size--30px);
    letter-spacing: -.02rem;
    font-weight: 300;
    line-height: 110%;
    display: block;
  }

  .core-icon-wrapp {
    width: 2.8125rem;
    height: 2.8125rem;
  }

  .core-icon-wrapp.core {
    background-color: var(--bg--background-2);
  }

  .hero-sticky {
    padding-right: var(--basic-size--20px);
    padding-left: var(--basic-size--20px);
  }

  .tech-chapter {
    width: 100%;
    height: auto;
    padding-bottom: var(--basic-size--80px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .chapters-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .tech-bg-img-wrapp {
    display: none;
  }

  .tech-bg-img {
    object-fit: cover;
    object-position: 50% 80%;
  }

  .tech-chapter-nav {
    flex: none;
    display: none;
    position: fixed;
    bottom: 1.25rem;
  }

  .tech-section-sticky {
    padding-right: var(--basic-size--20px);
    padding-left: var(--basic-size--20px);
  }

  .tech-mockup-wrapper {
    width: auto;
    max-width: none;
    height: 20%;
  }

  .mockup-bg {
    display: none;
  }

  .tech-chapter-mob-img {
    width: 100%;
    height: 26.25rem;
    margin-bottom: -2.5rem;
    display: flex;
  }

  .tech-chapter-nav--mob {
    flex: none;
    margin-bottom: 0;
    display: flex;
    position: fixed;
    bottom: 1.25rem;
  }

  .mockup-bg-mob {
    display: block;
    position: absolute;
  }

  .tech-bg-img-cover-mob {
    transform-origin: 50% 0;
    object-fit: cover;
    object-position: 70% 50%;
    display: block;
    position: relative;
  }

  .img-tech-cover-wrapp {
    z-index: 10;
    height: 26.25rem;
    max-height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
  }

  .tech-img-grad {
    z-index: 5;
    background-image: linear-gradient(180deg, #0b0b0b00, var(--bg--background-1) 80%);
    height: 6rem;
    position: absolute;
    inset: auto 0% -2px;
  }

  .tech-img-grad.top {
    background-image: linear-gradient(0deg, #0b0b0b00, var(--bg--background-1) 80%);
    inset: 0% 0% auto;
  }

  .tech-ch-image {
    width: 100%;
    height: 26.25rem;
    display: block;
    position: relative;
  }

  .mockup-bg-mobile {
    object-position: 70% 50%;
    display: block;
  }

  .nav-links-wrapp {
    grid-column-gap: var(--basic-size--15px);
    grid-row-gap: var(--basic-size--15px);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .subview-img-wrapp {
    left: auto;
  }

  .subview-img-wrapp.desktop {
    display: none;
  }

  .subview-img-wrapp.mobile {
    display: flex;
  }

  .privacy-section {
    padding: var(--basic-size--100px) var(--basic-size--20px) var(--basic-size--80px);
    position: relative;
  }

  .privacy-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-columns: 20rem;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .lottie-animation {
    inset: auto 1.25rem .625rem auto;
  }

  .hero-descr {
    bottom: 1.5rem;
    left: 1.25rem;
  }

  ._404-section {
    height: 38rem;
  }
}

@media screen and (max-width: 479px) {
  .text-base.text-light-4, .heading-primary.text-light-1 {
    z-index: 1;
    position: relative;
  }

  .heading-additional {
    line-height: 145%;
  }

  .heading-additional.small-on-mob {
    color: var(--fg--foreground-2);
    font-family: Interdisplay, sans-serif;
    font-size: var(--text-size--17px);
    letter-spacing: 0;
    margin-right: 3rem;
    font-weight: 400;
    line-height: 150%;
  }

  .main-wrapper {
    max-width: 100vw;
  }

  .hero-section, .heading-centered {
    width: 100%;
  }

  .heading-centered.hero {
    width: 100%;
    padding-right: var(--basic-size--10px);
    left: 0%;
    transform: none;
  }

  .text-30px {
    font-size: 7.7vw;
  }

  .navbar {
    padding-left: var(--basic-size--20px);
    margin-left: 0;
    margin-right: 0;
  }

  .technology-section {
    grid-column-gap: var(--basic-size--80px);
    grid-row-gap: var(--basic-size--80px);
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .core-tabs-wrapper {
    margin-top: 0;
  }

  .tabs {
    flex-flow: column;
  }

  .tabs-menu {
    flex-flow: row;
    width: 100%;
    margin-bottom: 5vw;
    margin-right: 0;
    padding-right: 5vw;
    overflow: auto;
  }

  .tabs-content {
    width: 90vw;
    height: auto;
    padding-top: 7.7vw;
    padding-left: 3.8vw;
    padding-right: 3.8vw;
  }

  .core-tab-icon-wrapp {
    width: 11.5vw;
    height: 11.5vw;
  }

  .tab-link-tab-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex: none;
    padding: 3.2vw;
  }

  .tab-link-tab-1.w--current {
    padding: 3.2vw;
  }

  .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex: none;
    padding: 3.2vw;
  }

  .tab-content-wrap {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .subview-section {
    height: auto;
    padding: var(--basic-size--100px) 0rem 0rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .heading-wrapper {
    width: 100%;
  }

  .heading-wrapper.mw-320px {
    width: 100%;
    padding-right: var(--basic-size--20px);
    padding-left: var(--basic-size--20px);
    margin-left: 0;
  }

  .subview-heading {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .accordion {
    color: var(--fg--foreground-4);
  }

  .accordion.core.open {
    background-color: var(--bg--background-2);
  }

  .accordion__list {
    grid-column-gap: var(--basic-size--10px);
    grid-row-gap: var(--basic-size--10px);
    width: 100%;
  }

  .accordion__control.core {
    grid-column-gap: 5.2vw;
    grid-row-gap: 5.2vw;
  }

  .vacancy-section {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
  }

  .accordion-button.core {
    border-radius: 2.5vw;
    width: 12.8vw;
    height: 12.8vw;
  }

  .accordion-btn.fg-10 {
    grid-column-gap: 3.9vw;
    grid-row-gap: 3.9vw;
    border-radius: 3.9vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .career-list-wrapp {
    grid-column-gap: 3.9vw;
    grid-row-gap: 3.9vw;
  }

  .accordion-container {
    margin-top: var(--basic-size--20px);
  }

  .footer-heading {
    grid-column-gap: 3.8vw;
    grid-row-gap: 3.8vw;
    width: 100%;
  }

  .footer-cta {
    width: 100%;
    max-width: none;
    margin-bottom: var(--basic-size--100px);
    grid-column-gap: 15vw;
    grid-row-gap: 15vw;
  }

  .form {
    border-radius: 2.5vw;
  }

  .footer-links-wrapper {
    grid-column-gap: 12.8vw;
    grid-row-gap: 12.8vw;
    flex-flow: column;
    width: 90%;
  }

  .footer-links-col.last {
    order: -1;
  }

  .footer-logo-wrapp {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-sn-wrapp {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .footer-sn-item {
    width: 7vw;
    height: 7vw;
  }

  .footer-logo {
    width: 7.375rem;
  }

  .tech-section {
    height: 150vh;
  }

  .tech-section-second {
    padding-right: 0;
    padding-bottom: var(--basic-size--200px);
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 0;
  }

  .margin-top._100px {
    margin-top: 0;
  }

  .nav-menu-wrapp {
    border-radius: 0 0 7.7vw 7.7vw;
  }

  .app-mockup-mobile {
    width: 20rem;
    inset: 0% auto auto;
  }

  .app-mockup-mobile.second {
    display: block;
    inset: 30% auto auto;
  }

  .show-on-mob, .core-accordion-mob {
    width: 100%;
    display: flex;
  }

  .basic-grid.subview {
    width: auto;
    margin-right: var(--basic-size--20px);
    margin-left: var(--basic-size--20px);
    position: sticky;
    top: auto;
    bottom: 1.25rem;
  }

  .vacancy-heading {
    width: 100%;
    margin-bottom: var(--basic-size--40px);
    padding-right: var(--basic-size--10px);
  }

  .vacancy-heading.mw-320px {
    grid-column-gap: 3.8vw;
    grid-row-gap: 3.8vw;
    max-width: none;
  }

  .core-icon-wrapp.core {
    border-radius: 2.5vw;
    width: 12.8vw;
    height: 12.8vw;
  }

  .hero-sticky {
    height: 100vh;
  }

  .tech-bg-img {
    height: 26rem;
  }

  .tech-chapter-nav {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
  }

  .tech-nav-btn {
    height: 3.25rem;
    padding-right: var(--basic-size--20px);
    padding-left: var(--basic-size--20px);
    border-radius: var(--basic-size--15px);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    font-size: var(--text-size--17px);
    background-color: #28282870;
  }

  .tech-nav-btn.w--current {
    background-color: #5c5c5c80;
  }

  .annotation {
    justify-content: flex-start;
    align-items: flex-start;
    transition-duration: .1s;
  }

  .annotation.ch-1-1 {
    inset: 20% auto auto 10%;
  }

  .annotation.ch-1-2 {
    inset: 50% auto auto 30%;
  }

  .annotation.ch-2-1 {
    justify-content: flex-start;
    align-items: flex-start;
    inset: 20% auto auto 10%;
  }

  .annotation.ch-2-2 {
    inset: 30% auto auto 40%;
  }

  .annotation.ch-3 {
    inset: 20% auto auto 30%;
  }

  .annotation.ch-4 {
    inset: 15% auto auto 10%;
  }

  .annotation.ch-5 {
    inset: 15% auto auto 30%;
  }

  .annotation.ch-6 {
    inset: 15% auto auto 15%;
  }

  .tech-section-sticky {
    justify-content: center;
    align-items: flex-start;
    max-width: 100vw;
    overflow: hidden;
  }

  .core-sticky {
    position: relative;
    top: 0;
  }

  .night-background-nav {
    width: 100%;
    max-width: 100%;
    display: none;
  }

  .tech-chapter-mob-img {
    margin-bottom: -2.5rem;
    position: relative;
  }

  .tech-chapter-nav--mob {
    width: 100%;
    padding: 0rem var(--basic-size--20px);
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
  }

  .mockup-bg-mob {
    z-index: 10;
    opacity: 0;
    max-height: 26rem;
    position: absolute;
  }

  .tech-bg-img-cover-mob {
    object-position: 50% 100%;
  }

  .img-tech-cover-wrapp {
    width: 100%;
  }

  .tech-img-grad {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
  }

  .tech-ch-image {
    height: 26.25rem;
    margin-bottom: -2.5rem;
    position: relative;
  }

  .mockup-bg-mobile {
    object-position: 50% 100%;
  }

  .ann-text-wrapper {
    transform-origin: 0 0;
  }

  .ann-text-wrapper.active {
    padding-top: var(--basic-size--80px);
    padding-right: var(--basic-size--40px);
    left: -.9375rem;
    right: 0;
  }

  .nav-links-wrapp {
    grid-column-gap: var(--basic-size--15px);
    grid-row-gap: var(--basic-size--15px);
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .subview-img-wrapp {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .privacy-section {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
  }

  .privacy-container {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    width: 100%;
  }

  .privacy-grid.subview {
    width: auto;
    margin-right: var(--basic-size--20px);
    margin-left: var(--basic-size--20px);
    position: sticky;
    top: auto;
    bottom: 1.25rem;
  }

  ._404-section {
    justify-content: center;
    align-items: flex-start;
    padding-top: 15.625rem;
    padding-left: .3125rem;
    padding-right: .3125rem;
  }

  ._404-message {
    width: 100%;
  }
}

#w-node-a701b0cc-5729-dd03-7333-5f8dc995d662-0ada8e96, #w-node-_6287c227-7d65-aaa8-79a0-bc1e0e7db1c2-0ada8e96 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_03bf7d87-3e87-26c9-a629-d699fb84da03-fb84d9ee {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: end;
}

#w-node-_03bf7d87-3e87-26c9-a629-d699fb84da28-fb84d9ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_03bf7d87-3e87-26c9-a629-d699fb84da2a-fb84d9ee {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-_03bf7d87-3e87-26c9-a629-d699fb84da2e-fb84d9ee {
  justify-self: end;
}

#w-node-_62012883-6731-09af-10b9-4254cd99635b-cd996359 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_62012883-6731-09af-10b9-4254cd996360-cd996359 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-_43e49fd6-6d2d-8de3-701b-3d9d5cad64e7-5fb50ee0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_086b7a34-8d8a-9d2b-dae0-7dc61be4d979-5fb50ee0 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-f8a1768c-0e97-1225-0a2e-d04d070046c4-d1ec1e9e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2f65afff-9171-c376-0461-575862583c7e-635b308d {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-_03bf7d87-3e87-26c9-a629-d699fb84da2a-fb84d9ee {
    justify-self: end;
  }

  #w-node-_086b7a34-8d8a-9d2b-dae0-7dc61be4d979-5fb50ee0, #w-node-_2f65afff-9171-c376-0461-575862583c7e-635b308d {
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-a701b0cc-5729-dd03-7333-5f8dc995d662-0ada8e96, #w-node-_6287c227-7d65-aaa8-79a0-bc1e0e7db1c2-0ada8e96, #w-node-_43e49fd6-6d2d-8de3-701b-3d9d5cad64e7-5fb50ee0 {
    grid-area: 1 / 2 / 2 / 3;
  }
}


@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Denim';
  src: url('../fonts/Denim-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}