/* VMK Studio shared styles. Inline styles carry the design; this file holds
   what cannot be inline: keyframes, hover, focus and responsive rules.
   Every responsive override lives inside a media query, so desktop is untouched. */
#vmk-site-menu[hidden]{display:none !important}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:100;width:auto;height:auto;clip-path:none;background:#C6F410;color:#101000;padding:12px 18px;border-radius:8px}
details summary{list-style:none;cursor:pointer;} details summary::-webkit-details-marker{display:none;}
details[open] [data-plus]{transform:rotate(45deg);}
input::placeholder,textarea::placeholder{color:#6E747C;}
[data-field] input:focus,[data-field] textarea:focus{outline:none;border-color:#22C9D8 !important;box-shadow:0 0 0 3px rgba(34,201,216,.18);}
[data-field][data-err="true"] input,[data-field][data-err="true"] textarea{border-color:#F28B82 !important;}
body{margin:0;background:#0B0C0E;-webkit-font-smoothing:antialiased;}
a{color:#22C9D8;text-decoration:none;} a:hover{color:#5FDCE6;}
:focus-visible{outline:2px solid #22C9D8;outline-offset:3px;border-radius:4px;}
[data-navlink][aria-current="page"],[data-navlink]:hover{color:#F4F3EF !important;}
@keyframes vmkRing{0%,100%{box-shadow:0 0 0 1px rgba(198,244,16,.5),0 0 14px 1px rgba(198,244,16,.24)}50%{box-shadow:0 0 0 1px rgba(198,244,16,1),0 0 30px 4px rgba(198,244,16,.72)}}
@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 vmkDark{0%{box-shadow:0 0 0 0 rgba(16,16,0,.4)}70%,100%{box-shadow:0 0 0 14px rgba(16,16,0,0)}}
.vmk-ring{animation:vmkRing 2.8s ease-in-out 1.2s infinite}
.vmk-glow{animation:vmkGlow 2.8s ease-in-out 1.2s infinite}
.vmk-dark{animation:vmkDark 2.4s cubic-bezier(.16,1,.3,1) infinite}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !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:24px !important}
  [data-m="h1"]{font-size:clamp(34px,9.5vw,52px) !important}
  [data-m="h2"]{font-size:clamp(28px,7.4vw,38px) !important}
  [data-m="navlinks"]{display:none !important}
  [data-m="menubtn"]{display:inline-flex !important}
  [data-m="pad"]{padding:28px 22px !important}
  [data-m="sec"]{padding-top:64px !important;padding-bottom:64px !important}
  [data-m="ladder"]{flex-direction:column !important}
  [data-m="arrow"]{transform:rotate(90deg)}
}
@media (max-width:560px){[data-m~="wrap"]{padding-left:16px !important;padding-right:16px !important}[data-m="navcta"]{display:none !important}}
@media (max-width:980px){
  [data-m="step"]{grid-template-columns:44px 1fr !important;gap:18px !important}
}