:focus-visible{outline:2px solid #22C9D8;outline-offset:3px;border-radius:4px;}
[data-navlink][aria-current="page"],[data-navlink]:hover{color:#F4F3EF !important;}
@media (max-width:560px){[data-m="navcta"]{display:none !important}}
body { margin:0; background:#0B0C0E; -webkit-font-smoothing:antialiased; }
a { color:#C6F410; text-decoration:none; }
a:hover { color:#D9FF3D; }
[data-rail]::-webkit-scrollbar { display:none; }
@keyframes vmkMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 13px))}}
.vmk-marquee{animation:vmkMarquee 110s linear infinite}
[data-rail]:hover .vmk-marquee{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  [data-rail]{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
  .vmk-marquee{width:auto}
  [data-tile]{scroll-snap-align:start}
  [data-tile][aria-hidden="true"]{display:none}
}
[data-tile] img { filter: brightness(.74) saturate(.72); transform: scale(1.004); transition: filter .45s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }
[data-rail]:hover [data-tile] img { filter: brightness(.34) saturate(.45); }
[data-rail]:hover [data-tile]:hover img { filter: brightness(1) saturate(1); transform: scale(1.03); }
[data-rail]:hover [data-tile] [data-tile-name] { color: #565C64; }
[data-rail]:hover [data-tile]:hover [data-tile-name] { color: #F4F3EF; }
[data-open-badge] { position: fixed; left: 0; top: 0; z-index: 40; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin: -48px 0 0 -48px; border-radius: 50%; background: #C6F410; color: #101000; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: .01em; pointer-events: none; opacity: 0; transition: opacity .22s cubic-bezier(.16,1,.3,1); }
[data-open-badge].is-on { opacity: 1; }

/* Brand Guide §09: one curve, cubic-bezier(.16,1,.3,1). No overshoot anywhere. */
@keyframes vmkDotIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes vmkBarIn{from{transform:translate(735.6px,-1096px)}to{transform:translate(0,0)}}
@keyframes vmkRise{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
@keyframes vmkGlow{0%,100%{box-shadow:0 0 18px 2px rgba(198,244,16,.34),0 0 42px 10px rgba(198,244,16,.14)}50%{box-shadow:0 0 30px 7px rgba(198,244,16,.92),0 0 84px 26px rgba(198,244,16,.42)}}
@keyframes vmkRing{0%,100%{box-shadow:0 0 0 1px rgba(198,244,16,.5),0 0 14px 1px rgba(198,244,16,.24),inset 0 0 12px -4px rgba(198,244,16,.2)}50%{box-shadow:0 0 0 1px rgba(198,244,16,1),0 0 30px 4px rgba(198,244,16,.72),inset 0 0 16px -2px rgba(198,244,16,.42)}}
@keyframes vmkRail{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* One 11s chase: each marker owns a quarter of the cycle, so exactly ONE is
   lit and glowing at any moment. 1 lights, hands off to 2, and so on. */
@keyframes vmkChase{0%,24%{background:#C6F410;color:#101000;border-color:#C6F410;box-shadow:0 0 26px 5px rgba(198,244,16,.7)}25%,100%{background:#1E2128;color:#F4F3EF;border-color:#2A2E36;box-shadow:0 0 0 0 rgba(198,244,16,0)}}
@keyframes vmkDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vmkHalo{0%,100%{box-shadow:0 0 0 1px rgba(198,244,16,.34),0 0 26px 2px rgba(198,244,16,.14)}50%{box-shadow:0 0 0 1px rgba(198,244,16,.92),0 0 54px 10px rgba(198,244,16,.34)}}
@keyframes vmkTextGlow{0%,100%{text-shadow:0 0 10px rgba(198,244,16,.34)}50%{text-shadow:0 0 26px rgba(198,244,16,.95),0 0 54px rgba(198,244,16,.45)}}
/* On a Volt surface a Volt halo is invisible, so the final CTA glows in Ink. */
@keyframes vmkHaloInk{0%,100%{box-shadow:0 0 16px 2px rgba(16,16,0,.34)}50%{box-shadow:0 0 34px 8px rgba(16,16,0,.72)}}

.vmk-dot{transform-origin:406.9px 457.4px;animation:vmkDotIn 1.5s cubic-bezier(.16,1,.3,1) .15s both}
.vmk-bar{animation:vmkBarIn 2.5s cubic-bezier(.22,1,.28,1) .5s both}
.vmk-rise{animation:vmkRise 1.15s cubic-bezier(.16,1,.3,1) both}
.vmk-glow{animation:vmkGlow 2.8s ease-in-out 2.6s infinite}
.vmk-ring{animation:vmkRing 2.8s ease-in-out 1.5s infinite}
.vmk-halo{animation:vmkHalo 3.4s ease-in-out 1.2s infinite}
.vmk-textglow{animation:vmkTextGlow 2.8s ease-in-out 1.2s infinite}
/* Clip wipe, after the Elementor animated-headline "clip" style: a bright bar
   sweeps across, wiping the old word out and revealing the new one behind it.
   The glow on the bar is the "shadow" that reads during the sweep. */
@keyframes vmkClipA{0%,38%{clip-path:inset(0 0 0 0)}48%,88%{clip-path:inset(0 0 0 100%)}98%,100%{clip-path:inset(0 0 0 0)}}
@keyframes vmkClipB{0%,38%{clip-path:inset(0 100% 0 0)}48%,88%{clip-path:inset(0 0 0 0)}98%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes vmkBar{
  0%,37%{left:0;opacity:0}
  39%{left:0;opacity:1}
  48%{left:100%;opacity:1}
  51%,87%{left:100%;opacity:0}
  89%{left:100%;opacity:1}
  98%{left:0;opacity:1}
  100%{left:0;opacity:0}}
.vmk-swap{position:relative;display:inline-block;vertical-align:bottom;white-space:nowrap}
.vmk-swap>span[data-w]{position:absolute;left:0;top:0;display:inline-block}
.vmk-swap>span[data-w="a"]{animation:vmkClipA 5.2s cubic-bezier(.22,1,.28,1) infinite both}
.vmk-swap>span[data-w="b"]{animation:vmkClipB 5.2s cubic-bezier(.22,1,.28,1) infinite both}
.vmk-swap>i[data-bar]{position:absolute;top:6%;bottom:6%;width:3px;border-radius:2px;background:#F4F3EF;box-shadow:0 0 14px 3px rgba(244,243,239,.6);animation:vmkBar 5.2s cubic-bezier(.22,1,.28,1) infinite both}
.vmk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vmk-swap>span[data-sizer]{visibility:hidden;display:inline-flex}
.vmk-halo-ink{animation:vmkHaloInk 2.8s ease-in-out 1.2s infinite}
.vmk-rail{transform-origin:left center;animation:vmkRail 1.5s cubic-bezier(.16,1,.3,1) both}
.vmk-draw{transform-origin:left center;animation:vmkDraw 1s cubic-bezier(.16,1,.3,1) .5s both}
.vmk-chase{animation:vmkChase 11s cubic-bezier(.16,1,.3,1) infinite}
@media (prefers-reduced-motion:reduce){*{animation:none !important}}
@media (hover:none),(pointer:coarse){
  [data-tile] img{filter:brightness(1) saturate(1) !important;transform:none !important}
  [data-tile] [data-tile-name]{color:#F4F3EF !important}
  .vmk-marquee{animation:none !important;width:auto !important}
  [data-rail]{overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px}
  [data-tile]{scroll-snap-align:start}
  [data-tile][aria-hidden="true"]{display:none !important}
  [data-open-badge]{display:none !important}
  [data-hint="hover"]{display:none !important}
  [data-hint="touch"]{display:inline !important}
}
@media (max-width:980px){
  [data-m~="wrap"]{padding-left:20px !important;padding-right:20px !important}
  [data-m~="grid"]{grid-template-columns:1fr !important;gap:30px !important}
  header#top>[data-m~="wrap"]{padding-top:56px !important;padding-bottom:60px !important}
  [data-m="h1"]{font-size:clamp(34px,10.5vw,58px) !important;max-width:none !important}
  [data-m="h2xl"]{font-size:clamp(30px,8.5vw,44px) !important}
  [data-m="h2lg"]{font-size:clamp(27px,7.4vw,38px) !important}
  [data-m="h2md"]{font-size:clamp(25px,6.6vw,34px) !important}
  [data-m="mark"]{width:132px !important;height:auto !important}
  [data-m="navlinks"]{display:none !important}
  .vmk-rail{left:19px !important;right:auto !important;top:0 !important;bottom:0 !important;width:1px !important;height:auto !important;transform-origin:top center !important;background:linear-gradient(180deg,#C6F410 0%,#3A3F47 82%,transparent 100%) !important}
  @keyframes vmkRail{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  [data-m="menubtn"]{display:inline-flex !important}
  [data-m="menupanel"].is-open{display:block !important}
  [data-tile]{width:80vw !important}
  .vmk-halo{padding:30px 22px !important}
}
@media (max-width:560px){
  [data-tile]{width:86vw !important}
  [data-m~="wrap"]{padding-left:16px !important;padding-right:16px !important}
}