.hero-container,.hero-container>.grid{position:relative}.hero-container .wave-wrapper{bottom:-50px;min-height:290px;overflow:hidden;position:absolute;width:100%}.hero-container .wave-wrapper [class^=wave-]{height:100%;position:absolute}.hero-container .wave-1{--mask:radial-gradient(72.11px at 50% 100.00px,#000 99%,#0000 101%) calc(55% - 80px) 0/160px 51% repeat-x,radial-gradient(72.11px at 50% -60px,#0000 99%,#000 101%) 55% 40px/160px calc(51% - 40px) repeat-x,radial-gradient(72.11px at 50% calc(100% - 100px),#000 99%,#0000 101%) calc(50% - 80px) 100%/160px 51% repeat-x,radial-gradient(72.11px at 50% calc(100% + 60px),#0000 99%,#000 101%) 50% calc(100% - 40px)/160px calc(51% - 40px) repeat-x;background:#a050be;bottom:-27px}.hero-container .wave-1,.hero-container .wave-2{-webkit-mask:var(--mask);mask:var(--mask);width:100%}.hero-container .wave-2{--mask:radial-gradient(72.11px at 50% 100.00px,#000 99%,#0000 101%) calc(52% - 80px) 0/160px 51% repeat-x,radial-gradient(72.11px at 50% -60px,#0000 99%,#000 101%) 52% 40px/160px calc(51% - 40px) repeat-x,radial-gradient(72.11px at 50% calc(100% - 100px),#000 99%,#0000 101%) calc(50% - 80px) 100%/160px 51% repeat-x,radial-gradient(72.11px at 50% calc(100% + 60px),#0000 99%,#000 101%) 50% calc(100% - 40px)/160px calc(51% - 40px) repeat-x;background:#7c46d1;bottom:8px}.hero-container .wave-3{--mask:radial-gradient(72.11px at 50% 100.00px,#000 99%,#0000 101%) calc(56% - 80px) 0/160px 51% repeat-x,radial-gradient(72.11px at 50% -60px,#0000 99%,#000 101%) 56% 40px/160px calc(51% - 40px) repeat-x,radial-gradient(72.11px at 50% calc(100% - 100px),#000 99%,#0000 101%) calc(50% - 80px) 100%/160px 51% repeat-x,radial-gradient(72.11px at 50% calc(100% + 60px),#0000 99%,#000 101%) 50% calc(100% - 40px)/160px calc(51% - 40px) repeat-x;background:#573be3;bottom:24px;-webkit-mask:var(--mask);mask:var(--mask);width:100%}.hero-container .call_to_action-wrapper h3{letter-spacing:normal}.hero-container .button-wrapper{align-items:center;display:flex;flex-direction:row}.hero-container .button-wrapper a{min-width:max-content}.hero-container .button-wrapper h3{margin-left:40px}@media (max-width:1080px){.hero-container .wave-wrapper{height:325px}}@media (max-width:950px){.hero-container .logo-wrapper{margin-bottom:30px}.hero-container .call_to_action-wrapper{margin-top:30px}.hero-container .button-wrapper{align-items:flex-start;flex-direction:column}.hero-container .button-wrapper h3{margin:30px 0 0}.hero-container .wave-wrapper{min-height:80%}}