/* Content stays visible until the optional observer arms its reveal. */
@media(prefers-reduced-motion:no-preference){
  body.design-v3 [data-v3-reveal].v3-reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--v3-delay,0ms)}
  body.design-v3 [data-v3-reveal].v3-reveal-ready.v3-in{opacity:1;transform:none}
  body.design-v3 :is(.card,.plan,.v2-plan-card,.pill,.button,.btn){transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
  body.design-v3 :is(a.card,.plan,.v2-plan-card):hover{transform:translateY(-4px)}
  body.design-v3 :is(.pill,.button,.btn,a.card):active{transform:scale(.98)}
  body.design-v3 header.v3-header .brand{transition:transform .25s var(--ease)}
  body.design-v3 header.v3-header .brand:hover{transform:scale(1.08) rotate(-4deg)}
  body.design-v3 .v3-nav-group[open]>.v3-nav-panel{animation:v3-drop .22s var(--ease)}
  @keyframes v3-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
  body.design-v3 *,body.design-v3 *::before,body.design-v3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body.design-v3 [data-v3-reveal]{opacity:1!important;transform:none!important}
}