.hero-container{position:relative;width:100%;height:100%;overflow:visible}.hero-screenshot-main{position:relative;z-index:10;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 50px 100px -20px rgba(0,0,0,.5),0 30px 60px -30px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);animation:fadeInUp .8s ease-out}.hero-screenshot-img{width:100%;height:auto;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-floating-screenshot{position:absolute;z-index:15;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);animation:fadeInUp .8s ease-out .2s both,float 8s ease-in-out infinite}.hero-floating-screenshot.integrations{width:280px;top:-20px;right:40px}.hero-floating-screenshot .hero-screenshot-img{width:100%;height:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:1400px){.hero-floating-screenshot.integrations{width:240px;right:20px}}@media (max-width:1100px){.hero-floating-screenshot{display:none}}@media (max-width:768px){.hero-screenshot-main{border-radius:8px}}