@import url("https://fonts.googleapis.com/css2?family=Russo+One&family=Barlow+Condensed:wght@600;700&display=swap");:root{--color-orange:#ff790e;--color-green:#00c674;--color-bg-dark:#242a40;--color-text-light:#fff;--color-text-gray:#999;--color-border:#444;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:3.5rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-bg-dark);line-height:1.6}a,body{color:var(--color-text-light)}a{text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-orange)}button{font-family:inherit;cursor:pointer;border:none;transition:all .3s ease}.container{width:100%;margin:0 auto;padding:0 var(--spacing-sm)}@media (max-width:640px){.container{padding:0 var(--spacing-sm)}}@media (min-width:641px) and (max-width:1024px){.container{max-width:100%;padding:0 var(--spacing-m)}}@media (min-width:1025px){.container{max-width:1400px;padding:0 var(--spacing-xl)}}h1{font-family:Russo One,sans-serif;font-size:var(--font-size-2xl);font-weight:400;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}@media (min-width:641px){h1{font-size:var(--font-size-3xl)}}@media (min-width:1025px){h1{font-size:var(--font-size-4xl)}}h2{font-family:Russo One,sans-serif;font-size:var(--font-size-xl);font-weight:400;text-transform:uppercase;letter-spacing:.05em}@media (min-width:641px){h2{font-size:var(--font-size-2xl)}}@media (min-width:1025px){h2{font-size:var(--font-size-3xl)}}h3{font-family:Russo One,sans-serif;font-size:var(--font-size-lg);font-weight:400;text-transform:uppercase;letter-spacing:.05em}@media (min-width:1025px){h3{font-size:var(--font-size-xl)}}p{font-size:var(--font-size-sm);color:var(--color-text-gray);line-height:1.8}@media (min-width:1025px){p{font-size:var(--font-size-base)}}.p-sm{padding:var(--spacing-sm)}.p-m{padding:var(--spacing-m)}.p-l{padding:var(--spacing-l)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-m{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}.px-l{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-m{padding-top:var(--spacing-m);padding-bottom:var(--spacing-m)}.py-l{padding-top:var(--spacing-l);padding-bottom:var(--spacing-l)}.py-xl{padding-top:calc(var(--spacing-xl) * 1.5);padding-bottom:calc(var(--spacing-xl) * 1.5)}.py-2xl{padding-top:calc(var(--spacing-2xl) * 1.5);padding-bottom:calc(var(--spacing-2xl) * 1.5)}.m-sm{margin:var(--spacing-sm)}.m-m{margin:var(--spacing-m)}.m-l{margin:var(--spacing-l)}.m-xl{margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-m{margin-top:var(--spacing-m);margin-bottom:var(--spacing-m)}.my-l{margin-top:var(--spacing-l);margin-bottom:var(--spacing-l)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-m{margin-top:var(--spacing-m)}.mt-l{margin-top:var(--spacing-l)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-m{margin-bottom:var(--spacing-m)}.mb-l{margin-bottom:var(--spacing-l)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}@media (max-width:640px){.py-xl{padding-top:var(--spacing-m);padding-bottom:var(--spacing-m)}.py-2xl{padding-top:var(--spacing-l);padding-bottom:var(--spacing-l)}.my-xl{margin-top:var(--spacing-m);margin-bottom:var(--spacing-m)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--spacing-sm)}.gap-m{gap:var(--spacing-m)}.gap-l{gap:var(--spacing-l)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--spacing-m)}.grid-2,.grid-3{display:grid;gap:var(--spacing-m)}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:var(--spacing-m)}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:var(--spacing-m);gap:var(--spacing-m)}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}.header{background-color:var(--color-bg-dark);padding:var(--spacing-m) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{width:120px;height:auto;transition:none}.logo,.logo:hover{color:inherit}.logo img{width:100%;height:auto}@media (max-width:640px){.logo{width:60px}}.nav{display:flex;gap:var(--spacing-l);list-style:none}.nav-link{color:var(--color-text-light);font-size:var(--font-size-sm);text-transform:capitalize;position:relative;padding-bottom:var(--spacing-xs);border-bottom:2px solid transparent;transition:border-color .3s ease,color .3s ease}.nav-link.active,.nav-link:hover{color:var(--color-orange)}@media (max-width:1024px){.nav{gap:var(--spacing-m);flex-direction:column;position:absolute;top:70px;left:0;width:100%;background-color:var(--color-bg-dark);padding:var(--spacing-m);display:none}.nav.active{display:flex}}.menu-toggle{display:none;background:none;color:var(--color-text-light);font-size:var(--font-size-xl)}@media (max-width:1024px){.menu-toggle{display:block}}.hero{background-image:url(/assets/images/heromain.webp);background-color:var(--color-bg-dark);background-size:contain;background-repeat:no-repeat;background-position:50%;height:800px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-content{position:relative;z-index:2;max-width:900px;padding:var(--spacing-xl);display:none}.hero h1{color:var(--color-text-light);margin-bottom:var(--spacing-l);line-height:1.2}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-orange);margin-bottom:var(--spacing-xl)}@media (max-width:640px){.hero{min-height:450px}.hero-content{padding:var(--spacing-m)}.hero h1{margin-bottom:var(--spacing-m)}.hero-subtitle{font-size:var(--font-size-base)}}@media (min-width:641px) and (max-width:1024px){.hero{min-height:525px}.hero-content{padding:var(--spacing-l)}}section{background-color:var(--color-bg-dark)}section h2{color:var(--color-text-light);margin-bottom:var(--spacing-2xl);text-align:center;position:relative;padding-bottom:var(--spacing-m)}section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:2px;background-color:var(--color-orange)}.section-nav{background-color:#313747;height:600px}.nav-cards,.section-nav{display:flex;align-items:center}.nav-cards{flex-direction:row;justify-content:center;gap:var(--spacing-2xl);width:100%}.nav-card{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:opacity .2s ease}.nav-card:hover{opacity:.75}.nav-card-icon{width:130px;height:130px;display:flex;align-items:center;justify-content:center}.nav-card-icon img{width:100%;height:100%;object-fit:contain}.nav-card-title{font-family:Russo One,sans-serif;font-size:var(--font-size-base);font-weight:400;text-transform:uppercase;color:var(--color-orange);margin-top:var(--spacing-sm);letter-spacing:.05em;border-bottom:2px solid var(--color-orange);padding-bottom:2px;display:block}@media (max-width:640px){.nav-cards{flex-wrap:wrap;gap:var(--spacing-l)}.nav-card-icon{width:80px;height:80px}}@media (min-width:641px) and (max-width:1024px){.nav-card-icon{width:100px;height:100px}}.hero-text-section{display:flex;align-items:center;justify-content:center;height:600px;padding-top:0;padding-bottom:0}.hero-text-content{text-align:center;max-width:900px}.hero-text-content h1{color:var(--color-text-light);margin-bottom:var(--spacing-l);line-height:1.2}.hero-text-content p{font-size:var(--font-size-lg);color:var(--color-orange);margin-bottom:0;font-family:Barlow Condensed,sans-serif;font-weight:600}.why-us-section{padding-top:calc(var(--spacing-2xl) * 1.5);padding-bottom:calc(var(--spacing-2xl) * 1.5);display:flex;align-items:center;justify-content:center;height:600px}.features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-l);gap:var(--spacing-l);width:100%}.feature-card{flex-direction:column;text-align:center;padding:var(--spacing-l)}.feature-card,.feature-icon{display:flex;align-items:center}.feature-icon{width:40px;height:40px;margin-bottom:var(--spacing-m);justify-content:center}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:var(--font-size-lg);font-weight:400;text-transform:uppercase;margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.feature-text{font-size:var(--font-size-sm);color:var(--color-text-gray);line-height:1.6}@media (max-width:640px){.features{grid-template-columns:1fr;gap:var(--spacing-m)}.feature-card{padding:var(--spacing-m)}.feature-title{font-size:var(--font-size-base)}}@media (min-width:641px) and (max-width:1024px){.features{grid-template-columns:repeat(2,1fr);gap:var(--spacing-m)}}.cta{background-color:#313747;text-align:center;padding-top:calc(var(--spacing-2xl) * 1.5);padding-bottom:calc(var(--spacing-2xl) * 1.5);height:600px}.cta,.cta .container{display:flex;align-items:center;justify-content:center}.cta .container{flex-direction:column}.container2{margin:0 auto}.cta h2{margin-bottom:var(--spacing-m)}.cta-subtitle{font-family:Barlow Condensed,sans-serif;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-gray);margin-bottom:var(--spacing-2xl);letter-spacing:.02em}.btn-primary{background-color:var(--color-green);color:var(--color-bg-dark);padding:calc(var(--spacing-m) * .75) calc(var(--spacing-2xl) * .75);font-size:calc(var(--font-size-base) * .75);font-weight:700;text-transform:uppercase;border-radius:4px;display:inline-block}.btn-primary:hover{background-color:#0aaa77;color:var(--color-text-light)}@media (max-width:640px){.cta{padding:var(--spacing-l) var(--spacing-m)}.cta-subtitle{font-size:var(--font-size-base)}.btn-primary{padding:var(--spacing-m) var(--spacing-l);font-size:var(--font-size-sm)}}.footer{background-color:var(--color-bg-dark);border-top:1px solid var(--color-border);padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);align-items:center}.footer-logo{display:flex;justify-content:center;align-items:center;transition:none}.footer-logo,.footer-logo:hover{color:inherit}.footer-logo img{width:120px;height:auto}.footer-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-m);color:var(--color-orange)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--color-text-gray);font-size:var(--font-size-sm)}.footer-section a:hover{color:var(--color-orange)}.footer-contact{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.footer-contact-item strong{color:var(--color-orange)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-l);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-gray)}@media (max-width:640px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-l)}.footer-logo img{width:80px}.footer{padding:var(--spacing-l) var(--spacing-m)}}@media (min-width:641px) and (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr 1fr}.footer-logo img{width:100px}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes flipCard{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;animation:none}.animate-on-scroll.in-view{animation-duration:.8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.hero-text-content h1.animate-on-scroll{opacity:0}.hero-text-content h1.animate-on-scroll.in-view{animation-name:slideInLeft}.hero-text-content p.animate-on-scroll{opacity:0}.hero-text-content p.animate-on-scroll.in-view{animation-name:slideInRight;animation-delay:.2s}.nav-card.animate-on-scroll{opacity:0}.nav-card.animate-on-scroll.in-view{animation-name:flipCard;animation-duration:.6s;animation-fill-mode:forwards}.nav-card:first-child.animate-on-scroll.in-view{animation-delay:0s}.nav-card:nth-child(2).animate-on-scroll.in-view{animation-delay:.15s}.nav-card:nth-child(3).animate-on-scroll.in-view{animation-delay:.3s}.nav-card:nth-child(4).animate-on-scroll.in-view{animation-delay:.45s}.why-us-section h2.animate-on-scroll{opacity:0}.why-us-section h2.animate-on-scroll.in-view{animation-name:slideInDown}.feature-card.animate-on-scroll{opacity:0}.feature-card.animate-on-scroll.in-view{animation-name:fadeIn}.feature-card:first-child.animate-on-scroll.in-view{animation-delay:0s}.feature-card:nth-child(2).animate-on-scroll.in-view{animation-delay:.15s}.feature-card:nth-child(3).animate-on-scroll.in-view{animation-delay:.3s}.feature-card:nth-child(4).animate-on-scroll.in-view{animation-delay:.45s}.cta h2.animate-on-scroll{opacity:0}.cta h2.animate-on-scroll.in-view{animation-name:slideInDown}.cta p.animate-on-scroll{opacity:0}.cta p.animate-on-scroll.in-view{animation-name:fadeIn;animation-delay:.2s}.cta .btn-primary.animate-on-scroll{opacity:0;display:inline-block}.cta .btn-primary.animate-on-scroll.in-view{animation-name:slideInUp;animation-delay:.4s}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-orange{color:var(--color-orange)}.text-gray{color:var(--color-text-gray)}.border-orange{border-color:var(--color-orange)}.bg-dark{background-color:var(--color-bg-dark)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.visible{display:block}.transition{transition:all .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-orange);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ff8f2e}