@font-face {
  font-family: Cabin Variablefont Wdth Wght;
  src: url('../fonts/Cabin-VariableFont_wdthwght.ttf') format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Editorialnew;
  src: url('../fonts/EditorialNew-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Editorialnew;
  src: url('../fonts/EditorialNew-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Editorialnew;
  src: url('../fonts/EditorialNew-Ultralight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url('../fonts/PPEditorialNew-Ultralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: white;
  --gray-blue: #b6d6e24d;
  --transparent: transparent;
  --white-35: #ffffff59;
  --blue-white: #cce0e2;
  --white-20: #fff3;
  --stroke-black: #1f2527;
}

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

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

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

body {
  background-color: var(--black);
  color: var(--white);
  letter-spacing: .617rem;
  font-family: Cabin Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 14rem;
  line-height: 133%;
}

h1 {
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Editorialnew, Arial, sans-serif;
  font-size: 76rem;
  font-weight: 300;
  line-height: 100%;
}

h2 {
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: -10rem;
  padding-bottom: 10rem;
  font-family: Editorialnew, Arial, sans-serif;
  font-size: 52rem;
  font-weight: 300;
  line-height: 115.3%;
}

a {
  text-decoration: none;
}

.header {
  height: 57rem;
}

.main {
  overflow: hidden;
}

.container {
  max-width: 1440px;
  padding-left: 40rem;
  padding-right: 40rem;
}

.spline-scene {
  display: none;
}

.text-size-small {
  letter-spacing: .3rem;
  font-size: 14rem;
  line-height: 142%;
}

.text-size-small.text-color-gray-blue {
  color: var(--gray-blue);
}

.text-size-small.plan-timeline-subheading {
  text-transform: uppercase;
  line-height: 166%;
}

.footer-links-box {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  display: flex;
}

.footer-layout {
  grid-column-gap: 0px;
  grid-row-gap: 108rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24rem;
  padding-bottom: 24rem;
  display: grid;
}

.footer-social-links-box {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-logo {
  width: 114rem;
  height: 31rem;
  display: flex;
}

.noize-button {
  letter-spacing: 0;
  cursor: pointer;
  background-color: #ffffff0a;
  border-radius: 50rem;
  padding: 6rem 16rem;
  font-size: 14rem;
  line-height: 142%;
  position: relative;
  overflow: hidden;
}

.footer-social-links-wrapper {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-button-background {
  z-index: -1;
  opacity: .2;
  background-image: url('../images/tenor.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.navbar {
  background-color: var(--transparent);
}

.noize-background {
  z-index: -1;
  opacity: .2;
  pointer-events: none;
  mix-blend-mode: soft-light;
  background-image: url('../images/XyWT.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.noize-background.about-card-noize {
  opacity: .01;
}

.noize-background.permance-item-noize {
  z-index: 1;
  opacity: .05;
  width: 100%;
  height: 100%;
}

.noize-background.plan-item-noize {
  z-index: 1;
  opacity: .05;
  mix-blend-mode: normal;
  background-image: url('../images/XyWT.gif');
  inset: 0%;
}

.navbar-layout {
  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: center;
  padding-top: 13rem;
  padding-bottom: 13rem;
  display: grid;
}

.menu-button {
  pointer-events: none;
  padding: 0;
  position: static;
}

.menu-button.w--open {
  background-color: var(--transparent);
}

.navbar-menu-box {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-logo {
  width: 99rem;
  height: 30rem;
  display: flex;
}

.menu-button-icon {
  width: 20rem;
  height: 20rem;
  display: flex;
}

.text-color-gray-blue {
  color: var(--gray-blue);
}

.dark-noize-button {
  letter-spacing: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1f2527a1;
  border-radius: 54rem;
  padding: 6rem 16rem;
  font-size: 11rem;
  font-weight: 500;
  line-height: 181%;
  position: relative;
  overflow: hidden;
}

.dark-noize-button.text-weight-bold {
  font-weight: 700;
}

.dark-noize-button.text-weight-bold.about-card-button {
  margin-top: 24rem;
}

.navbar-buttons-box {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cover-layout {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.cover-cards-box {
  border-top: .5px solid #fff3;
  border-bottom: .5px #fff3;
  grid-template-rows: auto;
  grid-template-columns: 1fr min-content 1fr min-content 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.cover-box {
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100rem;
  padding-bottom: 100rem;
  display: flex;
  position: relative;
}

.cover-card-icon {
  width: 24rem;
  height: 24rem;
  display: flex;
}

.cover-card {
  flex: 1;
  padding: 32rem 10rem 37.5rem 40rem;
  font-size: 18rem;
}

.cover-card.no-border {
  border-right-style: none;
}

.cover-card-text-box {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30rem;
  display: flex;
}

.text-size-normal {
  font-size: 18rem;
  font-weight: 400;
  line-height: 133%;
}

.text-size-normal.text-color-opacity-white {
  text-overflow: ellipsis;
}

.text-color-opacity-white {
  color: var(--white-35);
  line-height: 133%;
}

.date-svg {
  width: 16rem;
  height: 16rem;
}

.date-box {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  letter-spacing: .3rem;
  background-color: #ffffff08;
  border: .5px solid #ffffff1f;
  border-radius: 66rem;
  justify-content: flex-start;
  align-items: center;
  padding: 7rem 12rem;
  line-height: 142%;
  display: flex;
}

.cover-heading-box {
  max-width: 450rem;
  margin-top: 44rem;
  margin-bottom: 16rem;
}

.gradient-button {
  z-index: 1;
  background-color: var(--white);
  pointer-events: auto;
  color: var(--black);
  letter-spacing: .7rem;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 50rem;
  padding: 12.5rem 20rem 10.2rem;
  font-size: 12rem;
  font-weight: 700;
  line-height: 158.33%;
  position: relative;
  overflow: hidden;
}

.cover-button-background {
  z-index: -2;
  position: absolute;
  inset: 0%;
}

.cover-logos-box {
  grid-column-gap: 25rem;
  grid-row-gap: 25rem;
  color: var(--blue-white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 32rem;
}

.cover-logo {
  flex: 0 auto;
  height: 25rem;
}

.section {
  position: relative;
}

.section.border-top {
  border-top: .5px solid #fff3;
}

.section.none {
  display: none;
}

.about-layout {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 120rem;
  padding-bottom: 120rem;
  display: flex;
}

.heading-2 {
  overflow: visible;
}

.about-cards-grid {
  grid-column-gap: 22rem;
  grid-row-gap: 22rem;
  grid-template-rows: 190rem 258rem;
  grid-template-columns: 1fr 1fr 308rem;
  grid-auto-columns: 1fr;
  width: 891rem;
  margin-top: 52rem;
  display: grid;
}

.about-card {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #000;
  border-radius: 10rem;
  overflow: hidden;
}

.about-card.first-about-card {
  z-index: 1;
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 53rem 210rem 53rem 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-card.secons-about-card {
  background-image: url('../images/lume-bg-02_1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.about-card.third-about-card {
  height: 100%;
  padding-top: 38rem;
  padding-left: 38rem;
  display: block;
  position: relative;
}

.about-card.fourth-about-card {
  text-align: center;
  background-image: url('../images/lume-bg-04_1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-bottom: 30rem;
  display: flex;
}

.cover-card-text-box-copy {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30rem;
  display: flex;
}

.about-card-rings {
  width: 114rem;
  height: 95rem;
  position: absolute;
  inset: auto 43rem auto auto;
}

.about-card-blur-background {
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.about-card-numbers-text {
  letter-spacing: 0;
  font-family: Editorialnew, Arial, sans-serif;
  font-size: 64rem;
  font-weight: 200;
  line-height: 109%;
}

.about-card-background {
  z-index: -2;
  pointer-events: none;
  background-image: url('../images/lume-bg-03_1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.about-card-arrow-link {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 11rem;
  font-weight: 700;
  line-height: 177%;
  display: flex;
  position: absolute;
  inset: auto auto 34rem 38rem;
}

.svg {
  width: 14rem;
  height: 14rem;
}

.about-card-icons-image {
  width: 209rem;
}

.perfomance-layout {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 120rem;
  padding-bottom: 120rem;
  display: flex;
}

.perfomance-tabs {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 38rem;
  padding-left: 60rem;
  padding-right: 60rem;
  display: flex;
}

.perfomance-tabs-content {
  flex: none;
  width: 100%;
  height: 556rem;
  margin-top: 56rem;
}

.perfomance-tabs-menu {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.perfomance-tab-link {
  color: var(--white);
  letter-spacing: .3rem;
  background-color: #0000;
  border: .5px solid #ffffff1a;
  border-radius: 50rem;
  padding: 1rem;
  line-height: 142%;
  transition: background-color .3s;
  position: relative;
  overflow: hidden;
}

.perfomance-tab-link:hover, .perfomance-tab-link.w--current {
  background-color: #1c1c1c66;
}

.perfomance-tab-pane {
  height: 100%;
}

.perfomance-diagram-background {
  z-index: 0;
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.performance-diagram-item {
  border-bottom: .5px solid var(--white-20);
  width: 100%;
  color: var(--white-20);
  padding-bottom: 9rem;
  font-weight: 500;
}

.perfomance-grid-box {
  height: 100%;
  position: relative;
}

.perfomance-items-box {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.perfomance-item {
  letter-spacing: .3rem;
  border: .5px solid #ffffff1a;
  border-top-left-radius: 10rem;
  border-top-right-radius: 10rem;
  width: 228rem;
  height: 20%;
  padding-top: 16rem;
  padding-left: 16rem;
  font-size: 12rem;
  line-height: 166%;
  position: relative;
  overflow: hidden;
}

.perfomance-item.first-perfomance-item {
  height: 0%;
  margin-top: 8rem;
}

.perfomance-item.first-perfomance-item.first-tab-item {
  flex: 1;
}

.perfomance-item.second-perforrmance-item {
  height: 17%;
}

.perfomance-item.third-performance-item {
  height: 40%;
}

.perfomance-item.fourth-performance-item {
  height: 65%;
}

.perfomance-item.fifth-performance-item {
  background-image: url('../images/lume-bg-06_1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 11rem;
  padding-left: 7rem;
}

.performance-first-item-box {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 7%;
  font-size: 12rem;
  line-height: 166%;
  display: flex;
}

.perfomance-item-icon {
  width: 70rem;
  height: 25rem;
  display: flex;
}

.cta-layout {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 286rem;
  padding-bottom: 196rem;
  display: flex;
  position: relative;
}

.cta-heading {
  max-width: 985rem;
  font-size: 76rem;
  line-height: 115%;
}

.cta-layout-box {
  background-image: url('../images/lume-bg-07.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}

.plan-layout {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120rem;
}

.plan-heading-box {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 660rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.plan-image {
  width: 100%;
  margin-top: 56rem;
  margin-bottom: 120rem;
}

.cta-background-blot {
  z-index: 1;
  pointer-events: none;
  width: 655rem;
  height: 758rem;
  position: absolute;
  inset: -412rem auto auto 0%;
}

.plan-background-blot {
  pointer-events: none;
  width: 284rem;
  height: 479rem;
  position: absolute;
  inset: -290rem auto auto 0%;
}

.perfomance-heading-layout {
  position: relative;
}

.image {
  width: 290rem;
  height: 142rem;
}

.perfomance-backgound-blot {
  z-index: -1;
  width: 290rem;
  height: 142rem;
  position: absolute;
  inset: auto 0% -50rem auto;
}

.about-background-blot-first {
  z-index: -1;
  width: 462rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-background-blot-second {
  z-index: -1;
  width: 432rem;
  height: 327rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cover-background {
  z-index: -1;
  width: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.divider-line {
  background-color: var(--white-20);
  width: 100%;
  height: .5px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cover-background-lines-box {
  z-index: -1;
  pointer-events: none;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 353rem;
  padding-right: 353rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cover-vertical-line {
  background-color: var(--white-20);
  width: .5rem;
  height: 100%;
}

.cover-first-spline-scene {
  object-fit: cover;
  width: 80%;
  height: 110%;
  display: block;
  position: relative;
  top: -15%;
  left: -8%;
}

.cover-spline-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -60rem;
}

.cover-second-spline-scene {
  width: 70%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.cta-spline-scenes-box {
  position: absolute;
  inset: 0%;
}

.cta-first-spline-scene {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.cta-second-spline-scene {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.plan-roadmap-box {
  border-top: .5px solid #fff3;
  border-bottom: .5px solid #fff3;
  height: 780rem;
  margin-top: 56rem;
  margin-bottom: 120rem;
  position: relative;
}

.plan-roadmap-background {
  pointer-events: none;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 99rem;
  padding-right: 99rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.plan-roadmap-line {
  background-color: #ffffff4d;
  width: .5rem;
  height: 100%;
}

.plan-roadmap-line.quarter-line {
  background-color: #ffffff1a;
}

.plan-roadmap-dates {
  justify-content: space-between;
  align-items: center;
  padding-left: 87rem;
  padding-right: 87rem;
  font-size: 11rem;
  font-weight: 500;
  line-height: 145%;
  display: flex;
  position: absolute;
  inset: auto 0% -30rem;
}

.plan-roadmap-quarters {
  opacity: .35;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 58rem;
  padding-right: 58rem;
  display: flex;
}

.plan-timeline-box {
  z-index: 1;
  grid-column-gap: 32rem;
  grid-row-gap: 32rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding-top: 32rem;
  padding-left: 40rem;
  padding-right: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.plan-timeline-phase {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-phase-item {
  border: .5px solid #fff3;
  border-radius: 10rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.plan-phase-text-box {
  z-index: 2;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  opacity: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 16rem;
  display: flex;
  position: relative;
}

.phase-item-gradient {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.blod {
  position: absolute;
}

.fakeblob {
  z-index: -1;
  position: absolute;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 150rem;
  padding-bottom: 150rem;
  display: grid;
}

.card {
  position: relative;
}

.card.w--current {
  background-color: #0f0d0f;
}

.blob {
  z-index: -1;
}

.performance-tab-text {
  z-index: 1;
  background-color: var(--black);
  opacity: 1;
  color: var(--white);
  letter-spacing: .3rem;
  border-radius: 50rem;
  padding: 6rem 14rem;
  position: relative;
}

.fakeblob-tab {
  position: absolute;
}

.blod-tab {
  position: absolute;
  inset: 0%;
}

.fakeblob-tab {
  background-color: #f87272;
}

.blod-tab {
  inset: auto;
}

.tabs {
  margin-top: 150px;
}

.performance-tab-link {
  background-color: #ffffff1a;
  border-radius: 50rem;
  position: relative;
}

.performance-tab-link.w--current {
  background-color: #0f0d0f;
}

.heading-3 {
  border: 1px solid #d9ff00;
}

.cover-cards-bottom-line {
  background-color: var(--white-20);
  width: 100%;
  height: .5px;
  position: absolute;
  inset: auto auto 0 0%;
}

.cover-cards-verical-line {
  background-color: var(--white-20);
  width: .5px;
  height: 100%;
}

.cover-divider-line {
  background-color: var(--white-20);
  width: 100%;
  height: .5px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-heading-box {
  max-width: 515rem;
}

.preloader-layout {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  font-family: Editorialnew, Arial, sans-serif;
  font-size: 90rem;
  font-weight: 200;
  line-height: 144%;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-box {
  justify-content: center;
  align-items: flex-start;
  height: 113rem;
  display: flex;
  overflow: hidden;
}

.preloader-irem {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.preloader-irem.second-item {
  margin-left: -5rem;
  margin-right: -5rem;
}

.preloader-layout-background {
  z-index: -1;
  background-color: var(--black);
  position: absolute;
  inset: 0%;
}

.nav-link {
  position: relative;
}

.cta-spline-scene-box {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.cta-spline-scene {
  width: 130%;
  height: 75%;
  position: relative;
  top: -10%;
  left: -20%;
}

.background-noize {
  z-index: -3;
  mix-blend-mode: soft-light;
  background-image: url('../images/bottom-noise_1.avif');
  background-position: 0 0;
  background-size: auto;
  position: fixed;
  inset: 0%;
}

.nav-menu {
  display: none;
}

.link {
  position: relative;
}

.button-box {
  z-index: 2;
  border-radius: 50rem;
  margin-top: 44rem;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1440px) {
  .noize-background.plan-item-noize.upd-noize {
    background-image: url('../images/XyWT.gif');
    background-repeat: no-repeat;
  }

  .cover-layout {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .cover-cards-box {
    grid-template-columns: minmax(200px, 480rem) min-content minmax(200px, 480rem) min-content minmax(200px, 480rem);
    justify-content: center;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .section.test {
    display: flex;
  }

  .perfomance-tabs {
    padding-left: 0;
    padding-right: 0;
  }

  .plan-layout {
    padding-left: 40rem;
    padding-right: 40rem;
  }

  .cover-first-spline-scene {
    pointer-events: none;
    top: -8%;
  }

  .cover-spline-box {
    max-width: 1920px;
    left: auto;
    right: auto;
  }

  .cover-second-spline-scene {
    pointer-events: none;
  }

  .cover-spline-layout {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .background-noize {
    z-index: -1;
    opacity: .07;
    background-image: url('../images/XyWT.gif');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    height: 100vh;
    position: fixed;
    inset: 0%;
  }
}

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

  h2 {
    font-size: 36rem;
  }

  a.w--current {
    margin-left: -10rem;
    padding-left: 0;
  }

  .container {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .text-size-small.plan-timeline-subheading {
    font-size: 8rem;
  }

  .footer-links-box {
    flex-flow: wrap;
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .footer-layout {
    grid-row-gap: 12rem;
    grid-template-columns: 1fr;
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .footer-social-links-box {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    margin-top: 4rem;
  }

  .brand-logo {
    justify-content: center;
    align-items: center;
  }

  .dark-noize-button.text-weight-bold.about-card-button {
    padding-left: 12rem;
    padding-right: 12rem;
    line-height: 181%;
  }

  .cover-cards-box {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .cover-box {
    padding-top: 56rem;
  }

  .cover-card {
    padding: 24rem 16rem;
  }

  .cover-card-text-box {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    margin-top: 16rem;
  }

  .text-size-normal {
    letter-spacing: .509rem;
    font-size: 18rem;
  }

  .text-size-normal.text-color-opacity-white.cover-description {
    font-size: 15rem;
  }

  .text-size-normal.text-color-opacity-white.plan-description {
    font-size: 8rem;
  }

  .text-size-normal.cover-card-heading {
    font-size: 18rem;
  }

  .text-size-normal.plan-heading {
    font-size: 8rem;
  }

  .cover-heading-box {
    margin-top: 24rem;
    margin-bottom: 14rem;
  }

  .gradient-button {
    margin-top: 24rem;
  }

  .cover-logos-box {
    grid-column-gap: 22rem;
    grid-row-gap: 22rem;
    margin-top: 40rem;
    margin-bottom: 24px;
    position: static;
  }

  .cover-logo {
    height: 20rem;
  }

  .about-layout {
    padding-top: 52rem;
    padding-bottom: 52rem;
  }

  .about-cards-grid {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    width: auto;
    margin-top: 40rem;
  }

  .about-card.first-about-card {
    padding-top: 20rem;
    padding-left: 32rem;
    padding-right: 0;
  }

  .about-card.secons-about-card {
    background-position: 100% 100%;
  }

  .about-card.third-about-card {
    padding-top: 32rem;
    padding-left: 32rem;
  }

  .about-card-rings {
    display: block;
    position: relative;
    left: -8rem;
    right: auto;
  }

  .about-card-arrow-link {
    bottom: 32rem;
    left: 32rem;
  }

  .perfomance-layout {
    padding-top: 52rem;
    padding-bottom: 52rem;
  }

  .perfomance-tabs {
    margin-top: 24rem;
    padding-left: 0;
    padding-right: 0;
  }

  .perfomance-tabs-content {
    height: 314rem;
    margin-top: 0;
  }

  .perfomance-tabs-menu {
    flex-flow: wrap;
    order: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 24rem;
  }

  .perfomance-diagram-background {
    grid-column-gap: 13rem;
    grid-row-gap: 13rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .performance-diagram-item {
    padding-bottom: 4rem;
    font-size: 7rem;
  }

  .perfomance-item {
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    flex: none;
    width: 70rem;
    padding-top: 4rem;
    padding-left: 4rem;
    font-size: 7rem;
  }

  .perfomance-item.second-perforrmance-item {
    font-size: 7rem;
  }

  .performance-first-item-box {
    flex: none;
    font-size: 7rem;
  }

  .perfomance-item-icon {
    width: 40rem;
    height: 15rem;
  }

  .cta-layout {
    padding: 256rem 16rem 72rem;
  }

  .cta-heading {
    max-width: 90%;
    font-size: 36rem;
    line-height: 122%;
  }

  .plan-layout {
    padding-top: 52rem;
  }

  .plan-heading-box {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    width: auto;
  }

  .plan-background-blot {
    pointer-events: none;
  }

  .cover-spline-box {
    display: none;
  }

  .plan-roadmap-box {
    height: auto;
    margin-top: 40rem;
    margin-bottom: 52rem;
  }

  .plan-roadmap-background {
    padding-left: 29rem;
    padding-right: 29rem;
  }

  .plan-roadmap-dates {
    padding-left: 24rem;
    padding-right: 24rem;
    font-size: 7rem;
    bottom: -20rem;
  }

  .plan-roadmap-quarters {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .plan-timeline-box {
    grid-column-gap: 9rem;
    grid-row-gap: 9rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
    padding-left: 11rem;
  }

  .plan-timeline-phase {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .plan-phase-item {
    border-radius: 3rem;
  }

  .plan-phase-text-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
  }

  .card {
    height: 243rem;
    font-size: 18rem;
  }

  .performance-tab-text {
    line-height: 142%;
  }

  .cover-cards-verical-line {
    width: 100%;
    height: .5px;
  }

  .about-heading-box {
    max-width: none;
  }

  .nav-link {
    display: none;
  }
}

#w-node-_36b52096-3864-8c73-2439-c861a26fbb04-b902e744 {
  justify-self: start;
}

#w-node-_986602b8-9609-c814-a5d9-268ce73685a8-b902e744 {
  justify-self: center;
}

#w-node-_8f652f40-1f9c-e757-c33d-dbda0a30dd6a-b902e744 {
  justify-self: end;
}

#w-node-d0ee7ce5-4dc3-4c26-3f19-5edee4dff529-b902e744 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d0ee7ce5-4dc3-4c26-3f19-5edee4dff536-b902e744 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_6d977aa6-457d-f9c6-46c4-9f98fffcc462-b902e744, #w-node-e1c2eae7-6ab0-6be5-6223-f650669ed5f0-b902e744 {
  justify-self: end;
}

#w-node-f7551b65-13be-de68-db72-53c55f40fd67-52518754 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_15f4f88a-5ea4-4a4a-278d-074e3ff40560-52518754 {
  grid-area: 1 / 3 / 3 / 4;
}

@media screen and (max-width: 479px) {
  #w-node-_986602b8-9609-c814-a5d9-268ce73685a8-b902e744 {
    justify-self: center;
  }

  #w-node-d0ee7ce5-4dc3-4c26-3f19-5edee4dff529-b902e744 {
    grid-column-end: 2;
  }

  #w-node-d0ee7ce5-4dc3-4c26-3f19-5edee4dff536-b902e744 {
    grid-area: 4 / 1 / 5 / 2;
    align-self: auto;
  }

  #w-node-d0ee7ce5-4dc3-4c26-3f19-5edee4dff556-b902e744 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_6d977aa6-457d-f9c6-46c4-9f98fffcc462-b902e744, #w-node-e1c2eae7-6ab0-6be5-6223-f650669ed5f0-b902e744 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Cabin Variablefont Wdth Wght';
  src: url('../fonts/Cabin-VariableFont_wdthwght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Editorialnew';
  src: url('../fonts/EditorialNew-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Editorialnew';
  src: url('../fonts/EditorialNew-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Editorialnew';
  src: url('../fonts/EditorialNew-Ultralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppeditorialnew';
  src: url('../fonts/PPEditorialNew-Ultralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}