@keyframes nexiv-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes nexiv-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 header .topmark{animation:nexiv-arrive .3s ease-out both}
 .hero .overline{animation:nexiv-rise .3s cubic-bezier(.2,.65,.3,1) .08s both}
 .hero h1{animation:nexiv-rise .35s cubic-bezier(.2,.65,.3,1) .05s both}
 .hero .hero-row p{animation:nexiv-rise .35s cubic-bezier(.2,.65,.3,1) .08s both}
 .hero .button{animation:nexiv-arrive .3s ease-out .12s both}
 .motion-in{animation:nexiv-rise .3s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms) both}
 .card,.company-card,.social-handle{transition:transform .25s ease,border-color .25s ease,background-color .25s ease}
 .button,.contact-direct{transition:transform .2s ease,filter .2s ease,color .2s ease}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .card:hover,.company-card:hover,.social-handle:hover{transform:translateY(-4px);border-color:#718ab5}
 .button:hover{transform:translateY(-2px)}
 .button:active{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .motion-in,header .topmark,.hero .overline,.hero h1,.hero .hero-row p,.hero .button{animation:none!important;opacity:1!important;transform:none!important}
 .card,.company-card,.social-handle,.button,.contact-direct{transition:none!important}
}