/* Faithful static export: the exact original Tailwind styling remains in reference.css; these rules restore runtime-only motion. */
[data-page-entry] { animation: voltnet-page-entry 440ms cubic-bezier(0.23, 1, 0.32, 1) both var(--entry-delay, 0ms); }
@keyframes voltnet-page-entry { from { opacity: .9; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }

.js [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 520ms cubic-bezier(0.23, 1, 0.32, 1) var(--reveal-delay, 0ms), transform 520ms cubic-bezier(0.23, 1, 0.32, 1) var(--reveal-delay, 0ms);
}

.js [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

a[href], button { -webkit-tap-highlight-color: transparent; }
a[href]:active, button:active { transform: scale(0.98); }

.voltnet-mobile-navigation {
  display: none;
  position: fixed;
  z-index: 40;
  top: 80px;
  right: 0;
  left: 0;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-top: 1px solid rgb(255 255 255 / 10%);
  background: rgb(28 28 30 / 96%);
  box-shadow: 0 20px 36px rgb(0 0 0 / 28%);
  backdrop-filter: blur(12px);
}
.voltnet-mobile-navigation a {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: rgb(255 255 255 / 90%);
  text-decoration: none;
}
.voltnet-mobile-navigation a:hover { color: #C9961A; }
.voltnet-mobile-navigation a:last-child {
  align-self: flex-start;
  margin-top: 4px;
  padding: 10px 20px;
  border-radius: 999px;
  background: #C9961A;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.voltnet-mobile-navigation.is-open { display: flex !important; animation: voltnet-menu-enter 180ms cubic-bezier(0.23, 1, 0.32, 1) both; }
@keyframes voltnet-menu-enter { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 768px) { .voltnet-mobile-navigation { display: none !important; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .js [data-reveal] { transition: none; }
  [data-page-entry] { animation: none; }
  .voltnet-mobile-navigation.is-open { animation: none; }
}

/* Static mobile-navigation and accessibility hardening. */
.voltnet-mobile-navigation{display:none;pointer-events:none;visibility:hidden}
.voltnet-mobile-navigation.is-open{display:flex;pointer-events:auto;visibility:visible}
header button[aria-controls="mobile-navigation"]{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:60}
header button[aria-controls="mobile-navigation"] svg{pointer-events:none}
@media (min-width:768px){.voltnet-mobile-navigation{display:none!important}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:2px solid #C9961A;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
