/* DC DUE — capa tecnológica (trilhas de circuito atrás da abertura) */
.hero > .circuit{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  z-index:-1;pointer-events:none;
  -webkit-mask-image:radial-gradient(95% 95% at 64% 50%,#000 38%,rgba(0,0,0,.5) 100%);
  mask-image:radial-gradient(95% 95% at 64% 50%,#000 38%,rgba(0,0,0,.5) 100%)
}

/* DC DUE — entrada do robô */
.js .hero-fig:not(.dco-ready) > img{opacity:0;animation:dcoFallback 0s 6s forwards}
@keyframes dcoFallback{to{opacity:1}}
.hero-fig > .dco-canvas{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)
}
@media (prefers-reduced-motion:reduce){.js .hero-fig:not(.dco-ready) > img{opacity:1;animation:none}}