/* Shared motion for the main page and all five video guides. */
.motion-reveal{opacity:0;translate:0 25px;transition:opacity .75s cubic-bezier(.22,1,.36,1),translate .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-reveal.motion-visible{opacity:1;translate:0 0}
.faq-item{transition:border-color .3s,background-color .3s;overflow-anchor:none}
.faq-item.faq-animating{overflow:hidden;will-change:height}
.faq-item[data-expanded=true]{border-bottom-color:#8b3d56}
.faq-item summary{transition:color .25s}
.faq-item[data-expanded=true] summary{color:#ff7299}
.faq-item .faq-answer{animation:none!important}
.faq-item .faq-plus{transition:rotate .35s cubic-bezier(.22,1,.36,1)}
.faq-item[data-expanded=true] .faq-plus{rotate:180deg}
.faq-item[data-expanded=false] .faq-plus:after{opacity:1;transform:rotate(90deg)}
body:not(.intent-page) .faq-item[data-expanded=false] .faq-plus:after{transform:rotate(0deg)}
.faq-item[data-expanded=true] .faq-plus:after{opacity:0}
.try-button{background-size:160% 100%;background-position:0 50%;transition:background-position .45s,filter .3s,transform .3s,box-shadow .3s}
.try-button:active{transform:translateY(0) scale(.97)}
.compact-footer nav a,.text-link,.related-links a{transition:color .25s,text-decoration-color .25s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .try-button:hover{background-position:100% 50%;transform:translateY(-3px);box-shadow:0 12px 35px #ff286b38}
  .choice-grid article,.steps-grid li,.prompt-example,.tips-grid article{transition:transform .4s,border-color .4s,background-color .4s}
  .choice-grid article:hover,.steps-grid li:hover,.tips-grid article:hover{transform:translateY(-5px);border-color:#925064}
  .prompt-example:hover{transform:translateY(-6px);border-color:#8b3d56;background:#262124}
  .brand-link img{transition:transform .4s}
  .brand-link:hover img{transform:rotate(-7deg) scale(1.06)}
}
@media(prefers-reduced-motion:no-preference){
  .hero-visual picture{animation:hero-float 8s ease-in-out infinite}
  .hero-visual img{animation:hero-drift 12s ease-in-out infinite alternate}
  @keyframes hero-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(.5deg)}}
  @keyframes hero-drift{from{scale:1}to{scale:1.045}}
}
.motion-reveal:not(.motion-visible),.motion-reveal.motion-visible{transition-property:opacity,translate,transform,border-color,background-color;transition-duration:.75s,.75s,.4s,.3s,.3s;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .motion-reveal{opacity:1;translate:none;transition:none!important}
  .hero-visual picture,.hero-visual img,.faq-answer{animation:none!important}
  .try-button,.faq-item,.faq-plus,.brand-link img{transition:none!important}
}