/* net-tools components.css */
/* Hero entrance */
.hc{animation:hcFade .6s ease-out both;}
.hc-1{animation-delay:.1s;}.hc-2{animation-delay:.2s;}.hc-3{animation-delay:.3s;}
.hc-4{animation-delay:.4s;}.hc-5{animation-delay:.5s;}.hc-6{animation-delay:.6s;}
@keyframes hcFade{from{opacity:0;transform:translateY(20px) scale(.95);}to{opacity:1;transform:translateY(0) scale(1);}}
.hero-badge{animation:fadeUp .6s ease-out .1s both;}
.hero-title{animation:fadeUp .7s ease-out .2s both;}
.hero-description{animation:fadeUp .7s ease-out .3s both;}
.hero-actions{animation:fadeUp .7s ease-out .4s both;}
.hero-stats{animation:fadeUp .7s ease-out .5s both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.navbar{animation:navIn .4s ease-out both;}
@keyframes navIn{from{transform:translateY(-100%);opacity:0;}to{transform:translateY(0);opacity:1;}}