@media (prefers-reduced-motion: no-preference) {
  @keyframes rise-in { from { opacity:.85; transform:translateY(8px) } to { opacity:1; transform:translateY(0) } }
  @keyframes menu-arrive { from { opacity:.7; transform:translateY(-4px) } to { opacity:1; transform:translateY(0) } }
  .hero .copy > .eyebrow { animation:rise-in .32s ease-out }
  .hero h1 { animation:rise-in .44s cubic-bezier(.2,.7,.25,1) .04s backwards }
  .hero-buttons { animation:rise-in .4s cubic-bezier(.2,.7,.25,1) .08s backwards }
  .hero .note { animation:rise-in .4s ease-out .12s backwards }
  .motion-entered { animation:rise-in .42s cubic-bezier(.2,.7,.25,1) }
  .menu[open] div { animation:menu-arrive .18s ease-out }
  .practice-visual video { transition:opacity .14s ease-out }
  .faq details[open] > p { animation:rise-in .26s ease-out }
  .faq summary:after { transition:color .2s ease, transform .2s ease }
  .faq details[open] summary:after { color:#df75b1; transform:scale(1.08) }
  .menu a { transition:background-color .2s ease, color .2s ease }
  .pill:not(:disabled) { transition:transform .22s ease, background-color .22s ease, box-shadow .22s ease }
  @media (hover:hover) {
    .pill:not(:disabled):hover { transform:translateY(-2px); box-shadow:0 8px 20px #14281d20 }
    .menu a:hover { background-color:#ffffff18 }
    .faq summary:hover:after { transform:scale(1.12) }
  }
  .pill:not(:disabled):active { transform:translateY(1px) }
}
@media (min-width:960px) and (hover:hover) and (prefers-reduced-motion:no-preference) {
  .founder-profile { transition:transform .25s ease-out }
  .founder-profile:hover { transform:translateY(-4px) }
}