/* Frankly App product page, page-level rules only.
   Everything that styles a component lives in frankly-app.module.css. This file
   exists for the two things a CSS module cannot reach: HubSpot's generated
   .dnd-section wrappers, and the shared section helpers as they land on this
   page. Every selector is a descendant of .frankly-app-page, so the Nav and
   Footer inherit nothing from here. */

/* theme.css fades every #main-content .dnd-section up on scroll. This page
   animates one thing instead: the hero's app demo, which has its own pause
   control. A section arriving on screen is not a change, so it does not
   announce itself. The #main-content prefix is needed to
   outweigh the theme rule's id selector, not for scoping. */
#main-content .frankly-app-page .dnd-section,
.frankly-app-page [data-anim] {
  opacity: 1;
  transform: none;
  transition: none;
}