@layer utilities{.gradient-primary{background-image:linear-gradient(to right,var(--color-primary),var(--color-primary-hover),var(--color-primary))}}.hero-decoration{filter:blur(96px);background:#ffffff1a;border-radius:9999px;position:absolute}.hero-decoration-left{width:12rem;height:12rem;top:33.3333%;left:2.5rem}.hero-decoration-right{width:16rem;height:16rem;bottom:5rem;right:5rem}.hero-content{animation:.8s ease-out hero-fade-in}.hero-heading{animation:.8s ease-out hero-slide-down}.hero-tagline{animation:.8s ease-out .3s both hero-slide-up}.hero-actions{animation:.8s ease-out .5s both hero-slide-up}.hero-phone-wrapper{animation:3s ease-in-out infinite hero-float}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-phone{width:240px;height:490px}}@media (max-width:640px){.hero-phone{width:200px;height:410px}.hero-decoration{display:none}}