:root{--primary: #F1202F;--secondary: #990624;--accent: #8522E2;--dark: #42176C;--black: #000000;--white: #fff;--gray: #7a7a7a;--darkgray: #262626;--lightgray: #a4a4a4;--montserrat: "Montserrat", sans-serif;--poppins: "Poppins", sans-serif}*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--primary)}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);font-family:var(--poppins)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px}.to-top{cursor:pointer;display:flex;justify-content:center;align-items:center;position:fixed;bottom:1rem;right:1rem;padding:8px;border:2px solid var(--primary);border-radius:50%;fill:var(--primary);transform:scale(0);z-index:99;transition:all .2s linear}.to-top:hover{background-color:var(--primary);fill:var(--white);transition:all .2s linear}@keyframes lineAnimationFromTop{0%{top:0}50%{top:110%}to{top:0}}@keyframes lineAnimationFromBottom{0%{bottom:0}50%{bottom:110%}to{bottom:0}}@keyframes fade-up-light{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes inputShadow{to{box-shadow:0 4px 15px -4px var(--accent)}}@media (min-width: 450px){.container{max-width:450px}}@media (min-width: 610px){.container{max-width:610px}}@media (min-width: 768px){.container{max-width:768px;padding:0 30px}}@media (min-width: 1024px){.container{max-width:1400px;padding:0 40px}}@media (min-width: 1280px){.container{max-width:1400px;padding:0 50px}}@media (min-width: 1536px){.container{max-width:1500px;padding:0 60px}}header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;width:100%;height:12vh;z-index:9999;transition:transform .3s ease-in-out;background-color:#000c;backdrop-filter:blur(10px)}header.aos-init.aos-animate.hidden{transform:translateY(-100%)}header .container{max-width:1400px;padding:0 40px}header .container .content{display:flex;justify-content:space-between;align-items:center}header .container .content .logo{display:flex;justify-content:center;align-items:center;gap:8px}header .container .content .logo img{width:32px}header .container .content .logo a{font-weight:800;font-size:1.1rem;text-decoration:none;font-family:var(--montserrat)}header .container .content .logo .logo-hark{color:var(--dark)}header .container .content .logo .logo-ai{color:var(--primary)}header .container .content nav{display:none;align-items:center;gap:1rem;padding:10px 20px;border-radius:50px;background:#2626264d;border:1px solid rgba(122,122,122,.2);backdrop-filter:blur(5px)}header .container .content nav>a{color:var(--white);text-decoration:none;padding:5px 10px;border-radius:32px;font-size:.9rem;font-weight:500;transition:.2s linear}header .container .content nav>a:hover{background:#f1202f1a;color:var(--primary)}.megamenu-container{position:relative;display:inline-block}.megamenu-trigger{display:flex;align-items:center;gap:5px;color:var(--white);text-decoration:none;padding:5px 10px;border-radius:32px;font-size:.9rem;font-weight:500;transition:.2s linear;cursor:pointer}.megamenu-trigger:hover{background:#f1202f1a;color:var(--primary)}.megamenu-trigger i{font-size:16px;transition:transform .3s ease}.megamenu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:240px;background:#101010f2;border:1px solid var(--darkgray);border-radius:12px;box-shadow:0 10px 30px #00000080;padding:25px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100}.megamenu:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px}.megamenu.active{opacity:1;visibility:visible;pointer-events:all}.megamenu:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#101010f2;border-left:1px solid var(--darkgray);border-top:1px solid var(--darkgray)}.megamenu-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}header .container .content nav .megamenu-container:nth-child(2) .megamenu{width:280px}header .container .content nav .megamenu-container:nth-child(3) .megamenu{width:420px;left:40%}header .container .content nav .megamenu-container:nth-child(3) .megamenu-grid{grid-template-columns:repeat(2,1fr)}header .container .content nav .megamenu-container:nth-child(4) .megamenu{width:420px;left:45%}header .container .content nav .megamenu-container:nth-child(4) .megamenu-grid{grid-template-columns:repeat(2,1fr)}header .container .content nav .megamenu-container:nth-child(5) .megamenu{width:220px;left:60%}.megamenu-column{display:flex;flex-direction:column}.megamenu-column h3{color:var(--primary);font-size:1rem;font-weight:600;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid var(--darkgray)}.megamenu-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.megamenu-column ul li a{color:var(--lightgray);text-decoration:none;font-size:.85rem;padding:8px 0;display:block;transition:all .2s ease;border-radius:0!important;border-left:2px solid transparent;padding-left:8px!important}.megamenu-column ul li a:hover{color:var(--white);border-left:2px solid var(--primary);background:transparent!important;padding-left:12px!important}header .container .content .extra-nav{display:flex;align-items:center;gap:2rem}header .container .content .extra-nav .demo-button{display:none;background-color:var(--primary);color:#fff;font-weight:600;font-size:.85rem;padding:10px 24px;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-decoration:none}header .container .content .extra-nav .demo-button:hover{background-color:var(--secondary);transform:translateY(-2px)}header .container .content .extra-nav .btn-menu{background:transparent;border:none;padding:5px;font-size:2.2rem;color:var(--primary, #fff);cursor:pointer;z-index:1001}header .container .content .extra-nav .btn-menu .icon{fill:var(--white);width:25px;height:25px}header .container .content .mobile-nav{display:flex;flex-direction:column;justify-content:flex-start;position:fixed;top:0;left:0;transform:translate(100%);width:100%;height:100vh;background:var(--black);transition:transform .3s ease-in-out;z-index:9999;padding-top:60px}header .container .content .mobile-nav.active{transform:translate(0)}header .container .content .mobile-nav .close-mobile-nav{position:absolute;top:30px;right:32px;background:transparent;border:none;cursor:pointer;padding:5px;z-index:10001;display:flex;align-items:center;justify-content:center}header .container .content .mobile-nav .close-mobile-nav .icon{color:#fff;width:30px;height:30px}header .container .content .mobile-nav .close-mobile-nav .close-icon{color:#fff;width:30px;height:30px;font-size:2rem;transform:rotate(180deg);transition:transform .2s}header .container .content .mobile-nav .nav{display:flex;flex-direction:column;width:90%;margin:0 auto;padding:20px 0}header .container .content .mobile-nav .nav>a{color:var(--white);font-size:1.2rem;font-weight:600;text-decoration:none;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-accordion{border-bottom:1px solid rgba(255,255,255,.1)}.mobile-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer}.mobile-accordion-header span{color:var(--white);font-size:1.2rem;font-weight:600}.mobile-accordion-header i{color:var(--white);font-size:1.2rem;transition:transform .3s ease}.mobile-accordion-header i.rotate{transform:rotate(180deg)}.mobile-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:15px}.mobile-accordion-content.active{max-height:1000px;padding-bottom:15px}.mobile-accordion-content h4{color:var(--primary);margin:15px 0 10px;font-size:1rem}.mobile-accordion-content a{color:var(--lightgray);text-decoration:none;display:block;padding:8px 0;font-size:1rem}.mobile-accordion-content a:hover{color:var(--white)}.mobile-demo-btn{display:inline-block;background-color:var(--primary);color:#fff!important;text-align:center;font-weight:600;font-size:.9rem;padding:15px 24px;border:none;border-radius:8px;margin-top:30px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.mobile-demo-btn:hover{background-color:var(--secondary);transform:translateY(-2px)}.to-top{cursor:pointer;display:flex;justify-content:center;align-items:center;position:fixed;bottom:1rem;right:1rem;padding:8px;border:2px solid var(--primary);border-radius:50%;color:var(--primary);fill:var(--primary);transform:scale(0);z-index:99;transition:all .2s linear}.to-top:hover{background-color:var(--primary);color:var(--white);fill:var(--white);transition:all .2s linear}.to-top.active{transform:scale(1);transition:all .2s linear}.to-top i{font-size:1.2rem}@media (min-width: 768px){header .container .content .extra-nav .btn-menu{display:none}header .container .content nav{display:flex}header .container .content .extra-nav .demo-button{display:block}}@media (min-width: 1024px){header .container .content .logo img{width:36px;height:36px}header .container .content .logo a{font-size:1.2rem}header .container .content nav a,header .container .content nav .megamenu-trigger{font-size:1rem}header .container .content .extra-nav .demo-button{padding:12px 30px;font-size:.9rem}header .container .content .mobile-nav{display:none}.megamenu-column ul li a{font-size:.9rem}}@media (min-width: 1280px){header .container .content nav a,header .container .content nav .megamenu-trigger{padding:8px 12px}header .container .content .extra-nav .demo-button{padding:12px 28px;font-size:.9rem}.megamenu-column h3{font-size:1.1rem}.megamenu-column ul li a{font-size:.95rem}}@media (min-width: 1536px){header .container .content .logo img{width:40px;height:40px}header .container .content .logo a{font-size:1.3rem}header .container .content nav a,header .container .content nav .megamenu-trigger{font-size:1.1rem}header .container .content .extra-nav .demo-button{padding:14px 32px;font-size:1rem}.megamenu-column h3{font-size:1.2rem}.megamenu-column ul li a{font-size:1rem}}footer{background-color:#101010;padding:60px 0 30px}footer .container .content{display:flex;flex-direction:column;gap:2rem}footer .container .content .col-1,footer .container .content .col-2,footer .container .content .col-3,footer .container .content .col-4,footer .container .content .col-5,footer .container .content .col-6{display:flex;flex-direction:column;gap:1.2rem;width:100%}footer .container .content .col-1 .logo{display:flex;align-items:center;gap:.5rem}footer .container .content .col-1 .logo img{width:50px;height:50px}footer .container .content .col-1 .logo a{font-weight:800;font-size:1rem;text-decoration:none;font-family:var(--montserrat)}footer .container .content .col-1 p{color:var(--lightgray);font-size:1.1rem;line-height:1.5}footer .container .content .col-1 .logo .logo-hark{color:var(--dark)}footer .container .content .col-1 .logo .logo-ai{color:var(--primary)}footer .container .content .col-1 .contact-info{display:flex;flex-direction:column;gap:15px;color:var(--lightgray);font-size:.8rem}footer .container .content .col-1 .contact-info p{display:flex;font-size:1rem;align-items:center;gap:.5rem}footer .container .content .col-1 .social{display:flex;gap:1rem}footer .container .content .col-1 .social a{fill:var(--white);width:25px;height:25px;transition:fill 1.3s}footer .container .content .col-1 .social a:hover{fill:var(--primary)}footer .container .content .col-right{display:flex;flex-direction:column;gap:.5rem}footer .container .content .col-right .col-2 p,footer .container .content .col-right .col-3 p,footer .container .content .col-right .col-4 p,footer .container .content .col-right .col-5 p,footer .container .content .col-right .col-6 p{font-size:1.1rem;font-weight:700;color:var(--white);font-family:var(--montserrat)}footer .container .content .col-right .col-2 a,footer .container .content .col-right .col-3 a,footer .container .content .col-right .col-4 a,footer .container .content .col-right .col-5 a,footer .container .content .col-right .col-6 a{font-size:.95rem;text-decoration:none;color:var(--lightgray);transition:color .3s}footer .container .content .col-right .col-2 a:hover,footer .container .content .col-right .col-3 a:hover,footer .container .content .col-right .col-4 a:hover,footer .container .content .col-right .col-5 a:hover,footer .container .content .col-right .col-6 a:hover{color:var(--primary)}footer .partnership{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--darkgray)}footer .partnership p{color:var(--lightgray);font-size:.9rem;margin-bottom:1rem}footer .partner-logo{height:60px;max-width:200px;object-fit:contain}@media (min-width: 610px){footer .container .content .col-1 p{width:75%}}@media (min-width: 768px){footer .partnership{display:flex;align-items:center;justify-content:center;gap:1rem}footer .partnership p{margin-bottom:0}}@media (max-width: 768px){footer .container .content{flex-direction:column;gap:2rem}footer .container .content .col-1,footer .container .content .col-right{width:100%}footer .container .content .col-1 .logo img{width:40px;height:40px}footer .container .content .col-1 p{font-size:.9rem;line-height:1.4}footer .container .content .col-right .col-2 p,footer .container .content .col-right .col-3 p,footer .container .content .col-right .col-4 p{font-size:1rem}footer .container .content .col-right .col-2 a,footer .container .content .col-right .col-3 a,footer .container .content .col-right .col-4 a{font-size:.8rem}footer .partnership{text-align:center;padding-top:1rem}footer .partner-logo{height:50px;max-width:150px}}@media (min-width: 768px) and (max-width: 1024px){footer .container .content{flex-direction:row;gap:1.5rem}footer .container .content .col-1{width:35%}footer .container .content .col-right{width:65%}footer .container .content .col-1 .logo img{width:45px;height:45px}footer .container .content .col-1 p{font-size:1rem}footer .container .content .col-right .col-2 p,footer .container .content .col-right .col-3 p,footer .container .content .col-right .col-4 p{font-size:1.1rem}footer .container .content .col-right .col-2 a,footer .container .content .col-right .col-3 a,footer .container .content .col-right .col-4 a{font-size:.9rem}}@media (min-width: 1024px){footer .container .content{flex-direction:row}footer .container .content .col-1{width:30%}footer .container .content .col-right{width:70%;flex-direction:row}}@media (min-width: 1536px){footer .container .content{gap:3rem}footer .container .content .col-1{width:25%}footer .container .content .col-right{width:75%}footer .container .content .col-1 .logo img{width:60px;height:60px}footer .container .content .col-1 p{font-size:1.2rem}footer .container .content .col-right .col-2 p,footer .container .content .col-right .col-3 p,footer .container .content .col-right .col-4 p,footer .container .content .col-right .col-5 p,footer .container .content .col-right .col-6 p{font-size:1.4rem}footer .container .content .col-right .col-2 a,footer .container .content .col-right .col-3 a,footer .container .content .col-right .col-4 a,footer .container .content .col-right .col-5 a,footer .container .content .col-right .col-6 a{font-size:1.1rem}footer .partnership{padding-top:2rem}footer .partner-logo{height:70px;max-width:250px}}