.hero{display:flex;align-items:center;width:100%;flex-direction:column;position:relative}.hero .background{position:absolute;top:20px;width:calc(100% - 40px);max-width:1580px;z-index:1;object-fit:cover;object-position:bottom;border-radius:15px;height:750px}@media screen and (max-width:1100px){.hero .background{height:650px}}@media screen and (max-width:900px){.hero .background{height:600px}}.hero .background.mobile{display:none;object-fit:cover;object-position:bottom;border-radius:5px;height:470px}@media screen and (max-width:600px){.hero .background.mobile{height:400px}}@media screen and (max-width:768px){.hero .background.desktop{display:none}.hero .background.mobile{display:block}}.hero .heading-div{display:flex;flex-direction:column;align-items:center;margin-top:150px;z-index:5}.hero .heading-div .product-hunt-img{width:250px;margin-bottom:30px}.hero .heading-div h1{text-align:center;font-size:35px;max-width:350px;background:-webkit-linear-gradient(45deg,#006fee,#33f8ff,#006fee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.hero .heading-div p{font-weight:500;font-size:10px}.hero .freeForever-container{display:flex;align-items:center;flex-direction:column;margin-top:30px;margin-bottom:10px;z-index:5}.hero .freeForever-container button{background-color:var(--text);color:var(--background);padding:4px 30px;border-radius:5px;font-size:medium;font-weight:700;border:2px solid var(--text);box-shadow:0 0 0 0 var(--blue),0 0 10px 0 var(--blue);transition:.3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;animation:ripple-glow 2s ease-in-out infinite}@keyframes ripple-glow{0%{box-shadow:0 0 0 0 #77b7ff,0 0 10px 0 #77b7ff}70%{box-shadow:0 0 0 10px rgba(0,0,0,0),0 0 15px 2px #77b7ff}to{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 10px 0 #77b7ff}}.hero .freeForever-container button:hover{transform:scale(1.05)}.hero .freeForever-container button:active{transform:scale(.95)}.hero .freeForever-container span{margin-top:5px;font-weight:400;font-size:12px;opacity:.7}.hero .video-container{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;z-index:5}.hero .video-container .colors-container{position:relative;width:70%;margin-top:50px;aspect-ratio:1920/1080;margin-bottom:60px;max-width:950px}.hero .video-container .video-div{width:100%;height:100%;border-radius:5px;z-index:1;overflow:hidden}@media screen and (min-width:768px){.hero .heading-div h1{font-size:60px;max-width:550px}.hero .heading-div p{font-size:14px}.hero .video-container .colors-container{margin-bottom:120px}.hero .freeForever-container button{padding:6px 40px;font-size:large}.hero .freeForever-container span{font-size:15px}}@media screen and (max-width:769px){.hero .heading-div .product-hunt-img{width:150px}.hero .heading-div{margin-top:100px}.hero .video-container .color-div-1,.hero .video-container .color-div-2,.hero .video-container .color-div-3,.hero .video-container .color-div-4{filter:blur(20px)}.hero .video-container .color-div-1{top:-15px;left:-15px}.hero .video-container .color-div-2{top:-15px;right:-15px}.hero .video-container .color-div-3{bottom:-15px;left:-15px}.hero .video-container .color-div-4{bottom:-15px;right:-15px}}.howItWorks{min-height:100vh;background-color:rgba(250,250,250,1);color:black}.howItWorks,.howItWorks .heading-div{display:flex;flex-direction:column;align-items:center}.howItWorks .heading-div{margin-top:50px;text-align:center}.howItWorks .heading-div img{max-width:95vw}.howItWorks .heading-div h2{max-width:300px;font-size:25px;text-align:center}.howItWorks .heading-div p{font-size:14px}.howItWorks .container-ul-mob{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:40px;padding:0 5px;overflow:hidden}.howItWorks .container-ul-mob li{display:flex;flex-direction:column;align-items:center;gap:20px}.howItWorks .container-ul-mob li .text-div{display:flex;flex-direction:column;gap:10px}.howItWorks .container-ul-mob li .text-div span{font-size:16px;color:#ffac41}.howItWorks .container-ul-mob li .text-div h3{font-size:22px}.howItWorks .container-ul-mob li .text-div p{font-size:15px}.howItWorks .container-ul-mob li .video-div{display:flex;justify-content:center;align-items:center;gap:20px;width:300px;height:300px}.howItWorks .container-div-desktop{display:none}@media screen and (max-width:425px){.howItWorks .container-ul-mob li{padding:20px}}@media screen and (min-width:425px){.howItWorks .container-ul-mob{padding:0 10vw}@media screen and (min-width:768px){.howItWorks .heading-div h2{max-width:450px;font-size:40px}.howItWorks .heading-div p{font-size:16px}@media screen and (min-width:1050px){.howItWorks .heading-div{position:absolute}.howItWorks .container-ul-mob{display:none}.howItWorks .container-div-desktop{display:flex;margin-top:70px}.howItWorks .container-div-desktop ul{display:flex;flex-direction:column}.howItWorks .container-div-desktop ul li{display:flex;flex-direction:column;width:500px;height:100vh;gap:10px}.howItWorks .container-div-desktop ul li:first-child{margin-top:35vh}.howItWorks .container-div-desktop ul li span{font-size:16px;font-weight:500;color:#ffac41}.howItWorks .container-div-desktop ul li h3{font-size:40px}.howItWorks .container-div-desktop ul li p{font-size:15px;opacity:.7}.howItWorks .container-div-desktop .video-div{display:flex;justify-content:center;align-items:center;width:500px;position:sticky;top:0;height:100vh;margin:10px}@media screen and (min-width:1200px){.howItWorks .container-div-desktop{gap:150px}}}}}