@keyframes categorySlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fieldFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes metricFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes featureSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes progressBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes miniStatPop{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatSlow{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(10px)}}@keyframes floatSlower{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-15px)translate(-10px)}}.category-card{animation:.6s ease-out both categorySlideIn}.badge-slide{animation:.5s ease-out both badgeSlideRight}.field-item{animation:.4s ease-out both fieldFadeIn}.metric-fade{animation:.5s ease-out both metricFade}.feature-slide-in{animation:.5s ease-out both featureSlideIn}.progress-bar{transform-origin:0;animation:1s ease-out both progressBar}.mini-stat{animation:.5s ease-out both miniStatPop}.animate-bounce-slow{animation:3s ease-in-out infinite bounceSlow}.animate-float-slow{animation:15s ease-in-out infinite floatSlow}.animate-float-slower{animation:20s ease-in-out infinite floatSlower}.bg-data-grid{background-image:linear-gradient(90deg,#6366f10d 1px,#0000 1px),linear-gradient(#6366f10d 1px,#0000 1px);background-size:40px 40px}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatDelayed{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(10px)}}@keyframes spinSlow{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes gradientX{0%,to{background-position:0%;background-size:200% 200%}50%{background-position:100%;background-size:200% 200%}}@keyframes gridSlide{0%{transform:translate(0)}to{transform:translate(80px,80px)}}@keyframes meshMove{0%,to{transform:translate(0%)rotate(0)}33%{transform:translate(5%,-5%)rotate(2deg)}66%{transform:translate(-5%,5%)rotate(-2deg)}}.fade-in-up{animation:.6s ease-out both fadeInUp}.animate-float{animation:6s ease-in-out infinite float}.animate-float-delayed{animation:8s ease-in-out infinite floatDelayed}.animate-spin-slow{animation:20s linear infinite spinSlow}.animate-gradient-x{animation:3s infinite gradientX}.hero-grid{background-image:linear-gradient(90deg,#6366f1 1px,#0000 1px),linear-gradient(#6366f1 1px,#0000 1px);background-size:80px 80px;animation:20s linear infinite gridSlide;position:absolute;inset:0}.hero-mesh-gradient{filter:blur(60px);background:radial-gradient(circle at 20%,#6366f14d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf64d 0%,#0000 50%),radial-gradient(circle at 40% 20%,#a855f733 0%,#0000 50%);animation:20s ease-in-out infinite meshMove;position:absolute;inset:0}.hero-dot-pattern{background-image:radial-gradient(circle,#ffffff1a 1px,#0000 1px);background-size:20px 20px}.hero-mesh-gradient-light{filter:blur(80px);background:radial-gradient(circle at 20%,#6366f126 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#a855f71a 0%,#0000 50%);animation:20s ease-in-out infinite meshMove;position:absolute;inset:0}.hero-dot-pattern-light{background-image:radial-gradient(circle,#6366f126 1px,#0000 1px);background-size:24px 24px}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes previewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:.6s ease-out both fadeInUp}.preview-fade-in{animation:.4s ease-out previewFadeIn}.preview-badge{animation:.5s ease-out .2s both badgeSlideIn}.bg-grid-pattern{background-image:linear-gradient(90deg,#6366f10d 1px,#0000 1px),linear-gradient(#6366f10d 1px,#0000 1px);background-size:40px 40px}