:root {
  --black: #01080e;
  --white: #fff;
  --pitchblack: black;
  --orange: #ec5d25;
  --gray-text: #c3c3c3;
  --light-blue-text: #a8c7e1;
  --yellow: #febc36;
  --dark-gray: #424242;
  --common: #ffffff57;
  --uncommon: #aafe0b45;
  --rare: #289aff63;
  --epic: #fe72fe54;
  --legendary: #ff9f6859;
  --rarityglowradius: 25px;
  --rarityglowradius_mobile: 16px;
}

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

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

p {
  margin-bottom: 0;
  font-size: 18px;
}

img {
  max-width: none;
  display: inline-block;
}

.body {
  background-color: var(--black);
  color: var(--white);
  text-align: justify;
  font-family: Oxanium, sans-serif;
  font-size: 1vw;
  line-height: 1.35;
}

.body.press {
  background-color: var(--pitchblack);
}

.section-hero {
  z-index: 5;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 2000px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
  position: relative;
}

.section-hero-bg {
  z-index: 4;
  width: 100%;
  max-width: 2000px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.hero-bg-desktop {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.hero-bg-gr-top {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--black), #0000);
  height: 15%;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-bg-gr-left {
  z-index: 2;
  background-image: linear-gradient(90deg, var(--black), #0000);
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-bg-gr-right {
  z-index: 2;
  background-image: linear-gradient(-90deg, var(--black), #0000);
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hero-bg-gr-bottom {
  z-index: 2;
  transform-origin: 50%;
  width: 150%;
  height: 600px;
  position: absolute;
  inset: 0% 0% auto 50%;
  overflow: hidden;
  transform: rotate(9deg)translate(-50%, -50%);
}

.hero-bg-top {
  z-index: 3;
  height: 70%;
  position: absolute;
  inset: 0% 50% auto auto;
}

.hero-wrapper {
  z-index: 5;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.main-logo {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  max-height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.drone-wrapper {
  z-index: 1;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.button-wrapper {
  z-index: 5;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  align-self: center;
  height: 60px;
  display: flex;
  position: relative;
}

.drone-bg1 {
  z-index: 1;
  background-image: radial-gradient(circle, #000 11%, #0000 65%);
  border-radius: 50%;
  width: 300%;
  height: 300%;
  position: absolute;
}

.drone-bg1.pointer-events-none {
  opacity: 1;
  background-image: radial-gradient(circle, #000, #fff0 63%), radial-gradient(circle, #000 27%, #0000 63%);
  width: 150%;
  height: 180%;
  position: absolute;
  transform: translate(0, 20px);
}

.drone-bg2 {
  z-index: 2;
  background-image: radial-gradient(circle, #000, #0000 65%);
  border-radius: 50%;
  width: 220%;
  height: 220%;
  margin-top: 20%;
  position: absolute;
}

.drone-bg2.pointer-events-none {
  opacity: 1;
  background-image: radial-gradient(circle, #000 16%, #0000 67%);
  width: 150%;
  height: 150%;
  margin-top: 0%;
}

.section-main {
  z-index: 6;
  background-image: url('../images/BG_Racing.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 280px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 70px;
  padding-right: 70px;
}

.container.containeeer_main-section {
  z-index: 3;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
}

.container.container-absolute {
  z-index: 5;
  width: 100%;
  position: absolute;
  inset: 100px auto auto 50%;
  transform: translate(-50%);
}

.container.container-relative {
  z-index: 0;
  z-index: 10;
  position: relative;
}

.container.container-rel {
  z-index: 10;
  position: relative;
}

.container.container-hero {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container.container-cta {
  z-index: 10;
  position: relative;
}

.container.container-footer {
  position: relative;
}

.container.container-carousel {
  z-index: 5;
  width: 100%;
  position: absolute;
  inset: 125px auto auto 50%;
  transform: translate(-43%);
}

.setion100 {
  height: 100vh;
}

.content-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  align-items: flex-start;
  display: flex;
}

.content-block.content-block_rel {
  z-index: 10;
  position: relative;
}

.video-container {
  /*aspect-ratio: 160 / 91;*/
  background-image: linear-gradient(#b94416, #206477);
  justify-content: center;
  align-items: center;
  width: 48%;
  padding: 6px;
  display: flex;
  box-shadow: 0 0 70px 10px #ff6a0069;
}

.content-wrapper {
  z-index: 10;
  grid-column-gap: 1.38em;
  grid-row-gap: 1.38em;
  flex-flow: column;
  width: 48%;
  padding-top: 2.5em;
  display: flex;
  position: relative;
}

.content-wrapper.content-wrapper_line {
  grid-column-gap: 2.7em;
  grid-row-gap: 2.7em;
}

.content-wrapper.content-wrapper_customize {
  width: auto;
}

.framed-content-wrapper {
  background-color: #949494;
  width: 100%;
  height: 100%;
  position: relative;
}

.h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.7em;
  line-height: 1.2;
}

.h2.h2-customize {
  text-shadow: -6px 6px #00000080;
  font-size: 5.2em;
  display: inline-block;
}

.h2.h2-cta {
  color: #ffeacd;
  text-shadow: -9px -9px #ffffff26;
  margin-left: -7px;
  font-size: 6.3em;
}

.h2.h2-big {
  font-size: 60px;
}

.orange-span {
  color: var(--orange);
}

.text-color-white60 {
  color: #fff9;
}

.content-blocks-wrapper {
  z-index: 2;
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.image-wrapper {
  aspect-ratio: 800 / 457;
  background-image: linear-gradient(#225a75, #223b4c);
  width: 48%;
  padding: 6px;
  position: relative;
}

.image-wrapper.image-wrapper-last {
  aspect-ratio: auto;
  background-image: none;
  justify-content: flex-end;
  align-items: center;
  width: 48%;
  display: flex;
  position: relative;
}

.image-wrapper.image-wrapper-customize {
  background-image: linear-gradient(#585d62, #33383d);
  width: 100%;
}

.h2-line {
  background-image: linear-gradient(258deg, #225a75 8%, #223c4d);
  height: 3px;
  margin-top: 8px;
  margin-right: 4px;
  position: relative;
}

.h2-line-image {
  width: 44px;
  position: absolute;
  inset: 50% -4px 0% auto;
  transform: translate(0, -50%);
}

.planet-wrapper {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 94%;
  height: auto;
  margin-top: -10%;
  display: flex;
  position: relative;
}

.section-main-bg {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.section-main-bg.hidden {
  display: none;
}

.drone {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: relative;
}

.section-customize {
  z-index: 301;
  background-color: #1e1f21;
  background-image: url('../images/BG_Customize.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-bg-gr-bottom1 {
  z-index: 4;
  background-image: linear-gradient(180deg, #0000, var(--black) 92%);
  width: 100%;
  height: 300px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.hero-bg-gr-bottom2 {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--black) 23%, #0000);
  width: 100%;
  height: 900px;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.section-main-bg-1 {
  z-index: 3;
  pointer-events: none;
  width: 120%;
  max-width: none;
  position: absolute;
  inset: 0% auto auto 25%;
  transform: translate(0, -45%);
}

.navbar {
  z-index: 1000;
  background-color: #ddd0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-2 {
  background-color: #ddd0;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.nav-link {
  color: var(--white);
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  transition: opacity .3s;
  display: block;
}

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

.nav-link.nav-link-last.hiddenondesktop, .nav-link.mobileonly {
  display: none;
}

.social-nav {
  z-index: 1000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30px;
  margin-left: 25px;
  transition: opacity .3s;
  display: block;
  position: fixed;
  top: 50vh;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.social-nav.social-nav-footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: auto;
  margin-left: 0;
  display: flex;
  position: static;
  transform: none;
}

.social-nav.social-nav-side {
  z-index: 1;
  pointer-events: auto;
  position: absolute;
}

.social-nav.social-nav-mobile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: auto;
  margin-left: 0;
  display: none;
  position: static;
  transform: none;
}

.social-link {
  width: 30px;
  height: 30px;
  transition: opacity .3s;
  display: block;
}

.social-link:hover {
  opacity: .6;
}

.social-nav-wrapper {
  z-index: 1000;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: grid;
}

.social-nav-wrapper.social-nav--wrapper_footer, .social-nav-wrapper.social-nav--wrapper_navbar {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  margin-top: 0;
  display: flex;
}

.social-nav-title {
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  display: block;
  transform: rotate(-90deg);
}

.social-nav-title.social-nav-title_footer {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  transform: none;
}

.div-block {
  height: 120px;
}

.swiper {
  display: none;
  perspective: 350px !important;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  transition: all .7s;
}

.swiper-slide.framed-content {
  width: 100%;
}

.swiper-slide-inner {
  z-index: 3;
  aspect-ratio: 1;
  transition: all .7s;
  position: relative;
}

.swiper-slide-image {
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.swiper-slide-image-dark {
  z-index: 3;
  opacity: .6;
  background-color: #000;
  width: 100%;
  height: 100%;
  transition: opacity .7s;
  display: none;
  position: absolute;
  inset: 0%;
}

.swiper-lazy-preloader {
  z-index: -10 !important;
}

.carousel-wrapper {
  z-index: 1;
  width: 140%;
  position: relative;
}

.swiper-slide-wrapper {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .7s;
  display: flex;
  position: relative;
}

.hero-bg-gr-left-copy {
  z-index: 2;
  background-image: linear-gradient(90deg, var(--black), #0000);
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.carousel-bg-gr-left {
  z-index: 2;
  background-image: linear-gradient(90deg, var(--black), #0000);
  pointer-events: none;
  width: 15%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.carousel-bg-gr-right {
  z-index: 2;
  background-image: linear-gradient(-90deg, var(--black), #0000);
  pointer-events: none;
  width: 15%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.swiper-slide-active-bg {
  z-index: 1;
  opacity: 0;
  background-image: radial-gradient(circle, #0066ff80 6%, #06f0 62%);
  border-radius: 50%;
  width: 140%;
  height: 140%;
  transition: opacity .7s;
  position: absolute;
}

.description-customize {
  z-index: 4;
  width: 80%;
  max-width: 920px;
  margin: -20px auto 130px;
  position: relative;
}

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

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

.divider-gray {
  z-index: 300;
  background-image: linear-gradient(252deg, #a9a9a9 20%, #696969 54%, #a9a9a9 80%);
  width: 100%;
  height: 7px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.customize-content-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-cta {
  background-image: url('../images/BG_CTA.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16em;
  position: relative;
  overflow: hidden;
}

.cta-wrapper {
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 20%;
  display: flex;
  position: relative;
}

.cta-banner {
  z-index: 1;
  aspect-ratio: 1 / 1.395;
  width: 28%;
  height: auto;
  margin-top: -25px;
  margin-left: 50px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cta-inner {
  width: 100%;
  padding-top: 100px;
  padding-left: 40%;
}

.cta-description-wrapper {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

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

.h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.h3.text-color-yellow {
  text-align: left;
}

.cta-dron-wrapper {
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 23vw;
  max-width: 330px;
  height: 23vw;
  max-height: 330px;
  display: flex;
  position: absolute;
  inset: auto -2em -13em auto;
}

.cta-drone-gr {
  z-index: 1;
  opacity: .6;
  background-image: radial-gradient(circle, #000 43%, #0059ff00 73% 83%);
  width: 140%;
  height: 140%;
  position: absolute;
}

.cta-drone {
  z-index: 2;
  background-image: url('../images/CTA_PreOrder_Drone_400.png');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  transform: scale(1.25);
}

.divider-yellow {
  z-index: 300;
  background-image: linear-gradient(252deg, #febc36 20%, #aa863d 54%, #febc36 80%);
  width: 100%;
  height: 7px;
  position: relative;
}

.section-faq {
  background-image: url('../images/BG_FAQ.jpg');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: fixed;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.faq-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-dropdowns-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.faq-dropdown {
  width: 100%;
}

.dropdown-toggle {
  color: var(--white);
  text-align: center;
  white-space: normal;
  background-image: url('../images/faq-right.svg'), url('../images/faq-left.svg'), linear-gradient(#20272f, #383839);
  background-position: 100% 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto 100%, auto 100%, auto;
  border: 3px solid #717171;
  width: 100%;
  padding: 24px;
  font-size: 30px;
}

.icon {
  display: none;
}

.dropdown-list {
  background-color: #6c6c6c66;
  border-bottom: 3px solid #686a6d;
  height: auto;
  display: block;
  position: static;
  overflow: hidden;
}

.dropdown-link {
  color: var(--white);
}

.faq-answer-wrapper {
  padding: 30px;
  font-size: 18px;
}

.text-color-white70 {
  color: #ffffffb3;
}

.section-footer {
  z-index: 302;
  background-color: var(--dark-gray);
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.footer-top {
  position: static;
}

.footer-description {
  width: 63%;
}

.text-size-tiny {
  font-size: 14px;
}

.text-size-tiny.text-color-white50 {
  text-align: left;
}

.text-color-white50 {
  color: #ffffff80;
}

.footer-bottom {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 36px;
  display: flex;
}

.footer-logo {
  width: 60px;
  height: auto;
  position: absolute;
  inset: 0% 70px auto auto;
}

.footer-nav {
  grid-column-gap: 4.1em;
  grid-row-gap: 4.1em;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.nav-link-footer {
  color: var(--white);
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  text-decoration: none;
  transition: opacity .3s;
  display: block;
}

.nav-link-footer:hover {
  opacity: .7;
}

.social-nav-trigger {
  pointer-events: none;
  height: 30vh;
  position: absolute;
  inset: auto 0% 0;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: translateY(20px);
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.learn-more-link {
  pointer-events: auto;
  width: 50px;
  height: 50px;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  position: absolute;
  rotate: 180.5;
  inset: auto 25px 100px auto;
  opacity: 0;

  animation: bounce 1s infinite;
}

.learn-more-link img {
  transform: rotate(180deg);
}

.learn-more-link.w--current {
  transition: opacity .3s;
}

.to-top-link {
  pointer-events: auto;
  width: 50px;
  height: 50px;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  position: absolute;
  inset: auto 25px 30px auto;
  opacity: 0;
}

.to-top-link.w--current {
  transition: opacity .3s;
}

.nav-button {
  aspect-ratio: 381 / 124;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  background-image: url('../images/Menu_Button_PreOrder.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 239px;
  height: 78px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 40px 27px;
  font-size: 18px;
  transition: transform .2s;
  display: block;
}

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

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

.download-button {
  height: 60px;
  transition: all .3s;
}

.download-button:hover {
  transform: translate(0, -4px);
}

.image-side-wrapper {
  width: auto;
  overflow: hidden;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(-100%);
}

.image-side-wrapper.image-side-wrapper_right {
  inset: 0% 0% 0% auto;
  transform: translate(100%);
}

.image-side-wrapper.right {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.image-side-wrapper.image-side-wrapper_left {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.fixed-container {
  z-index: 1000;
  width: 100%;
  position: fixed;
  inset: 0%;
}

.fixed-container.pointer-events-none {
  max-width: 1800px;
  left: 50%;
  transform: translate(-50%);
}

.nav-menu-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.planet-bg {
  z-index: 1;
  aspect-ratio: 1;
  opacity: 1;
  background-image: radial-gradient(circle, #00aeff96, #27acce00 57%);
  border-radius: 50%;
  width: 200%;
  position: absolute;
  transform: translate(-5%);
}

.planet-bg.planet-bg_mobile {
  aspect-ratio: 1;
  background-image: url('../images/Pl-H-2.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 0%;
  width: 300%;
  display: block;
  inset: 0% auto auto 0;
  transform: translate(-50%, -50%);
}

.planet-bg.planet-bg_desktop {
  display: none;
}

.planet {
  z-index: 2;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: relative;
  transform: scale(1.6);
}

.footer-logo-main {
  width: 330px;
  height: auto;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0% 160px auto auto;
  overflow: hidden;
}

.image100h {
  mix-blend-mode: exclusion;
  width: auto;
  height: 100%;
}

.image100h.roratex {
  transform-origin: 50%;
  transform: rotate(180deg);
}

.image100h.grayscale {
  filter: grayscale();
}

.section-main-bg-mobile, .section-main-bg-mobile-top, .section-main-bg-mobile--bottom {
  z-index: 3;
  pointer-events: none;
  width: 120%;
  max-width: none;
  display: none;
  position: absolute;
  inset: 0% auto auto 25%;
  transform: translate(0, -45%);
}

.flares-blue-overlay {
  mix-blend-mode: exclusion;
  background-color: #00d0ff47;
  width: 100%;
  height: 100%;
}

.bg-gr-top-cta {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--black), #0000);
  width: 100%;
  height: 104px;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.customize-video-wrapper {
  background-color: #949494;
  width: 100%;
  height: auto;
  position: relative;
  box-shadow: inset 0 0 30px #000000c9;
  aspect-ratio: 720 / 405;
}

.swiper-slide-image-grayscale {
  z-index: 2;
  opacity: 1;
  filter: blur(5px);
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .7s;
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-gr-bottom-cta {
  z-index: 2;
  background-image: linear-gradient(180deg, #0000, var(--black));
  width: 100%;
  height: 104px;
  position: absolute;
  inset: auto 0% 0;
  overflow: hidden;
}

.hero-bg-gr-left-big-screens {
  z-index: 15;
  background-image: linear-gradient(90deg, var(--black), #0000);
  opacity: 0;
  width: 10%;
  height: 100%;
}

.hero-bg-gr-right-big-screens {
  z-index: 100;
  opacity: 0;
  background-image: linear-gradient(-90deg, #01080e, #01080e00);
  width: 10%;
  height: 100vh;
}

.big-screens-gradient-wrapper {
  z-index: 300;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 2000px;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0 0 50%;
  transform: translate(-50%);
}

.big-screens-gradient-wrapper.pointer-events-none {
  position: fixed;
}

.cta-big-container {
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.play-button {
  width: 109px;
  height: 80px;
  position: absolute;
}

.image100w {
  width: 100%;
}

.image-color-blue {
  z-index: 2;
  mix-blend-mode: color;
  background-color: #08142073;
  position: absolute;
  inset: 0%;
}

.image-color-blue-copy {
  z-index: 2;
  mix-blend-mode: color;
  background-color: #3784d173;
  position: absolute;
  inset: 0%;
}

.main-bg-image-bottom {
  width: 65%;
  max-width: 1000px;
  position: absolute;
  inset: auto 50% 0% -6%;
}

.flares-gray-overlay {
  z-index: 2;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  position: absolute;
  inset: 0%;
}

.flares-desktop {
  mix-blend-mode: exclusion;
  width: auto;
  height: 100%;
}

.flares-desktop.roratex {
  transform-origin: 50%;
  transform: rotate(180deg);
}

.flares-desktop.grayscale {
  filter: grayscale();
  display: none;
}

.flares-mobile {
  display: none;
}

.swiper-nav {
  z-index: 1000;
  opacity: 1;
  justify-content: space-between;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.swiper-button-prevn {
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  background-color: #fff;
  width: 18%;
  height: 100%;
  position: static;
}

.swiper-button-nextn {
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  background-color: #fff;
  justify-content: space-between;
  width: 18%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.imahe100 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
}

.swiper-slide-image_gray-dark {
  z-index: 3;
  filter: brightness(60%) grayscale();
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  transition: opacity .7s;
  display: block;
  position: absolute;
  inset: 0%;
}

.swiper-slide-image_gray {
  z-index: 2;
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  transition: opacity .7s;
  position: absolute;
  inset: 0%;
}

.flares-horizontal {
  aspect-ratio: 341 / 70;
  background-image: url('../images/Flares_Horizontal_1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 600px;
  animation-name: flares-horizontal;
  animation-duration: 2s;
  animation-timing-function: steps(41, end);
  animation-iteration-count: infinite;
  display: none;
  transform: scaleY(1.05); /* Ensure next flare frame isnt visible */
}

.flares-horizontal.grayscale {
  filter: grayscale(90%);
  background-image: url('../images/Flares_Horizontal.png');
}

.presskit-flares-wrapper {
  display: block;
  position: absolute;
  inset: auto 0% -5px;
  transform: translate(0, 100%);
  height: auto;
  overflow: hidden;
}

.presskit-flares-wrapper.top {
  opacity: .5;
  transform-style: preserve-3d;
  inset: 0% 0% auto;
  transform: translate(0, -100%)rotateX(180deg)rotateY(0)rotateZ(0);
}

.presskit-flares-wrapper .flares-horizontal {
  transform: scaleY(1.05);
  display: block;
}

.flares-vertical {
  aspect-ratio: 70 / 341;
  background-image: url('../images/Flares_Vertical.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  max-width: none;
  height: 100%;
  animation-name: flares-vertical;
  animation-duration: 2s;
  animation-timing-function: steps(41, end);
  animation-iteration-count: infinite;
  display: inline-block;
  transform: scaleX(1.05); /* Ensure next flare frame isnt visible */
}

.flares-vertical.grayscale {
  filter: grayscale();
}

.flares-vertical.flip {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0) scaleX(1.05);
}

.text-legal-footer {
  font-size: 14px;
}

.text-legal-footer.text-color-white50 {
  text-align: left;
  font-size: 12px;
}

.hero-bg-mobile {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: none;
}

.image {
  aspect-ratio: 8;
  width: 100%;
}

.presskit-hero_bg {
  aspect-ratio: 1920 / 694;
  width: 100%;
}

.presskit-summary-section {
  background-color: #4b4b4b;
  background-image: linear-gradient(#202020, #2a2a2a 53%, #353434);
  border-top: 3px solid #626262;
  border-bottom: 3px solid #626262;
}

.presskit-summary_socialbutton-img {
  width: 35px;
}

.presskit-summary_innercontainer {
  padding-top: 30px;
  padding-bottom: 50px;
}

.presskit-summary_headline {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
}

.presskit-summary_subline {
  color: #aeaeae;
  margin-top: -12px;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.75;
}

.presskit-summary_textblock {
  opacity: .84;
  margin-bottom: 25px;
  font-size: 14px;
}

.presskit-maincontent {
  flex: none;
  max-width: 920px;
}

.presskit-maincontent.summary {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.presskit-maincontent.module-colors {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.presskit-maincontent.bottom-module {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 70px;
  padding-top: 50px;
  padding-bottom: 70px;
  display: flex;
}

.presskit-button-premium {
  width: 258px;
  position: relative;
}

.presskit-button-premium_bg {
  width: 100%;
}

.presskit-button-premium_label {
  text-align: center;
  color: #ffe4c5;
  margin: -14px auto auto;
  padding-top: 0;
  font-size: 22px;
  text-decoration: none;
  position: absolute;
  inset: 50% 0% auto;
}

.presskit-summary-buttonswrapper {
  margin-left: 36px;
  padding-top: 25px;
}

.presskit-sidebar {
  background-image: linear-gradient(90deg, #181818 40%, #242424);
  border-right: 7px solid #a9a9a9;
  flex: 1;
  max-width: none;
  position: relative;
}

.presskit-mainsection {
  background-color: #181818;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.presskit-mainspacer {
  border-right: 0 solid #000;
  flex: 1;
  max-width: none;
}

.presskit-maincontent-wrapper {
  max-width: none;
}

.presskit-maincontent_module-spacer {
  max-width: none;
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
}

.presskit-maincontent_module-spacer.bottom-module {
  background-image: linear-gradient(#0000, #7373731a);
}

.presskit-maincontent_module-text_paragraph {
  opacity: .84;
  margin-bottom: 25px;
  font-size: 14px;
}

.presskit-maincontent_module_headline {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 400;
}

.presskit-maincontent_module-images_imagewrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  display: grid;
}

.presskit-maincontent_module-images_imagewrapper.grid-fix {
  grid-template-columns: 1fr 1fr;
  margin-left: 0;
  margin-right: 0;
}

.presskit_module-images_img {
  width: auto;
  max-width: 100%;
  max-height: 300px;
  position: static;
}

.presskit_module-images_img.shadowed {
  box-shadow: 2px 2px 10px 4px #0006;
}

.presskit_module-images_imgwrapper {
  flex: 1;
  position: relative;
}

.presskit_module-gamefacts_row {
  background-color: #d9d9d90d;
  border-bottom: 1px solid #fff;
  padding: 12px;
  display: flex;
}

.presskit_module-gamefacts_row.even {
  background-color: #0000;
}

.presskit_module-gamefacts_collabel {
  flex: none;
  width: 165px;
  max-width: none;
}

.presskit_module-gamefacts_coldata {
  flex: 1;
  max-width: none;
}

.presskit_module-gamefacts_label {
  font-size: 14px;
}

.presskit_module-gamefacts_data {
  opacity: .6;
  font-size: 14px;
}

.presskit-sidebar_overlay {
  position: absolute;
  inset: 0% 0% auto auto;
}

.presskit-maincontent_module-videos_videowrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: stretch;
  max-width: none;
  display: grid;
}

.presskit-maincontent_module-videos_videowrapper.grid-fix {
  grid-template-columns: 1fr 1fr;
}

.presskit_module-videos_videowrapper {
  flex: 1;
}

.link-block {
  display: flex;
}

.presskit-sidebar_button {
  max-width: 260px;
  margin-bottom: 7px;
  margin-left: auto;
  text-decoration: none;
  display: flex;
}

.presskit-sidebar_button-icon {
  align-self: center;
  width: 42px;
}

.presskit-sidebar_button-icon.active {
  transition: opacity .5s;
  position: absolute;
  inset: 0%;
}

.presskit-sidebar_button-label {
  opacity: .6;
  color: var(--white);
  align-self: center;
  margin-left: 10px;
  font-size: 20px;
  text-decoration: none;
  transition: opacity .25s;
}

.presskit-sidebar_buttonwrapper {
  padding-top: 50px;
}

.presskit-sidebar_overlaywrapper {
  padding-top: 50px;
  position: sticky;
  top: 0%;
}

.presskit-module-videos_videowrapper {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: right;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.presskit-videolink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .6;
  color: var(--white);
  text-align: justify;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-left: auto;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  display: inline-flex;
}

.presskit-videolink:hover {
  opacity: 1;
}

.presskit-videolink-icon {
  align-self: flex-start;
  margin-top: 1px;
}

.presskit-videolink-label {
  align-self: center;
}

.div-block-2 {
  margin-bottom: 60px;
  position: relative;
}

.presskit-quote-start {
  opacity: .13;
  position: absolute;
  inset: -25px auto auto -15px;
}

.presskit-quote-end {
  opacity: .13;
  position: absolute;
  inset: auto -15px -15px auto;
}

.presskit_colorblock_values {
  margin-top: 12px;
  font-size: 15px;
}

.presskit_colorblock_preview {
  background-color: #fff;
  width: 100px;
  height: 128px;
}

.presskit_colorblock_preview.logo-blue {
  background-color: #43d6ff;
}

.presskit_colorblock_preview.logo-orange {
  background-color: #ec5c24;
}

.presskit_colorblock_label {
  opacity: .5;
  font-size: 10px;
}

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

.presskit-colors_subline {
  opacity: .6;
  margin-top: -15px;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 400;
}

.presskit_bottommodule_contentwrapper {
  text-align: center;
  flex: 1;
  padding-left: 30px;
  padding-right: 30px;
}

.container-3 {
  flex: 1;
}

.presskit_bottom-module_contentnote {
  margin-top: 10px;
  font-size: 12px;
}

.presskit_bottom-module_contenttitle {
  margin-bottom: 10px;
  font-size: 20px;
}

.presskit-socialcta {
  z-index: 50;
  background-color: #1f1f1f;
  position: absolute;
  inset: 80px -50px auto auto;
  transform: translate(100%);
}

.youtube {
  aspect-ratio: 2 / 3;
  width: 300px;
}

.video {
  aspect-ratio: 9 / 16;
  width: 270px;
  top: 5px;
}

.presskit-socialcta_labelwrapper {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: -40px 0% auto;
}

.presskit-socialcta_label {
  white-space: nowrap;
  margin-left: 50px;
  margin-right: 5px;
  font-size: 22px;
}

.presskit-socialcta_arrow {
  width: 50px;
  margin-top: 5px;
}

.presskit-socialcta_frame {
  z-index: 5;
  pointer-events: none;
  width: 102%;
  height: 102%;
  margin-top: -1px;
  margin-left: -1px;
  position: absolute;
  inset: 0%;
}

.presskit-sidebar_button-icon-wrapper {
  position: relative;
}

.image-4 {
  width: 250px;
  margin-top: 10px;
}

.presskit_navlogo {
  width: 250px;
  margin-top: 15px;
}

.presskit_navlogo_img {
  width: 100%;
}

.presskit-hero-topfade {
  background-image: linear-gradient(#000, #0000);
  max-width: none;
  height: 150px;
  position: absolute;
  inset: 0% 0% auto;
}

.presskit-hero-wrapper {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.presskit-hero_leftfade {
  background-image: linear-gradient(90deg, #000, #0000);
  width: 150px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.presskit-hero_rightfade {
  background-image: linear-gradient(270deg, #000, #0000);
  width: 150px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.preskit-summary_socialswrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.customize-video {
  height: 100%;
  margin-bottom: -50px;
}

.customize-video-shadow-overlay {
  max-width: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 2px 20px 2px #000000db;
}

.framed-content-image {
  width: 100%;
}

.framed-container-inner-shadow {
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 30px 3px #000000bf;
  z-index: 5;
}

.slide {
  background-image: url('../images/CYGRAM_LeaderboardRecord-Kalek.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-2 {
  background-image: url('../images/CYGRAM_LeaderboardRecord-Phi.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slider {
  width: 100%;
  height: 100%;
}

.framed-content-slider-nav-dots {
  font-size: 7px;
}

.framed-content-slider-arrow {
  opacity: .4;
  font-size: 40px;
}

.framed-content-slider-arrow:hover {
  opacity: 1;
}

.framed-content-slider-arrow-left, .framed-content-slider-arrow-right {
  width: 80px;
}

.slide-3 {
  background-image: url('../images/CYGRAM_Gameplay-Tritus.jpg');
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/CYGRAM_Gameplay-Boss.jpg');
  background-position: 0 0;
  background-size: cover;
}

.headline-overflow-mask {
  overflow: hidden;
}

.headline-overflow-mask.cta {
  margin-right: -250px;
}

.main-logo-wrapper {
  position: relative;
}

.main-logo-shadow {
  opacity: .6;
  transform-style: preserve-3d;
  background-image: radial-gradient(circle, #000 20%, #0000 63%);
  margin-top: -50%;
  margin-bottom: -50%;
  display: block;
  position: absolute;
  inset: 0%;
  transform: translate(-29px, 2px)scale3d(1.2, .5, 1);
}

.trailer-video {
  height: 100%;
  margin-bottom: -50px;
}

.presskit_module-images_entrywrapper {
  flex: 1;
}

.presskit_module-images_comment {
  opacity: .24;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
}

.presskit-maincontent_module_subline {
  opacity: .65;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 400;
}

.presskit-maincontent_module_subline.spaced {
  margin-top: 35px;
}

.presskit-paragraph-link {
  color: var(--white);
}

.div-block-3 {
  position: absolute;
  inset: 0%;
}

.presskit_module-images_safebackground {
  text-align: center;
  background-color: #ffffff0d;
  padding: 20px;
  box-shadow: 2px 2px 10px 4px #0006;
}

.video-2 {
  box-shadow: 2px 2px 10px 4px #0006;
}

.slide-5 {
  background-image: url('../images/CYGRAM_Gameplay-Clover13.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/CYGRAM_LeaderboardRecord-Sadi.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/CYGRAM_Leaderboard.jpg');
  background-position: 0 0;
  background-size: cover;
}

.text-span, .text-span-2 {
  color: var(--orange);
}

.legaldoc_body {
  background-color: #222;
}

.legaldoc_body .w-embed {
  min-height: 100vh;
}

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

@media screen and (max-width: 991px) {
  .body {
    font-size: 18px;
  }

  .section-hero {
    width: 100%;
  }

  .hero-bg-gr-top {
    height: 10%;
  }

  .hero-bg-gr-left {
    width: 10%;
  }

  .hero-bg-top {
    width: 100vw;
    height: auto;
    right: 30%;
  }

  .drone-wrapper {
    width: 75%;
  }

  .drone-bg1.pointer-events-none {
    width: 155%;
    height: 165%;
  }

  .section-main {
    padding-bottom: 37vw;
  }

  .container, .container.containeeer_main-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.container-carousel {
    position: static;
    transform: none;
  }

  .content-block {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .video-container {
    /*aspect-ratio: 614 / 367;*/
    width: 100%;
    min-height: auto;
  }

  .content-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-wrapper.content-wrapper_line {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .h2 {
    font-size: 52px;
  }

  .h2.h2-customize {
    text-align: center;
    font-size: 68px;
  }

  .h2.h2-cta {
    font-size: 90px;
  }

  .h2.h2-big {
    font-size: 60px;
  }

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

  .content-blocks-wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .image-wrapper {
    aspect-ratio: 800 / 457;
    width: 100%;
    min-height: auto;
  }

  .image-wrapper.image-wrapper-last {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 90vw;
  }

  .planet-wrapper {
    width: 70%;
    max-width: 600px;
    margin-top: 0%;
  }

  .hero-bg-gr-bottom1.pointer-events-none {
    height: 25%;
  }

  .hero-bg-gr-bottom2 {
    height: 40vw;
  }

  .section-main-bg-1 {
    width: 140vw;
    top: 0;
    left: 9vw;
  }

  .navbar {
    background-color: #ddd0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu {
    background-color: var(--black);
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
  }

  .nav-link {
    text-align: center;
    border-bottom: 2px solid #fff3;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 24px;
  }

  .nav-link.nav-link-last {
    border-bottom-width: 0;
  }

  .nav-link.nav-link-last.hiddenondesktop, .nav-link.mobileonly, .nav-link.hiddenondesktop.w--current {
    display: block;
  }

  .social-nav.social-nav-footer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-self: center;
  }

  .social-nav.social-nav-mobile {
    display: flex;
  }

  .social-link.social-link_navbar {
    width: 35px;
    height: 35px;
  }

  .social-link.social-link_navbar img {
    object-fit: cover;
    height: 100%;
  }

  .social-nav-title.social-nav-title_footer {
    align-self: center;
  }

  .customize-content-block {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .section-cta {
    padding-bottom: 100px;
  }

  .cta-wrapper {
    width: 100%;
    padding-right: 0%;
  }

  .cta-banner {
    width: 43%;
    height: auto;
    margin-top: -10px;
    margin-left: 40px;
  }

  .cta-inner {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 0%;
    display: flex;
  }

  .cta-description-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 600px;
    margin-top: 19vw;
    margin-left: auto;
    margin-right: auto;
  }

  .h3.text-color-yellow {
    font-size: 30px;
  }

  .cta-dron-wrapper {
    width: 330px;
    height: 330px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .section-faq {
    background-size: cover;
  }

  .dropdown-toggle {
    font-size: 30px;
  }

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

  .footer-bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
  }

  .footer-logo {
    width: 75px;
    position: static;
  }

  .footer-nav {
    align-self: center;
  }

  .nav-link-footer {
    font-size: 20px;
  }

  .nav-button {
    text-align: center;
    background-position: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 12px;
    padding-top: 26px;
    padding-bottom: 26px;
    font-size: 24px;
  }

  .image-side-wrapper {
    width: 100%;
    height: auto;
    inset: auto 0% 0%;
    transform: translate(0%, 100%);
  }

  .image-side-wrapper.image-side-wrapper_right {
    inset: auto 0% 0%;
    transform: translate(0, 100%);
  }

  .fixed-container.pointer-events-none {
    display: none;
  }

  .hamburger-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .lottie-animation {
    width: 80px;
    margin-top: -30px;
    position: absolute;
  }

  .menu-button {
    width: 80px;
    height: 80px;
    padding: 0;
  }

  .menu-button.w--open {
    z-index: 50;
    background-color: #c8c8c800;
  }

  .nav-menu-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: 320px;
    padding-top: 40px;
  }

  .nav-menu-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-bottom: 80px;
    display: flex;
  }

  .code-embed {
    height: 0;
  }

  .planet-bg.planet-bg_mobile {
    display: block;
  }

  .planet-bg.planet-bg_desktop {
    display: none;
  }

  .footer-logo-main {
    align-self: center;
    width: 282px;
    height: 68px;
    margin-top: 60px;
    margin-bottom: 20px;
    position: static;
  }

  .section-main-bg-mobile, .section-main-bg-mobile-top, .section-main-bg-mobile--bottom {
    width: 140vw;
    top: 0;
    left: 9vw;
  }

  .hero-bg-gr-left-big-screens {
    opacity: 0;
    width: 10%;
  }

  .hero-bg-gr-right-big-screens {
    opacity: 0;
  }

  .hero-bg-gr-right-big-screens.pointer-events-none {
    width: 20%;
  }

  .main-bg-image-bottom {
    width: 80%;
    left: -3%;
  }

  .flares-desktop, .flares-desktop.roratex {
    display: none;
  }

  .flares-mobile {
    width: 100%;
    height: auto;
    display: block;
  }

  .flares-mobile.grayscale {
    filter: grayscale();
    display: none;
  }

  .flares-horizontal {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
  }

  .flares-horizontal.grayscale {
    filter: grayscale();
  }

  .flares-vertical {
    background-image: url('../images/Flares_White.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    display: none;
  }

  .flares-vertical.grayscale {
    filter: grayscale();
  }

  .button {
    aspect-ratio: 381 / 124;
    background-color: #0000;
    background-image: url('../images/Menu_Button_PreOrder.png');
    background-position: 0 0;
    background-size: contain;
    padding: 15px 60px;
  }

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

  .presskit-summary_headline, .presskit-summary_subline {
    text-align: center;
  }

  .presskit-summary_textblock {
    text-align: justify;
  }

  .presskit-maincontent.summary {
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .presskit-summary-buttonswrapper {
    text-align: center;
    margin-left: auto;
  }

  .presskit-sidebar {
    display: none;
  }

  .presskit-mainsection {
    display: block;
  }

  .presskit-mainspacer {
    display: none;
  }

  .presskit-maincontent_module-spacer {
    margin-left: 60px;
    margin-right: 60px;
  }

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

  .presskit-maincontent_module-images_imagewrapper.grid-fix {
    grid-template-columns: 1fr 1fr;
  }

  .presskit_module-gamefacts_row {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

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

  .presskit-maincontent_module-videos_videowrapper.grid-fix {
    grid-template-columns: 1fr 1fr;
  }

  .presskit_colorblock_values {
    font-size: 12px;
  }

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

  .presskit-socialcta {
    display: none;
  }

  .presskit-hero-topfade {
    height: 40px;
  }

  .presskit-hero_leftfade, .presskit-hero_rightfade {
    display: none;
  }

  .presskit-summary-content {
    text-align: center;
  }

  .preskit-summary_socialswrapper {
    justify-content: center;
  }

  .headline-overflow-mask.cta {
    width: 50%;
    margin-right: 0;
  }

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

@media screen and (max-width: 767px) {
  p {
    font-size: 15px;
  }

  .hero-bg-desktop {
    display: none;
  }

  .drone-bg1.pointer-events-none {
    width: 145%;
    height: 155%;
  }

  .container, .container.containeeer_main-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .video-container {
    box-shadow: 0 0 70px 6px #ff6a0069;
  }

  .h2 {
    font-size: 40px;
  }

  .h2.h2-cta {
    font-size: 13vw;
  }

  .image-wrapper.image-wrapper-last {
    justify-content: flex-end;
    align-items: center;
    max-width: 95vw;
  }

  .nav-link, .nav-link.nav-link-last {
    font-size: 22px;
  }

  .carousel-wrapper {
    width: 180%;
  }

  .cta-banner {
    height: auto;
    margin-left: 25px;
  }

  .cta-description-wrapper {
    margin-top: 14vw;
  }

  .dropdown-toggle {
    font-size: 20px;
  }

  .footer-nav {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }

  .nav-link-footer {
    font-size: 16px;
  }

  .nav-button {
    font-size: 22px;
  }

  .lottie-animation {
    width: 60px;
    margin-top: -23px;
  }

  .menu-button {
    width: 60px;
    height: 60px;
  }

  .planet-bg {
    background-image: radial-gradient(circle, #00aeff66, #27acce00 54%);
    width: 250%;
  }

  .bg-gr-top-cta {
    height: 90px;
  }

  .flares-mobile.grayscale {
    display: none;
  }

  .swiper-button-prevn, .swiper-button-nextn {
    width: 0%;
  }

  .hero-bg-mobile {
    object-position: 100% 50%;
    display: inline-block;
  }

  .presskit-maincontent.summary {
    padding-left: 30px;
    padding-right: 30px;
  }

  .presskit-maincontent.module-colors {
    display: block;
  }

  .presskit-maincontent.bottom-module {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .presskit-maincontent.bottom-module.grid-fix {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .presskit-button-premium {
    width: 200px;
  }

  .presskit-button-premium_label {
    margin-top: -12px;
    font-size: 18px;
  }

  .presskit-maincontent_module-spacer {
    margin-left: 30px;
    margin-right: 30px;
  }

  .presskit-maincontent_module-images_imagewrapper.grid-fix {
    grid-template-columns: 1fr;
  }

  .presskit-maincontent_module-videos_videowrapper.grid-fix {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .presskit_colorwrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: center;
  }

  .presskit_navlogo {
    display: none;
  }

  .presskit-hero-topfade {
    height: 20px;
  }

  .customize-video-shadow-overlay {
    box-shadow: inset 0 2px 10px 2px #000000db;
  }

  .framed-content-slider-arrow {
    font-size: 32px;
  }

  .framed-content-slider-arrow-left, .framed-content-slider-arrow-right {
    width: 60px;
  }
}

@media screen and (max-width: 479px) {
  .body {
    font-size: 15px;
    line-height: 1.5;
  }

  .section-hero {
    justify-content: space-between;
    align-items: center;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .hero-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-self: stretch;
    width: 100%;
  }

  .button-wrapper {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .drone-bg1.pointer-events-none {
    background-image: radial-gradient(circle, #000, #fff0 71%), radial-gradient(circle, #000 15%, #0000 63%);
    width: 150%;
    height: 150%;
  }

  .drone-bg2.pointer-events-none {
    background-image: radial-gradient(circle, #000 10%, #0000 65%);
    width: 180%;
  }

  .section-main {
    padding-top: 0;
    padding-bottom: 50vw;
  }

  .container, .container.containeeer_main-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.container-hero {
    align-self: stretch;
  }

  .container.container-footer {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.container-carousel {
    position: static;
    transform: none;
  }

  .content-block.content-block-last {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .video-container {
    height: auto;
    min-height: auto;
    box-shadow: 0 0 25px 2px #ff6a0069;
  }

  .content-wrapper.content-wrapper_line {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .h2 {
    font-size: 25px;
  }

  .h2.h2-customize {
    font-size: 11vw;
  }

  .h2.h2-cta {
    text-shadow: -5px -5px #ffffff26;
    margin-left: 10px;
    font-size: 11.5vw;
  }

  .h2.h2-big {
    font-size: 10vw;
  }

  .image-wrapper.image-wrapper-last {
    margin-top: 0;
    margin-bottom: 0;
    right: 0%;
  }

  .h2-line {
    display: none;
  }

  .planet-wrapper {
    width: 72vw;
    right: -10%;
  }

  .section-customize {
    background-image: url('../images/BG_Customize_Mobile_Bottom.jpg'), url('../images/BG_Customize_Mobile_Top.jpg');
    background-position: 50% 100%, 50% 0;
    background-size: 100%, 100%;
    padding-top: 70px;
  }

  .section-main-bg-1 {
    width: 250vw;
    display: none;
    top: -5vw;
    left: -40vw;
  }

  .nav-link {
    font-size: 21px;
  }

  .social-nav.social-nav-footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
  }

  .social-link {
    width: 28px;
    height: 28px;
  }

  .social-link.social-link_navbar {
    width: 10vw;
    height: 10vw;
  }

  .social-nav-wrapper.social-nav--wrapper_footer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .social-nav-wrapper.social-nav--wrapper_navbar {
    grid-column-gap: 12vw;
    grid-row-gap: 10vw;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .carousel-wrapper {
    width: 220%;
    margin-top: 20px;
  }

  .carousel-bg-gr-left {
    opacity: .8;
    width: 20%;
    display: block;
  }

  .carousel-bg-gr-right {
    opacity: .8;
    width: 20%;
  }

  .description-customize {
    z-index: 99;
    margin-bottom: 115px;
  }

  .section-cta {
    background-image: url('../images/BG_CTA_Mobile.jpg');
  }

  .cta-banner {
    width: 50%;
    margin-top: 0;
    margin-left: 15px;
  }

  .cta-description-wrapper {
    text-align: justify;
    margin-top: 22vw;
  }

  .h3 {
    font-size: 20px;
  }

  .h3.text-color-yellow.cta-subtitle {
    text-align: center;
  }

  .cta-dron-wrapper {
    width: 65vw;
    height: 65vw;
  }

  .cta-drone-gr {
    background-image: radial-gradient(circle, #0059ff75 32%, #0059ff00 76% 77%);
    width: 100vw;
    height: 100vw;
  }

  .faq-dropdowns-list {
    margin-top: 20px;
  }

  .dropdown-toggle {
    /*white-space: pre-wrap;*/
    padding: 12px;
  }

  .faq-answer-wrapper {
    text-align: justify;
    padding: 18px;
  }

  .footer-logo {
    width: 20vw;
  }

  .footer-nav {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
  }

  .nav-link-footer {
    white-space: nowrap;
    font-size: 3.6vw;
  }

  .nav-button {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 21px;
  }

  .download-button {
    height: 13.5vw;
  }

  .image-side-wrapper.image-side-wrapper_right {
    inset: auto 0% 0%;
  }

  .menu-button {
    z-index: 99;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .nav-menu-inner {
    width: 100%;
    min-width: auto;
  }

  .nav-menu-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-logo-main {
    width: 60.5vw;
    height: 14.6vw;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
  }

  .image100h {
    display: block;
  }

  .section-main-bg-mobile {
    z-index: 9;
    width: 100%;
    display: block;
    inset: auto 0% 0%;
    transform: translate(0, 40%);
  }

  .section-main-bg-mobile-top {
    z-index: 9;
    width: 100%;
    display: block;
    inset: auto 0% 0%;
    transform: none;
  }

  .section-main-bg-mobile--bottom {
    z-index: 3;
    width: 100%;
    display: block;
    inset: 0% 0% auto;
    transform: none;
  }

  .bg-gr-top-cta {
    background-image: linear-gradient(180deg, var(--black), #0000);
    height: 80px;
  }

  .bg-gr-bottom-cta {
    background-image: linear-gradient(180deg, var(--black), #0000);
    height: 140px;
  }

  .play-button {
    width: 16vw;
    height: 11.8vw;
  }

  .main-bg-image-bottom {
    width: 100%;
  }

  .paragraph {
    text-align: justify;
  }

  .flares-desktop {
    display: block;
  }

  .flares-mobile.grayscale {
    display: none;
  }

  .hero-bg-mobile {
    object-position: 0% 50%;
  }

  .presskit-summary_socialbutton-img {
    width: 28px;
  }

  .presskit-summary_subline {
    margin-top: -5px;
    font-size: 20px;
    line-height: 25px;
  }

  .presskit-maincontent.summary {
    padding-left: 20px;
    padding-right: 20px;
  }

  .presskit-maincontent_module-spacer {
    margin-left: 15px;
    margin-right: 15px;
  }

  .presskit_module-gamefacts_collabel {
    text-align: left;
    width: 100px;
  }

  .presskit-quote-start {
    left: -7px;
  }

  .presskit-quote-end {
    right: -8px;
  }

  .presskit_colorblock_values {
    font-size: 10px;
  }

  .presskit_colorblock_preview {
    width: 70px;
    height: 90px;
  }

  .presskit_colorblock_label {
    font-size: 8px;
  }

  .presskit_colorwrapper {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }

  .framed-content-slider-arrow {
    font-size: 25px;
  }

  .framed-content-slider-arrow-left, .framed-content-slider-arrow-right {
    width: 45px;
  }

  .headline-overflow-mask.cta {
    width: 46%;
  }
}

#w-node-_410c6454-2680-ff4c-4420-01a01368de2f-a073e0e2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_410c6454-2680-ff4c-4420-01a01368de35-a073e0e2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-e672ffea-2bc9-1e0d-1a41-d868187b7f76-a073e0e2, #w-node-ab96c374-61d3-208d-aa68-512c3f59e363-a073e0e2 {
    order: -9999;
  }
}

#iub-legalDoc {
  background: none !important;
}

#iub-pp-container *,
#iub-pp-container a,
#iub-legalDoc h1,
#iub-legalDoc h2,
#iub-legalDoc h3,
#iub-legalDoc h4 {
  color: #fffc !important;
  font-family: 'Montserrat' !important;
}

.legaldoc_body.website .language-picker {
  display: none !important;
}

#iub-legalDoc .legalDoc__accordion .body__details-box {
  background-color: #222 !important;
}

#iub-legalDoc footer {
  background: none !important;
}

#iub-legalDoc .aside-main-wrapper {
  border-bottom: none !important;
}

#iub-legalDoc .container>footer {
  box-shadow: none !important;
}

.legaldoc_body.website .pre-footer,
.legaldoc_body.website .footer__first-row {
  display: none !important;
}

#iub-legalDoc .summary__card footer {
  display: none !important;
}

#iub-legalDoc .summary__card {
  background-color: #333 !important;
  border: none !important;
}

#iub-legalDoc .summary__card footer, #iub-legalDoc .summary__card header, #iub-legalDoc .summary__card-section {
  border-color: #555 !important;
}

#iub-legalDoc .pill {
  background-color: #666 !important;
}

#iub-legalDoc .main-header p {
  font-size: 1.2rem !important;
}

#iub-legalDoc .main-header p.main-header__meta {
  opacity: 0.6;
}

.EULA {
    margin-left: auto;
    margin-right: auto;
    padding: 2em;
    max-width: 50em;
    color: #fff;
}

.EULA p {
  color: #aaa;
  font-size: 1.1em;
}

.game #iub-pp-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#iubenda_policy .box_primary {
    background: #FFF4 !important;
}

#iubenda_policy.iubenda_vip_policy h1 {
  margin-bottom: 0 !important;
}

#iubenda_policy.iubenda_vip_policy.iubenda_terms_policy h2 {
  padding-top: 20px !important
}

@font-face {
  font-family: 'Oxanium';
  src: url('../fonts/Oxanium-Bold.ttf') format('truetype'), url('../fonts/Oxanium-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oxanium';
  src: url('../fonts/Oxanium-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oxanium';
  src: url('../fonts/Oxanium-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oxanium';
  src: url('../fonts/Oxanium-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oxanium';
  src: url('../fonts/Oxanium-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oxanium';
  src: url('../fonts/Oxanium-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}