/* Visual refresh managed by Gnemon — corruption-safe SVG hero + lightweight motion. */
#hero .block-background{
  background-color:#07192e!important;
  background-image:linear-gradient(90deg,rgba(7,25,46,.78) 0%,rgba(7,25,46,.60) 48%,rgba(7,25,46,.30) 100%),url('/images/vip-koper-b2b-hero.svg')!important;
  background-size:cover!important;
  background-position:center!important;
  animation:vipHeroPan 18s ease-in-out infinite alternate;
}
#hero .block-background__media{opacity:0!important;visibility:hidden!important}
#hero .block-background__overlay{background:linear-gradient(180deg,rgba(7,25,46,.12),rgba(7,25,46,.35))!important;opacity:1!important}
.vip-process-step{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.vip-process-step:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(7,25,46,.12);border-color:rgba(212,163,89,.45)!important}
.vip-process-step span{transition:transform .32s ease,color .32s ease}
.vip-process-step:hover span{transform:translateX(4px);color:#a98247!important}
@keyframes vipHeroPan{from{background-position:48% center}to{background-position:54% center}}
@media (prefers-reduced-motion:reduce){#hero .block-background{animation:none}.vip-process-step,.vip-process-step span{transition:none}}
@media(max-width:640px){#hero .block-background{background-position:62% center!important;animation:none}}