@import"https://unpkg.com/aos@2.3.1/dist/aos.css";body{background-image:url(/img/background.png)}.hero{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;position:relative}.hero .container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:10;position:relative}.hero img{width:20vh;height:auto;animation:fadeIn 1s ease-in forwards 1.5s;-webkit-animation:fadeIn 1s ease-in forwards 1.5s;opacity:0;cursor:var(--cursor-pointer)}.logo-container{transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease}.logo-container:hover{transform:scale(1.3) rotate(60deg);-webkit-transform:scale(1.3) rotate(60deg);-moz-transform:scale(1.3) rotate(60deg);-ms-transform:scale(1.3) rotate(60deg);-o-transform:scale(1.3) rotate(60deg)}.logo-container:active{transition:.2s ease;transform:scale(1) rotate(60deg);-webkit-transform:scale(1) rotate(60deg);-moz-transform:scale(1) rotate(60deg);-ms-transform:scale(1) rotate(60deg);-o-transform:scale(1) rotate(60deg);-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;-o-transition:.2s ease}.hero .fade{position:absolute;left:0;bottom:0;width:100%;height:30%;backdrop-filter:blur(16px);background:var(--background);mask:linear-gradient(to bottom,transparent,black);-webkit-mask:linear-gradient(to bottom,transparent,black)}.hero .scrollarrow{position:absolute;bottom:8vh;left:50%;transform:translate(-50%) rotate(-45deg);width:30px;height:30px;border-left:2px solid var(--text);border-bottom:2px solid var(--text);opacity:0;-webkit-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);-o-transform:translateX(-50%) rotate(-45deg);animation:bounce 2s infinite,fadeIn 1s ease-in forwards 3s;-webkit-animation:bounce 2s infinite,fadeIn 1s ease-in forwards 3s;cursor:var(--cursor-pointer)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0) rotate(-45deg);-webkit-transform:translateX(-50%) translateY(0) rotate(-45deg);-moz-transform:translateX(-50%) translateY(0) rotate(-45deg);-ms-transform:translateX(-50%) translateY(0) rotate(-45deg);-o-transform:translateX(-50%) translateY(0) rotate(-45deg)}50%{transform:translate(-50%) translateY(10px) rotate(-45deg);-webkit-transform:translateX(-50%) translateY(10px) rotate(-45deg);-moz-transform:translateX(-50%) translateY(10px) rotate(-45deg);-ms-transform:translateX(-50%) translateY(10px) rotate(-45deg);-o-transform:translateX(-50%) translateY(10px) rotate(-45deg)}}.background-text{font-size:20em;font-size:40vh;text-shadow:none;filter:drop-shadow(0 0 30px #bb00ff);background-image:linear-gradient(0deg,#bb00ff40,#0000 33%,#bb00ff80 40%,#0000 50% 100%);background-size:100% 300%;background-position:100% 0%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #bb00ff80;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:textReveal 2s ease-in forwards;-webkit-animation:textReveal 2s ease-in forwards;-webkit-filter:drop-shadow(0 0 30px #bb00ff)}.background-marquee{z-index:-1;position:absolute;width:100%;display:flex}.background-marquee.top{top:0;left:0}.background-marquee.bottom{bottom:0;right:0}.background-marquee.top h1{animation:scroll 60s ease-in-out infinite alternate-reverse,textReveal 2s ease-in forwards 2s;-webkit-animation:scroll 60s ease-in-out infinite alternate-reverse,textReveal 2s ease-in forwards 2s}.background-marquee.bottom h1{animation:scroll 60s ease-in-out infinite alternate,textReveal 2s ease-in forwards 2s;-webkit-animation:scroll 60s ease-in-out infinite alternate,textReveal 2s ease-in forwards 2s}.background-marquee.section1{top:0;left:0;z-index:1}.background-marquee.section1 h1{animation:scroll 60s ease-in-out infinite alternate-reverse,textReveal 2s ease-in forwards 2s;-webkit-animation:scroll 60s ease-in-out infinite alternate-reverse,textReveal 2s ease-in forwards 2s}.background-marquee.section2{bottom:0;right:0;z-index:1}.background-marquee.section2 h1{animation:scroll 60s ease-in-out infinite alternate,textReveal 2s ease-in forwards 2s;-webkit-animation:scroll 60s ease-in-out infinite alternate,textReveal 2s ease-in forwards 2s}section{min-height:300px;background:var(--background);position:relative;overflow:hidden}section.transparent{background:linear-gradient(0deg,var(--background) 0%,transparent 30%,transparent 70%,var(--background) 100%)}section .grid{position:absolute;top:0;left:0;width:100%;height:100%;background-attachment:fixed;background-size:100px 100px;background-image:linear-gradient(0deg,#bb00ff80 0px,#bb00ff20 1px,transparent 10px),linear-gradient(90deg,#bb00ff80 0px,#bb00ff20 1px,transparent 10px),linear-gradient(180deg,#bb00ff80 0px,#bb00ff20 1px,transparent 10px),linear-gradient(270deg,#bb00ff80 0px,#bb00ff20 1px,transparent 10px);animation:gridAnimation 10s linear infinite;-webkit-animation:gridAnimation 10s linear infinite;mask-image:linear-gradient(to top,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to top,transparent,black 10%,black 90%,transparent)}section .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;position:relative;padding:50px 20px;z-index:2}.divider{height:4px;width:100px;border-radius:10px;box-shadow:0 0 10px 1px var(--accent-color1);background:linear-gradient(90deg,var(--accent-color1) 0%,var(--accent-color2) 100%)}.card-container{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;max-width:1400px;padding:10px;z-index:2}.card{padding:30px;height:300px;width:100%;border:var(--border);background:var(--gray);border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;gap:10px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.card:hover{transform:translateY(-10px);background:#202020;box-shadow:0 0 30px 2px var(--accent-color-transparent)}.card-anim{flex:1}.card h2{font-size:1.5em}.card .material-symbols-rounded{padding:14px;background:var(--accent-color-transparent);font-size:28px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes textReveal{0%{-webkit-text-stroke:2px #bb00ff00;background-position:100% 0%}50%{-webkit-text-stroke:2px #bb00ff00;background-position:100% 100%}to{-webkit-text-stroke:2px #bb00ff80;background-position:100% 100%}}.split-section .content{padding:100px 0}.split-content{flex-direction:row;max-width:1200px;margin:0 auto}.split-text,.split-image{flex:1;padding:20px}.split-text{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:left}.split-text h1{text-align:left}.split-text .divider{align-self:flex-start}.split-text p{font-size:1.1em;line-height:1.6;opacity:.9}.feature-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:15px}.feature-list li{display:flex;align-items:center;gap:10px;font-size:1.1em}.feature-list .material-symbols-rounded{color:var(--accent-color1);font-size:24px}.split-image{display:flex;align-items:center;justify-content:center}.timeline-section{padding:50px 0}.timeline{position:relative;display:flex;flex-direction:column;gap:50px;max-width:900px;margin:50px auto}.timeline:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:80%;background:linear-gradient(180deg,var(--accent-color1),var(--accent-color2));box-shadow:0 0 10px 1px var(--accent-color1);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.timeline-item{display:flex;align-items:center;gap:30px;position:relative}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{width:60px;height:60px;border-radius:50%;background:var(--accent-color1);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 0 20px var(--accent-color-transparent);z-index:2;flex-shrink:0;filter:drop-shadow(0 0 10px #bb00ff);-webkit-filter:drop-shadow(0 0 10px #bb00ff)}.timeline-content{flex:1;background:var(--gray);border:var(--border);padding:30px;border-radius:10px;max-width:400px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.timeline-content:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);box-shadow:0 5px 20px var(--accent-color-transparent)}.timeline-content h3{margin-bottom:10px}.timeline-content p{opacity:.9;line-height:1.6;text-shadow:none}.stats-section,.testimonials-section{padding:50px 0}.testimonial-disclaimer{font-size:.9em;opacity:.7;text-shadow:none;margin:20px auto 0;text-align:center}.testimonials-marquees{width:100%;display:flex;flex-direction:column;gap:0px}.testimonials-marquee{width:100%;overflow:hidden;padding:10px;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.testimonials-track{display:flex;align-items:stretch;gap:20px;width:max-content;animation:testimonialsScrollLeft 120s linear infinite;-webkit-animation:testimonialsScrollLeft 120s linear infinite}.testimonials-marquee-bottom .testimonials-track{animation:testimonialsScrollRight 120s linear infinite;-webkit-animation:testimonialsScrollRight 120s linear infinite}.testimonial-card{width:500px;min-height:170px;padding:18px;background:var(--gray);border:var(--border);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.testimonial-card:hover{transform:translateY(-4px);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);background:#202020;box-shadow:0 5px 20px var(--accent-color-transparent)}.testimonial-user{display:flex;align-items:center;gap:12px}.testimonial-user div{display:flex;flex-direction:column;gap:8px}.testimonial-card img{width:42px;height:42px;border-radius:8px;object-fit:cover;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.testimonial-card p{font-size:1em;line-height:1.4;opacity:.9;text-shadow:none;flex:1}.testimonial-card h3{font-size:.95em;font-weight:600;color:var(--accent-color1);text-shadow:none}.testimonial-card h4{font-weight:100;font-size:.8em;opacity:.5;text-shadow:none;margin:-5px 0 0;padding:0}.stats-container{display:flex;align-items:stretch;justify-content:center;gap:30px;width:100%;max-width:1200px;margin:30px auto}.stat-card{flex:1;padding:40px 30px;background:var(--gray);border:var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:15px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}@keyframes testimonialsScrollLeft{0%{transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}to{transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}}@keyframes testimonialsScrollRight{0%{transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}to{transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}.stat-card:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);box-shadow:0 10px 30px var(--accent-color-transparent);background:#202020}.stat-card .material-symbols-rounded{font-size:48px;color:var(--accent-color1)}.stat-number{font-size:3em;font-weight:700;margin:0}.stat-card p{opacity:.8;font-size:1.1em;text-shadow:none}.cta-section{padding:100px 0;min-height:400px}.cta-content{text-align:center;gap:20px}.cta-content h1{font-size:3em;margin-bottom:10px}.cta-content p{font-size:1.3em;opacity:.9;max-width:700px;margin:0 auto}.cta-button{margin-top:20px;padding:18px 40px;font-size:1.2em;background:linear-gradient(45deg,var(--accent-color1),var(--accent-color2));color:#fff;border:none;border-radius:50px;cursor:var(--cursor-pointer);display:inline-flex;align-items:center;gap:10px;transition:.3s;font-weight:700;box-shadow:0 5px 20px var(--accent-color-transparent);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.cta-button:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);box-shadow:0 8px 30px var(--accent-color-transparent)}.cta-button:active{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}#browser{opacity:1;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,var(--accent-color1) 0%,var(--accent-color2) 100%);cursor:var(--cursor-pointer);margin-top:-20px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}footer{text-align:center;padding:20px 0;background:var(--background);display:flex;flex-direction:column;gap:20px}footer p{opacity:.6;font-size:.9em;text-shadow:none}@media screen and (max-width:768px){.background-text{font-size:15em;font-size:50vw;line-height:.9}.background-marquee h1{font-size:6em;font-size:15vh}.split-content{flex-direction:column}.split-text h1{text-align:center}.split-text .divider{align-self:center}.image-placeholder{width:300px;height:300px}.timeline:before{left:30px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row;padding-left:70px}.timeline-marker{position:absolute;left:0}.timeline-content{max-width:100%}.card-container,.stats-container{flex-direction:column}.testimonials-track{animation-duration:30s;-webkit-animation-duration:30s}.testimonial-card{width:220px;min-height:160px}.cta-content h1{font-size:2em}.cta-content p{font-size:1.1em}}
