Scroll to see the smart-hide: the pill on desktop, the logo corner mark on mobile; both hide as you scroll down and come back as you scroll up. Hover or tab through the items to see the sliding indicator. On mobile, when the footer comes into view the pill slides out so it doesn't cover it.
Dark band (data-nav-tone="dark"). On mobile, scroll up a little with the mark over it: the logo turns white.
End of demo content.