/* Subtle layered depth complements the 3D security visualization. */
.pagehero{position:relative;isolation:isolate}.pagehero .wrap{position:relative;z-index:1}
.cyber-orbit{z-index:0}.cyber-orbit canvas{display:block;width:100%;height:100%}
@media (hover:hover) and (pointer:fine){
 a.imgcard.tilt-active{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);border-color:#75ddd3;box-shadow:0 25px 60px rgba(0,0,0,.35),0 0 28px rgba(98,227,214,.08)}
 a.imgcard.tilt-active .cb{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(89,222,211,.10),transparent 60%),#101c2d}
}
@media (prefers-reduced-motion:reduce){a.imgcard.tilt-active{transform:none!important}}