/* Matches homepage #products .product-panel */
.products-visual-col,.hero-kj .products-visual-col{display:flex;align-items:center;justify-content:center;width:100%;max-width:min(560px,94vw);margin:0 auto}
#products .product-panel,.hero-products .product-panel,.hero-kj .product-panel,.products-visual-col .product-panel{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:22px 22px 16px;
  border-radius:28px;
  border:1px solid rgba(134,239,172,.2);
  background:linear-gradient(180deg,rgba(8,16,14,.94),rgba(0,0,0,.58));
  box-shadow:0 0 48px rgba(134,239,172,.08),inset 0 1px 0 rgba(255,255,255,.06);
  min-height:min(420px,50vh);
  display:flex;
  flex-direction:column;
  justify-content:center;
  opacity:1;
  visibility:visible;
}
#homeProductViz,#heroViz,.product-panel canvas,.product-panel .viz-canvas{
  width:100%;
  height:min(320px,40vw);
  min-height:240px;
  display:block;
  border-radius:14px;
  background:radial-gradient(circle at 50% 42%,rgba(134,239,172,.07),rgba(0,0,0,.65) 68%);
  flex:1;
}
.product-meta,.product-panel .viz-meta{
  display:flex;
  justify-content:space-between;
  margin-top:12px;
  font-size:9px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--muted);
  gap:12px;
  flex-wrap:wrap;
}
.product-focus,.viz-focus.product-focus{color:#86efac;transition:color .3s}
.product-focus.hot,.viz-focus.product-focus.hot{color:#fff}
.section.hero-products{min-height:auto;padding-top:10vh;padding-bottom:4vh;justify-content:flex-start}
.hero-products.hero-kj{padding-top:2vh;padding-bottom:3vh}
@media(max-width:767px){.hero-products.hero-kj,.section.hero-products{padding-top:max(80px,12vh)}}
.hero-products>.title{margin-top:0;margin-bottom:.65rem;font-size:clamp(1.85rem,5vw,3.5rem)}
.hero-products>.title+.hero-tag{margin:0 auto .75rem;padding:0 3vw;max-width:min(900px,94vw);width:100%}
.hero-products>.hero-tag+.sub{margin-top:0;margin-bottom:1.35rem;font-size:.98rem;line-height:1.65;max-width:640px}
.hero-products>.sub+.products-visual-col,.hero-products>.sub+.product-panel{margin:0 auto 1.25rem}
.hero-products .products-visual-col{max-width:min(560px,94vw)}
.hero-products>.chips{margin-top:1rem;gap:8px}
.hero-products>.btn-row{margin-top:1.25rem}
.hero-products .chip{padding:8px 14px;font-size:9px}