/* One motion vocabulary; native dialog/details semantics remain intact. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:220ms;--motion-section:500ms}
.js-motion .reveal{transform:translateY(12px);transition:opacity var(--motion-section) var(--motion-ease),transform var(--motion-section) var(--motion-ease)}.js-motion .reveal.visible{transform:none}
.hero-art.is-entering img{animation:bueno-product-enter 700ms var(--motion-ease) both}
@keyframes bueno-product-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@supports(transition-behavior:allow-discrete){
 .motion-ready dialog{opacity:0;transform:translateY(10px) scale(.99);transition:opacity var(--motion-fast) ease,transform 260ms var(--motion-ease),display 260ms allow-discrete,overlay 260ms allow-discrete}
 .motion-ready dialog[open]{opacity:1;transform:none}
 .motion-ready dialog::backdrop{opacity:0;transition:opacity var(--motion-fast) ease,display 260ms allow-discrete,overlay 260ms allow-discrete}
 .motion-ready dialog[open]::backdrop{opacity:1}
 @starting-style{.motion-ready dialog[open]{opacity:0;transform:translateY(10px) scale(.99)}.motion-ready dialog[open]::backdrop{opacity:0}}
}
details[data-motion-state]{overflow:hidden;overflow-anchor:none}
details[data-motion-state=closing] .quality-toggle,details[data-motion-state=closing].benefit-explanation summary>span,details[data-motion-state=closing].education-sources summary>span,.faq-list details[data-motion-state=closing] summary>span{transform:none}
.faq-list summary>span,.education-sources summary>span{transition:transform var(--motion-fast) var(--motion-ease)}
.capsule-stage.is-changing .capsule-frame:not([hidden]){animation:none}
.capsule-stage.is-changing .release-shell,.capsule-stage.is-changing .release-contents{animation-duration:700ms;animation-timing-function:var(--motion-ease)}.capsule-stage.is-changing .digestion-particles{animation-duration:600ms;animation-timing-function:var(--motion-ease)}
.capsule-step-controls button{transition:background 220ms ease,color 220ms ease}.ingredient-card-open{transition:background 180ms ease,transform 220ms var(--motion-ease)}.ingredient-card-open:hover{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art.is-entering img{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}.motion-ready dialog,.motion-ready dialog::backdrop{transition:none;transform:none}.capsule-stage *{animation:none!important;transition:none!important}.quality-toggle,.faq-list summary>span,.education-sources summary>span{transition:none}}