::after,
::before {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(229, 231, 235);
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}



.flex {
  display: flex;
}

.grid {
  display: grid;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.items-center {
  align-items: center;
}

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

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

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

:where(iframe, img, input, video, select, textarea) {
  height: auto;
  max-width: 100%;
}

img {
  user-select: none;
  vertical-align: top;
  content: normal !important;
}

.g-body[data-page-name="index"] .m-research .stage {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0;
  right: 0;
  margin: 0 auto;
  visibility: hidden;
  width: 100%;
  height: 0px;
  opacity: 0;
  top: 0%;
}

.g-body[data-page-name="index"] .m-research .stage-4 {
  z-index: 20;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-center {
  position: absolute;
  bottom: 0.09rem;
  left: 50%;
  width: 0rem;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0rem;
  height: 0rem;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner>* {
  flex: 0 0 auto;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner:first-child {
  --radius: 45deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-1 {
  width: 2rem;
  transform: translate3d(-0.2905rem, 0, 0);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner:nth-child(2) {
  --radius: 170deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-2 {
  width: 0.06rem;
  transform: translate3d(-.2905rem, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner:nth-child(3) {
  --radius: -13deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-3 {
  width: 0.06em;
  transform: translate3d(-.2905em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.439em;
  height: 0.439em;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner>* {
  flex: 0 0 auto;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:first-child {
  --radius: -45deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-1 {
  width: 0.018em;
  transform: translate3d(-0.2195em, 0px, 0px);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:nth-child(2) {
  --radius: 190deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-2 {
  width: 0.018em;
  transform: translate3d(-0.2195em, 0px, 0px);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:nth-child(3) {
  --radius: 120deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-3 {
  width: 0.06em;
  transform: translate3d(-.2195em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:nth-child(4) {
  --radius: 235deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-4 {
  width: 0.06em;
  transform: translate3d(-.2195em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-3 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;

}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-4,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-6,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-7,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-8 {
  position: absolute;
  z-index: 20;
  inset: 0px;
  margin: auto;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-4 {
  width: 0.232em;
  height: 0.232em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-6 {
  width: 0.255em;
  height: 0.255em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-7 {
  width: 0.268em;
  height: 0.268em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-8 {
  width: 0.24em;
  height: 0.24em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-5 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-5 img {
  animation: none !important;
  transform: none !important;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 {
  position: absolute;
  inset: 0px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 600px;
  transform-style: preserve-3d;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye {
  transform: translateY(-0.016em);
  gap: 0.03em;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye-left,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye-right {
  position: relative;
  width: 0.035em;
  height: 0.079em;
  border-radius: 100px;
  background: linear-gradient(rgb(30, 35, 49) 39.44%, rgb(50, 70, 101));
}

/* ===== KEYFRAMES ===== */
@keyframes animationSignal {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  1% {
    opacity: 0.25;
  }

  20% {
    opacity: 0.25;
  }

  60% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(1turn);
  }
}

@keyframes loopTranslateX {
  0% {
    left: 0px;
    transform: translateX(-100%);
  }

  100% {
    left: 100%;
    transform: translateX(100%);
  }
}

@keyframes loopTranslateY {
  0% {
    bottom: 0px;
    transform: translateY(100%);
  }

  100% {
    bottom: 100%;
    transform: translateY(-100%);
  }
}

@keyframes waveY {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(var(--wave-y-distance, 5px));
  }
}

@keyframes orbit {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-1turn);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(1turn);
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0px);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -30px, 0px) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -15px, 0px) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0px) scaleY(0.95);
  }

  90% {
    transform: translate3d(0px, -4px, 0px) scaleY(1.02);
  }
}

@keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes shakeX {

  0%,
  100% {
    transform: translateZ(0px);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0px, 0px);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0px, 0px);
  }
}

@keyframes shakeY {

  0%,
  100% {
    transform: translateZ(0px);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0px, -10px, 0px);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0px, 10px, 0px);
  }
}

@keyframes headShake {
  0% {
    transform: translateX(0px);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0px);
  }
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes wobble {
  0% {
    transform: translateZ(0px);
  }

  15% {
    transform: translate3d(-25%, 0px, 0px) rotate(-5deg);
  }

  30% {
    transform: translate3d(20%, 0px, 0px) rotate(3deg);
  }

  45% {
    transform: translate3d(-15%, 0px, 0px) rotate(-3deg);
  }

  60% {
    transform: translate3d(10%, 0px, 0px) rotate(2deg);
  }

  75% {
    transform: translate3d(-5%, 0px, 0px) rotate(-1deg);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes jello {

  0%,
  11.1%,
  100% {
    transform: translateZ(0px);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.195312deg) skewY(-0.195312deg);
  }
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0px, -3000px, 0px) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0px, 25px, 0px) scaleY(0.9);
  }

  75% {
    transform: translate3d(0px, -10px, 0px) scaleY(0.95);
  }

  90% {
    transform: translate3d(0px, 5px, 0px) scaleY(0.985);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0px, 0px) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0px, 0px) scaleX(0.995);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px) scaleX(1);
  }

  75% {
    transform: translate3d(10px, 0px, 0px) scaleX(0.98);
  }

  90% {
    transform: translate3d(-5px, 0px, 0px) scaleX(0.995);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0px, 3000px, 0px) scaleY(5);
  }

  60% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px) scaleY(0.9);
  }

  75% {
    transform: translate3d(0px, 10px, 0px) scaleY(0.95);
  }

  90% {
    transform: translate3d(0px, -5px, 0px) scaleY(0.985);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0px, 10px, 0px) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px) scaleY(0.9);
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px) scaleY(3);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px) scaleX(0.9);
  }

  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px) scaleX(2);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px) scaleX(0.9);
  }

  100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px) scaleX(2);
  }
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0px, -10px, 0px) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px) scaleY(0.9);
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px) scaleY(3);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
  }
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0px);
  }

  100% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0px);
  }
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0px);
  }

  100% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0px);
  }
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0px);
  }

  100% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0px);
  }
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0px);
  }

  100% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0px);
  }
}

@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg);
    animation-timing-function: ease-in;
  }
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotateX(-5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotateY(-5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0px, 0px) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0px, 0px) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }

  100% {
    transform: translate3d(100%, 0px, 0px) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    transform: translate3d(-100%, 0px, 0px) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1;
  }

  100% {
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }

  100% {
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }

  100% {
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }

  100% {
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }

  100% {
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate(80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate(60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    transform: translate3d(0px, 700px, 0px);
    opacity: 0;
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px) rotate(-120deg);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) rotate(120deg);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
  }

  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0px, 0px);
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
  }

  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0px, 0px);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0px, -100%, 0px);
    visibility: visible;
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: visible;
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0px, 0px);
    visibility: visible;
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0px, 100%, 0px);
    visibility: visible;
  }

  100% {
    transform: translateZ(0px);
  }
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0px);
  }

  100% {
    visibility: hidden;
    transform: translate3d(0px, 100%, 0px);
  }
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0px);
  }

  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0px, 0px);
  }
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0px);
  }

  100% {
    visibility: hidden;
    transform: translate3d(100%, 0px, 0px);
  }
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0px);
  }

  100% {
    visibility: hidden;
    transform: translate3d(0px, -100%, 0px);
  }
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(1turn);
  }
}

@keyframes waveBg {
  0% {
    background-position-y: 0px;
  }

  100% {
    background-position-y: 66px;
  }
}

/* ===== ANCESTOR LAYOUT ===== */
.c-swiper-navigation[data-x-pos="right"] .swiper-btn:first-child {
  margin-right: 12px;
}

.c-swiper-navigation .swiper-btn {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  font-size: 18px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.32s;
  border: 2px solid rgba(255, 255, 255, 0.1);
  background-color: rgb(18, 22, 30);
}

.c-swiper-navigation .swiper-btn .ic {
  position: relative;
  z-index: 30;
}

.c-swiper-navigation .swiper-btn::after,
.c-swiper-navigation .swiper-btn::before {
  position: absolute;
  inset: 0px;
  content: "";
  transition: 0.36s;
  opacity: 0;
  border-radius: 100px;
}

.c-swiper-navigation .swiper-btn::before {
  z-index: 1;
  transform: rotate(0deg);
  opacity: 0;
  background: radial-gradient(56.6% 59.99% at 28.1% 8.03%, rgba(0, 117, 255, 0.9) 0px, rgba(0, 117, 255, 0.7) 15%, rgba(0, 117, 255, 0.15) 64%, rgba(16, 22, 33, 0) 90%), radial-gradient(56.6% 59.99% at 76.03% 92.83%, rgba(29, 214, 255, 0.9) 0px, rgba(29, 214, 255, 0.7) 15%, rgba(29, 214, 255, 0.1) 64%, rgba(16, 22, 33, 0) 90%);
  filter: blur(1px);
  inset: -1px;
}

.c-swiper-navigation .swiper-btn::after {
  z-index: 10;
  border: 1px solid rgb(255, 255, 255);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABLCAYAAAChtqNfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBNkMzMUE0OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBNkMzMUE1OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEE2QzMxQTI4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEE2QzMxQTM4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lIAz7AAADKUlEQVR42uydMU9TURiGqQk6oAE3TYyD4NDUSVFTBraiSQNh0dRFUqKTTCWy1QQTBjrgCgP9ATjB6gx/gZ9TOsujvknb2wafN+nyhMs99/uS+7053znnTvV6vanff6n6f1sCNgvsEbAysEVgy8BqwOrAVkNWD++xHI65HMZgNonpX+J/7VeiBJZK8f9UYxTl7pZhuVkyoSZU3diE9t/hd8PiXwFWDY3IOrAGsI/ANoE1w2sb4Vhq4bM9C2N1b5CcaIo0RcoaqkyoGnFC++/rO8AeACuHJuEtsHehifkCrAVsJ2St8B5kst6Hz1YNY/Uwib2mSFOkrKHKhKrxmaI5YPPAXgKrhQboE7BtYG1ge8D2Q7YX3mM7HDMZpRVgi2FM72uKNEXKGqpMqBpDQvvv5tvAaFaIWkK07obaTjTrQjM2u8B+ADsE1g3ZEbADYN/DMW+GMaBYVcLYT2uKNEXKGqpMqBq9KZoB9hjYC2A0I/IBGLWn2qE5OQZ2AuwsZCeheSIz9g3YFrBGGKvnYexnNEWaImUNVSZUjd4U0a6oJ8BeA6OdXBvAqBVFbazD0MT8AnYeMrr2ZzgWGnMrjEE9jOl8kiNNkaZIWUOVCVXDN0W0fugpMFo8vAaM2km04JnW+9CsEM32XAC7DNlFeI/jcMw7YQzoeIAlYAtJjjRFmiJlDVUmVE2WKVoNDcFXYB1g3dCwnA9giuja03AsndAUNcNYVcPYa4o0RcoaqkyoKsAUUfuMWjhp+4zOAaIWU9o+o9ZWEe2zo3DMrTAGFKtXYextn2mKlDVUmVBVgClKF1rTomDafj/IQmta3NwNTUwRC63b4bM1wli50FpT5CvXGqpMqJogUzQNjA4VpO3j6ZZ8aielW/JpR1oRW/J3wzEPsiWfjjlwS76mSFlDlQlVk5JQOkDwD20dOpCQtp7T4Y2fQ9NB2+DTwxs74bVFHN5IB13SLr+5NE+aIk2RsoYqE6pGb4qG/ZmPN6FRolmXIj7zsRWOxc98KE2RsoaaUPW/J3SMH4SlNUq0kLkZGpuN8B40lpXw2SphrIb/QVjlK1eZUGVC1T91JcAAeEmBqSeTEoEAAAAASUVORK5CYII=") 0px 0px / 50px repeat;
  mix-blend-mode: overlay;
}

.c-swiper-navigation .swiper-btn.btn--prev::before {
  transform: rotate(54deg);
}

.c-swiper-navigation .swiper-btn.btn--prev:hover {
  border-color: transparent;
}

.c-swiper-navigation .swiper-btn.btn--prev:hover::after {
  opacity: 1;
}

.c-swiper-navigation .swiper-btn.btn--prev:hover::before {
  transform: rotate(-6deg);
  opacity: 0.9;
}

.c-swiper-navigation .swiper-btn.btn--next::before {
  transform: rotate(0deg);
}

.c-swiper-navigation .swiper-btn.btn--next:hover {
  border-color: transparent;
}

.c-swiper-navigation .swiper-btn.btn--next:hover::after {
  opacity: 1;
}

.c-swiper-navigation .swiper-btn.btn--next:hover::before {
  transform: rotate(60deg);
  opacity: 0.9;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0px;
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: initial;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0px);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0px);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50% center;
  box-sizing: border-box;
  border-top-style: ;
  border-top-width: ;
  border-right-color: ;
  border-right-style: ;
  border-right-width: ;
  border-bottom-color: ;
  border-bottom-style: ;
  border-bottom-width: ;
  border-left-color: ;
  border-left-style: ;
  border-left-width: ;
  border-image-source: ;
  border-image-slice: ;
  border-image-width: ;
  border-image-outset: ;
  border-image-repeat: ;
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.g-body[data-page-name="aboutUs"] .m-introduce .swiper {
  overflow: visible;
}

.g-body[data-page-name="aboutUs"] .m-introduce .swiper .swiper-wrapper {
  cursor: pointer;
  transition: transform 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) !important;
}

.g-body[data-page-name="aboutUs"] .m-introduce .swiper .swiper-wrapper[data-touch] {
  cursor: grabbing;
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1) !important;
}

.g-body[data-page-name="aboutUs"] .m-introduce .swiper .swiper-wrapper[data-touch] .swiper-slide {
  transform: scale(0.97) !important;
}

.g-body[data-page-name="aboutUs"] .m-introduce .swiper .swiper-slide {
  width: fit-content;
  transition: transform 0.45s;
  transform: translateZ(0px);
}

.g-body[data-page-name="aboutUs"] .m-join-us .intro-thumbs .swiper-wrapper:hover .swiper-slide {
  opacity: 0.4;
}

.g-body[data-page-name="aboutUs"] .m-join-us .intro-thumbs .swiper-slide {
  width: 431px;
  transition: 0.45s;
  opacity: 0.8;
}

.g-body[data-page-name="aboutUs"] .m-join-us .intro-thumbs .swiper-slide:hover {
  opacity: 1 !important;
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper {
  overflow: visible;
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper .swiper-wrapper {
  cursor: pointer;
  transition: transform 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) !important;
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper .swiper-wrapper[data-touch] {
  cursor: grabbing;
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1) !important;
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper .swiper-wrapper[data-touch] .swiper-slide {
  transform: scale(0.97) !important;
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper .swiper-wrapper[data-touch] .swiper-slide img {
  transform: scale(1.03);
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper .swiper-slide {
  transition: 0.36s;
  transform: translateZ(0px);
}

.g-body[data-page-name="aboutUs"] .m-join-us .swiper .swiper-slide img {
  transition: transform 0.36s;
}

.g-body[data-page-name="ecology"] .m-committee .swiper {
  overflow: visible;
}

.g-body[data-page-name="ecology"] .m-committee .swiper .swiper-wrapper {
  cursor: pointer;
  transition: transform 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) !important;
}

.g-body[data-page-name="ecology"] .m-committee .swiper .swiper-wrapper[data-touch] {
  cursor: grabbing;
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1) !important;
}

.g-body[data-page-name="ecology"] .m-committee .swiper .swiper-slide {
  transition: transform 0.45s;
  transform: translateZ(0px);
}

.g-body[data-page-name="ecology"] .m-committee .swiper-slide {
  width: 280px;
}

.g-body[data-page-name="index"] .m-research {
  position: relative;
  z-index: 1;
  /* padding: 80px 0px; */
}

.g-body[data-page-name="index"] .m-research .c-module-head {
  --space-mb: 80px;
}

.g-body[data-page-name="index"] .m-research .l-swiper-controller {
  display: none;
}

.g-body[data-page-name="index"] .m-research .research-bg {
  --u-width: 1440;
  --u-height: 917;
  position: relative;
  overflow: hidden;
  --bg-size: 1437px;
  left: calc(50% - var(--bg-size)*.49965);
  width: var(--bg-size);
  pointer-events: none;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1042' height='532' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M962 452H80C80 337.864 261.021 80 546 80c284.979 0 416 257.864 416 372Z' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='1042' height='532' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_1258_2132'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}

.g-body[data-page-name="index"] .m-research .research-bg>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .research-bg::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .research-bg .lighter-svg-box {
  position: absolute;
  --distance: 12px;
  inset: var(--distance);
}

.g-body[data-page-name="index"] .m-research .research-bg .lighter-svg-box svg {
  width: calc(var(--bg-size)*.97773);
}

.g-body[data-page-name="index"] .m-research .research-info {
  position: absolute;
  inset: 0px;
  font-size: 523px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: rgba(51, 108, 255, 0.3);
}

.g-body[data-page-name="index"] .m-research .research-title {
  position: relative;
  overflow: visible;
  width: 100%;
  transform: translateY(-0.0764818em);
  text-align: center;
  mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0));
}

.g-body[data-page-name="index"] .m-research .research-title h2 {
  line-height: 1.45;
}

.g-body[data-page-name="index"] .m-research .research-title h2::after,
.g-body[data-page-name="index"] .m-research .research-title h2::before {
  display: table;
  content: "";
}

.g-body[data-page-name="index"] .m-research .research-title h2::before {
  margin-bottom: -0.363em;
}

.g-body[data-page-name="index"] .m-research .research-title h2::after {
  margin-top: -0.292em;
}

.g-body[data-page-name="index"] .m-research .research-title-wrapper,
.g-body[data-page-name="index"] .m-research .research-title-wrapper h2 {
  position: absolute;
  inset: 0px;
}

.g-body[data-page-name="index"] .m-research .research-title-wrapper h2~h2 {
  opacity: 0;
}

.g-body[data-page-name="index"] .m-research .m-body {
  margin-top: -157px;
  margin-bottom: -172px;
}

.g-body[data-page-name="index"] .m-research .m-footer {
  --btn-color: #b8b9bb;
  --btn-ic-distance: 0;
  position: relative;
  z-index: 100;
  margin-top: 16px;
  padding-bottom: 67px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .swiper,
.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .swiper-slide {
  width: 400px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .m-item {
  display: grid;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .m-item:hover {
  --btn-ic-distance: 4px;
  --btn-color: #fff;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title {
  font-size: 28px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 20px;
  background: rgb(18, 22, 31);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title-icon-box {
  width: 1.42857em;
  height: 1.42857em;
  border-radius: 50%;
  position: relative;
  margin-right: 0.428571em;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title-icon-box .ic {
  position: relative;
  z-index: 10;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title-icon-box::after,
.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title-icon-box::before {
  position: absolute;
  inset: 0px;
  content: "";
  transition: 0.32s;
  border-radius: 100px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title-icon-box::before {
  z-index: 1;
  transform: rotate(0deg);
  background: radial-gradient(41.32% 55.52% at 81.03% 94.83%, rgb(29, 214, 255) 0px, rgba(16, 22, 33, 0) 100%), radial-gradient(50.6% 67.99% at 18.1% 6.03%, rgb(0, 117, 255) 0px, rgba(16, 22, 33, 0) 100%), rgba(85, 134, 255, 0.1);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .title-icon-box::after {
  z-index: 10;
  border: 1px solid rgb(255, 255, 255);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABLCAYAAAChtqNfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBNkMzMUE0OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBNkMzMUE1OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEE2QzMxQTI4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEE2QzMxQTM4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lIAz7AAADKUlEQVR42uydMU9TURiGqQk6oAE3TYyD4NDUSVFTBraiSQNh0dRFUqKTTCWy1QQTBjrgCgP9ATjB6gx/gZ9TOsujvknb2wafN+nyhMs99/uS+7053znnTvV6vanff6n6f1sCNgvsEbAysEVgy8BqwOrAVkNWD++xHI65HMZgNonpX+J/7VeiBJZK8f9UYxTl7pZhuVkyoSZU3diE9t/hd8PiXwFWDY3IOrAGsI/ANoE1w2sb4Vhq4bM9C2N1b5CcaIo0RcoaqkyoGnFC++/rO8AeACuHJuEtsHehifkCrAVsJ2St8B5kst6Hz1YNY/Uwib2mSFOkrKHKhKrxmaI5YPPAXgKrhQboE7BtYG1ge8D2Q7YX3mM7HDMZpRVgi2FM72uKNEXKGqpMqBpDQvvv5tvAaFaIWkK07obaTjTrQjM2u8B+ADsE1g3ZEbADYN/DMW+GMaBYVcLYT2uKNEXKGqpMqBq9KZoB9hjYC2A0I/IBGLWn2qE5OQZ2AuwsZCeheSIz9g3YFrBGGKvnYexnNEWaImUNVSZUjd4U0a6oJ8BeA6OdXBvAqBVFbazD0MT8AnYeMrr2ZzgWGnMrjEE9jOl8kiNNkaZIWUOVCVXDN0W0fugpMFo8vAaM2km04JnW+9CsEM32XAC7DNlFeI/jcMw7YQzoeIAlYAtJjjRFmiJlDVUmVE2WKVoNDcFXYB1g3dCwnA9giuja03AsndAUNcNYVcPYa4o0RcoaqkyoKsAUUfuMWjhp+4zOAaIWU9o+o9ZWEe2zo3DMrTAGFKtXYextn2mKlDVUmVBVgClKF1rTomDafj/IQmta3NwNTUwRC63b4bM1wli50FpT5CvXGqpMqJogUzQNjA4VpO3j6ZZ8aielW/JpR1oRW/J3wzEPsiWfjjlwS76mSFlDlQlVk5JQOkDwD20dOpCQtp7T4Y2fQ9NB2+DTwxs74bVFHN5IB13SLr+5NE+aIk2RsoYqE6pGb4qG/ZmPN6FRolmXIj7zsRWOxc98KE2RsoaaUPW/J3SMH4SlNUq0kLkZGpuN8B40lpXw2SphrIb/QVjlK1eZUGVC1T91JcAAeEmBqSeTEoEAAAAASUVORK5CYII=") 0px 0px / 50px repeat;
  mix-blend-mode: overlay;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .subtitle {
  height: 3.6em;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 32px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .item-btn {
  font-size: 14px;
  font-weight: 300;
  line-height: 180%;
  transition: 0.26s;
  color: var(--btn-color);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .item-btn .text {
  margin-right: 10px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-left .item-btn .ic {
  font-size: 18px;
  transition: transform 0.26s;
  transform: translateX(var(--btn-ic-distance));
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right {
  position: relative;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line {
  position: relative;
  width: 100%;
  height: 26px;
  margin-top: -13px;
  margin-bottom: -13px;
  mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line::after {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 51.3%, rgba(255, 255, 255, 0));
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line-inner {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 0px;
  width: 378px;
  height: 1px;
  animation: 3.5s linear 0s infinite normal none running loopTranslateX;
  background: linear-gradient(90deg, rgba(103, 145, 255, 0), rgb(255, 255, 255) 99.17%);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line-inner::after,
.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line-inner::before {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 20px;
  content: "";
  transform: translateY(-50%);
  filter: blur(6px);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line-inner::before {
  background: radial-gradient(40.22% 33.41% at 98.91% 50%, rgb(91, 226, 255) 0px, rgba(103, 109, 255, 0) 100%);
  mix-blend-mode: plus-lighter;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .decoration-line-inner::after {
  background: radial-gradient(28% 23.26% at 72% 50%, rgba(48, 91, 245, 0.7) 0px, rgba(103, 109, 255, 0) 100%);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .m-list-wrapper {
  display: flex;
  width: 656px;
  padding-top: 28px;
  justify-content: center;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .m-list {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: 900px;
  mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 16%, rgb(0, 0, 0) 75%, transparent 90%);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .swiper {
  overflow: visible;
  width: 656px;
  margin: 0px auto;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .m-item {
  --btn-color: #b8b9bb;
  --btn-ic-distance: 0;
  width: 200px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .m-item:hover {
  --btn-ic-distance: 4px;
  --btn-color: #fff;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .item-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 6px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .item-btn {
  font-size: 14px;
  font-weight: 300;
  line-height: 180%;
  transition: 0.26s;
  color: var(--btn-color);
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .item-btn .text {
  margin-right: 10px;
}

.g-body[data-page-name="index"] .m-research .m-footer>.state--pos-right .item-btn .ic {
  font-size: 18px;
  transition: transform 0.26s;
  transform: translateX(var(--btn-ic-distance));
}

.g-body[data-page-name="index"] .m-research .stage-area {
  position: absolute;
  inset: 0px;
  font-size: 10rem;
  z-index: 100;
}

.g-body[data-page-name="index"] .m-research .stage-area .stage-circle-1 {
  --u-width: 1360;
  --u-height: 316;
  overflow: hidden;
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  width: 0.68em;
}

.g-body[data-page-name="index"] .m-research .stage-area .stage-circle-1>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-area .stage-circle-1::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-area .stage-circle-2 {
  --u-width: 1224;
  --u-height: 285;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: 0.612em;
  transform: translateY(-0.088em);
}

.g-body[data-page-name="index"] .m-research .stage-area .stage-circle-2>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-area .stage-circle-2::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-body {
  position: relative;
  display: flex;
  width: 0.348em;
  height: 0.51em;
  align-items: flex-end;
}

.g-body[data-page-name="index"] .m-research .stage {
  position: absolute;

  visibility: hidden;
  width: 100%;
  height: 0px;
  opacity: 0;
  top: 2.4rem;
  /* left: 0;
  right: 0;
  bottom: 0;
  margin: auto; */
}

.g-body[data-page-name="index"] .m-research .stage-1 {
  z-index: 20;
  visibility: visible;
  transform: translateY(-0.051em);
  opacity: 1;
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box {
  --u-width: 696;
  --u-height: 223;
  position: relative;
  width: 100%;
  --distance: -0.038em;
  --wave-delay: 0s;
  --shadow-color-1: rgba(70, 102, 184, .2);
  --shadow-color-2: rgba(0, 0, 0, .3);
  z-index: 100;
  overflow: visible;
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:first-child {
  transform: translateY(calc(var(--distance)*5));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(2) {
  transform: translateY(calc(var(--distance)*4));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(3) {
  transform: translateY(calc(var(--distance)*3));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(4) {
  transform: translateY(calc(var(--distance)*2));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(5) {
  transform: translateY(calc(var(--distance)*1));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(6) {
  transform: translateY(calc(var(--distance)*0));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(2),
.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(3),
.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(4),
.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(5) {
  filter: drop-shadow(0 22px 24px var(--shadow-color-1));
}

.g-body[data-page-name="index"] .m-research .stage-1 .circle-box img:nth-child(6) {
  filter: drop-shadow(0 30px 24px var(--shadow-color-2));
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box {
  position: absolute;
  inset: 0px;
  z-index: 100;
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card {
  --u-width: 96;
  --u-height: 120;
  position: absolute;
  top: 0px;
  left: calc(50% - 0.024em);
  overflow: visible;
  width: 0.048em;
  opacity: 0;
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card img {
  --wave-y-distance: 8px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card:first-child {
  transform: translate(-0.291em, -0.183em);
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card:nth-child(2) {
  transform: translate(0.178em, -0.274em);
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card:nth-child(3) {
  transform: translate(-0.31em, -0.012em);
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .card:nth-child(4) {
  transform: translate(0.26em, -0.072em);
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .line {
  --u-width: 13;
  --u-height: 287;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 0.007em);
  left: calc(50% - 0.003em);
  width: 0.006em;
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .line>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-1 .card-box .line::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-2 {
  z-index: 20;
}

.g-body[data-page-name="index"] .m-research .stage-2 .line-box {
  position: absolute;
  bottom: -0.092em;
  left: calc(50% - 0.3em);
}

.g-body[data-page-name="index"] .m-research .stage-2 .line-box .line {
  --u-width: 1200;
  --u-height: 722;
  position: relative;
  overflow: hidden;
  width: 0.6em;
}

.g-body[data-page-name="index"] .m-research .stage-2 .line-box .line>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-2 .line-box .line::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-2 .cpu-box {
  position: absolute;
  bottom: 0.032em;
  left: calc(50% - 0.0645em);
}

.g-body[data-page-name="index"] .m-research .stage-2 .cpu-box .cpu {
  --u-width: 338;
  --u-height: 340;
  position: relative;
  overflow: hidden;
  width: 0.129em;
}

.g-body[data-page-name="index"] .m-research .stage-2 .cpu-box .cpu>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-2 .cpu-box .cpu::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-2 .cpu-box .text {
  --lighter-pox-y: 36%;
  font-size: 0.009em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.34em;
  position: absolute;
  overflow: hidden;
  letter-spacing: 1px;
  inset: 23px;
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box {
  position: absolute;
  inset: 0px;
  z-index: 100;
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card {
  --u-width: 140;
  --u-height: 140;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: calc(50% - 0.035em);
  width: 0.07em;
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card:first-child {
  transform: translate(0.095em, -0.254em);
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card:nth-child(2) {
  transform: translate(0.2em, -0.154em) scale(0.8571);
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card:nth-child(3) {
  transform: translate(-0.189em, -0.112em);
}

.g-body[data-page-name="index"] .m-research .stage-2 .card-box .card:nth-child(4) {
  transform: translate(0.144em, -0.014em);
}

.g-body[data-page-name="index"] .m-research .stage-3 {
  z-index: 20;
}

.g-body[data-page-name="index"] .m-research .stage-3 .stage--inner {
  position: absolute;
  inset: 0px;
  perspective: 600px;
  transform-style: preserve-3d;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-box {
  position: absolute;
  width: 100%;
  transform-style: preserve-3d;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-box .object {
  position: absolute;
  overflow: visible;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-1 {
  --u-width: 769;
  --u-height: 561;
  position: relative;
  overflow: hidden;
  --move-z-base: 200;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.3845em;
  transform: scale(var(--scale)) translate3D(.08em, -.242em, var(--move-z));
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-1>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-1::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-1 img {
  --wave-y-distance: 8px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-3 {
  --u-width: 274;
  --u-height: 274;
  position: relative;
  overflow: hidden;
  --move-z-base: 160;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.137em;
  transform: scale(var(--scale)) translate3D(-.062em, -.394em, var(--move-z));
  filter: blur(2px);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-3>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-3::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-3 img {
  --wave-y-distance: 6px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-2 {
  --u-width: 203;
  --u-height: 194;
  position: relative;
  overflow: hidden;
  --move-z-base: 140;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.1015em;
  transform: scale(var(--scale)) translate3D(.352em, -.316em, var(--move-z));
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-2>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-2::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-2 img {
  --wave-y-distance: 5px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-4 {
  --u-width: 211;
  --u-height: 180;
  position: relative;
  overflow: hidden;
  --move-z-base: 120;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.1055em;
  transform: scale(var(--scale)) translate3D(-.122em, -.09em, var(--move-z));
  filter: blur(4.5px);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-4>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-4::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-4 img {
  --wave-y-distance: 4px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-5 {
  --u-width: 114;
  --u-height: 114;
  position: relative;
  overflow: hidden;
  --move-z-base: 80;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.057em;
  transform: scale(var(--scale)) translate3D(.436em, -.04em, var(--move-z));
  filter: blur(1px);
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-5>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-5::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="index"] .m-research .stage-3 .object-5 img {
  --wave-y-distance: 2px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="index"] .m-research .stage-4 {
  z-index: 20;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-center {
  position: absolute;
  bottom: 0.09em;
  left: 50%;
  width: 0px;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1 {
  /* top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px); */
  position: absolute;
  width: 0.581em;
  height: 0.581em;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;

}

.circle-yuan {
  mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0));
  border-radius: 1000px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  inset: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1::before {
  position: absolute;
  inset: 0px;
  content: "";



}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner>* {
  flex: 0 0 auto;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner:first-child {
  --radius: 45deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-1 {
  width: 0.018em;
  transform: translate3d(-0.2905em, 0px, 0px);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner:nth-child(2) {
  --radius: 170deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-2 {
  width: 0.06em;
  transform: translate3d(-.2905em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-inner:nth-child(3) {
  --radius: -13deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-1-3 {
  width: 0.06em;
  transform: translate3d(-.2905em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.439em;
  height: 0.439em;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner>* {
  flex: 0 0 auto;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:first-child {
  --radius: -45deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-1 {
  width: 0.018em;
  transform: translate3d(-0.2195em, 0px, 0px);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:nth-child(2) {
  --radius: 190deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-2 {
  width: 0.018em;
  transform: translate3d(-0.2195em, 0px, 0px);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:nth-child(3) {
  --radius: 120deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-3 {
  width: 0.06em;
  transform: translate3d(-.2195em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-inner:nth-child(4) {
  --radius: 235deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-2-4 {
  width: 0.06em;
  transform: translate3d(-.2195em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-3 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.334em;
  height: 0.334em;
  border-radius: 50%;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-3::after {
  position: absolute;
  inset: 0px;
  content: "";
  border-radius: 10000px;
  background-image: radial-gradient(50% 50%, rgb(127, 118, 225) 74.67%, rgba(67, 83, 165, 0) 100%);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-4,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-6,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-7,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-8 {
  position: absolute;
  z-index: 20;
  inset: 0px;
  margin: auto;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-4 {
  width: 0.232em;
  height: 0.232em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-4::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(-0.04em, 0.04em, 0px);
  background: radial-gradient(50% 50%, rgb(80, 80, 200) 63.17%, rgba(80, 80, 200, 0) 100%);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-6 {
  width: 0.255em;
  height: 0.255em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-6::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(0.02em, 0px, 0px);
  background: radial-gradient(50% 50%, rgb(169, 118, 225) 75.17%, rgba(93, 67, 165, 0) 100%);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-7 {
  width: 0.268em;
  height: 0.268em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-7::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(-0.02em, 0px, 0px);
  background: radial-gradient(50% 50%, rgb(147, 217, 226) 72.67%, rgba(147, 217, 226, 0) 100%);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-8 {
  width: 0.24em;
  height: 0.24em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-8::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(0px, -0.03em, 0px);
  background: radial-gradient(50% 50%, rgb(255, 255, 255) 72.67%, rgba(255, 255, 255, 0) 100%);
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-5 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.261em;
  height: 0.261em;
  border-radius: 50%;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 {
  position: absolute;
  inset: 0px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 600px;
  transform-style: preserve-3d;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye {
  transform: translateY(-0.016em);
  gap: 0.03em;
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye-left,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye-right {
  position: relative;
  width: 0.035em;
  height: 0.079em;
  border-radius: 100px;
  background: linear-gradient(rgb(30, 35, 49) 39.44%, rgb(50, 70, 101));
}

.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye-left::after,
.g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye-right::after {
  position: absolute;
  content: "";
  border-radius: 100px;
  background: linear-gradient(rgb(255, 255, 255) 39.44%, rgb(217, 217, 217));
  inset: 0.004em;
}

.g-body[data-page-name="index"] .m-system .swiper {
  overflow: visible;
}

.g-body[data-page-name="index"] .m-ecology .swiper {
  overflow: visible;
}

.g-body[data-page-name="research"] .m-research {
  position: relative;
  z-index: 1;
  margin-bottom: 160px;
  padding: 40px 0px;
}

.g-body[data-page-name="research"] .m-research .research-bg {
  --u-width: 1440;
  --u-height: 917;
  position: relative;
  overflow: hidden;
  --bg-size: 1437px;
  left: calc(50% - var(--bg-size)*.49965);
  width: var(--bg-size);
  pointer-events: none;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1042' height='532' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M962 452H80C80 337.864 261.021 80 546 80c284.979 0 416 257.864 416 372Z' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='1042' height='532' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect1_foregroundBlur_1258_2132'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}

.g-body[data-page-name="research"] .m-research .research-bg>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .research-bg::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .research-bg .lighter-svg-box {
  position: absolute;
  --distance: 12px;
  inset: var(--distance);
}

.g-body[data-page-name="research"] .m-research .research-bg .lighter-svg-box svg {
  width: calc(var(--bg-size)*.97773);
}

.g-body[data-page-name="research"] .m-research .research-info {
  position: absolute;
  inset: 0px;
  font-size: 523px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: rgba(51, 108, 255, 0.3);
}

.g-body[data-page-name="research"] .m-research .research-title {
  position: relative;
  overflow: visible;
  width: 100%;
  transform: translateY(-0.0764818em);
  text-align: center;
  mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0));
}

.g-body[data-page-name="research"] .m-research .research-title h2 {
  line-height: 1.45;
}

.g-body[data-page-name="research"] .m-research .research-title h2::after,
.g-body[data-page-name="research"] .m-research .research-title h2::before {
  display: table;
  content: "";
}

.g-body[data-page-name="research"] .m-research .research-title h2::before {
  margin-bottom: -0.363em;
}

.g-body[data-page-name="research"] .m-research .research-title h2::after {
  margin-top: -0.292em;
}

.g-body[data-page-name="research"] .m-research .research-title-wrapper,
.g-body[data-page-name="research"] .m-research .research-title-wrapper h2 {
  position: absolute;
  inset: 0px;
}

.g-body[data-page-name="research"] .m-research .research-title-wrapper h2~h2 {
  opacity: 0;
}

.g-body[data-page-name="research"] .m-research .m-body {
  margin-top: -157px;
  margin-bottom: -172px;
}

.g-body[data-page-name="research"] .m-research .stage-area {
  position: absolute;
  inset: 0px;
  font-size: 1000px;
  z-index: 100;
  pointer-events: none;
}

.g-body[data-page-name="research"] .m-research .stage-area .stage-circle-1 {
  --u-width: 1360;
  --u-height: 316;
  overflow: hidden;
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  width: 0.68em;
}

.g-body[data-page-name="research"] .m-research .stage-area .stage-circle-1>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-area .stage-circle-1::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-area .stage-circle-2 {
  --u-width: 1224;
  --u-height: 285;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: 0.612em;
  transform: translateY(-0.088em);
}

.g-body[data-page-name="research"] .m-research .stage-area .stage-circle-2>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-area .stage-circle-2::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-body {
  position: relative;
  display: flex;
  width: 0.348em;
  height: 0.51em;
  align-items: flex-end;
}

.g-body[data-page-name="research"] .m-research .stage {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
}

.g-body[data-page-name="research"] .m-research .stage-1 {
  z-index: 20;
  visibility: visible;
  transform: translateY(-0.051em);
  opacity: 1;
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box {
  --u-width: 696;
  --u-height: 223;
  position: relative;
  width: 100%;
  --distance: -0.038em;
  --wave-delay: 0s;
  --shadow-color-1: rgba(70, 102, 184, .2);
  --shadow-color-2: rgba(0, 0, 0, .3);
  z-index: 100;
  overflow: visible;
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:first-child {
  transform: translateY(calc(var(--distance)*5));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(2) {
  transform: translateY(calc(var(--distance)*4));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(3) {
  transform: translateY(calc(var(--distance)*3));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(4) {
  transform: translateY(calc(var(--distance)*2));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(5) {
  transform: translateY(calc(var(--distance)*1));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(6) {
  transform: translateY(calc(var(--distance)*0));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(2),
.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(3),
.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(4),
.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(5) {
  filter: drop-shadow(0 22px 24px var(--shadow-color-1));
}

.g-body[data-page-name="research"] .m-research .stage-1 .circle-box img:nth-child(6) {
  filter: drop-shadow(0 30px 24px var(--shadow-color-2));
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box {
  position: absolute;
  inset: 0px;
  z-index: 100;
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card {
  --u-width: 96;
  --u-height: 120;
  position: absolute;
  top: 0px;
  left: calc(50% - 0.024em);
  overflow: visible;
  width: 0.048em;
  opacity: 0;
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card img {
  --wave-y-distance: 8px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card:first-child {
  transform: translate(-0.291em, -0.183em);
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card:nth-child(2) {
  transform: translate(0.178em, -0.274em);
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card:nth-child(3) {
  transform: translate(-0.31em, -0.012em);
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .card:nth-child(4) {
  transform: translate(0.26em, -0.072em);
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .line {
  --u-width: 13;
  --u-height: 287;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 7px);
  left: calc(50% - 3px);
  width: 6px;
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .line>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-1 .card-box .line::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-2 {
  z-index: 20;
}

.g-body[data-page-name="research"] .m-research .stage-2 .line-box {
  position: absolute;
  bottom: -0.092em;
  left: calc(50% - 0.3em);
}

.g-body[data-page-name="research"] .m-research .stage-2 .line-box .line {
  --u-width: 1200;
  --u-height: 722;
  position: relative;
  overflow: hidden;
  width: 0.6em;
}

.g-body[data-page-name="research"] .m-research .stage-2 .line-box .line>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-2 .line-box .line::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-2 .cpu-box {
  position: absolute;
  bottom: 0.032em;
  left: calc(50% - 0.0645em);
}

.g-body[data-page-name="research"] .m-research .stage-2 .cpu-box .cpu {
  --u-width: 338;
  --u-height: 340;
  position: relative;
  overflow: hidden;
  width: 0.129em;
}

.g-body[data-page-name="research"] .m-research .stage-2 .cpu-box .cpu>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-2 .cpu-box .cpu::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-2 .cpu-box .text {
  --lighter-pox-y: 36%;
  font-size: 0.009em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.34em;
  position: absolute;
  overflow: hidden;
  letter-spacing: 1px;
  inset: 23px;
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box {
  position: absolute;
  inset: 0px;
  z-index: 100;
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card {
  --u-width: 140;
  --u-height: 140;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: calc(50% - 0.035em);
  width: 0.07em;
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card:first-child {
  transform: translate(0.095em, -0.254em);
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card:nth-child(2) {
  transform: translate(0.2em, -0.154em) scale(0.8571);
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card:nth-child(3) {
  transform: translate(-0.189em, -0.112em);
}

.g-body[data-page-name="research"] .m-research .stage-2 .card-box .card:nth-child(4) {
  transform: translate(0.144em, -0.014em);
}

.g-body[data-page-name="research"] .m-research .stage-3 {
  z-index: 20;
}

.g-body[data-page-name="research"] .m-research .stage-3 .stage--inner {
  position: absolute;
  inset: 0px;
  perspective: 600px;
  transform-style: preserve-3d;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-box {
  position: absolute;
  width: 100%;
  transform-style: preserve-3d;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-box .object {
  position: absolute;
  overflow: visible;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-1 {
  --u-width: 769;
  --u-height: 561;
  position: relative;
  overflow: hidden;
  --move-z-base: 200;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.3845em;
  transform: scale(var(--scale)) translate3D(.08em, -.242em, var(--move-z));
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-1>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-1::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-1 img {
  --wave-y-distance: 8px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-3 {
  --u-width: 274;
  --u-height: 274;
  position: relative;
  overflow: hidden;
  --move-z-base: 160;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.137em;
  transform: scale(var(--scale)) translate3D(-.062em, -.394em, var(--move-z));
  filter: blur(2px);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-3>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-3::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-3 img {
  --wave-y-distance: 6px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-2 {
  --u-width: 203;
  --u-height: 194;
  position: relative;
  overflow: hidden;
  --move-z-base: 140;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.1015em;
  transform: scale(var(--scale)) translate3D(.352em, -.316em, var(--move-z));
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-2>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-2::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-2 img {
  --wave-y-distance: 5px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-4 {
  --u-width: 211;
  --u-height: 180;
  position: relative;
  overflow: hidden;
  --move-z-base: 120;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.1055em;
  transform: scale(var(--scale)) translate3D(-.122em, -.09em, var(--move-z));
  filter: blur(4.5px);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-4>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-4::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-4 img {
  --wave-y-distance: 4px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-5 {
  --u-width: 114;
  --u-height: 114;
  position: relative;
  overflow: hidden;
  --move-z-base: 80;
  --scale: calc((600 - var(--move-z-base))/600);
  --move-z: calc(var(--move-z-base)*1px);
  width: 0.057em;
  transform: scale(var(--scale)) translate3D(.436em, -.04em, var(--move-z));
  filter: blur(1px);
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-5>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-5::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research .stage-3 .object-5 img {
  --wave-y-distance: 2px;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: waveY;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: var(--wave-delay);
}

.g-body[data-page-name="research"] .m-research .stage-4 {
  z-index: 20;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-center {
  position: absolute;
  bottom: 0.09em;
  left: 50%;
  width: 0px;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.581em;
  height: 0.581em;
  border-radius: 50%;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1::before {
  position: absolute;
  inset: 0px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1000px;
  mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-inner>* {
  flex: 0 0 auto;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-inner:first-child {
  --radius: 45deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-1 {
  width: 0.018em;
  transform: translate3d(-0.2905em, 0px, 0px);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-inner:nth-child(2) {
  --radius: 170deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-2 {
  width: 0.06em;
  transform: translate3d(-.2905em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-inner:nth-child(3) {
  --radius: -13deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-1-3 {
  width: 0.06em;
  transform: translate3d(-.2905em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.439em;
  height: 0.439em;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-inner>* {
  flex: 0 0 auto;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-inner:first-child {
  --radius: -45deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-1 {
  width: 0.018em;
  transform: translate3d(-0.2195em, 0px, 0px);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-inner:nth-child(2) {
  --radius: 190deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-2 {
  width: 0.018em;
  transform: translate3d(-0.2195em, 0px, 0px);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-inner:nth-child(3) {
  --radius: 120deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-3 {
  width: 0.06em;
  transform: translate3d(-.2195em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-inner:nth-child(4) {
  --radius: 235deg;
  transform: rotate(var(--radius));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-2-4 {
  width: 0.06em;
  transform: translate3d(-.2195em, 0, 0) rotate(calc(var(--radius)*-1));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-3 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.334em;
  height: 0.334em;
  border-radius: 50%;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-3::after {
  position: absolute;
  inset: 0px;
  content: "";
  border-radius: 10000px;
  background-image: radial-gradient(50% 50%, rgb(127, 118, 225) 74.67%, rgba(67, 83, 165, 0) 100%);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-4,
.g-body[data-page-name="research"] .m-research .stage-4 .circle-6,
.g-body[data-page-name="research"] .m-research .stage-4 .circle-7,
.g-body[data-page-name="research"] .m-research .stage-4 .circle-8 {
  position: absolute;
  z-index: 20;
  inset: 0px;
  margin: auto;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-4 {
  width: 0.232em;
  height: 0.232em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-4::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(-0.04em, 0.04em, 0px);
  background: radial-gradient(50% 50%, rgb(80, 80, 200) 63.17%, rgba(80, 80, 200, 0) 100%);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-6 {
  width: 0.255em;
  height: 0.255em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-6::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(0.02em, 0px, 0px);
  background: radial-gradient(50% 50%, rgb(169, 118, 225) 75.17%, rgba(93, 67, 165, 0) 100%);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-7 {
  width: 0.268em;
  height: 0.268em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-7::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(-0.02em, 0px, 0px);
  background: radial-gradient(50% 50%, rgb(147, 217, 226) 72.67%, rgba(147, 217, 226, 0) 100%);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-8 {
  width: 0.24em;
  height: 0.24em;
  border-radius: 50%;
  transform: rotate(var(--radius, 0deg));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-8::after {
  position: absolute;
  inset: 0px;
  content: "";
  transform: translate3d(0px, -0.03em, 0px);
  background: radial-gradient(50% 50%, rgb(255, 255, 255) 72.67%, rgba(255, 255, 255, 0) 100%);
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-5 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  width: 0.261em;
  height: 0.261em;
  border-radius: 50%;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-9 {
  position: absolute;
  inset: 0px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 600px;
  transform-style: preserve-3d;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-9 .eye {
  transform: translateY(-0.016em);
  gap: 0.03em;
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-9 .eye-left,
.g-body[data-page-name="research"] .m-research .stage-4 .circle-9 .eye-right {
  position: relative;
  width: 0.035em;
  height: 0.079em;
  border-radius: 100px;
  background: linear-gradient(rgb(30, 35, 49) 39.44%, rgb(50, 70, 101));
}

.g-body[data-page-name="research"] .m-research .stage-4 .circle-9 .eye-left::after,
.g-body[data-page-name="research"] .m-research .stage-4 .circle-9 .eye-right::after {
  position: absolute;
  content: "";
  border-radius: 100px;
  background: linear-gradient(rgb(255, 255, 255) 39.44%, rgb(217, 217, 217));
  inset: 0.004em;
}

.g-body[data-page-name="research"] .m-research-1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 160px;
  padding: 40px 0px;
}

.g-body[data-page-name="research"] .m-research-1 .c-module-head {
  --space-mb: 10px;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area {
  position: relative;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .l-cover {
  position: absolute;
  inset: 0px;
  margin-bottom: 100px;
  clip-path: inset(0px);
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .img-bg {
  --u-width: 3840;
  --u-height: 1810;
  position: relative;
  overflow: hidden;
  width: 1920px;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .img-bg>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .img-bg::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .line-group {
  --u-width: 1065;
  --u-height: 500;
  position: relative;
  overflow: hidden;
  --line-percent: 100%;
  width: 1065px;
  transform: translateY(-52px);
  mask-image: linear-gradient(90deg, #000 var(--line-percent), transparent calc(10% + var(--line-percent)));
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .line-group>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .line-group::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item {
  position: relative;
  width: 150px;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .info-box {
  position: absolute;
  bottom: 100%;
  width: 100%;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .box-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect width='16' height='16' rx='8' fill='%23fff' fill-opacity='.01'/%3E%3Crect width='16' height='16' rx='8' fill='%23fff' fill-opacity='.05'/%3E%3Crect x='.333' y='.333' width='15.333' height='15.333' rx='7.667' stroke='url(%23b)' stroke-opacity='.65' stroke-width='.667'/%3E%3Ccircle cx='8' cy='8' r='4' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='8' y1='0' x2='14.96' y2='17.57' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.7'/%3E%3Cstop offset='.4' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.6' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='16' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2.667'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0'/%3E%3CfeBlend in2='shape' result='effect1_innerShadow_2815_10891'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .box-head {
  text-align: center;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .box-line {
  --u-width: 6;
  --u-height: 41;
  position: relative;
  overflow: hidden;
  width: 6px;
  margin: 15px 0px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='41' fill='none'%3E%3Cpath d='M2.5 40a.5.5 0 0 0 1 0h-1ZM3 0 .113 5h5.774L3 0Zm.5 39.487a.5.5 0 1 0-1 0h1Zm-1-2.051a.5.5 0 0 0 1 0h-1Zm1-1.026a.5.5 0 1 0-1 0h1Zm-1-2.051a.5.5 0 0 0 1 0h-1Zm1-1.026a.5.5 0 0 0-1 0h1Zm-1-2.05a.5.5 0 0 0 1 0h-1Zm1-1.027a.5.5 0 0 0-1 0h1Zm-1-2.05a.5.5 0 1 0 1 0h-1Zm1-1.026a.5.5 0 1 0-1 0h1Zm-1-2.052a.5.5 0 0 0 1 0h-1Zm1-1.025a.5.5 0 1 0-1 0h1Zm-1-2.052a.5.5 0 0 0 1 0h-1Zm1-1.025a.5.5 0 0 0-1 0h1Zm-1-2.052a.5.5 0 0 0 1 0h-1Zm1-1.025a.5.5 0 0 0-1 0h1Zm-1-2.052a.5.5 0 1 0 1 0h-1Zm1-1.025a.5.5 0 0 0-1 0h1Zm-1-2.052a.5.5 0 1 0 1 0h-1Zm1-1.025a.5.5 0 1 0-1 0h1Zm-1-2.051a.5.5 0 0 0 1 0h-1Zm1-1.026a.5.5 0 1 0-1 0h1Zm-1-2.051a.5.5 0 1 0 1 0h-1Zm1-1.026a.5.5 0 0 0-1 0h1Zm-1-2.051a.5.5 0 0 0 1 0h-1Zm1-1.026a.5.5 0 0 0-1 0h1ZM2.5.513a.5.5 0 0 0 1 0h-1ZM3.5 40v-.513h-1V40h1Zm0-2.564V36.41h-1v1.026h1Zm0-3.077v-1.026h-1v1.026h1Zm0-3.077v-1.026h-1v1.026h1Zm0-3.077V27.18h-1v1.025h1Zm0-3.077v-1.025h-1v1.025h1Zm0-3.077v-1.025h-1v1.025h1Zm0-3.077V17.95h-1v1.025h1Zm0-3.077v-1.025h-1v1.025h1Zm0-3.077v-1.025h-1v1.025h1Zm0-3.076V8.718h-1v1.026h1Zm0-3.077V5.64h-1v1.026h1Zm0-3.077V2.564h-1V3.59h1Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='3.5' y1='0' x2='3.5' y2='42.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E75FF'/%3E%3Cstop offset='1' stop-color='%233E75FF' stop-opacity='.02'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .box-line>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .box-line::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 5px;
  white-space: nowrap;
  letter-spacing: -0.0714286em;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  white-space: nowrap;
}

.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-group {
  width: 817px;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer {
  --mask-progress-start: 0%;
  --mask-progress-end: 0%;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  mask-image: radial-gradient(100% 200% at 0 0, #000 var(--mask-progress-start), transparent var(--mask-progress-end));
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .line-box {
  position: relative;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .line-box .line {
  position: absolute;
  top: 16px;
  left: -7.24675vw;
  width: 14.4935vw;
  height: 7px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='279' height='7' fill='none'%3E%3Cpath d='m279 3.5-5-2.887v5.774l5-2.887ZM0 4h274.5V3H0v1Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='4' x2='279' y2='4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2398A2FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: contain;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .intro-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .intro-item:nth-of-type(2) .item-title {
  padding: 0px 42px;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-tag {
  font-weight: 600;
  position: relative;
  overflow: hidden;
  width: fit-content;
  margin-bottom: 40px;
  padding: 5px 19px;
  border-radius: 30px;
  background-color: rgb(18, 22, 30);
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-tag>* {
  position: relative;
  z-index: 20;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-tag .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  display: inline-block;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-tag::before {
  position: absolute;
  content: "";
  opacity: 0.9;
  border-radius: 30px;
  background: radial-gradient(46.6% 57.99% at 80.03% 84.83%, rgb(29, 106, 255) 0px, rgba(29, 214, 255, 0.1) 70%, rgba(16, 22, 33, 0) 90%), radial-gradient(46.6% 70.99% at 18.1% 9.03%, rgb(0, 117, 255) 0px, rgba(0, 117, 255, 0.1) 70%, rgba(16, 22, 33, 0) 90%), rgba(85, 134, 255, 0.15);
  filter: blur(6px);
  inset: -10px;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-tag::after {
  position: absolute;
  inset: 0px;
  content: "";
  border: 1px solid rgb(255, 255, 255);
  border-radius: 30px;
  background-blend-mode: overlay, normal, normal, normal;
  mix-blend-mode: overlay;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-date {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 8px;
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .divide-line {
  width: 1px;
  height: 24px;
  margin: 0px 10px;
  transform: rotate(20deg);
  background: rgba(255, 255, 255, 0.4);
}

.g-body[data-page-name="research"] .m-research-1 .m-footer .item-title {
  font-size: 16px;
  line-height: 180%;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}

.g-body[data-page-name="research"] .m-research-1-2 {
  margin-bottom: 160px;
  padding: 40px 0px;
}

.g-body[data-page-name="research"] .m-research-1-2 .c-module-head {
  --space-mb: 40px;
}

.g-body[data-page-name="research"] .m-research-1-2 .thumb-box {
  --u-width: 1440;
  --u-height: 1197;
  position: relative;
  overflow: hidden;
  width: 720px;
  max-width: 100%;
  margin: 0px auto;
}

.g-body[data-page-name="research"] .m-research-1-2 .thumb-box>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-1-2 .thumb-box::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 40px 0px 160px;
}

.g-body[data-page-name="research"] .m-research-2 .l-bg {
  position: absolute;
  inset: 0px;
  pointer-events: none;
}

.g-body[data-page-name="research"] .m-research-2 .l-bg .l-bg--inner {
  --u-width: 5953;
  --u-height: 1576;
  --bg-distance: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  overflow: visible;
  width: 138.177vw;
  max-width: 2653px;
  transform: translateX(-23%) translateY(47%);
  mix-blend-mode: lighten;
}

.g-body[data-page-name="research"] .m-research-2 .l-bg .l-bg--inner>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-2 .l-bg .l-bg--inner::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-2 .l-bg .img-box {
  position: absolute;
  inset: 0px;
}

.g-body[data-page-name="research"] .m-research-2 .m-body {
  position: relative;
  z-index: 1;
}

.g-body[data-page-name="research"] .m-research-2 .m-footer {
  position: relative;
  z-index: 10;
  margin-top: 138px;
}

.g-body[data-page-name="research"] .m-research-2 .card-group {
  gap: 24px;
}

.g-body[data-page-name="research"] .m-research-2 .card-item {
  --radius: 16px;
  --distance: -25%;
  --line-deg: 0deg;
  --line-color: rgba(0, 0, 0, .3);
  --line-border-color: #fff;
  --bg-color: rgba(29, 106, 255, 0);
  --bg-percent: 60%;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  position: relative;
  padding: 40px;
  color: rgb(162, 166, 172);
  border-radius: var(--radius);
  background-image: ;
  background-position-x: ;
  background-position-y: ;
  background-size: ;
  background-attachment: ;
  background-origin: ;
  background-clip: ;
  background-color: ;
  background-repeat: no-repeat;
  backdrop-filter: blur(20px);
}

.g-body[data-page-name="research"] .m-research-2 .card-item>* {
  position: relative;
  z-index: 10;
}

.g-body[data-page-name="research"] .m-research-2 .card-item::after {
  position: absolute;
  inset: 0px;
  z-index: 20;
  content: "";
  pointer-events: none;
  border: 1px solid var(--line-border-color);
  border-radius: var(--radius);
  mask-image: conic-gradient(from var(--line-deg), var(--line-color) 0, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .08) 82%, var(--line-color) 100%);
}

.g-body[data-page-name="research"] .m-research-2 .card-item .card-title {
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 28px;
  padding-bottom: 28px;
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.g-body[data-page-name="research"] .m-research-2 .card-item .card-body {
  font-weight: 400;
}

.g-body[data-page-name="research"] .m-research-2 .card-item ul {
  margin-top: 28px;
  padding-bottom: 24px;
}

.g-body[data-page-name="research"] .m-research-2 .card-item li {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}

.g-body[data-page-name="research"] .m-research-2 .card-item li:last-child {
  margin-bottom: 0px;
}

.g-body[data-page-name="research"] .m-research-3 .l-bg {
  position: absolute;
  inset: 0px;
  pointer-events: none;
}

.g-body[data-page-name="research"] .m-research-3 .l-bg .l-bg--inner {
  --u-width: 5306;
  --u-height: 3152;
  --bg-distance: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  overflow: visible;
  width: 138.177vw;
  max-width: 2653px;
  transform: translateX(-83%) translateY(31%);
  mix-blend-mode: lighten;
}

.g-body[data-page-name="research"] .m-research-3 .l-bg .l-bg--inner>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-3 .l-bg .l-bg--inner::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .l-bg .img-box {
  position: absolute;
  inset: 0px;
}

.g-body[data-page-name="research"] .m-research-3 .m-footer {
  margin-top: 107px;
  gap: 24px;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item {
  display: grid;
  gap: 12px;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  color: rgba(255, 255, 255, 0.6);
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  width: fit-content;
  padding: 14px 22px;
  letter-spacing: -0.02em;
  border-radius: 30px;
  background-color: rgb(18, 22, 30);
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn>* {
  position: relative;
  z-index: 20;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn .text {
  line-height: 1.14286;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn .text::after,
.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn .text::before {
  display: table;
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn .text::before {
  margin-bottom: -0.23443em;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn .text::after {
  margin-top: -0.16343em;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn .ic {
  font-size: 16px;
  line-height: 14px;
  transition: 0.36s;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn::before {
  position: absolute;
  content: "";
  opacity: 0.9;
  border-radius: 30px;
  background: radial-gradient(46.6% 57.99% at 80.03% 84.83%, rgb(29, 106, 255) 0px, rgba(29, 214, 255, 0.1) 70%, rgba(16, 22, 33, 0) 90%), radial-gradient(46.6% 70.99% at 18.1% 9.03%, rgb(0, 117, 255) 0px, rgba(0, 117, 255, 0.1) 70%, rgba(16, 22, 33, 0) 90%), rgba(85, 134, 255, 0.15);
  filter: blur(6px);
  inset: -10px;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn::after {
  position: absolute;
  inset: 0px;
  content: "";
  border: 1px solid rgb(255, 255, 255);
  border-radius: 30px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABLCAYAAAChtqNfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBNkMzMUE0OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBNkMzMUE1OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEE2QzMxQTI4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEE2QzMxQTM4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lIAz7AAADKUlEQVR42uydMU9TURiGqQk6oAE3TYyD4NDUSVFTBraiSQNh0dRFUqKTTCWy1QQTBjrgCgP9ATjB6gx/gZ9TOsujvknb2wafN+nyhMs99/uS+7053znnTvV6vanff6n6f1sCNgvsEbAysEVgy8BqwOrAVkNWD++xHI65HMZgNonpX+J/7VeiBJZK8f9UYxTl7pZhuVkyoSZU3diE9t/hd8PiXwFWDY3IOrAGsI/ANoE1w2sb4Vhq4bM9C2N1b5CcaIo0RcoaqkyoGnFC++/rO8AeACuHJuEtsHehifkCrAVsJ2St8B5kst6Hz1YNY/Uwib2mSFOkrKHKhKrxmaI5YPPAXgKrhQboE7BtYG1ge8D2Q7YX3mM7HDMZpRVgi2FM72uKNEXKGqpMqBpDQvvv5tvAaFaIWkK07obaTjTrQjM2u8B+ADsE1g3ZEbADYN/DMW+GMaBYVcLYT2uKNEXKGqpMqBq9KZoB9hjYC2A0I/IBGLWn2qE5OQZ2AuwsZCeheSIz9g3YFrBGGKvnYexnNEWaImUNVSZUjd4U0a6oJ8BeA6OdXBvAqBVFbazD0MT8AnYeMrr2ZzgWGnMrjEE9jOl8kiNNkaZIWUOVCVXDN0W0fugpMFo8vAaM2km04JnW+9CsEM32XAC7DNlFeI/jcMw7YQzoeIAlYAtJjjRFmiJlDVUmVE2WKVoNDcFXYB1g3dCwnA9giuja03AsndAUNcNYVcPYa4o0RcoaqkyoKsAUUfuMWjhp+4zOAaIWU9o+o9ZWEe2zo3DMrTAGFKtXYextn2mKlDVUmVBVgClKF1rTomDafj/IQmta3NwNTUwRC63b4bM1wli50FpT5CvXGqpMqJogUzQNjA4VpO3j6ZZ8aielW/JpR1oRW/J3wzEPsiWfjjlwS76mSFlDlQlVk5JQOkDwD20dOpCQtp7T4Y2fQ9NB2+DTwxs74bVFHN5IB13SLr+5NE+aIk2RsoYqE6pGb4qG/ZmPN6FRolmXIj7zsRWOxc98KE2RsoaaUPW/J3SMH4SlNUq0kLkZGpuN8B40lpXw2SphrIb/QVjlK1eZUGVC1T91JcAAeEmBqSeTEoEAAAAASUVORK5CYII=") 0px 0px / 50px repeat;
  background-blend-mode: overlay, normal, normal, normal;
  mix-blend-mode: overlay;
}

.g-body[data-page-name="research"] .m-research-3 .intro-item .item-btn:hover .ic {
  transform: translateX(4px);
}

.g-body[data-page-name="research"] .m-research-3 .card-group {
  --radius: 16px;
  --distance: -25%;
  --line-deg: 0deg;
  --line-color: rgba(0, 0, 0, .3);
  --line-border-color: #fff;
  --bg-color: rgba(29, 106, 255, 0);
  --bg-percent: 60%;
  padding: 40px;
  border-radius: var(--radius);
  background-image: ;
  background-position-x: ;
  background-position-y: ;
  background-size: ;
  background-attachment: ;
  background-origin: ;
  background-clip: ;
  background-color: ;
  background-repeat: no-repeat;
  backdrop-filter: blur(25px);
}

.g-body[data-page-name="research"] .m-research-3 .card-group>* {
  position: relative;
  z-index: 10;
}

.g-body[data-page-name="research"] .m-research-3 .card-group::after {
  position: absolute;
  inset: 0px;
  z-index: 20;
  content: "";
  pointer-events: none;
  border: 1px solid var(--line-border-color);
  border-radius: var(--radius);
  mask-image: conic-gradient(from var(--line-deg), var(--line-color) 0, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .08) 82%, var(--line-color) 100%);
}

.g-body[data-page-name="research"] .m-research-3 .card-group:not(:first-child) {
  --line-color: rgba(0, 0, 0, .08);
}

.g-body[data-page-name="research"] .m-research-3 .card .card-title {
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  padding-bottom: 1.07692em;
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.g-body[data-page-name="research"] .m-research-3 .card .card-desc {
  font-size: 16px;
  line-height: 180%;
  margin-top: 1.75em;
  color: rgba(255, 255, 255, 0.6);
}

.g-body[data-page-name="research"] .m-research-3 .card .card-desc ul {
  margin-top: 28px;
  padding-bottom: 30px;
}

.g-body[data-page-name="research"] .m-research-3 .card .card-desc li {
  display: flex;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  align-items: flex-start;
}

.g-body[data-page-name="research"] .m-research-3 .card .card-desc li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-width: 0px;
}

.g-body[data-page-name="research"] .m-research-3 .card .card-desc li::before {
  background-color: currentcolor;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: inline-block;
  margin-top: 0.9em;
  margin-right: 0.8em;
  margin-left: 0.2em;
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .card .thumb-box {
  --u-width: 1256;
  --u-height: 680;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 28px;
}

.g-body[data-page-name="research"] .m-research-3 .card .thumb-box>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-3 .card .thumb-box::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .card .video-placeholder {
  --u-width: 628;
  --u-height: 340;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background-color: rgb(7, 7, 7);
}

.g-body[data-page-name="research"] .m-research-3 .card .video-placeholder>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-3 .card .video-placeholder::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .card .video-placeholder .cover {
  position: absolute;
  z-index: 20;
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-size: contain;
  inset: 8px;
  mask-image: radial-gradient(86.6% 87.99% at 18.1% 6.03%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%), radial-gradient(76.6% 77.99% at 91.03% 94.83%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%);
}

.g-body[data-page-name="research"] .m-research-3 .card .video-placeholder .cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.g-body[data-page-name="research"] .m-research-3 .card .video-placeholder::before {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  z-index: 20;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width=\"48\" height=\"49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 24.887c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24Z\" fill=\"%23fff\" fill-opacity=\".2\"/><path d=\"M30 23.155c1.333.77 1.333 2.694 0 3.464l-7.5 4.33c-1.333.77-3-.193-3-1.732v-8.66c0-1.54 1.667-2.502 3-1.732l7.5 4.33Z\" fill=\"%23fff\"/></svg>");
}

.g-body[data-page-name="research"] .m-research-3 .card-group:not(:first-child) .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child {
  grid-area: span 1 / span 2;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .card-body {
  margin-top: 28px;
  gap: 64px;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .card-body>.state--pos-right {
  padding: 24px 0px;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .video-placeholder {
  --u-width: 1416;
  --u-height: 872;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .video-placeholder>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .video-placeholder::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .video-placeholder .cover {
  position: absolute;
  z-index: 20;
  inset: 8px;
  mask-image: radial-gradient(86.6% 87.99% at 18.1% 6.03%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%), radial-gradient(76.6% 77.99% at 91.03% 94.83%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%);
}

.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .video-placeholder .cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(4) {
  display: grid;
  gap: 64px;
  grid-area: span 1 / span 2;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) {
  grid-area: span 3 / 1;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  width: fit-content;
  margin-bottom: 20px;
  padding: 14px 22px;
  letter-spacing: -0.02em;
  border-radius: 30px;
  background-color: rgb(18, 22, 30);
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn>* {
  position: relative;
  z-index: 20;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn .text {
  line-height: 1.14286;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn .text::after,
.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn .text::before {
  display: table;
  content: "";
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn .text::before {
  margin-bottom: -0.23443em;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn .text::after {
  margin-top: -0.16343em;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn .ic {
  font-size: 16px;
  line-height: 14px;
  transition: 0.36s;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn::before {
  position: absolute;
  content: "";
  opacity: 0.9;
  border-radius: 30px;
  background: radial-gradient(46.6% 57.99% at 80.03% 84.83%, rgb(29, 106, 255) 0px, rgba(29, 214, 255, 0.1) 70%, rgba(16, 22, 33, 0) 90%), radial-gradient(46.6% 70.99% at 18.1% 9.03%, rgb(0, 117, 255) 0px, rgba(0, 117, 255, 0.1) 70%, rgba(16, 22, 33, 0) 90%), rgba(85, 134, 255, 0.15);
  filter: blur(6px);
  inset: -10px;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn::after {
  position: absolute;
  inset: 0px;
  content: "";
  border: 1px solid rgb(255, 255, 255);
  border-radius: 30px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABLCAYAAAChtqNfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmYzNTRlZmM3MCwgMjAyMy8xMS8wOS0xMjowNTo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBNkMzMUE0OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBNkMzMUE1OEQzNTExRUZBNTk1RDQ1NDkyQTMzM0YxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEE2QzMxQTI4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEE2QzMxQTM4RDM1MTFFRkE1OTVENDU0OTJBMzMzRjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lIAz7AAADKUlEQVR42uydMU9TURiGqQk6oAE3TYyD4NDUSVFTBraiSQNh0dRFUqKTTCWy1QQTBjrgCgP9ATjB6gx/gZ9TOsujvknb2wafN+nyhMs99/uS+7053znnTvV6vanff6n6f1sCNgvsEbAysEVgy8BqwOrAVkNWD++xHI65HMZgNonpX+J/7VeiBJZK8f9UYxTl7pZhuVkyoSZU3diE9t/hd8PiXwFWDY3IOrAGsI/ANoE1w2sb4Vhq4bM9C2N1b5CcaIo0RcoaqkyoGnFC++/rO8AeACuHJuEtsHehifkCrAVsJ2St8B5kst6Hz1YNY/Uwib2mSFOkrKHKhKrxmaI5YPPAXgKrhQboE7BtYG1ge8D2Q7YX3mM7HDMZpRVgi2FM72uKNEXKGqpMqBpDQvvv5tvAaFaIWkK07obaTjTrQjM2u8B+ADsE1g3ZEbADYN/DMW+GMaBYVcLYT2uKNEXKGqpMqBq9KZoB9hjYC2A0I/IBGLWn2qE5OQZ2AuwsZCeheSIz9g3YFrBGGKvnYexnNEWaImUNVSZUjd4U0a6oJ8BeA6OdXBvAqBVFbazD0MT8AnYeMrr2ZzgWGnMrjEE9jOl8kiNNkaZIWUOVCVXDN0W0fugpMFo8vAaM2km04JnW+9CsEM32XAC7DNlFeI/jcMw7YQzoeIAlYAtJjjRFmiJlDVUmVE2WKVoNDcFXYB1g3dCwnA9giuja03AsndAUNcNYVcPYa4o0RcoaqkyoKsAUUfuMWjhp+4zOAaIWU9o+o9ZWEe2zo3DMrTAGFKtXYextn2mKlDVUmVBVgClKF1rTomDafj/IQmta3NwNTUwRC63b4bM1wli50FpT5CvXGqpMqJogUzQNjA4VpO3j6ZZ8aielW/JpR1oRW/J3wzEPsiWfjjlwS76mSFlDlQlVk5JQOkDwD20dOpCQtp7T4Y2fQ9NB2+DTwxs74bVFHN5IB13SLr+5NE+aIk2RsoYqE6pGb4qG/ZmPN6FRolmXIj7zsRWOxc98KE2RsoaaUPW/J3SMH4SlNUq0kLkZGpuN8B40lpXw2SphrIb/QVjlK1eZUGVC1T91JcAAeEmBqSeTEoEAAAAASUVORK5CYII=") 0px 0px / 50px repeat;
  background-blend-mode: overlay, normal, normal, normal;
  mix-blend-mode: overlay;
}

.g-body[data-page-name="research"] .m-research-3 .card-group:nth-child(5) .item-btn:hover .ic {
  transform: translateX(4px);
}

.g-body[data-page-name="research"] .m-research-4 .m-footer {
  margin-top: 140px;
}

.g-body[data-page-name="research"] .m-research-4 .card-group {
  gap: 24px;
}

.g-body[data-page-name="research"] .m-research-4 .card {
  --radius: 16px;
  --distance: -25%;
  --line-deg: 0deg;
  --line-color: rgba(0, 0, 0, .3);
  --line-border-color: #fff;
  --bg-color: rgba(29, 106, 255, 0);
  --bg-percent: 60%;
  display: flex;
  flex-direction: column;
  padding: 40px;
  border-radius: var(--radius);
  background-image: ;
  background-position-x: ;
  background-position-y: ;
  background-size: ;
  background-attachment: ;
  background-origin: ;
  background-clip: ;
  background-color: ;
  background-repeat: no-repeat;
  backdrop-filter: blur(30px);
}

.g-body[data-page-name="research"] .m-research-4 .card>* {
  position: relative;
  z-index: 10;
}

.g-body[data-page-name="research"] .m-research-4 .card::after {
  position: absolute;
  inset: 0px;
  z-index: 20;
  content: "";
  pointer-events: none;
  border: 1px solid var(--line-border-color);
  border-radius: var(--radius);
  mask-image: conic-gradient(from var(--line-deg), var(--line-color) 0, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .08) 82%, var(--line-color) 100%);
}

.g-body[data-page-name="research"] .m-research-4 .card-title {
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.g-body[data-page-name="research"] .m-research-4 .card-desc {
  font-size: 16px;
  line-height: 180%;
  margin-bottom: auto;
  color: rgba(255, 255, 255, 0.6);
}

.g-body[data-page-name="research"] .m-research-4 .card-video {
  --u-width: 768;
  --u-height: 434;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 28px;
  border-radius: 12px;
  background-color: rgb(7, 7, 7);
}

.g-body[data-page-name="research"] .m-research-4 .card-video>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-4 .card-video::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-4 .card-video .cover {
  position: absolute;
  z-index: 20;
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: contain;
  inset: 10px;
  mask-image: radial-gradient(86.6% 87.99% at 18.1% 6.03%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%), radial-gradient(76.6% 77.99% at 91.03% 94.83%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%);
}

.g-body[data-page-name="research"] .m-research-4 .card-video::before {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  z-index: 10;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width=\"48\" height=\"49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 24.887c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24Z\" fill=\"%23fff\" fill-opacity=\".2\"/><path d=\"M30 23.155c1.333.77 1.333 2.694 0 3.464l-7.5 4.33c-1.333.77-3-.193-3-1.732v-8.66c0-1.54 1.667-2.502 3-1.732l7.5 4.33Z\" fill=\"%23fff\"/></svg>");
}

.g-body[data-page-name="research"] .m-research-5 {
  position: relative;
  overflow: hidden;
}

.g-body[data-page-name="research"] .m-research-5 .l-bg {
  position: absolute;
  inset: 0px;
  pointer-events: none;
}

.g-body[data-page-name="research"] .m-research-5 .l-bg .l-bg--inner {
  --u-width: 4441;
  --u-height: 3351;
  overflow: hidden;
  --bg-distance: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 115.651vw;
  max-width: 2220.5px;
  transform: translateX(-20%) translateY(38%);
  mix-blend-mode: lighten;
}

.g-body[data-page-name="research"] .m-research-5 .l-bg .l-bg--inner>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-5 .l-bg .l-bg--inner::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-5 .l-bg .img-box {
  position: absolute;
  inset: 0px;
}

.g-body[data-page-name="research"] .m-research-5 .m-footer {
  margin-top: 150px;
}

.g-body[data-page-name="research"] .m-research-5 .card-group {
  gap: 20px;
}

.g-body[data-page-name="research"] .m-research-5 .card {
  --radius: 16px;
  --distance: -25%;
  --line-deg: 0deg;
  --line-color: rgba(0, 0, 0, .3);
  --line-border-color: #fff;
  --bg-color: rgba(29, 106, 255, 0);
  --bg-percent: 60%;
  min-height: 280px;
  padding: 40px;
  border-radius: var(--radius);
  background-image: ;
  background-position-x: ;
  background-position-y: ;
  background-size: ;
  background-attachment: ;
  background-origin: ;
  background-clip: ;
  background-color: ;
  background-repeat: no-repeat;
  backdrop-filter: blur(30px);
}

.g-body[data-page-name="research"] .m-research-5 .card>* {
  position: relative;
  z-index: 10;
}

.g-body[data-page-name="research"] .m-research-5 .card::after {
  position: absolute;
  inset: 0px;
  z-index: 20;
  content: "";
  pointer-events: none;
  border: 1px solid var(--line-border-color);
  border-radius: var(--radius);
  mask-image: conic-gradient(from var(--line-deg), var(--line-color) 0, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .08) 82%, var(--line-color) 100%);
}

.g-body[data-page-name="research"] .m-research-5 .card-title {
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.g-body[data-page-name="research"] .m-research-5 .card-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  color: rgba(255, 255, 255, 0.6);
}

.g-body[data-page-name="research"] .m-research-5 .card:first-child {
  grid-area: span 1 / span 2;
}

.g-body[data-page-name="research"] .m-research-5 .card:first-child .card-body {
  gap: 20px;
}

.g-body[data-page-name="research"] .m-research-5 .mini-card {
  padding: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(30px);
}

.g-body[data-page-name="research"] .m-research-5 .mini-card-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 24px;
}

.g-body[data-page-name="research"] .m-research-5 .mini-card-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  color: rgba(255, 255, 255, 0.6);
}

.g-body[data-page-name="research"] .m-research-5 .card-video {
  --u-width: 768;
  --u-height: 434;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background-color: rgb(7, 7, 7);
}

.g-body[data-page-name="research"] .m-research-5 .card-video>img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.g-body[data-page-name="research"] .m-research-5 .card-video::after {
  display: block;
  width: 100%;
  padding-top: calc(var(--u-height)/var(--u-width)*100%);
  content: "";
}

.g-body[data-page-name="research"] .m-research-5 .card-video .cover {
  position: absolute;
  z-index: 20;
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: contain;
  inset: 10px;
  mask-image: radial-gradient(86.6% 87.99% at 18.1% 6.03%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%), radial-gradient(76.6% 77.99% at 91.03% 94.83%, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 60%);
}

.g-body[data-page-name="research"] .m-research-5 .card-video::before {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  z-index: 10;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width=\"48\" height=\"49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 24.887c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24Z\" fill=\"%23fff\" fill-opacity=\".2\"/><path d=\"M30 23.155c1.333.77 1.333 2.694 0 3.464l-7.5 4.33c-1.333.77-3-.193-3-1.732v-8.66c0-1.54 1.667-2.502 3-1.732l7.5 4.33Z\" fill=\"%23fff\"/></svg>");
}

.lang-en.g-body[data-page-name="research"] .m-research-1 .stage-area .bar-item .title {
  letter-spacing: 0px;
}

.lang-en.g-body[data-page-name="research"] .m-research-1 .m-footer .item-title {
  font-size: 14px;
}

.lang-en.g-body[data-page-name="research"] .m-research-2 .card-item .card-title {
  font-size: 22px;
  font-weight: 500;
}

.lang-en.g-body[data-page-name="research"] .m-research-3 .intro-item {
  gap: 6px;
}

.lang-en.g-body[data-page-name="research"] .m-research-3 .intro-item .item-subtitle {
  margin-bottom: 4px;
}

.lang-en.g-body[data-page-name="research"] .m-research-3 .card-group:first-child .card-body>.state--pos-right {
  padding: 16px 0px;
}

.lang-en.g-body[data-page-name="research"] .m-research-3 .card .card-title,
.lang-en.g-body[data-page-name="research"] .m-research-4 .card-title {
  font-size: 22px;
  font-weight: 500;
}

.lang-en.g-body[data-page-name="research"] .m-research-4 .card-title .text {
  height: 2.4em;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
}

.lang-en.g-body[data-page-name="research"] .m-research-5 .card-title {
  font-size: 22px;
  font-weight: 500;
}

.lang-en.g-body[data-page-name="research"] .m-research-5 .card-title .text {
  height: 2.4em;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
}

.lang-en.g-body[data-page-name="research"] .m-research-5 .card:first-child .card-title .text {
  height: auto;
}

/* ====================== */
.topbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  border-bottom: 1px solid #1c2233;
  background: #0e1320;
}

.topbar .logo {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: linear-gradient(135deg, #1d6aff, #00c2ff);
}

.topbar h1 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  letter-spacing: .3px;
}

.topbar .tag {
  font-size: 11px;
  color: #8b93a7;
  border: 1px solid #2a3148;
  padding: 2px 8px;
  border-radius: 20px;
}

.topbar .src {
  margin-left: auto;
  font-size: 12px;
  color: #6f7891;
}

.layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  min-height: calc(100vh - 56px);
}

@media (max-width: 1024px) {
  .layout {
    grid-template-columns: 1fr;
  }
}

.frame {
  position: relative;
  overflow: hidden;
  background: radial-gradient(1200px 700px at 50% 12%, #16203a 0%, #0c1120 55%, #080b14 100%);
}

/* ---------- LAYOUT OVERRIDES (specificity-matched to the real scoped rules) ---------- */

.topbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  border-bottom: 1px solid #1c2233;
  background: #0e1320;
}

.topbar .logo {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: linear-gradient(135deg, #1d6aff, #00c2ff);
}

.topbar h1 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  letter-spacing: .3px;
}

.topbar .tag {
  font-size: 11px;
  color: #8b93a7;
  border: 1px solid #2a3148;
  padding: 2px 8px;
  border-radius: 20px;
}

.topbar .src {
  margin-left: auto;
  font-size: 12px;
  color: #6f7891;
}




/* ---------- LAYOUT OVERRIDES (specificity-matched to the real scoped rules) ---------- */

.g-body {
  z-index: 10;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;

  height: 100%;
  position: absolute;
  top: 0%;

}


.g-body[data-page-name="index"] .m-research {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  min-height: 640px;
  /* display: flex;
  justify-content: center;
  align-items: center; */

}



.g-body[data-page-name="index"] .m-research .stage-area {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transform: scale(0.8); */
}

.g-body[data-page-name="index"] .m-research .stage-body {
  position: relative;
  width: 0;
  height: 0;
}






.card p {
  font-size: 12px;
  line-height: 1.6;
  color: #aeb6c9;
  margin: 6px 0 0;
}

.card code {
  font-size: 11px;
  background: #0a0f1c;
  color: #9fe6c4;
  padding: 1px 5px;
  border-radius: 4px;
}

pre {
  background: #0a0f1c;
  border: 1px solid #1f2740;
  border-radius: 8px;
  padding: 10px;
  overflow-x: auto;
  font-size: 11px;
  line-height: 1.5;
  color: #b9c4dc;
  margin: 8px 0 0;
}

.hint {
  font-size: 11px;
  color: #6f7891;
  margin-top: 4px;
}


.stage-4 {
  transform: translateY(1rem) scale(0.8);
  width: 2rem !important;
  height: 2rem !important;
}