/* Unlayered fallback so Safari still paints a real page if Tailwind is skipped. */
html, body {
  margin: 0;
  background: #0a0a0a;
  color: #f4f4f4;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.hidden { display: none !important; }
.opacity-0 { opacity: 0; }
.pointer-events-none { pointer-events: none; }
.max-h-0 { max-height: 0; overflow: hidden; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hero-viewport {
  position: relative;
  min-height: 88vh;
  overflow: hidden;
  background: #0a0a0a;
}
@media (min-width: 768px) {
  .md\:block { display: block !important; }
  .md\:hidden { display: none !important; }
  .md\:flex { display: flex !important; }
}
@media (min-width: 1024px) {
  .lg\:flex { display: flex !important; }
  .lg\:inline-flex { display: inline-flex !important; }
  .lg\:hidden { display: none !important; }
}