/* Production polish — non-invasive quality, accessibility, and cross-browser improvements */
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
.skip-link { position: fixed; left: 12px; top: 12px; z-index: 99999; transform: translateY(-160%); padding: .72rem 1rem; border-radius: .65rem; background: #fff; color: #05070a; font-weight: 800; text-decoration: none; box-shadow: 0 8px 30px rgba(0,0,0,.35); }
.skip-link:focus { transform: translateY(0); }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid #58dcff; outline-offset: 3px; }
[aria-disabled="true"] { pointer-events: none; }
section[id] { scroll-margin-top: 96px; }
@media (max-width: 760px) {
  html { scroll-padding-top: 82px; }
  section[id] { scroll-margin-top: 82px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media print {
  header, nav, canvas, .ambient, .bg-layer, .hero-scroll-hint, .nav-toggle, .menu { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  a { color: #000 !important; text-decoration: underline; }
}