/* screen - frame-2 */

.frame-2 {
  height: 1920px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: top left;
  width: 1080px;
}

.frame-2 .bg_mb-1 {
  aspect-ratio: 0.56;
  height: 1920px;
  left: calc(50.00% - 540px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 960px);
  width: 1080px;
}

.frame-2 .logo-new-1-1 {
  aspect-ratio: 2.65;
  height: 141px;
  left: 352px;
  object-fit: cover;
  position: absolute;
  top: 108px;
  width: 375px;
}

.frame-2 .text-1-1 {
  aspect-ratio: 5.52;
  height: 177px;
  left: 52px;
  object-fit: cover;
  position: absolute;
  top: 273px;
  width: 976px;
}

.frame-2 .layer-3-1-1 {
  aspect-ratio: 2.19;
  height: 393px;
  left: 110px;
  object-fit: cover;
  position: absolute;
  top: 913px;
  width: 860px;
}

.frame-2 .component-2-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10.64px;
  left: 292px;
  position: absolute;
  top: 1015px;
  width: 496px;
}

.frame-2 .number-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(140, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 900;
  height: 142.59px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.71px;
  position: relative;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
}

.frame-2 .giy-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(140, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  text-fill-color: transparent;
}

.frame-2 .group-4-1 {
  background-color: #00096f;
  border-radius: 11.2px;
  height: 17.31px;
  position: relative;
  width: 496px;
}

.frame-2 .rectangle-3-1 {
  background: linear-gradient(90deg, rgba(0, 178, 255, 1) 0%, rgba(42, 255, 244, 1) 100%);
  border-radius: 11.2px;
  height: 17px;
  width: 78px;
}

.frame-2 .group-2-1-1 {
  aspect-ratio: 3.09;
  height: 189px;
  left: 247px;
  object-fit: cover;
  position: absolute;
  top: 1306px;
  width: 585px;
}

.frame-2 .grok-video-1dbe3ace-1 {
  aspect-ratio: 1;
  height: 513px;
  left: calc(50.00% - 256px);
  position: absolute;
  top: 428px;
  width: 513px;
}
/* screen - index */

.index {
  height: 1080px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: top left;
  width: 1920px;
}

.index .layer-2-1 {
  aspect-ratio: 1.78;
  height: 1104px;
  left: -21px;
  object-fit: cover;
  position: absolute;
  top: -12px;
  width: 1962px;
}

.index .logo-new-1 {
  aspect-ratio: 2.65;
  height: 103px;
  left: 823px;
  object-fit: cover;
  position: absolute;
  top: 38px;
  width: 274px;
}

.index .text-1 {
  aspect-ratio: 5.52;
  height: 129px;
  left: 604px;
  object-fit: cover;
  position: absolute;
  top: 159px;
  width: 712px;
}

.index .layer-3-1 {
  aspect-ratio: 2.19;
  height: 228px;
  left: 710px;
  object-fit: cover;
  position: absolute;
  top: 559px;
  width: 499px;
}

.index .group-2-1 {
  aspect-ratio: 3.09;
  height: 110px;
  left: 790px;
  object-fit: cover;
  position: absolute;
  top: 787px;
  width: 339px;
}

.index .component-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6.09px;
  left: 818px;
  position: absolute;
  top: 618px;
  width: 284px;
}

.index .number {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(140, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 900;
  height: 81.64px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.41px;
  position: relative;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
}

.index .giy {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(140, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  text-fill-color: transparent;
}

.index .group-4 {
  background-color: #00096f;
  border-radius: 6.41px;
  height: 9.91px;
  position: relative;
  width: 284px;
}

.index .rectangle-3 {
  background: linear-gradient(90deg, rgba(0, 178, 255, 1) 0%, rgba(42, 255, 244, 1) 100%);
  border-radius: 6.41px;
  height: 10px;
  width: 45px;
}

.index .grok-video-1dbe3ace {
  aspect-ratio: 1;
  height: 279px;
  left: 818px;
  position: absolute;
  top: 287px;
  width: 279px;
}
#win79-page {
  width: 100%;
}
.main-container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
  position: relative;
  visibility: hidden;
  width: 100vw;
}

@media screen and (max-width: 767px) {
  .main-container {
    background-image: url("../img/bg-mb-1.webp");
  }
  .screen.PC {
    display: none;
  }
  .screen.mobile {
    display: block;
  }
  html, body {
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .main-container {
    background-image: url("../img/layer-2-1.webp");
  }
  .screen.PC {
    display: block;
  }
  .screen.mobile {
    display: none;
  }
  html, body {
    overflow: hidden;
  }
}