/* v2.2 State Sync & Core Layout Fix */

/* Digital Core is centered inside the architecture scene and always above links */
.scene-core{
  left:50%!important;
  top:58%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:30!important;
  opacity:.34!important;
  background:rgba(3,27,39,.88)!important;
}
.scene-core.v20-active,.scene-core.v22-active{
  opacity:1!important;
  z-index:32!important;
  background:rgba(3,27,39,.96)!important;
  border-color:#63f4e9!important;
  box-shadow:0 0 0 1px rgba(88,240,230,.18),0 0 28px rgba(88,240,230,.45),inset 0 0 26px rgba(88,240,230,.12)!important;
}
.v15-neon-links{z-index:8!important}
.v15-visual-stage{z-index:12!important}

/* Better spread across full central canvas */
.v15-service-visual{z-index:12!important}
.v15-service-visual.primary{z-index:14!important}

/* YOUR SOLUTION statistics */
.v22-product-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0 14px;
}
.v22-stat{
  padding:10px;
  border:1px solid rgba(70,137,158,.30);
  border-radius:11px;
  background:rgba(5,26,38,.58);
}
.v22-stat span{
  display:block;
  color:#83a2af;
  font-size:8px;
  letter-spacing:.10em;
}
.v22-stat b{
  display:block;
  margin-top:3px;
  color:#63f1e7;
  font-size:22px;
}

/* Selected matrix product is unmistakably blue */
.v15-matrix-item.selected::after{
  background:#2489ff!important;
  border-color:#2489ff!important;
  box-shadow:0 0 11px rgba(36,137,255,.62)!important;
}
.v15-matrix-item.selected em{
  color:#fff!important;
  font-weight:700!important;
}

/* Explore Solution cleanup */
#modalStatus,.solution-status{display:none!important}

/* product breathing halo/shadow retained and strengthened slightly */
.v15-service-visual img{
  filter:drop-shadow(0 13px 15px rgba(0,0,0,.52)) drop-shadow(0 0 14px rgba(88,240,230,.28))!important;
}
.v15-service-visual.primary img{
  filter:drop-shadow(0 17px 20px rgba(0,0,0,.58)) drop-shadow(0 0 22px rgba(88,240,230,.45))!important;
}