@import url("https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: unset !important;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.rt-02-landing {
  overflow: hidden;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  z-index: 10;
}
.rt-02-landing h1,
.rt-02-landing h2,
.rt-02-landing h3,
.rt-02-landing h4,
.rt-02-landing h5,
.rt-02-landing h6,
.rt-02-landing ul,
.rt-02-landing ol,
.rt-02-landing p,
.rt-02-landing div,
.rt-02-landing span {
  padding: 0;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  background: none;
}
.rt-02-landing section {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.rt-02-landing img {
  max-width: 100%;
  pointer-events: none;
}
.rt-02-landing .rt-02-intro {
  background-image: url("../images/rt-02-intro/rt-02-intro-background.png");
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro {
    background-position-x: 48%;
  }
}
.rt-02-landing .rt-02-intro__container {
  display: flex;
  flex-direction: column;
  position: relative;
  background: linear-gradient(270deg, rgba(26, 12, 0, 0) 0%, #1a0c00 100%);
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__container {
    background: none;
  }
}
.rt-02-landing .rt-02-intro__phone {
  position: absolute;
  right: 0;
  bottom: 2%;
  width: 61%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__phone {
    width: 140.5%;
    right: 0.7%;
    bottom: 22%;
  }
}
.rt-02-landing .rt-02-intro__phone-img {
  width: 100%;
  transform: translateX(20vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__phone-img {
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-intro__text {
  margin: 12% 0 7.7% 13.7%;
  font-family: Roboto;
  letter-spacing: 0%;
  text-transform: uppercase;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__text {
    margin: 14% 0 7.7% 0;
    text-align: center;
  }
}
.rt-02-landing .rt-02-intro__title {
  transform: translateX(-20vw);
  opacity: 0;
  font-weight: 300;
  font-size: 2.87vw;
  line-height: 3.364vw;
  color: #ffffff;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__title {
    font-size: 9.23vw;
    line-height: 10.82vw;
    text-align: start;
    margin-left: 5.5%;
    color: #000000;
    padding-bottom: 18.5%;
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-intro__model {
  transform: translateX(-20vw);
  opacity: 0;
  font-weight: 600;
  font-size: 7.963vw;
  line-height: 9.331vw;
  color: #ffd000;
  padding-bottom: 4%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__model {
    font-size: 34.359vw;
    line-height: 40.264vw;
    padding-bottom: 96.6%;
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-intro__logo {
  transform: translateX(-20vw);
  opacity: 0;
  width: 18%;
  padding-bottom: 3.3%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-intro__logo {
    width: 84.36%;
    margin-right: 5.4%;
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-backlight {
  background: linear-gradient(114.05deg, #ffd518 19.14%, #ffc61c 80.86%);
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-backlight {
    background: linear-gradient(132.99deg, #ffd518 25.88%, #ffc61c 74.12%);
  }
}
.rt-02-landing .rt-02-backlight__container {
  display: flex;
  flex-direction: row;
  position: relative;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-backlight__container {
    flex-direction: column-reverse;
  }
}
.rt-02-landing .rt-02-backlight__phone {
  transform: translateX(-20vw);
  opacity: 0;
  position: relative;
  width: 62%;
  left: 0;
  rotate: -15deg;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-backlight__phone {
    padding-bottom: 164.8%;
    width: 147.44%;
    left: -35%;
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-backlight__phone-img {
  position: absolute;
  width: 100%;
  top: -5.5%;
  left: -3.5%;
}
.rt-02-landing .rt-02-backlight__phone-display {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: -5.5%;
  left: -3.5%;
}
.rt-02-landing .rt-02-backlight__text {
  opacity: 0;
  transform: translateX(20vw);
  margin: 11% 0 21.6% 3%;
  font-family: Roboto;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000000;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-backlight__text {
    margin: 14% 22% 4% 0;
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-backlight__title {
  font-weight: 500;
  font-size: 4.815vw;
  line-height: 5.643vw;
  margin-bottom: 8.5%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-backlight__title {
    font-size: 13.333vw;
    line-height: 15.626vw;
  }
}
.rt-02-landing .rt-02-backlight__subtitle {
  font-weight: 300;
  font-size: 3.52vw;
  line-height: 4.12vw;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-backlight__subtitle {
    font-size: 9.744vw;
    line-height: 11.418vw;
  }
}
.rt-02-landing .rt-02-sim {
  background-color: #ffffff;
}
.rt-02-landing .rt-02-sim__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.rt-02-landing .rt-02-sim__text {
  transform: translateX(-20vw);
  opacity: 0;
  margin: 10% 0 19.8% 13.7%;
  font-family: Roboto;
  letter-spacing: 0%;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__text {
    transform: translateX(-50vw);
    margin: 24% 0 152.4% 7.18%;
  }
}
.rt-02-landing .rt-02-sim__title {
  padding-bottom: 3%;
  font-weight: 500;
  font-size: 4.815vw;
  line-height: 5.643vw;
  color: #38b200;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__title {
    font-size: 13.333vw;
    line-height: 15.626vw;
    padding-bottom: 6%;
  }
}
.rt-02-landing .rt-02-sim__subtitle {
  font-weight: 300;
  font-size: 2.5vw;
  line-height: 3.333vw;
  color: #000000;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__subtitle {
    font-size: 7.179vw;
    line-height: 9.344vw;
  }
}
.rt-02-landing .rt-02-sim__phone {
  position: absolute;
  right: 7.71%;
  width: 53.7%;
  bottom: 2%;
  bottom: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__phone {
    width: 135.64%;
    right: 0;
    bottom: 14%;
  }
}
.rt-02-landing .rt-02-sim__phone-img {
  width: 100%;
  transform: translateX(20vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__phone-img {
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-sim__cards {
  position: absolute;
  z-index: 1;
  width: 50%;
  right: 7.5%;
  height: 100%;
  transform: translateY(-10vh);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__cards {
    right: 22%;
  }
}
.rt-02-landing .rt-02-sim__cards-wrapper {
  width: 100%;
  height: 100%;
}
.rt-02-landing .rt-02-sim__cards-left {
  position: absolute;
  right: 61%;
  width: 11.58%;
  top: 25.8%;
  transform: translateX(1vw);
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__cards-left {
    transform: translateX(4vw);
    right: 106.5%;
    top: 42%;
    width: 39.24%;
  }
}
.rt-02-landing .rt-02-sim__cards-right {
  position: absolute;
  right: 33%;
  top: 7.6%;
  width: 11.58%;
  transform: translateX(-4vw);
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-sim__cards-right {
    width: 39.24%;
    right: 44.6%;
    top: 34.2%;
  }
}
.rt-02-landing .rt-02-antenna {
  background-image: url("../images/rt-02-antenna/rt-02-antenna-background.png");
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna {
    background-image: url("../images/rt-02-antenna/rt-02-antenna-background-alt.png");
  }
}
.rt-02-landing .rt-02-antenna__container {
  display: flex;
  flex-direction: row;
  position: relative;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__container {
    flex-direction: column-reverse;
  }
}
.rt-02-landing .rt-02-antenna__signals {
  position: absolute;
  width: 20%;
  height: 100%;
  margin-left: 32.7%;
  top: -11.5%;
  z-index: -1;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__signals {
    width: 45%;
    height: 45%;
    margin-left: 40%;
    top: 23%;
  }
}
.rt-02-landing .rt-02-antenna__signals-signal {
  height: 45%;
  width: 100%;
  border-radius: 50%;
  position: absolute;
  background-color: transparent;
  animation-name: antenna-signals;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 4s;
}
.rt-02-landing .rt-02-antenna__signals-signal:nth-child(1) {
  animation-delay: 0s;
}
.rt-02-landing .rt-02-antenna__signals-signal:nth-child(2) {
  animation-delay: 0.67s;
}
.rt-02-landing .rt-02-antenna__signals-signal:nth-child(3) {
  animation-delay: 1.33s;
}
.rt-02-landing .rt-02-antenna__signals-signal:nth-child(4) {
  animation-delay: 2s;
}
.rt-02-landing .rt-02-antenna__signals-signal:nth-child(5) {
  animation-delay: 2.67s;
}
.rt-02-landing .rt-02-antenna__signals-signal:nth-child(6) {
  animation-delay: 3.33s;
}
@keyframes antenna-signals {
  0% {
    scale: 0.05;
    border: 0.9vw solid #45db00;
  }
  40% {
    border: 1vw solid #45db00;
  }
  50% {
    opacity: 1;
  }
  80% {
    border: 0.2vw solid #45db00;
  }
  100% {
    scale: 1;
    border: 0.1vw solid #45db00;
    opacity: 0;
    filter: blur(3px);
  }
}
@media screen and (max-width: 600px) {
  @keyframes antenna-signals {
    0% {
      scale: 0.05;
      border: 0.9vw solid #45db00;
    }
    40% {
      border: 1.5vw solid #45db00;
    }
    50% {
      opacity: 1;
    }
    80% {
      border: 0.2vw solid #45db00;
    }
    100% {
      scale: 1;
      border: 0.1vw solid #45db00;
      opacity: 0;
      filter: blur(3px);
    }
  }
}
.rt-02-landing .rt-02-antenna__phone {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 2.27%;
  top: -14.2%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__phone {
    margin: 0;
    width: 146.15%;
    left: -22.8%;
    top: 22.2%;
  }
}
.rt-02-landing .rt-02-antenna__phone-img {
  width: 69.4%;
  opacity: 0;
  transform: translateX(-20vw);
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__phone-img {
    width: 100%;
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-antenna__text {
  opacity: 0;
  transform: translateX(20vw);
  margin: 7% 0 18.5% 63.52%;
  font-family: Roboto;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__text {
    margin: 2.2% 4% 174.2% 3.4%;
    transform: translateX(0vw);
    scale: 0.8;
  }
}
.rt-02-landing .rt-02-antenna__title {
  font-weight: 500;
  font-size: 4.815vw;
  line-height: 5.643vw;
  margin-bottom: 3%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__title {
    font-size: 12.821vw;
    line-height: 15.023vw;
    margin-bottom: 6%;
  }
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__title span {
    display: none;
  }
}
.rt-02-landing .rt-02-antenna__subtitle {
  font-weight: 300;
  font-size: 3.056vw;
  line-height: 3.581vw;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-antenna__subtitle {
    font-size: 8.205vw;
    line-height: 9.615vw;
  }
}
.rt-02-landing .rt-02-typec {
  background-color: #ffffff;
}
.rt-02-landing .rt-02-typec__container {
  display: flex;
  flex-direction: row;
  position: relative;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__container {
    flex-direction: column-reverse;
  }
}
.rt-02-landing .rt-02-typec__phone {
  position: absolute;
  width: 60%;
  top: -1.5%;
  left: -0.5%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__phone {
    width: 131%;
    left: -25%;
    top: 20.7%;
  }
}
.rt-02-landing .rt-02-typec__phone-img {
  width: 100%;
  transform: translateX(-20vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__phone-img {
    transform: translateX(-50vw);
  }
}
.rt-02-landing .rt-02-typec__text {
  opacity: 0;
  transform: translateX(20vw);
  margin: 4.2% 0 27.8% 64.77%;
  font-family: Roboto;
  letter-spacing: 0%;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__text {
    margin: 7.6% 0 167.9% 15%;
    transform: translateX(-50vw);
    text-align: start;
  }
}
.rt-02-landing .rt-02-typec__title {
  font-weight: 400;
  font-size: 4.815vw;
  line-height: 5.643vw;
  margin-bottom: 3%;
  color: #000000;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__title {
    font-size: 15.385vw;
    line-height: 18.028vw;
    margin-bottom: 2%;
  }
}
.rt-02-landing .rt-02-typec__subtitle {
  font-weight: 900;
  font-size: 5.463vw;
  line-height: 6.402vw;
  color: #ffbb00;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__subtitle {
    font-weight: 900;
    font-size: 17.949vw;
    line-height: 21.033vw;
  }
}
.rt-02-landing .rt-02-typec__connector {
  position: absolute;
  width: 51.06%;
  height: 51.7%;
  right: 11.85%;
  bottom: 3.8%;
  opacity: 0;
  transform: translateX(20vw);
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__connector {
    transform: translateX(0vw);
    transform: translateY(-50vw);
    width: 58.38%;
    height: 41%;
    right: 18%;
    bottom: 4.1%;
  }
}
.rt-02-landing .rt-02-typec__connector-img {
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__connector-img {
    content: url("../images/rt-02-typec/rt-02-typec-connector-alt.png");
  }
}
.rt-02-landing .rt-02-typec__connector-light {
  position: absolute;
  width: 28%;
  right: 9.1%;
  bottom: 25%;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .rt-02-landing .rt-02-typec__connector-light {
    width: 65%;
    right: 18.7%;
    bottom: 16.4%;
  }
}

/*# sourceMappingURL=style.css.map */