html { scroll-behavior: smooth; }
body { margin: 0; }
/* Match the header's outer edges to the hero at every breakpoint. */
.framer-uUAaQ nav[data-framer-name="Navigation"] { max-width: none; }
:focus-visible { outline: 3px solid #cf753e !important; outline-offset: 5px; }
section[id], [id="library"] { scroll-margin-top: 24px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 14px 20px; color: #fff; background: #0e2d2b; font: 16px Inter, sans-serif; }
.skip-link:focus { top: 12px; }
[data-proficiency] { cursor: pointer; }
[data-proficiency][aria-pressed="true"] { box-shadow: inset 0 3px #c46a3f; }
.demo-link { text-decoration: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }