[data-icon='arrow-down']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/arrow-down-8f09fe9e376f.svg');
}
[data-icon='arrow-right']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/arrow-right-0a91bb6b7929.svg');
}
[data-icon='arrow-up-right']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/arrow-up-right-c17b416c9683.svg');
}
[data-icon='box']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/box-e3d37f651916.svg');
}
[data-icon='chevron-down']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/chevron-down-855b8d2fa099.svg');
}
:root:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-chevron: url('/assets/chevron-down-855b8d2fa099.svg');
}
[data-icon='close']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/close-17f85d124d84.svg');
}
[data-icon='grid']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/grid-77546feddca2.svg');
}
[data-icon='layers']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/layers-cd9e799c43c8.svg');
}
[data-icon='loop']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/loop-1be420bbdb1f.svg');
}
[data-icon='nodes']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/nodes-0da7f4c7c876.svg');
}
[data-icon='cloud-run']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/nac-cloud-run.svg');
}
[data-icon='brain']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/xiaobei-brain.svg');
}
[data-icon='nex-vision']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/nex-vision.svg');
}
[data-icon='nex-thinking']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/nex-thinking.svg');
}
[data-icon='nex-agent']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/nex-agent.svg');
}
[data-icon='replay']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/loop-1be420bbdb1f.svg');
}
[data-icon='shield']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/shield-f1cd759ccada.svg');
}
[data-icon='spark']:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-icon-source: url('/assets/spark-69a4c6cf4dba.svg');
}

.beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  background: currentColor;
  -webkit-mask: var(--beipo-icon-source) center/contain no-repeat;
  mask: var(--beipo-icon-source) center/contain no-repeat;
  pointer-events: none;
}
.navproduct summary:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  vertical-align: -1px;
  background: currentColor;
  -webkit-mask: var(--beipo-chevron) center/contain no-repeat;
  mask: var(--beipo-chevron) center/contain no-repeat;
}
.value-card .num > .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 23px;
  height: 23px;
}
.product-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.app-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 20px;
  height: 20px;
}
.diagram-head > span > .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 15px;
  height: 15px;
}
.orbit-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 19px;
  height: 19px;
}
.orbit-product > i:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  top: 9px;
  right: 9px;
}
.orbit-product > i .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 14px;
  height: 14px;
}
.orbit-replay:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: grid;
  place-items: center;
}
.orbit-replay .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 16px;
  height: 16px;
}
.orbit-core-symbol:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: grid;
  place-items: center;
  color: #2950ff;
  opacity: 0.65;
  top: -20px;
}
.orbit-core-symbol .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 28px;
  height: 28px;
}
.diagram-products i:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dialog-close:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: transparent;
  color: var(--muted);
}
.dialog-close .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 23px;
  height: 23px;
}
.flow i:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: inline-flex;
  align-items: center;
}
.flow i .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 14px;
  height: 14px;
}
.hero-bottom b:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: inline-flex;
  align-items: center;
}
.round-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: inherit;
}
.orbit-intake i:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: grid;
  place-items: center;
}
.orbit-intake i .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 10px;
  height: 10px;
}
.btn > span[aria-hidden]:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.textlink > span[aria-hidden]:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  isolation: isolate;
}
.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  z-index: -2;
  top: -88px;
  bottom: -10px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background-image:
    linear-gradient(
      90deg,
      rgba(247, 248, 251, 0.58) 0%,
      rgba(247, 248, 251, 0.42) 30%,
      rgba(247, 248, 251, 0.3) 57%,
      rgba(247, 248, 251, 0.18) 100%
    ),
    url('/assets/image-8f66c9016627.jpg');
  background-position: center bottom;
  background-size: cover;
  opacity: 0.72;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 19%,
    #000 75%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 19%,
    #000 75%,
    transparent 100%
  );
}
.light .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #fffffff2;
  backdrop-filter: blur(8px);
  border-color: #ffffffd9;
  box-shadow: 0 12px 30px #233e7915;
}
.light .orbit-product:hover:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #fff;
  border-color: #a5b7ff;
}
.light .orbit-core:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: linear-gradient(155deg, #fffffffa, #edf2fff5);
  backdrop-filter: blur(8px);
}
.light .orbit-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #edf1f9e8;
  backdrop-filter: blur(5px);
}
@media (max-width: 760px) {
  .light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    top: -72px;
    background-position: 68% center;
    opacity: 0.58;
    background-image:
      linear-gradient(
        180deg,
        rgba(247, 248, 251, 0.9),
        rgba(247, 248, 251, 0.5) 55%,
        rgba(247, 248, 251, 0.3)
      ),
      url('/assets/image-8f66c9016627.jpg');
  }
  .orbit-product > i .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 12px;
    height: 12px;
  }
  .orbit-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 17px;
    height: 17px;
  }
}

/* 2026-10-19: header only uses a 40px page gutter. */
.header:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  height: 64px;
}
.header .nav.wrap:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: calc(100% - 80px);
  max-width: none;
  margin: 0 40px;
  gap: 42px;
  justify-content: flex-start;
}
.header .navlinks:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-left: 0;
  gap: 28px;
}
.header .btn.small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  min-height: 36px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 16px;
}
.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before,.dark .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  top: -64px;
}
.product-logo:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex: none;
}
.orbit-icon:has(.product-logo):where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.app-icon:has(.product-logo):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: transparent !important;
}
.orbit-product:has(.product-logo):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-left: 11px;
  gap: 10px;
}
.orbit-icon:has(.product-logo):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 32px;
  height: 34px;
}
.app-icon .product-logo:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 34px;
  height: 34px;
}
/* Small local scrims preserve the unboxed structure and protect labels from the photograph. */
.light .orbit-diagram .diagram-head > span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #344158;
  background: #f7f9fcf2;
  padding: 5px 9px;
  border-radius: 10px;
}
.light .orbit-diagram .diagram-head small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #4c5b70;
  font-size: 16px;
  background: #f7f9fceb;
  padding: 6px 9px;
  border-radius: 9px;
}
.light .orbit-replay:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #43516a;
  background: #f7f9fceb;
}
.light .orbit-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  color: #3e4d64;
  background: #eef3fcf5;
  border: 1px solid #ffffffc9;
}
.light .orbit-intake:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #5a75af;
}
.light .orbit-tier h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: 0;
  right: 0;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  color: #344158;
  font-size: 16px;
  font-weight: 500;
  background: #f7f9fcf2;
  padding: 5px 11px;
  border: 1px solid #e4eaf5c9;
  border-radius: 99px;
  backdrop-filter: blur(8px);
  line-height: 1.3;
}
.light .orbit-tier h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #52698b;
  font-size: 16px;
}
.light .orbit-tier-train h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  top: 86px;
}
.light .orbit-tier-apps h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  top: 349px;
}
.light .orbit-nac:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.light .orbit-xiaobei:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  top: 385px;
}
.light .orbit-field:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  height: 481px;
}
.light .orbit-core p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  color: #526076;
  line-height: 1.7;
}
.light .orbit-core-caption:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  color: #637694;
}
.light .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  color: #536078;
}
.light .orbit-diagram .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 6px 10px;
  background: #f7f9fcf2;
  border-radius: 11px;
  color: #43516a;
  font-size: 16px;
  line-height: 1.6;
  backdrop-filter: blur(8px);
}
@media (max-width: 1100px) and (min-width: 761px) {
  .header .nav.wrap:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 27px;
  }
  .header .navlinks:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 20px;
  }
  .light .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
}
@media (max-width: 900px) {
  .header .navlinks:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: none;
    position: absolute;
    top: 60px;
    left: 40px;
    right: 40px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 21px;
    box-shadow: var(--shadow);
    gap: 20px;
    align-items: start;
  }
  .header .navlinks.open:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: flex;
    flex-direction: column;
  }
  .header .menu:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: block;
    margin-left: auto;
  }
  .header .nav > .btn:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: none;
  }
  .header .dropdown:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    position: static;
    margin-top: 15px;
    box-shadow: none;
    border: 0;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 760px) {
  .header:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    height: 60px;
  }
  .header .nav.wrap:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 20px;
  }
  .light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before,.dark .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    top: -60px;
  }
  .light .orbit-diagram .diagram-head small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 5px 6px;
  }
  .light .orbit-diagram .diagram-head > span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 5px 6px;
  }
  .light .orbit-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 8px 10px;
  }
  .light .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-tier h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-tier h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-core p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-core-caption:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-diagram .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .orbit-product:has(.product-logo):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 7px;
  }
  .orbit-icon:has(.product-logo):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 25px;
  }
  .orbit-icon .product-logo:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 25px;
    height: 29px;
  }
}
.dark .diagram-products button strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: flex;
  align-items: center;
  gap: 8px;
}
.dark .diagram-products button strong .product-logo:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 20px;
  height: 20px;
}
@media (min-width: 1101px) {
  .light .orbit-tier h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .light .orbit-diagram .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
}
.dark .hero-copy > p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #c1c7d2;
}
.dark .diagram .group-label:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .diagram .diagram-head:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #b6bfce;
}
/* At the top the mountain continues behind the header; any scroll adds its surface. */
.header:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    background 0.3s,
    box-shadow 0.3s;
}
.header.is-scrolled:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: var(--bg);
  box-shadow: 0 1px 0 var(--line);
}
.header .nav > .btn:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-left: auto;
}
.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before,.dark .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 76%,
    transparent 100%
  );
  mask-image: linear-gradient(to bottom, #000 0%, #000 76%, transparent 100%);
}
.dark .hero-actions .btn.secondary:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #293140;
  border: 1px solid #6c788e;
  color: #f3f6fc;
  box-shadow: 0 6px 22px #0002;
}
.dark .hero-actions .btn.secondary:hover:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #354157;
  border-color: #9aa8c1;
}
.light .hero-actions .btn.secondary:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #fffffff2;
  border-color: #cbd3df;
}
.dark .scroll-reveal:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  opacity: 0;
  transform: perspective(1100px) translateY(28px) rotateX(4deg) scale(0.985);
  transform-origin: 50% 0;
  transition:
    opacity 0.7s var(--reveal-delay, 0ms),
    transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) var(--reveal-delay, 0ms);
}
.dark .section-head.scroll-reveal:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .value-intro > div.scroll-reveal:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: translateY(22px);
}
.dark .scroll-reveal.reveal-in:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  opacity: 1;
  transform: perspective(1100px) translateY(0) rotateX(0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .dark .scroll-reveal:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* User-supplied corporate mark, compact Chinese wordmark in the navigation. */
.header .brand:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  gap: 10px;
}
.header .brand-mark:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: block;
  width: 24px;
  height: 30px;
  object-fit: contain;
  flex: none;
}
.header .brand strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -0.7px;
  font-weight: 650;
}
@media (max-width: 760px) {
  .header .brand:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 9px;
  }
  .header .brand-mark:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 22px;
    height: 28px;
  }
  .header .brand strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 20px;
    letter-spacing: -0.6px;
  }
}

/* Explicitly override browser-default SMALL sizing, including closed navigation menus. */
small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
}
/* Original static mountain photograph: no exposure, overlay or terrain animation. */
.hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  animation: none !important;
}
.hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):after{
  content: none !important;
  animation: none !important;
}
/* Compact opaque architecture panel. */
.dark .hero .diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: linear-gradient(110deg, #222630, #1a1d23 65%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: #343b48;
  box-shadow:
    inset 0 1px 0 #ffffff08,
    0 16px 48px #00000016;
}
.dark .hero .diagram-products button:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #282f3e;
  border: 1px solid #ffffff07;
}
.dark .hero .diagram-products button:hover:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #394559;
  border-color: #c1c6ff55;
}
.dark .hero .diagram-head:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .group-label:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #c3ccda;
}
.dark .hero .diagram-products small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #b8c2d1;
}
.dark .hero .inputs span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #333d50;
  color: #c8d1df;
}
/* One entrance sequence: proposition, explanation, action, then the product relationship. */
.hero-copy > .eyebrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-copy > h1:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-copy > p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-actions > .btn:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-note:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-bottom:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation: beipo-hero-in 0.85s cubic-bezier(0.2, 0.75, 0.2, 1) both;
}
.hero-copy > .eyebrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.08s;
}
.hero-copy > h1:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.2s;
}
.hero-copy > p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.4s;
}
.hero-actions > .btn:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.56s;
}
.hero-actions > .btn:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.67s;
}
.hero-note:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1s;
}
.hero-bottom:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.65s;
}
.dark .hero .diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation: beipo-glass-in 1s 0.72s cubic-bezier(0.2, 0.75, 0.2, 1) both;
}
.dark .hero .diagram-head:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .inputs:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .intelligence:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .group-label:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .diagram-products button:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.dark .hero .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation: beipo-hero-in 0.75s cubic-bezier(0.2, 0.75, 0.2, 1) both;
}
.dark .hero .diagram-head:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.82s;
}
.dark .hero .inputs:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.96s;
}
.dark .hero .intelligence:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.06s;
}
.dark .hero .group-label.train:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.12s;
}
.dark .hero .diagram-products.train button:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.2s;
}
.dark .hero .diagram-products.train button:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.32s;
}
.dark .hero .group-label.apps:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.35s;
}
.dark .hero .diagram-products.apps button:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.42s;
}
.dark .hero .diagram-products.apps button:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.54s;
}
.dark .hero .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.68s;
}
@keyframes beipo-hero-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes beipo-glass-in {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.992);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 760px) {
  .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):after{
    top: -60px;
  }
  .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    white-space: normal;
    line-height: 1.4;
  }
  .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 85px;
  }
  .light .orbit-field:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    height: 490px;
  }
  .dark .hero .diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 20px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .dark .hero .intelligence:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 16px 0 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before,.hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):after,.hero *:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    animation: none !important;
  }
  .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):after{
    opacity: 0.18;
  }
}

@media (min-width: 761px) {
  .dark .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding-top: 80px;
  }
  .dark .hero .diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 18px 24px;
    gap: 10px 22px;
    margin-top: 14px;
  }
  .dark .hero .diagram-head:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin-bottom: 3px;
  }
  .dark .hero .inputs span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 6px 10px;
  }
  .dark .hero .intelligence:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding-top: 5px;
  }
  .dark .hero .intelligence strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 23px;
    margin-bottom: 6px;
  }
  .dark .hero .diagram-products:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 7px;
  }
  .dark .hero .diagram-products button:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 10px 15px;
  }
  .dark .hero .diagram-products small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin-top: 4px;
  }
  .dark .hero .diagram-foot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin-top: 2px;
    line-height: 1.6;
  }
}

/* Light hero: reveal the left ridges and remove excess space under navigation. */
.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-top: 24px;
}
.light .hero-copy > p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #4d5a70;
}
@media (max-width: 760px) {
  .light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding-top: 22px;
  }
}

.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  opacity: 0.52;
}
.light .hero-copy > p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #354052;
}
@media (max-width: 760px) {
  .light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    opacity: 0.48;
  }
}

/* Remove the redundant hero footer row and lower the primary composition. */
.hero-bottom:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: none !important;
}
.light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-top: 64px;
  padding-bottom: 34px;
}
.dark .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-top: 104px;
  padding-bottom: 34px;
}
@media (max-width: 760px) {
  .light .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding-top: 38px;
    padding-bottom: 20px;
  }
  .dark .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding-top: 46px;
    padding-bottom: 20px;
  }
}

/* Two clear groups: business inputs, then product capabilities around a glass cube. */
.light .cube-diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 16px 20px 12px;
  overflow: visible;
}
.cube-diagram .diagram-head:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-bottom: 18px;
}
.cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 17px 20px 15px;
  border-radius: 24px;
  background: #f6f9ff69;
  border: 1px solid #ffffffa6;
  text-align: center;
  animation: beipo-hero-in 0.8s 0.28s both;
}
.cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: flex;
  gap: 9px;
  justify-content: center;
}
.cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 10px 16px;
  background: #eef3fdf2;
  border: 1px solid #ffffff;
  border-radius: 13px;
  font-size: 16px;
  color: #425570;
  white-space: nowrap;
}
.cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  color: #344158;
  font-weight: 500;
  margin-top: 15px;
}
.cube-input-section h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.cube-platform-title span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #6c83aa;
  font-size: 16px;
  margin-right: 7px;
  font-weight: 400;
}
.cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-top: 20px;
  display: grid;
  gap: 10px;
}
.cube-training-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.cube-app-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24%;
}
.cube-product-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  min-width: 0;
  animation: beipo-hero-in 0.8s 0.5s both;
}
.cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.65s;
}
.cube-app-row .cube-product-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.95s;
}
.cube-app-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.1s;
}
.cube-diagram .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  min-height: 76px;
  padding: 14px 12px;
  border-radius: 21px;
}
.cube-diagram .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
}
.cube-diagram .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  white-space: normal;
  line-height: 1.4;
}
.cube-center:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  animation: beipo-hero-in 1s 0.65s both;
}
.cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 166px;
  height: 130px;
  display: grid;
  place-items: center;
  perspective: 620px;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  border-radius: 26px;
  outline-offset: 2px;
}
.cube-control:active:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  cursor: grabbing;
}
.cube-control:focus-visible:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  outline: 2px solid #2950ff;
}
.glass-cube:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  width: 78px;
  height: 78px;
  transform-style: preserve-3d;
  transform: rotateX(-22deg) rotateY(32deg);
  will-change: transform;
}
.cube-face:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  inset: 0;
  border: 1.2px solid #ffffffed;
  border-radius: 7px;
  background: linear-gradient(135deg, #ffffff8c, #c5d5ff33 48%, #ffffff70);
  box-shadow:
    inset 0 0 20px #ffffff4d,
    inset 1px 1px 0 #ffffffeb;
  backface-visibility: visible;
  overflow: hidden;
}
.cube-face:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):after{
  content: '';
  position: absolute;
  inset: -100%;
  background: linear-gradient(
    110deg,
    transparent 38%,
    #ffffff99 47%,
    #90b6ff44 51%,
    transparent 59%
  );
  transform: translateX(-30%);
  animation: cube-glint 9s ease-in-out infinite alternate;
  pointer-events: none;
}
.cube-face-front:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: translateZ(39px);
}
.cube-face-back:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: rotateY(180deg) translateZ(39px);
}
.cube-face-right:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: rotateY(90deg) translateZ(39px);
  background: linear-gradient(130deg, #d6e5ff77, #8eadf544 60%, #ffffff70);
}
.cube-face-left:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: rotateY(-90deg) translateZ(39px);
}
.cube-face-top:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: rotateX(90deg) translateZ(39px);
  background: linear-gradient(120deg, #ffffffe6, #d8e6ff73);
}
.cube-face-bottom:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: rotateX(-90deg) translateZ(39px);
}
.cube-heart:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  inset: 23px;
  border-radius: 8px;
  transform: translateZ(0);
  background: linear-gradient(145deg, #ffffffd9, #87acff66);
  box-shadow: 0 0 25px #7aa4ff66;
  opacity: 0.8;
}
.cube-center p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  line-height: 1.6;
  color: #465c7a;
  text-align: center;
  padding: 5px 13px;
  border-radius: 13px;
  background: #f7faffc9;
  backdrop-filter: blur(6px);
}
.cube-platform-title:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: fit-content;
  max-width: 100%;
  justify-self: center;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #344158;
  background: #f7faffed;
  border: 1px solid #ffffffcc;
  border-radius: 99px;
  padding: 7px 12px;
  line-height: 1.3;
  animation: beipo-hero-in 0.75s 0.85s both;
}
@keyframes cube-glint {
  from {
    transform: translateX(-25%) rotate(-8deg);
  }
  to {
    transform: translateX(25%) rotate(8deg);
  }
}
@media (max-width: 1100px) {
  .cube-training-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.cube-app-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 15%;
  }
  .cube-diagram .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .cube-diagram .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 7px;
  }
  .cube-diagram .orbit-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 25px;
  }
}
@media (max-width: 760px) {
  .light .cube-diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 12px 0 0;
  }
  .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 16px 10px;
  }
  .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 7px;
  }
  .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 9px 10px;
  }
  .cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin-top: 18px;
  }
  .cube-training-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.cube-app-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 14px;
  }
  .cube-diagram .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 86px;
    padding: 13px 11px;
  }
  .cube-diagram .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .cube-diagram .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    height: 126px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cube-diagram *:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    animation: none !important;
    transition: none !important;
  }
}

/* The entries drift at different heights and angles, while each product pair retains its tier. */
.cube-product-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
}
.cube-training-row .cube-product-slot:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: -24px;
  top: 12px;
  rotate: 0deg;
}
.cube-training-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: 30px;
  top: -6px;
  rotate: 0deg;
}
.cube-app-row .cube-product-slot:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: -70px;
  top: -51px;
  rotate: 0deg;
}
.cube-app-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: 50px;
  top: -40px;
  rotate: 0deg;
}
.cube-training-row .cube-product-slot:nth-child(2) .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 8.5s;
  animation-delay: 2.7s;
}
.cube-app-row .cube-product-slot:first-child .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 9s;
  animation-delay: 2.1s;
}
.cube-app-row .cube-product-slot:nth-child(2) .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 7.5s;
  animation-delay: 3.2s;
}
.cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 210px;
  height: 145px;
}
.cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-bottom: 18px;
}
@media (max-width: 760px) {
  .cube-training-row .cube-product-slot:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 0;
    top: 0;
    rotate: 0deg;
  }
  .cube-training-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: -2px;
    top: 17px;
    rotate: 0deg;
  }
  .cube-app-row .cube-product-slot:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 7px;
    top: 14px;
    rotate: 0deg;
  }
  .cube-app-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: -4px;
    top: -5px;
    rotate: 0deg;
  }
}

/* Compact horizontal input band, with the platform title carrying the strongest text hierarchy. */
.cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 15px;
  border-radius: 19px;
}
.cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin: 0;
  flex: none;
  font-size: 16px;
  white-space: nowrap;
}
.cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  gap: 7px;
}
.cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 8px 12px;
}
.mountain-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  text-align: center;
  background: #f8faffd9;
  border: 1px solid #ffffffd9;
  border-radius: 20px;
  padding: 13px 18px;
  backdrop-filter: blur(7px);
  max-width: 100%;
}
.mountain-copy .cube-platform-title:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  font-size: 19px;
  font-weight: 600;
  color: #172b46;
  border-radius: 0;
  line-height: 1.45;
  animation: none;
  white-space: nowrap;
}
.mountain-copy .cube-platform-title span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  color: #5074a9;
  font-weight: 500;
  vertical-align: 2px;
}
.mountain-copy p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 0;
  margin: 7px 0 0;
  background: none;
  backdrop-filter: none;
  border-radius: 0;
  color: #586d87;
  font-size: 16px;
  line-height: 1.65;
}
@media (max-width: 1100px) and (min-width: 761px) {
  .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 8px;
    padding: 11px;
  }
  .cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 4px;
  }
  .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 8px 9px;
  }
}
@media (max-width: 760px) {
  .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 9px;
    padding: 12px 10px;
  }
  .cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 5px;
  }
  .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 7px 7px;
  }
  .mountain-copy .cube-platform-title:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 17px;
  }
  .mountain-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 12px 15px;
  }
}
@media (max-width: 360px) {
  .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    flex-wrap: wrap;
    justify-content: center;
  }
  .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    justify-content: center;
  }
}

/* Annotation correction: level labels share a type style, copy has no backdrop. */
.mountain-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  border-radius: 0;
  padding: 9px 0;
}
.cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-copy .cube-platform-title:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  font-weight: 500;
  color: #344158;
  line-height: 1.5;
  letter-spacing: normal;
}
.cube-input-section h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-copy .cube-platform-title span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  font-weight: 400;
  color: #6c83aa;
  vertical-align: baseline;
  margin-right: 7px;
}
@media (max-width: 1100px) {
  .cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-copy .cube-platform-title:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
}
.mountain-copy p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #3e526c;
}

/* Keep the wider blue-box composition clear of the viewport at intermediate widths. */
@media (min-width: 761px) and (max-width: 1279px) {
  .cube-training-row .cube-product-slot:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: -8px;
    top: 16px;
  }
  .cube-training-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 0;
    top: 2px;
  }
  .cube-app-row .cube-product-slot:first-child:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: -15px;
    top: -12px;
  }
  .cube-app-row .cube-product-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 4px;
    top: -16px;
  }
}
.cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 166px;
}

@media (max-width: 760px) {
  .cube-app-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin-top: 12px;
  }
}
/* Extend the input band's surface without shifting its content. */
@media (min-width: 1280px) {
  .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    position: relative;
    isolation: isolate;
    background: transparent;
    border-color: transparent;
  }
  .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    content: '';
    position: absolute;
    inset: -1px -12px -1px -12px;
    z-index: -1;
    border: 1px solid #ffffffa6;
    border-radius: 19px;
    background: #f6f9ff69;
    pointer-events: none;
  }
}
.cube-input-section h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-copy .cube-platform-title span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: inherit;
  font-weight: 600;
  color: inherit;
}

/* Clear text against the photo, while keeping the central copy unboxed. */
.cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-copy .cube-platform-title:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #1d2129;
  font-weight: 600;
}
.cube-input-section h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-copy .cube-platform-title span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: inherit;
}
.cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #344054;
  font-weight: 500;
}
.mountain-copy p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #354052;
  font-weight: 500;
}
.cube-diagram .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #1d2129;
}
.cube-diagram .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #4b5565;
  font-weight: 500;
}

/* Open input row and a soft central glow with directional product connections. */
.light .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  isolation: auto;
  padding: 10px 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  gap: 18px;
  text-align: left;
}
.light .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: none;
  display: none;
}
.cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  display: block;
  flex: 1;
  min-width: 28px;
  height: 1px;
  background: linear-gradient(90deg, #7397ec, #a4bcf3);
  opacity: 0.8;
}
.cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  width: 6px;
  height: 6px;
  border-left: 1px solid #7397ec;
  border-bottom: 1px solid #7397ec;
  transform: rotate(45deg);
}
.cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  isolation: isolate;
}
.cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  left: 50%;
  top: 47%;
  width: 330px;
  height: 300px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    ellipse,
    #ffffffed 0%,
    #ffffffbb 30%,
    #ffffff55 57%,
    transparent 74%
  );
  filter: blur(20px);
  z-index: -1;
  pointer-events: none;
}
.cube-training-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.cube-app-row:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.cube-center:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  z-index: 1;
}
.cube-flow-links:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  animation: cube-links-enter 1s 1.15s forwards;
}
.cube-flow-links path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  fill: none;
  vector-effect: non-scaling-stroke;
}
.cube-flow-links .cube-links-base path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  stroke: #7298ff;
  stroke-width: 1;
  opacity: 0.37;
  marker-end: url(#cube-link-arrow);
  animation: none;
  stroke-dasharray: none;
}
.cube-flow-links .cube-links-flow path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  stroke: #477eff;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-dasharray: 20 150;
  filter: drop-shadow(0 0 3px #6294ff99);
  opacity: 0.85;
  animation: cube-link-flow 5s linear infinite;
}
.cube-flow-links .cube-links-flow path:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: -1.25s;
}
.cube-flow-links .cube-links-flow path:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: -2.5s;
}
.cube-flow-links .cube-links-flow path:nth-child(4):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: -3.75s;
}
@keyframes cube-link-flow {
  to {
    stroke-dashoffset: -340;
  }
}
@keyframes cube-links-enter {
  to {
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .light .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: calc(100% + 28px);
    margin-left: -14px;
    gap: 20px;
  }
}
@media (max-width: 760px) {
  .light .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 10px;
    padding: 10px 0;
  }
  .cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-width: 14px;
  }
  .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 4px;
  }
  .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 7px 5px;
  }
  .cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    width: 260px;
    height: 290px;
    filter: blur(15px);
  }
  .cube-flow-links .cube-links-base path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    opacity: 0.3;
  }
}
@media (max-width: 360px) {
  .light .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    flex-wrap: wrap;
  }
  .cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-width: 22px;
  }
  .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 100%;
    justify-content: flex-end;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cube-flow-links:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    opacity: 1;
  }
  .cube-flow-links .cube-links-flow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: none;
  }
}

/* Annotation: source row beneath the cube, four product entries across the hero bottom. */
.light .cube-bottom-layout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  min-height: 410px;
  padding: 12px 0;
  display: flex;
  align-items: center;
}
.cube-bottom-layout .cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin: 0;
  width: 100%;
  padding: 0;
  display: block;
}
.cube-bottom-layout .cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  top: 40%;
  width: 390px;
  height: 340px;
}
.cube-bottom-layout .cube-center:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  gap: 20px;
  width: 100%;
}
.cube-bottom-layout .cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 280px;
  height: 260px;
  perspective: 760px;
}
.cube-bottom-layout .glass-cube:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  scale: 1.55;
}
.light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 100%;
  margin: 0;
  padding: 12px 0;
  gap: 14px;
  align-items: center;
  flex-wrap: nowrap;
}
.cube-bottom-layout .cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  min-width: 24px;
}
.cube-bottom-layout .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  gap: 6px;
}
.cube-bottom-layout .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 8px 10px;
}
.hero-product-strip:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
  position: relative;
  z-index: 1;
}
.hero-product-strip > .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  min-height: 96px;
  padding: 20px 18px;
  border-radius: 24px;
  animation: beipo-hero-in 0.8s 0.85s both;
  gap: 13px;
}
.hero-product-strip > .orbit-product:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1s;
}
.hero-product-strip > .orbit-product:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.15s;
}
.hero-product-strip > .orbit-product:nth-child(4):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 1.3s;
}
.hero-product-strip .orbit-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 38px;
  height: 42px;
  border-radius: 13px;
}
.hero-product-strip .orbit-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 23px;
  height: 23px;
}
.hero-product-strip .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 18px;
  color: #1d2129;
}
.hero-product-strip .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  line-height: 1.5;
  color: #4b5565;
  white-space: normal;
}
.light .hero-product-strip + .hero-bottom:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-top: 24px;
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hero-product-strip:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 12px;
  }
  .hero-product-strip > .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 17px 12px;
    gap: 9px;
  }
  .hero-product-strip .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .hero-product-strip .orbit-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 29px;
  }
  .cube-bottom-layout .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 8px 6px;
  }
  .light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 8px;
  }
  .cube-bottom-layout .cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-width: 16px;
  }
}
@media (max-width: 760px) {
  .light .cube-bottom-layout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 300px;
    padding: 0;
  }
  .cube-bottom-layout .cube-center:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 8px;
  }
  .cube-bottom-layout .cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    height: 225px;
    width: 240px;
  }
  .cube-bottom-layout .glass-cube:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    scale: 1.35;
  }
  .cube-bottom-layout .cube-product-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    width: 310px;
    height: 290px;
  }
  .light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 8px;
    padding: 8px 0;
  }
  .cube-bottom-layout .cube-input-arrow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-width: 14px;
  }
  .cube-bottom-layout .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 4px;
  }
  .cube-bottom-layout .cube-knowledge span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 7px 5px;
  }
  .hero-product-strip:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
  }
  .hero-product-strip > .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 96px;
    padding: 16px 11px;
    gap: 9px;
    border-radius: 21px;
  }
  .hero-product-strip .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
  .hero-product-strip .orbit-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 28px;
    height: 34px;
  }
  .hero-product-strip .orbit-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 360px) {
  .light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    flex-wrap: wrap;
  }
  .cube-bottom-layout .cube-knowledge:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    justify-content: flex-end;
    width: 100%;
  }
}

/* The three enterprise inputs orbit the cube as offset, softly floating cards. */
.cube-bottom-layout .cube-center:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  gap: 0;
}
.knowledge-stage:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  width: 100%;
  height: 330px;
  isolation: isolate;
}
.cube-bottom-layout .knowledge-stage .cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  z-index: 2;
}
.knowledge-floats:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.knowledge-float-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  width: 145px;
  animation: beipo-hero-in 0.85s 0.45s both;
}
.knowledge-float-slot:nth-child(1):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: 1.5%;
  top: 14%;
}
.knowledge-float-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  right: 1.5%;
  top: 37%;
  animation-delay: 0.6s;
}
.knowledge-float-slot:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  left: 9.5%;
  bottom: 7%;
  animation-delay: 0.75s;
}
.knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 14px 18px;
  border: 1px solid #ffffffed;
  border-radius: 21px;
  background: #fffffff0;
  backdrop-filter: blur(10px);
  box-shadow: 0 15px 36px #233e7913;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #344054;
  white-space: nowrap;
  animation: knowledge-drift 7s ease-in-out infinite;
}
.knowledge-float-slot:nth-child(2) .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 8.5s;
  animation-delay: -2.7s;
}
.knowledge-float-slot:nth-child(3) .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 7.8s;
  animation-delay: -4s;
}
.light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  justify-content: center;
  padding: 10px 0;
  margin-top: 5px;
}
.knowledge-links:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  z-index: 0;
}
.knowledge-links .cube-links-base path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  marker-end: none;
  opacity: 0.3;
}
.knowledge-links .cube-links-flow path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  opacity: 0.65;
  stroke-width: 1.3;
}
@keyframes knowledge-drift {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .knowledge-float-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 114px;
  }
  .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 50px;
    padding: 12px;
    font-size: 16px;
  }
}
@media (max-width: 760px) {
  .knowledge-stage:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    height: 300px;
  }
  .cube-bottom-layout .knowledge-stage .cube-control:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    top: 20px;
  }
  .knowledge-float-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 104px;
  }
  .knowledge-float-slot:nth-child(1):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 0;
    top: 8%;
  }
  .knowledge-float-slot:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    right: 0;
    top: 39%;
  }
  .knowledge-float-slot:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 3%;
    bottom: 8%;
  }
  .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 48px;
    padding: 11px 12px;
    border-radius: 18px;
    font-size: 16px;
    box-shadow: 0 10px 25px #233e7912;
  }
  .knowledge-links:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .knowledge-float-slot:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    animation: none !important;
  }
  .knowledge-links .cube-links-flow:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    display: none;
  }
}
.cube-bottom-layout .knowledge-links .cube-links-base path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation: none;
  stroke-dasharray: none;
  marker-end: none;
  opacity: 0.3;
}

/* Input cards use the existing Figma icon system; the caption sits close under the cube. */
.knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  gap: 9px;
  padding: 12px 14px;
}
.knowledge-card-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 26px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 9px;
  background: #edf2ff;
  color: #2950ff;
}
.knowledge-card-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 19px;
  height: 19px;
}
.light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  top: 278px;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 4;
}
.light .cube-bottom-layout .cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
@media (max-width: 760px) {
  .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 7px;
    padding: 10px 9px;
  }
  .knowledge-card-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 22px;
    height: 25px;
    border-radius: 8px;
  }
  .knowledge-card-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 17px;
    height: 17px;
  }
  .light .cube-bottom-layout .cube-input-section:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    top: 242px;
  }
  .light .cube-bottom-layout .cube-input-section h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
}
/* Bottom product entries: transparent at rest, divided by fine vertical rules. */
.light .hero-product-strip > .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transition:
    background 0.25s,
    border-color 0.25s,
    color 0.25s;
}
.hero-product-strip > .orbit-product + .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  left: -10px;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: #8694aa4d;
  pointer-events: none;
}
.hero-product-strip .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-product-strip .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transition: color 0.25s;
}
.light .hero-product-strip > .orbit-product:hover:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.light .hero-product-strip > .orbit-product:focus-visible:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #ffffff8c;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: blur(10px);
}
.light .hero-product-strip > .orbit-product:hover .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.light .hero-product-strip > .orbit-product:hover .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.light
  .hero-product-strip
  > .orbit-product:focus-visible
  .orbit-product-copy
  strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.light
  .hero-product-strip
  > .orbit-product:focus-visible
  .orbit-product-copy
  small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #2950ff;
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hero-product-strip > .orbit-product + .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    left: -7px;
  }
}
@media (max-width: 760px) {
  .hero-product-strip > .orbit-product + .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    left: -7px;
  }
  .hero-product-strip > .orbit-product:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-product-strip > .orbit-product:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-product-strip .orbit-product-copy strong:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.hero-product-strip .orbit-product-copy small:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    transition: none;
  }
}

/* A static Himalayan landscape with three restrained leaders growing from real ridges. */
.light:not(.solid) .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --ridge-photo-shift: 96px;
}
.light:not(.solid) .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  background-position: center calc(100% + var(--ridge-photo-shift));
  background-repeat: no-repeat;
}
.light .mountain-peak-diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 0;
  min-height: 410px;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}
.ridge-stage:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  height: 410px;
  width: 100%;
  isolation: isolate;
}
.ridge-callouts:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.ridge-callout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  width: 136px;
  left: 0;
  top: 0;
  opacity: 0;
  animation: beipo-hero-in 0.8s 0.4s both;
}
.ridge-callout:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.6s;
}
.ridge-callout:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.8s;
}
.ridge-callout .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding: 12px 13px;
  font-size: 16px;
  gap: 8px;
  box-shadow: 0 12px 30px #233e7910;
}
.ridge-callout:nth-child(2) .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 8.5s;
  animation-delay: -2.7s;
}
.ridge-callout:nth-child(3) .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-duration: 7.8s;
  animation-delay: -4s;
}
.ridge-links:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  z-index: 1;
}
.light .mountain-peak-diagram .ridge-links path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  fill: none;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  animation: ridge-leader-in 1.2s 0.55s both;
}
.light .mountain-peak-diagram .ridge-links path:nth-child(2):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.75s;
}
.light .mountain-peak-diagram .ridge-links path:nth-child(3):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  animation-delay: 0.95s;
}
.ridge-pins circle:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  fill: #6081bc;
  stroke: #f9fbff;
  stroke-width: 1.5;
}
.mountain-owned-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  top: 283px;
  left: 70px;
  transform: none;
  width: 100%;
  text-align: center;
  z-index: 2;
  animation: beipo-hero-in 0.9s 0.95s both;
}
.mountain-owned-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  inset: -35px -12px;
  z-index: -1;
  background: radial-gradient(ellipse, #f7f9fbd9, transparent 71%);
  filter: blur(11px);
  pointer-events: none;
}
.mountain-owned-copy h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 27px;
  line-height: 1.5;
  font-weight: 600;
  color: #1d2129;
  letter-spacing: -0.6px;
  text-shadow: 0 1px 12px #fff;
}
.mountain-owned-copy p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  line-height: 1.8;
  font-weight: 500;
  color: #40506a;
  margin-top: 8px;
  text-shadow: 0 1px 10px #fff;
}
@keyframes ridge-leader-in {
  from {
    stroke-dashoffset: 1;
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 0.8;
  }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .ridge-callout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 116px;
  }
  .ridge-callout .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 11px 9px;
    gap: 6px;
  }
  .mountain-owned-copy h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 24px;
  }
  .mountain-owned-copy p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
  }
}
@media (max-width: 760px) {
  .light:not(.solid) .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    --ridge-mobile-photo-height: 650px;
    --ridge-mobile-photo-top: 536px;
    --ridge-mobile-photo-x: 0.79;
  }
  .light:not(.solid) .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    background-size: auto var(--ridge-mobile-photo-height);
    background-position: 79% var(--ridge-mobile-photo-top);
  }
  .light .mountain-peak-diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    min-height: 360px;
  }
  .ridge-stage:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    height: 360px;
  }
  .ridge-callout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 108px;
  }
  .ridge-callout .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 10px 8px;
    gap: 6px;
    min-height: 48px;
  }
  .mountain-owned-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    top: 270px;
    left: 0;
  }
  .mountain-owned-copy h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 24px;
  }
  .mountain-owned-copy p:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    margin-top: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ridge-callout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.ridge-callout .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.mountain-owned-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)),.light .mountain-peak-diagram .ridge-links path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    animation: none !important;
  }
  .ridge-callout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    opacity: 1;
  }
  .ridge-links path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    stroke-dashoffset: 0;
  }
}

@media (min-width: 761px) and (max-width: 1000px) {
  .ridge-callout:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 100px;
  }
  .ridge-callout .knowledge-float-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    padding: 10px 8px;
    gap: 5px;
  }
  .ridge-callout .knowledge-card-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 22px;
    height: 25px;
  }
}

.light:not(.solid) .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    transparent var(--ridge-photo-fade-top, 96px),
    #000 calc(var(--ridge-photo-fade-top, 96px) + 150px),
    #000 calc(100% - 65px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    transparent var(--ridge-photo-fade-top, 96px),
    #000 calc(var(--ridge-photo-fade-top, 96px) + 150px),
    #000 calc(100% - 65px),
    transparent 100%
  );
}

/* Continue the pale sky behind the transparent top navigation. */
body.light:not(.solid):where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background-color: #f7f8fb;
  background-image: linear-gradient(
    180deg,
    #e6eef6 0%,
    #eff3f8 54%,
    #f7f8fb 100%
  );
  background-size: 100% 820px;
  background-repeat: no-repeat;
}

/* Keep leaders attached throughout the card drift; lift the full mountain composition. */
.light .mountain-peak-diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  transform: translateY(-40px);
}
.light .mountain-peak-diagram .ridge-links path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  stroke-width: 1.2;
  stroke-dasharray: none;
  animation: ridge-connector-fade 0.65s 0.45s both;
}
@keyframes ridge-connector-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.9;
  }
}
@media (max-width: 760px) {
  .light .mountain-peak-diagram:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    transform: translateY(-16px);
  }
  .light:not(.solid) .hero:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    --ridge-mobile-photo-top: 520px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .light .mountain-peak-diagram .ridge-links path:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    animation: none;
    opacity: 0.9;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .mountain-owned-copy:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    left: 20px;
  }
}

:root:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  --beipo-quote-photo: url('/assets/image-8f66c9016627.jpg');
}
/* Shared by both light variants: dark mountain quotation and glass capability icons. */
.light #owned .quote-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #111c2c;
  border: 1px solid #2e3c50;
  padding: 30px 32px;
  border-radius: 28px;
  box-shadow: 0 16px 45px #14213712;
}
.light #owned .quote-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(105deg, #0b1426eb 0%, #0b1426c9 55%, #0b1426b8 100%),
    var(--beipo-quote-photo);
  background-size: cover;
  background-position: 64% 45%;
  filter: saturate(0.4);
  pointer-events: none;
}
.light #owned .quote-mark:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #9fc8ff;
  font-size: 54px;
}
.light #owned .quote-card blockquote:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #f4f7fc;
  font-size: 16px;
  line-height: 1.9;
  margin: 18px 0 23px;
}
.light #owned .quote-card cite:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #c5d0df;
  font-size: 16px;
  line-height: 1.7;
}
.light #owned .quote-card a:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #b8d6ff;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 9px;
  text-underline-offset: 4px;
}
.light #owned .quote-card a:hover:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  text-decoration: underline;
}
.ownership-lead:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-bottom: 30px;
}
.ownership-lead h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 26px;
  font-weight: 550;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #1d2129;
}
.ownership-lead h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
  color: #536174;
  margin-top: 8px;
}
.light .ownership-button:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  margin-top: 20px;
  background: #1d2129;
  color: #fff;
  min-height: 48px;
  padding: 0 22px;
  gap: 30px;
  border-radius: 14px;
  font-size: 16px;
}
.light .value-card .num:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  align-items: center;
  margin-bottom: 30px;
}
.value-glass-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: relative;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  isolation: isolate;
  overflow: hidden;
  border-radius: 17px;
  border: 1px solid #d5e3ff;
  background: linear-gradient(145deg, #ffffffeb, #dce9ff8c 58%, #f6faffb3);
  box-shadow:
    inset 0 1px 2px #ffffff,
    0 8px 24px #2950ff16;
}
.value-glass-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  content: '';
  position: absolute;
  inset: -70%;
  background: linear-gradient(
    115deg,
    transparent 36%,
    #ffffffd9 47%,
    #a8c9ff66 51%,
    transparent 62%
  );
  animation: value-icon-sheen 7.5s ease-in-out infinite alternate;
  pointer-events: none;
}
.value-glass-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 28px;
  height: 28px;
  background: linear-gradient(140deg, #9cbfff 0%, #3976ff 40%, #214fcd 82%);
  filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 3px 3px #2950ff2b);
  position: relative;
}
.value-card:nth-child(2) .value-glass-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  animation-delay: -2.3s;
}
.value-card:nth-child(3) .value-glass-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
  animation-delay: -4.8s;
}
.light .value-card .value-index:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #77869b;
  align-self: flex-start;
  padding-top: 4px;
}
@keyframes value-icon-sheen {
  from {
    transform: translateX(-22%) rotate(-8deg);
  }
  to {
    transform: translateX(22%) rotate(8deg);
  }
}
@media (max-width: 760px) {
  .light #owned .quote-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding: 26px;
    border-radius: 25px;
  }
  .light #owned .quote-card blockquote:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    line-height: 1.9;
  }
  .ownership-lead:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin: 30px 0 24px;
  }
  .ownership-lead h3:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 23px;
    line-height: 1.55;
    letter-spacing: -0.4px;
  }
  .ownership-lead h3 span:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    margin-top: 10px;
  }
  .light .ownership-button:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    font-size: 16px;
    margin-top: 18px;
    min-height: 46px;
  }
  .light .value-card .num:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    margin-bottom: 24px;
  }
  .value-glass-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .value-glass-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)):before{
    animation: none;
  }
}

/* Give the quotation more horizontal space and complete the paired punctuation. */
@media (min-width: 1000px) {
  .light #owned .value-intro:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    grid-template-columns: 0.9fr 1.1fr;
    gap: 48px;
  }
}
.light #owned .quote-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-bottom: 34px;
}
.light #owned .quote-mark-close:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  position: absolute;
  right: 24px;
  bottom: 12px;
  line-height: 0.8;
  pointer-events: none;
}
.light #owned .quote-card a:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  padding-right: 28px;
}
@media (max-width: 760px) {
  .light #owned .quote-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    padding-bottom: 42px;
  }
  .light #owned .quote-mark-close:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    right: 22px;
    bottom: 10px;
  }
}

/* Preserve the established rounded cards; category and index carry separate roles. */
.light #products .product-card:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  background: #fff;
}
.light #products .card-top:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  align-items: center;
  gap: 16px;
}
.light #products .product-category:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #536174;
  font-weight: 500;
  font-size: 16px;
}
.light #products .product-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 40px;
  height: 40px;
  border-radius: 13px;
  background: #eaf0ff;
  display: grid;
  place-items: center;
}
.light #products .product-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  width: 23px;
  height: 23px;
}
.light #products .product-index:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
  color: #69778c;
  font-size: 16px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .light #products .card-top:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 10px;
  }
  .light #products .product-category:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    gap: 9px;
    font-size: 16px;
  }
  .light #products .product-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }
  .light #products .product-icon .beipo-icon:where(:not(.nh, .nh *, .nh-home, .nh-home > body)){
    width: 22px;
    height: 22px;
  }
}