/* Chinese homepage preview only: visual continuity below the company hero. */

.overview {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 78% 18%, rgba(49, 119, 255, .2), transparent 31%),
    radial-gradient(circle at 14% 88%, rgba(56, 202, 255, .12), transparent 28%),
    linear-gradient(180deg, #07111f 0%, #08182b 62%, #0a1b2f 100%);
}

.overview::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .3;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(100, 193, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(100, 193, 255, .055) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, #000, transparent 82%);
}

.overview .shell {
  position: relative;
  z-index: 1;
}

.overview .section-kicker,
.about .section-kicker { color: #62d9ff; }

.overview .section-heading h2,
.about h2 { color: #fff; }

.overview .section-heading > p {
  color: rgba(224, 241, 255, .6);
}

.overview .overview-video-frame {
  border-color: rgba(104, 207, 255, .24);
  border-radius: 30px;
  background: #020913;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .36),
    0 0 0 1px rgba(73, 151, 255, .08),
    0 0 70px rgba(43, 125, 255, .1);
}

.products {
  position: relative;
  background:
    linear-gradient(180deg, #eaf1f8 0%, #f5f8fb 150px, #f7f9fc 100%);
}

.products::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(61, 156, 255, .55), transparent);
}

.products .section-kicker { color: #2879eb; }

.products .product-group-heading {
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(108, 135, 166, .2);
}

.products .product-card,
.products .concept-card {
  border-color: rgba(112, 144, 180, .2);
  border-radius: 26px;
  box-shadow: 0 14px 42px rgba(19, 44, 73, .07);
}

.products .product-card:hover,
.products .concept-card:hover {
  border-color: rgba(55, 143, 239, .35);
  box-shadow: 0 26px 65px rgba(21, 53, 88, .14);
}

.products .product-image,
.products .concept-image { background: #020913; }

.products .product-image::after,
.products .concept-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 -42px 52px rgba(2, 9, 19, .22);
}

.products .product-content { padding: 34px 32px 36px; }
.products .product-content > span { color: #277fee; }
.products .product-content h3 { color: #101d2e; }
.products .product-content a { color: #15263d; }
.products .product-content a b { color: #267fff; }

.platform {
  border-top: 1px solid rgba(101, 202, 255, .1);
  border-bottom: 1px solid rgba(101, 202, 255, .1);
}

.applications {
  background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
}

.applications .application-visual {
  border: 1px solid rgba(76, 146, 220, .16);
  box-shadow: 0 24px 64px rgba(20, 48, 79, .1);
}

.applications .application-grid {
  border-color: rgba(91, 126, 165, .2);
  box-shadow: 0 18px 50px rgba(20, 48, 79, .06);
}

.about {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 12% 8%, rgba(45, 142, 255, .2), transparent 30%),
    radial-gradient(circle at 92% 92%, rgba(109, 79, 255, .16), transparent 34%),
    linear-gradient(120deg, #07111f 0%, #0a192c 58%, #0a1428 100%);
}

.about::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .24;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(113, 202, 255, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(113, 202, 255, .06) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, #000, transparent 74%);
}

.about .about-layout {
  position: relative;
  z-index: 1;
}

.about .about-copy > p {
  color: rgba(224, 239, 255, .66);
}

.about .about-values {
  border-top-color: rgba(135, 204, 255, .18);
}

.about .about-values > div {
  border-bottom-color: rgba(135, 204, 255, .16);
}

.about .about-values strong { color: #f5fbff; }
.about .about-values span { color: rgba(207, 231, 249, .54); }

@media (max-width: 900px) {
  .overview .overview-video-frame,
  .products .product-card,
  .products .concept-card { border-radius: 22px; }

  .products .product-content { padding: 28px 26px 31px; }
}

@media (max-width: 620px) {
  .overview::before,
  .about::before { background-size: 48px 48px; }

  .overview .overview-video-frame,
  .products .product-card,
  .products .concept-card { border-radius: 18px; }
}

/* Keep the head-to-toe application visual intact at every viewport width. */
#applications .application-visual.application-visual-full {
  aspect-ratio: auto;
}

#applications .application-visual.application-visual-full img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}