:root{--motion-ease:cubic-bezier(.22,1,.36,1)}

@media (prefers-reduced-motion:no-preference){
  @keyframes quiet-rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
  @keyframes quiet-scale{from{opacity:0;transform:translate3d(0,20px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}

  .showcase-copy h1,.showcase-copy .showcase-description,.showcase-copy .showcase-action,.showcase-copy .idea-strip,
  .guide-intro>*,.guide-visual{animation:quiet-rise .85s var(--motion-ease) both}
  .showcase-copy .showcase-description,.guide-intro>:nth-child(2){animation-delay:.1s}
  .showcase-copy .showcase-action,.guide-intro>:nth-child(3){animation-delay:.19s}
  .showcase-copy .idea-strip,.guide-intro>:nth-child(4){animation-delay:.28s}
  .showcase-collage{animation:quiet-scale 1s var(--motion-ease) .18s both}
  .guide-visual{animation:quiet-scale 1s var(--motion-ease) .2s both}

  .motion-pending{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
  .motion-pending.motion-visible{opacity:1;transform:translate3d(0,0,0)}

  .faq-item[open] .faq-answer,.guide-faq details[open]>p{animation:quiet-rise .38s var(--motion-ease) both}

  .try-button{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s var(--motion-ease),box-shadow .35s var(--motion-ease),background .35s var(--motion-ease)}
  .try-button:before{content:"";position:absolute;inset:-50% auto -50% -55%;width:38%;transform:translateX(-180%) rotate(19deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);pointer-events:none;transition:transform .75s var(--motion-ease)}

  @media (hover:hover) and (pointer:fine){
    .try-button:hover:before{transform:translateX(510%) rotate(19deg)}
    .try-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(103,67,205,.27)}
    .showcase-collage figure,.art-card,.feature-card,.study-card,.model-card{transition:box-shadow .55s var(--motion-ease),border-color .55s var(--motion-ease),transform .55s var(--motion-ease)}
    .showcase-collage figure:hover,.study-card:hover,.feature-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(53,29,100,.13)}
    .model-card:hover{box-shadow:0 22px 46px rgba(53,29,100,.13)!important;border-color:#d8c8f1}
    .art-card:hover{box-shadow:0 18px 36px rgba(31,21,58,.16)}
    .showcase-collage figure img,.art-card img,.study-card img{transition:transform .9s var(--motion-ease)}
    .showcase-collage figure:hover img,.art-card:hover img,.study-card:hover img{transform:scale(1.045)}
  }
  @media (min-width:1024px) and (hover:hover) and (pointer:fine){.showcase-detail:hover{transform:translate(10px,-5px)}}
}

@media (prefers-reduced-motion:reduce){
  .motion-pending,.motion-pending.motion-visible{opacity:1!important;transform:none!important;transition:none!important}
  .showcase-copy h1,.showcase-copy .showcase-description,.showcase-copy .showcase-action,.showcase-copy .idea-strip,.showcase-collage,.guide-intro>*,.guide-visual,.faq-item[open] .faq-answer,.guide-faq details[open]>p{animation:none!important}
  .try-button,.showcase-collage figure,.art-card,.feature-card,.study-card,.model-card,.showcase-collage figure img,.art-card img,.study-card img{transition:none!important}
}