.home-banner-module{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.home-banner-module p.home-banner-sub-title{color:#fff}@media screen and (max-width:767px){.home-banner-module{flex-direction:column;height:840px;max-height:none;padding-top:124px}}@media screen and (min-width:767px){.home-banner-module .page-center{position:relative;width:35%}}@media screen and (min-width:1280px){.home-banner-module .page-center{position:relative;width:25%}}.home-banner-module h1.home-banner-title{color:#fff;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1rem;position:relative;text-align:center;text-transform:uppercase}.home-banner-module h1.home-banner-title .hero-text-gradient{background:linear-gradient(to bottom left,#e7636b 20%,#e7636b73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:DM Mono;font-style:italic;text-transform:uppercase}.home-banner-module .page-center>svg{bottom:0;max-width:24rem;pointer-events:none;position:absolute;right:0}.home-banner-module .btn{border-radius:.375rem;display:inline-block;font-family:DM Mono;font-weight:700;letter-spacing:2.5px;padding:20px 60px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;z-index:10}.home-banner-module .home-banner-images{margin-bottom:-10%;margin-top:-10%}.home-banner-module .home-banner-images>div{background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0}.home-banner-module .home-banner-images{padding-bottom:60%;position:relative}.home-banner-module .home-banner-images .home-banner-smarts{background-position:100% 100%;opacity:.3}.home-banner-module .home-banner-images .home-banner-arrow{background-position:100% 70%}.home-banner-module .home-banner-images .home-banner-laptop{background-position:100% 50%}.home-banner-module .home-banner-images .home-banner-arrow{opacity:0;transition:all .2s ease-out}.home-banner-module .home-banner-images .home-banner-arrow.animate-in{opacity:1}.home-banner-module .home-banner-images .home-banner-laptop{opacity:0;transform:translateY(10%);transition:all .5s ease-out .1s}.home-banner-module .home-banner-images .home-banner-laptop.animate-in{opacity:1;transform:translateY(0)}@media (min-width:768px){.home-banner-module h1.home-banner-title{font-size:3.25rem;line-height:1}.home-banner-module p.home-banner-sub-title{color:#fff;font-size:1.25rem}.home-banner-module .page-center>svg{max-width:42rem}.home-banner-module .home-banner-images{margin-bottom:-33%}}.home-banner-pill img{margin-right:20px;max-width:150px!important}@media (min-width:1024px){.home-banner-module h1.home-banner-title{font-size:4.25rem;line-height:1}}@media (min-width:1280px){.home-banner-module .home-banner-images{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.home-banner-module .home-banner-images .home-banner-arrow{left:25%}.home-banner-module .home-banner-images .home-banner-laptop{left:40%}}.img-floating-hero-left{aspect-ratio:auto;display:inline-block;height:320px;inset:auto;margin-right:960px;margin-top:200px;max-width:none;object-fit:contain;position:absolute;width:auto}.img-floating-hero-right{margin:0 0 360px 960px}.img-floating-hero-bottom,.img-floating-hero-right{aspect-ratio:auto;display:inline-block;height:auto;inset:auto;max-width:none;object-fit:contain;position:absolute;width:360px}.img-floating-hero-bottom{margin:520px 0 0 840px}@media screen and (max-width:767px){.img-floating-hero-bottom,.img-floating-hero-left,.img-floating-hero-right{display:none}}@media screen and (min-width:1280px){.img-floating-hero-right{inset:auto;position:absolute}.img-floating-hero-left{margin-left:0}}.img-floating-hero-mobile{aspect-ratio:auto;display:none;height:320px;inset:auto;margin-right:960px;margin-top:0;max-width:none;object-fit:contain;position:absolute;width:auto}@media screen and (max-width:767px){.img-floating-hero-mobile{display:block;height:auto;margin-right:0;margin-top:56px;position:relative;width:80%}}@media screen and (min-width:1280px){.img-floating-hero-mobile{margin-left:0}}.gradient-background{animation:gradient-animation 18s ease infinite;background:linear-gradient(300deg,#00bfff,#9400d3,blue);background-size:180% 180%}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}