/* Header logo display fix: keep the BingX wordmark horizontal and blend with the dark header. */
img.logo[data-v-9cc1316c],
img.logo {
  width: 2.22rem !important;
  height: .74rem !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  display: block !important;
}

.carousel .top,
.top[data-v-bd9358da],
.top[data-v-39a9aa27] {
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom-color: #000 !important;
}

.aiOrb {
  width: 5.066667rem !important;
  height: 4rem !important;
  margin: .586667rem auto .106667rem !important;
  perspective: 520px !important;
  transform-style: preserve-3d !important;
  animation: bingxAiOrbSpin 10s ease-in-out infinite !important;
  will-change: transform !important;
}

.aiOrb::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 2.453333rem !important;
  height: 2.453333rem !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 34% 28%, rgba(120, 230, 255, .96), rgba(25, 122, 255, .84) 38%, rgba(86, 74, 255, .78) 70%, rgba(35, 56, 170, .1) 100%) !important;
  box-shadow: 0 .48rem 1.12rem rgba(0, 111, 255, .32), inset -.32rem -.426667rem .746667rem rgba(23, 32, 145, .34) !important;
  transform: translate(-50%, -50%) translateZ(.213333rem) !important;
  z-index: 2 !important;
}

.aiOrb::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 3.68rem !important;
  height: 3.68rem !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(15, 91, 255, .2), rgba(15, 91, 255, 0) 68%) !important;
  transform: translate(-50%, -50%) translateZ(-.373333rem) !important;
  z-index: 0 !important;
}

.aiOrb span {
  left: 50% !important;
  top: 50% !important;
  width: 4.426667rem !important;
  height: 1.546667rem !important;
  border: .053333rem solid rgba(61, 188, 255, .74) !important;
  border-radius: 50% !important;
  background: transparent !important;
  backface-visibility: visible !important;
  box-shadow: 0 0 .48rem rgba(37, 166, 255, .28), inset 0 0 .373333rem rgba(37, 166, 255, .2) !important;
  z-index: 3 !important;
}

.aiOrb span:nth-child(1) {
  transform: translate(-50%, -50%) rotateX(66deg) rotateZ(-8deg) translateZ(.266667rem) !important;
}

.aiOrb span:nth-child(2) {
  width: 4.053333rem !important;
  height: 1.44rem !important;
  border-color: rgba(112, 104, 255, .64) !important;
  transform: translate(-50%, -50%) rotateX(66deg) rotateY(62deg) rotateZ(18deg) translateZ(0) !important;
}

.aiOrb span:nth-child(3) {
  width: 3.68rem !important;
  height: 1.333333rem !important;
  border-color: rgba(18, 130, 255, .42) !important;
  transform: translate(-50%, -50%) rotateX(76deg) rotateY(-54deg) rotateZ(-20deg) translateZ(-.213333rem) !important;
  z-index: 1 !important;
}

@keyframes bingxAiOrbSpin {
  0% {
    transform: rotateX(0deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(7deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(-18deg);
  }
}

.securityItem .lockIcon {
  width: 1.28rem !important;
  height: 1.28rem !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.securityItem .lockIcon::before {
  left: .186667rem !important;
  top: 0 !important;
  width: .64rem !important;
  height: .613333rem !important;
  border: .133333rem solid #a9bfd9 !important;
  border-bottom: 0 !important;
  border-radius: .426667rem .426667rem 0 0 !important;
}

.securityItem .lockIcon::after {
  left: .053333rem !important;
  right: auto !important;
  bottom: 0 !important;
  width: 1.173333rem !important;
  height: .906667rem !important;
  border-radius: .24rem !important;
  transform: none !important;
}

.featureCard .cardIcon,
.featureCard .aiIcon {
  display: none !important;
}

.featureCard h3 {
  margin-top: 0 !important;
}