@layer utilities{.gradient-primary{background-image:linear-gradient(to right,var(--color-primary),var(--color-primary-hover),var(--color-primary))}}.hero-decoration{position:absolute;border-radius:9999px;filter:blur(96px);background:rgba(255,255,255,.1)}.hero-decoration-left{top:33.333333%;left:2.5rem;width:12rem;height:12rem}.hero-decoration-right{bottom:5rem;right:5rem;width:16rem;height:16rem}.hero-content{animation:hero-fade-in .8s ease-out}.hero-heading{animation:hero-slide-down .8s ease-out}.hero-tagline{animation:hero-slide-up .8s ease-out .3s both}.hero-actions{animation:hero-slide-up .8s ease-out .5s both}.hero-phone-wrapper{animation:hero-float 3s ease-in-out infinite}.hero-cta-button{transform:scale(1);transition:transform .2s ease-in-out,background-color .2s ease-in-out}.hero-cta-button:hover{transform:scale(1.05)}.hero-play-button{transform:scale(1);transition:all .2s ease-in-out}.hero-play-button:hover{transform:scale(1.1)}@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}}