/* Revid.ai landing — supplemental styles (Tailwind handles most) */
html { scroll-behavior: smooth; }
body { background-color: #0f172a; }

/* Sticky nav scroll state */
#nav.scrolled {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Reveal animation */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* Selection color */
::selection { background: #2ecc71; color: #0f172a; }