/* Mathematical Modeling Simulation Hero — single-grid edition */
.hero.hero-unsulbar{
  --portrait-x:0px;
  --portrait-y:0px;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

/* Disable all old decorative layers. The canvas now owns the only grid. */
.hero.hero-unsulbar .hero-network,
.hero.hero-unsulbar .hero-particle-canvas,
.hero.hero-unsulbar .hero-soft-particles,
.hero.hero-unsulbar .hero-grid-boxes{
  display:none!important;
}

.hero.hero-unsulbar .math-model-canvas{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
}

.hero.hero-unsulbar .math-model-hud{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
}

.hero.hero-unsulbar .model-label{
  position:absolute!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:rgba(214,235,255,.30)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 12px rgba(79,207,255,.10)!important;
  white-space:nowrap!important;
}

.hero.hero-unsulbar .model-label--top{
  right:4.6%!important;
  top:9.5%!important;
}

.hero.hero-unsulbar .model-label--top i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#79e8ff!important;
  box-shadow:0 0 9px rgba(121,232,255,.75)!important;
  animation:modelPulse 1.8s ease-in-out infinite!important;
}

.hero.hero-unsulbar .model-label--bottom{
  right:4.6%!important;
  bottom:8.5%!important;
  color:rgba(198,177,255,.23)!important;
}

/* Remove the old box/frame language completely. */
.hero.hero-unsulbar .model-corner,
.hero.hero-unsulbar .math-model-hud::before,
.hero.hero-unsulbar .math-model-hud::after{
  display:none!important;
  content:none!important;
}

/* Text and portrait stay above the modeling canvas. */
.hero.hero-unsulbar .hero-stage{
  position:relative!important;
  z-index:4!important;
}

.hero.hero-unsulbar .hero-copy{
  position:relative!important;
  z-index:6!important;
}

.hero.hero-unsulbar .hero-person-wrap{
  z-index:5!important;
}

.hero.hero-unsulbar .hero-person{
  transform:translate3d(var(--portrait-x),var(--portrait-y),0)!important;
  transition:transform .12s linear!important;
  will-change:transform!important;
  filter:drop-shadow(0 22px 34px rgba(4,11,49,.22)) drop-shadow(0 0 18px rgba(92,188,255,.06))!important;
}

@keyframes modelPulse{
  0%,100%{opacity:.35;transform:scale(.84)}
  50%{opacity:1;transform:scale(1.15)}
}

@media(max-width:900px){
  .hero.hero-unsulbar .model-label--top,
  .hero.hero-unsulbar .model-label--bottom{right:3%!important}
}

@media(max-width:640px){
  .hero.hero-unsulbar .math-model-canvas{opacity:.62!important}
  .hero.hero-unsulbar .model-label{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .hero.hero-unsulbar .model-label--top i{animation:none!important}
  .hero.hero-unsulbar .hero-person{transition:none!important}
}