.home .intro{text-align:center;justify-content:center;align-items:center;margin-top:50px;margin-bottom:60px}.home .intro svg{cursor:pointer;transition:transform .5s,filter .3s;animation:3s ease-in-out infinite floatAnimation}.home .intro svg:hover{filter:drop-shadow(0 10px 15px #0000001a);transform:scale(1.1)rotate(2deg)}.home .intro h2{background:linear-gradient(90deg, var(--color-blue-darkest) 0%, var(--color-blue) 100%);-webkit-background-clip:text;background-clip:text;margin:40px 0;font-size:54px;animation:8s infinite gradientText}.home .intro p{color:var(--color-gray);white-space:nowrap;margin-bottom:20px;font-size:14px;animation:2s steps(60,end) typeWriter;overflow:hidden}.home .intro .get-started{background-color:var(--color-blue-darkest);color:var(--color-white);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;animation:2s infinite pulseButton;position:relative;overflow:hidden}.home .intro .get-started:hover{background-color:var(--color-blue-darkest);transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #0000001a}.home .intro .get-started:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.home .intro .get-started:hover:before{animation:1.5s infinite shimmer;left:100%}.home .intro svg{max-width:100%;height:auto}.home .dashboard{perspective:1000px;justify-content:center;align-items:center;margin-bottom:60px;display:flex}.home .dashboard svg{max-width:100%;height:auto;transition:transform .5s,box-shadow .5s;animation:1s ease-out forwards dashboard-appear;transform:rotateX(10deg);box-shadow:0 20px 40px #0000001a}.home .dashboard svg:hover{transform:rotateX(0)scale(1.02);box-shadow:0 30px 60px #00000026}.home .secondhero{text-align:center;background:var(--background-gradient);color:#fff;margin-bottom:60px;padding:40px 5px;position:relative;overflow:hidden}.home .secondhero:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 25% 15%,#ffffff1a 1px,#0000 1px),radial-gradient(circle at 75% 85%,#ffffff1a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite backgroundParticles;position:absolute;top:0;left:0}.home .secondhero h2{text-shadow:0 2px 10px #0003;margin:25px 0;font-size:34px;animation:1s ease-out slideInFromLeft;position:relative}.home .secondhero p{margin-bottom:20px;font-size:20px;animation:1s ease-out slideInFromRight}.home .secondhero .secondherocards{perspective:1000px;justify-content:center;align-items:center;gap:30px;padding:20px 0;display:flex}.home .secondhero .secondherocards span{opacity:0;justify-content:center;align-items:center;transition:transform .4s,box-shadow .4s;animation:.8s forwards cardAppear;display:flex;transform:translateY(30px)}.home .secondhero .secondherocards span:first-child{animation-delay:.2s}.home .secondhero .secondherocards span:nth-child(2){animation-delay:.4s}.home .secondhero .secondherocards span:nth-child(3){animation-delay:.6s}.home .secondhero .secondherocards span:hover{filter:brightness(1.1);z-index:1;transform:translateY(-15px)scale(1.05)}.home .secondhero .secondherocards svg{border-radius:12px;max-width:100%;height:auto;transition:all .3s;box-shadow:0 10px 30px #00000026}.home .thirdhero{text-align:center;margin-bottom:60px;position:relative}.home .thirdhero h2{margin:20px 0;font-size:24px;animation:1s cubic-bezier(.55,.085,.68,.53) both focusIn}.home .thirdhero p{color:var(--color-gray);margin-bottom:20px;font-size:14px;animation:1.5s both blurIn}.home .thirdhero .thirdherosvg{border-radius:10px;overflow:hidden;box-shadow:0 15px 30px #0000001a}.home .thirdhero .thirdherosvg svg{max-width:100%;height:auto;transition:transform .5s;animation:2s zoomInSlow}.home .thirdhero .thirdherosvg svg:hover{transform:scale(1.02)}.home .thirdhero .thirdHerobuttomcards{justify-content:center;align-items:center;gap:30px;padding:20px 0;display:flex}.home .thirdhero .thirdHerobuttomcards span{opacity:0;justify-content:center;align-items:center;transition:all .4s;animation:.8s forwards slideUpFadeIn;display:flex}.home .thirdhero .thirdHerobuttomcards span:first-child{animation-delay:.3s}.home .thirdhero .thirdHerobuttomcards span:nth-child(2){animation-delay:.6s}.home .thirdhero .thirdHerobuttomcards span:hover{transform:translateY(-10px)scale(1.03);box-shadow:0 15px 30px #0000001a}.home .thirdhero .thirdHerobuttomcards svg{filter:drop-shadow(0 5px 15px #0000001a);max-width:100%;height:auto;transition:filter .3s}.home .thirdhero .thirdHerobuttomcards svg:hover{filter:drop-shadow(0 10px 25px #00000026)}.home .fourthero{text-align:center;margin-bottom:20px;position:relative}.home .fourthero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#f5f7facc);width:100%;height:30%;position:absolute;bottom:0;left:0}.home .fourthero h2{margin:20px 0;font-size:24px;animation:1s slideInFromTop}.home .fourthero p{color:var(--color-gray);margin-bottom:20px;font-size:14px;animation:1.5s fadeIn}.home .fourthero .try-for-free{color:var(--color-white);background:var(--color-blue-darkest);cursor:pointer;border:none;border-radius:12px;outline:none;margin-top:20px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:500;animation:1s bounceIn;position:relative;overflow:hidden}.home .fourthero .try-for-free:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #00000026}.home .fourthero .try-for-free:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.home .fourthero .try-for-free:hover:before{left:100%}.home .fourthero>div>span{animation:1s slideUpFadeIn;display:block}.home .fourthero>div>span svg{filter:drop-shadow(0 10px 20px #0000001a);max-width:100%;height:auto;transition:all .5s;animation:4s ease-in-out infinite floating}.home .fourthero>div>span svg:hover{filter:drop-shadow(0 15px 30px #0003)}.home .fourthero .features{justify-content:center;align-items:center;gap:20px;padding:70px;display:flex}.home .fourthero .features span{color:var(--color-gray);opacity:0;background:#fff;border-radius:15px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 15px;font-size:14px;transition:all .4s;animation:.8s forwards fadeInUp;display:flex;box-shadow:0 10px 30px #0000000d}.home .fourthero .features span:first-child{animation-delay:.2s}.home .fourthero .features span:nth-child(2){animation-delay:.4s}.home .fourthero .features span:nth-child(3){animation-delay:.6s}.home .fourthero .features span:hover{transform:translateY(-15px);box-shadow:0 20px 40px #0000001a}.home .fourthero .features span h2{color:var(--color-blue-darkest);margin:15px 0;font-size:20px}.home .fourthero .features span p{margin-top:0}.home .fourthero .features span svg{max-width:80px;height:auto;margin-bottom:15px;transition:transform .4s}.home .fourthero .features span svg:hover{transform:scale(1.1)rotate(5deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulseButton{0%{box-shadow:0 0 0 0 rgba(var(--color-blue-darkest-rgb), .4)}70%{box-shadow:0 0 0 10px rgba(var(--color-blue-darkest-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--color-blue-darkest-rgb), 0)}}@keyframes shimmer{to{left:100%}}@keyframes gradientText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typeWriter{0%{width:0}to{width:100%}}@keyframes dashboard-appear{0%{opacity:0;transform:translateY(30px)rotateX(20deg)}to{opacity:1;transform:rotateX(10deg)}}@keyframes backgroundParticles{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes focusIn{0%{filter:blur(12px);opacity:0}to{filter:blur();opacity:1}}@keyframes blurIn{0%{filter:blur(5px);opacity:0}to{filter:blur();opacity:1}}@keyframes zoomInSlow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.home .intro,.home .secondhero,.home .thirdhero,.home .fourthero{opacity:0;animation:1s ease-in-out fadeInUp}.home .intro{animation-delay:.2s;animation-fill-mode:forwards}.home .secondhero{animation-delay:.4s;animation-fill-mode:forwards}.home .thirdhero{animation-delay:.6s;animation-fill-mode:forwards}.home .fourthero{animation-delay:.8s;animation-fill-mode:forwards}.home .get-started,.home .try-for-free{transition:transform .3s,background-color .3s,box-shadow .3s}.home .get-started:hover,.home .try-for-free:hover{background-color:var(--color-blue-dark);transform:translateY(-5px)}.home .secondherocards span,.home .thirdHerobuttomcards span,.home .features span{transition:transform .3s,box-shadow .3s}.home .secondherocards span:hover,.home .thirdHerobuttomcards span:hover,.home .features span:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000001a}@media (width<=1024px){.home .intro h2,.home .secondhero h2,.home .thirdhero h2,.home .fourthero h2{font-size:30px}.home .intro p,.home .secondhero p,.home .thirdhero p,.home .fourthero p{font-size:16px}.home .dashboard svg,.home .secondherocards svg,.home .thirdHerobuttomcards svg,.home .features svg{max-width:100%}}@media (width<=768px){.home .intro{margin-top:10px;margin-bottom:10px}.home .intro svg{max-width:70%}.home .intro h2{margin:20px 0;font-size:20px}.home .intro p{white-space:normal;font-size:14px;animation:1.5s fadeIn}.home .intro .get-started{font-size:14px}.home .dashboard{perspective:none;flex-direction:column;margin-bottom:0}.home .dashboard span{text-align:center;width:100%;margin-bottom:0;display:block}.home .dashboard svg{max-width:100%;animation:1s fadeIn;transform:none}.home .secondhero{margin-bottom:0}.home .secondhero h2{font-size:20px}.home .secondhero p{font-size:14px}.home .secondhero .secondherocards{flex-direction:column;gap:10px}.home .secondhero .secondherocards span{text-align:center;width:100%;display:block}.home .secondhero .secondherocards svg{max-width:100%;height:auto;max-height:200px}.home .thirdhero{margin-bottom:0}.home .thirdhero h2{font-size:20px}.home .thirdhero p{font-size:14px}.home .thirdhero .thirdherosvg svg{max-width:100%;height:auto;max-height:200px}.home .thirdhero .thirdHerobuttomcards{flex-direction:column;gap:10px}.home .thirdhero .thirdHerobuttomcards span{text-align:center;width:100%;display:block}.home .thirdhero .thirdHerobuttomcards svg{max-width:100%}.home .fourthero{margin-bottom:0}.home .fourthero h2{font-size:20px}.home .fourthero p,.home .fourthero .try-for-free{font-size:14px}.home .fourthero span{text-align:center;width:100%;display:block}.home .fourthero span svg{max-width:100%;height:auto;max-height:250px}.home .fourthero .features{flex-direction:column;gap:10px;padding:0 20px}.home .fourthero .features span{text-align:center;width:100%;display:block}.home .fourthero .features span svg{max-width:100%}}