/* Entrance animations for the prerendered marketing pages.
   Framer's own appear-animation runtime is stripped from the snapshots, so we
   re-create the reveal in CSS: elements that Framer marked as "appear" targets
   start hidden and fade/rise in when they scroll into view.
   The hiding rule only applies once marketing-reveal.js has flagged the page,
   so with JS off (or if the script fails) everything stays visible. */
html[data-denua-reveal="on"] [data-framer-appear-id][data-denua-anim="out"] {
  opacity: 0 !important;
  transition:
    opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    translate 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

html[data-denua-reveal="on"] [data-framer-appear-id][data-denua-anim="out"][data-denua-shift="1"] {
  translate: 0 22px;
}

html[data-denua-reveal="on"] [data-framer-appear-id][data-denua-anim="in"] {
  opacity: 1 !important;
  translate: 0 0;
  transition:
    opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    translate 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  html[data-denua-reveal="on"] [data-framer-appear-id][data-denua-anim] {
    opacity: 1 !important;
    translate: none;
    transition: none;
  }
}