@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:50ms}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}.hero-animate{animation:.8s ease-out both fadeInUp}.hero-animate-delay-1{animation-delay:.1s}.hero-animate-delay-2{animation-delay:.2s}.hero-animate-delay-3{animation-delay:.35s}.gradient-text{-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text-emerald{background-image:linear-gradient(135deg,#6ee7b7,#10b981,#34d399)}.card-hover{transition:transform .3s,box-shadow .3s}.card-hover:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px -12px #0000001a}.browser-frame{border:1px solid #ffffff1a;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.browser-titlebar{background:#1f2937;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.browser-dot{border-radius:50%;width:.625rem;height:.625rem}.browser-url{color:#9ca3af;background:#ffffff14;border-radius:.375rem;flex:1;margin-left:.75rem;padding:.25rem .75rem;font-size:.7rem}.browser-content{background:#111827;min-height:280px;padding:1.5rem}@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transition:none;transform:none}.hero-animate{opacity:1;animation:none}.card-hover:hover{transform:none}}