/* Visible, repeatable scroll motion. Content stays readable when scripts are unavailable. */
.motion-full .scroll-reveal{opacity:0;transform:translate3d(0,48px,0) scale(.985);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1)!important;transition-delay:var(--reveal-delay,0ms)!important;backface-visibility:hidden}
.motion-full .scroll-reveal.reveal-from-right{transform:translate3d(40px,32px,0) scale(.985)}
.motion-full .scroll-reveal.reveal-from-left{transform:translate3d(-32px,32px,0) scale(.985)}
.motion-full .scroll-reveal.scroll-shown{opacity:1;transform:translate3d(0,0,0) scale(1)}
.scroll-depth{translate:0 var(--depth-y,0px);will-change:auto}
.motion-full .scroll-depth{will-change:translate}
body>header{transition:box-shadow .35s ease,background .35s ease}
body>header.header-scrolled{box-shadow:0 7px 30px #123c3b14;background:#ffffffed}
.reading-progress{height:4px;background:linear-gradient(90deg,#00b281,#43a6c7,#7b91d5);z-index:60}
.motion-controls{position:fixed;right:20px;bottom:20px;display:flex;gap:8px;z-index:20;align-items:center}
.motion-controls button{min-height:44px;padding:10px 14px;background:#fffefbeF;border:1px solid #b6d2c6;color:#194839;box-shadow:0 6px 22px #143f3818;border-radius:30px;font:600 13px 'Segoe UI',Arial,sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.motion-controls button:hover{background:#e4f8ec}.motion-controls button[aria-pressed=true]{background:#123f37;color:#c9f6dc;border-color:#123f37}.motion-controls button:focus-visible{outline:3px solid #20a477;outline-offset:3px}.motion-controls [hidden]{display:none!important}
.motion-full .audience-card:hover,.motion-full .price-card:hover,.motion-full .roles article:hover{box-shadow:0 20px 45px #153c3c18;translate:0 -4px;transition:translate .25s,box-shadow .25s}
.motion-off .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-off .scroll-depth{translate:none!important;will-change:auto}.motion-off *{animation:none!important;scroll-behavior:auto!important}
html.motion-full{scroll-behavior:smooth!important}.motion-full .reading-progress{display:block}
@media(max-width:760px){.motion-full .scroll-reveal{transform:translate3d(0,32px,0) scale(.99)}.motion-full .scroll-reveal.reveal-from-left,.motion-full .scroll-reveal.reveal-from-right{transform:translate3d(0,32px,0) scale(.99)}.motion-full .scroll-reveal.scroll-shown{transform:none}.motion-controls{right:12px;bottom:12px;gap:6px}.motion-controls button{font-size:12px;padding:9px 12px}.scroll-depth{translate:0 var(--depth-y,0px)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .scroll-reveal{opacity:1!important;transform:none!important}html:not(.motion-full) .scroll-depth{translate:none!important}html:not(.motion-full){scroll-behavior:auto!important}}
/* Clip entrance motion at the page edge without creating a nested scroll container. */
html,body{overflow-x:clip}