.hero-visual{aspect-ratio:1;width:100%;max-width:620px;margin-left:auto;font-family:Manrope,sans-serif;position:relative}.hero-visual canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-visual.hero-visual-dashboard{perspective:1200px;aspect-ratio:auto;max-width:540px;margin-top:16px;margin-right:24px}.hero-visual.hero-visual-map{perspective:1400px;aspect-ratio:auto;max-width:640px;margin-top:16px;margin-right:24px}@keyframes hv-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hv-pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes hv-dashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hv-pulseRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes hv-slideInTk{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes hv-slideInTicket{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes hv-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes hv-dashGlow{0%,to{opacity:.4}50%{opacity:.65}}@keyframes hv-countUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes hv-fadeUpSoft{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hv-pulseRingBig{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(5)}}@keyframes hv-dashFlow{to{stroke-dashoffset:-270px}}@media (width<=768px){.hero-visual{max-width:420px;margin:0 auto}.hero-visual.hero-visual-dashboard{max-width:340px;margin:0 auto}.hero-visual.hero-visual-map{max-width:100%;margin:0 auto}.hero-helpdesk-online-badge,.hero-datacentre-side-badge{display:none!important}}@media (width<=1100px){.hero-helpdesk-online-badge,.hero-datacentre-side-badge{display:none!important}}@media (prefers-reduced-motion:reduce){.hero-visual *,.hero-visual :before,.hero-visual :after{transition:none!important;animation:none!important}}