/* Final brand and responsive overrides, loaded after the legacy stylesheet. */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }

/* Transparent official logo on a high-contrast AV navigation bar. */
.site-header {
  background: #081b33 !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 30px rgba(5,24,48,.14);
}

.site-logo img {
  width: 126px !important;
  height: 62px !important;
  object-fit: contain;
  border-radius: 0 !important;
}

.site-header .main-nav a,
.site-header .header-actions > span {
  color: #edf6ff !important;
}

.site-header .main-nav a:hover,
.site-header .main-nav a.active {
  color: #ffffff !important;
}

.site-header .main-nav a.active::after {
  background: #29a8ff !important;
}

/* Readable customer-facing copy across image cards and content panels. */
.home-v2 .v2-section-head h2,
.home-v2 .v2-industry-body h3,
.home-v2 .v2-industry-body h4,
.home-v2 .v2-platform-items strong,
.home-v2 .v2-service-list strong,
.home-v2 .v2-project-grid h3,
.home-v2 .v2-video-card h2,
.home-v2 .v2-global-card h2 {
  color: #071322 !important;
}

.home-v2 .v2-section-head p,
.home-v2 .v2-industry-body p,
.home-v2 .v2-platform-items span,
.home-v2 .v2-service-list p,
.home-v2 .v2-project-grid dd,
.home-v2 .v2-video-card p,
.home-v2 .v2-global-card p {
  color: #46586b !important;
  opacity: 1 !important;
}

.home-v2 .v2-hero-slide figcaption {
  left: 28px !important;
  right: auto !important;
  bottom: 28px !important;
  width: min(420px, calc(100% - 56px)) !important;
  padding: 18px 22px !important;
  background: rgba(5, 22, 42, .92) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 18px 45px rgba(2,16,32,.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-v2 .v2-hero-slide figcaption span { color: #78c7ff !important; }
.home-v2 .v2-hero-slide figcaption strong { color: #ffffff !important; }
.home-v2 .v2-hero-slide figcaption em { color: #dce9f6 !important; opacity: 1 !important; }

/* Product photography should remain clean; legacy grid overlays made the new images look like brochure mockups. */
.home-v2 .v2-hero-slide::before {
  display: none !important;
  background: none !important;
}

/* Keep product photography crisp. The legacy white gradients made every slide look blurred. */
.home-v2 .v2-hero-slide::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

.home-v2 .v2-hero-slide img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.home-v2 .v2-hero-carousel-dots {
  left: 30px !important;
  bottom: 154px !important;
  z-index: 4 !important;
}

.home-v2 .v2-hero-slide:nth-child(5) img,
.home-v2 .v2-hero-slide:nth-child(6) img {
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
}

.home-v2 .v2-global-card .v2-contact-list a,
.home-v2 .v2-video-card .v2-social-row a,
.home-v2 .v2-video-card .v2-video-cats a {
  color: #075cae !important;
  background: #ffffff !important;
  border: 1px solid #cbdbea !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.home-v2 .v2-global-card .v2-contact-list a:hover,
.home-v2 .v2-video-card .v2-social-row a:hover,
.home-v2 .v2-video-card .v2-video-cats a:hover {
  color: #ffffff !important;
  background: #0878d8 !important;
  border-color: #0878d8 !important;
}

/* Company footer: official logo, address and records with strong contrast. */
.site-footer-v2 {
  background: #06182e !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  color: #dce9f7 !important;
  padding-left: clamp(32px, 5vw, 80px) !important;
  padding-right: clamp(32px, 5vw, 80px) !important;
}

.footer-brand-block > img {
  width: 108px !important;
  height: 92px !important;
  object-fit: contain;
  border-radius: 0 !important;
}

.footer-brand-block {
  padding-left: 0 !important;
  overflow: visible !important;
}

.footer-brand-block strong { color: #ffffff !important; }
.footer-brand-block span,
.footer-brand-block a,
.footer-records,
.footer-records a { color: #dce9f7 !important; opacity: 1 !important; }

.site-footer-v2 {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.footer-social-qr,
.social-qr-grid {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
}

.footer-social-qr a,
.social-qr-grid a {
  display: grid;
  justify-items: center;
  gap: 7px;
  color: inherit;
  text-decoration: none;
}

.footer-social-qr img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  padding: 0;
  border-radius: 2px;
  background: transparent;
}

.footer-social-qr span {
  color: #fff;
  font-size: 13px;
}

.social-qr-grid {
  margin: 22px 0;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.social-qr-grid img {
  width: 138px;
  height: 138px;
  object-fit: cover;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: transparent;
}

.social-qr-grid a,
.footer-social-qr a { min-width: 0; }
.social-qr-grid .qr-douyin img,
.footer-social-qr .qr-douyin img { border-radius: 50%; }

.social-qr-grid strong { color: #071322; }
.social-entry-page { text-align: center; }
.social-entry-grid { max-width: 620px; margin-left: auto; margin-right: auto; }

#wechat .button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.site-logo {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-logo img { display: block; width: 78px; height: 58px; object-fit: contain; border-radius: 6px; }

@media (max-width: 900px) {
  .site-header { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 10px 18px !important; display: flex !important; justify-content: space-between; gap: 12px; box-sizing: border-box; }
  .site-logo img { width: 94px !important; height: 50px !important; }
  .header-actions { display: flex !important; margin-left: auto; flex: 0 0 auto; }
  .header-actions > span, .header-actions > .button { display: none !important; }
  .menu-button { display: inline-flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; color: #071322 !important; background: #fff !important; border: 1px solid #cbd8e7 !important; font-size: 25px; }
  .main-nav { display: none; position: absolute; top: 70px; left: 12px; right: 12px; z-index: 50; grid-template-columns: 1fr 1fr; gap: 0; padding: 8px; border: 1px solid rgba(15,57,101,.12); background: #fff; box-shadow: 0 18px 50px rgba(8,39,73,.16); }
  .main-nav.open { display: grid !important; }
  .site-header .main-nav a { padding: 13px 10px; color: #071322 !important; white-space: nowrap; }

  .home-v2, .home-v2 section, .home-v2 article, .home-v2 div, .home-v2 figure { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .home-v2 .v2-hero { width: 100%; min-width: 0; grid-template-columns: minmax(0,1fr) !important; gap: 30px; padding: 48px 18px 42px; overflow: hidden; }
  .home-v2 .v2-hero-copy, .home-v2 .v2-hero-showcase, .home-v2 .v2-hero-product-board, .home-v2 .v2-hero-carousel { width: 100%; min-width: 0 !important; max-width: 100% !important; }
  .home-v2 .v2-kicker { display: block; width: 100%; height: auto !important; max-height: none !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; font-size: 10px; line-height: 1.6; letter-spacing: .08em; }
  .home-v2 .v2-hero h1 { width: 100%; margin-top: 14px; font-size: clamp(35px,10.2vw,44px); line-height: 1.12; overflow-wrap: break-word; }
  .home-v2 .v2-hero-copy > p { width: 100%; height: auto !important; max-height: none !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; font-size: 16px; line-height: 1.9; }
  .home-v2 .v2-hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; gap: 10px; }
  .home-v2 .v2-hero-actions a { width: 100%; min-width: 0; padding: 14px 8px; white-space: nowrap; text-align: center; }
  .home-v2 .v2-hero-facts { grid-template-columns: 1fr 1fr; width: 100%; gap: 8px; }
  .home-v2 .v2-hero-facts span { width: 100%; min-width: 0; }

  .home-v2 .v2-hero-carousel-track { width: 600% !important; max-width: none !important; }
  .home-v2 .v2-hero-slide { width: calc(100% / 6) !important; min-width: calc(100% / 6) !important; max-width: calc(100% / 6) !important; height: 330px; min-height: 330px; }
  .home-v2 .v2-hero-slide img { width: 100%; height: 330px; min-height: 330px; object-fit: cover; }
  .home-v2 .v2-hero-slide figcaption { left: 14px !important; right: 14px !important; bottom: 14px !important; width: auto !important; max-width: none; padding: 15px 16px !important; }
  .home-v2 .v2-hero-slide figcaption strong { font-size: 24px; }
  .home-v2 .v2-hero-carousel-dots { left: 18px !important; bottom: 132px !important; }
}

@media (max-width: 640px) {
  .site-footer-v2 { padding: 34px 18px !important; }
  .site-footer-v2 { grid-template-columns: 1fr !important; justify-items: start !important; }
  .footer-social-qr { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  .footer-records { justify-items: start !important; text-align: left !important; }
  .social-qr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; padding: 14px; gap: 10px; }
  .social-qr-grid img { width: min(26vw, 112px); height: min(26vw, 112px); }
  #wechat .button-row { display: grid; grid-template-columns: 1fr; }
  .footer-brand-block > img { width: 94px !important; height: 82px !important; }
}

@media (max-width: 420px) {
  .home-v2 .v2-hero h1 { font-size: 35px; }
  .home-v2 .v2-hero-actions a { font-size: 14px; }
}

/* Final hero media treatment: preserve the original photography without a pale veil. */
.home-v2 .v2-hero-slide::before,
.home-v2 .v2-hero-slide::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

.home-v2 .v2-hero-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Wireless slide uses a dedicated crop from the brochure, preserving the real
   transmitter and receiver while keeping a clean landscape composition. */
.home-v2 .v2-hero-slide--wireless img {
  width: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 54% !important;
}

.home-v2 .v2-hero-slide figcaption {
  background: #071b35 !important;
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: 0 16px 38px rgba(3, 18, 37, .3) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 900px) {
  .home-v2 .v2-hero-slide--wireless img {
    width: 100% !important;
    height: 330px !important;
    object-position: center 54% !important;
  }
}

/* Highest-priority hero clarity reset. Legacy theme layers must never wash out
   or blur product photography in the homepage carousel. */
.home-v2 .v2-hero-showcase,
.home-v2 .v2-hero-product-board,
.home-v2 .v2-hero-carousel,
.home-v2 .v2-hero-carousel-track,
.home-v2 .v2-hero-slide {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-v2 .v2-hero-slide {
  background: #0b1d35 !important;
}

.home-v2 .v2-hero-slide::before,
.home-v2 .v2-hero-slide::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  filter: none !important;
  opacity: 0 !important;
}

.home-v2 .v2-hero-slide > img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

.home-v2 .v2-hero-slide--wireless > img {
  object-position: center 54% !important;
}

/* Keep the homepage product carousel as a horizontal 16:9 visual on every device. */
.home-v2 .v2-hero-showcase.v2-hero-carousel,
.home-v2 .v2-hero-product-board.v2-hero-carousel,
.home-v2 .v2-hero-carousel {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
}

.home-v2 .v2-hero-carousel-track,
.home-v2 .v2-hero-slide {
  height: 100% !important;
  min-height: 0 !important;
}

.home-v2 .v2-hero-slide > img {
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

.home-v2 .v2-hero-slide--wireless > img {
  object-position: center center !important;
}

/* 2026-07-15 homepage review: full brand mark, taller navigation band and
   transparent carousel captions. This block intentionally stays last. */
.site-header {
  min-height: 96px !important;
  height: 96px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #081b33 !important;
}

.site-header .site-logo,
.site-header .logo {
  width: 154px !important;
  min-width: 154px !important;
  height: 88px !important;
  overflow: visible !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.site-header .site-logo img,
.site-header .logo img {
  width: 104px !important;
  height: 88px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
}

.home-v2 .v2-hero-slide figcaption {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-v2 .v2-hero-slide figcaption span {
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .92), 0 1px 3px rgba(0, 0, 0, .95) !important;
}

.home-v2 .v2-hero-slide figcaption strong,
.home-v2 .v2-hero-slide figcaption em {
  color: #ffffff !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .96), 0 1px 4px rgba(0, 0, 0, .98) !important;
}

.home-v2 .v2-hero-slide--teleprompter {
  background: #eef3f8 !important;
}

.home-v2 .v2-hero-slide--teleprompter > img {
  object-fit: contain !important;
  padding: 18px 18px 0 !important;
}

@media (max-width: 900px) {
  .site-header {
    min-height: 82px !important;
    height: 82px !important;
  }

  .site-header .site-logo,
  .site-header .logo {
    width: 112px !important;
    min-width: 112px !important;
    height: 76px !important;
  }

  .site-header .site-logo img,
  .site-header .logo img {
    width: 90px !important;
    height: 76px !important;
  }

  .site-header .main-nav {
    top: 82px !important;
  }

  .home-v2 .v2-hero-slide--teleprompter > img {
    padding: 12px 12px 0 !important;
    object-fit: contain !important;
  }
}