/* DotNexxt marketing motion.
 * Elements that start invisible in the source (framer-motion initial opacity 0)
 * are hidden only once the page has flagged that JS will animate them, so the
 * page stays fully visible without JavaScript. */
html.dn-motion [data-motion-hidden] { opacity: 0; }

/* PillButton: whileTap scale(0.96) */
.rounded-btn { transition: transform .15s cubic-bezier(.22, 1, .36, 1); }
.rounded-btn:active { transform: scale(.96); }

/* Platform stack cards (motion.js drives transforms on large screens) */
html.dn-motion [data-dn-stack-card] { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
    html.dn-motion [data-motion-hidden] { opacity: 1; }
    .rounded-btn:active { transform: none; }
}