@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.hero h1{animation:fadeUp .8s ease-out}
.hero p{animation:fadeUp .8s .15s ease-out both}
.hero-cta{animation:fadeUp .8s .3s ease-out both}
.biz-card{transition:all .4s cubic-bezier(.25,.8,.25,1.2)}
.biz-card:hover{box-shadow:0 0 30px rgba(0,212,255,.15)}
.case-card{transition:transform .3s,box-shadow .3s}
.case-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.article-card{transition:all .3s}
.article-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.btn{position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 70%);opacity:0;transition:opacity .3s}
.btn:hover::after{opacity:1}
.logo img{transition:filter .3s}
.logo:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(0,212,255,.4))!important}
html{scroll-behavior:smooth}
.nav-links a{position:relative;padding-bottom:4px}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
@keyframes heroPulse{0%,100%{opacity:1}50%{opacity:.8}}
.hero::before{animation:heroPulse 4s ease-in-out infinite}
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.stat{animation:countUp .6s ease-out both}
.stat:nth-child(2){animation-delay:.1s}
.stat:nth-child(3){animation-delay:.2s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}