/* Public website motion: transforms never change document geometry. */
@keyframes site-hero-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:no-preference){
  .hero-visual>.image-button{animation:site-hero-drift 4s ease-in-out 1}
  .hero-visual:focus-within>.image-button{animation:none}
  .button,.nav-cta,.image-button{transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease}
  @media(hover:hover) and (pointer:fine){
    .button:not(:disabled):hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00c8ed20}
    .image-button:hover{box-shadow:0 0 0 2px #00c8ed55}
  }
  .button:not(:disabled):active,.nav-cta:active{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-visual>.image-button,.button,.nav-cta,.image-button{animation:none!important;transition:none!important}
}