:root{font-family:Spectral,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#01406b;background-color:#f3f8d9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}input,textarea,select,button{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}.motion-div{height:100%}a{font-weight:500;color:#01406b;text-decoration:inherit}a:hover{color:#007cd1}body{margin:0;display:flex;min-width:100vw;min-height:100vh}h1{font-size:2.5rem;line-height:1.1;font-weight:700}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#01406b;background-color:#def6ae;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}button:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;position:fixed;top:0;left:0;z-index:1000}.logo img{height:40px;object-fit:contain}.nav-links{list-style:none;display:flex;gap:24px;margin:0;padding:0}.nav-links li a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-links li a.active{color:#3a9940;font-weight:700;border-bottom:2px solid #3a9940}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.nav-toggle span{height:3px;width:25px;background-color:#333;border-radius:2px;transition:.3s}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{position:absolute;top:70px;right:0;flex-direction:column;background-color:#f3f8d9;width:100%;box-shadow:0 2px 8px #0000000d;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.nav-links.active{max-height:300px}.nav-links li{padding:12px 24px;border-top:1px solid #eee}.nav-links li a{color:#333}}@media (max-width: 480px){.navbar{padding:12px 20px}.logo img{height:38px}.nav-links li{padding:10px 20px}}.home-container{min-height:100vh;width:100vw;display:flex;flex-direction:column}.hero{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:2rem}.hero-logo{display:none}.hero-text h1{font-size:3.5rem;font-weight:700;margin:.5rem 0}.hero-text p{font-size:1.5rem;color:#036;margin:0}.main-image{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:600px;height:auto;z-index:10}.side-image{width:350px;height:auto;border-radius:50%;background:radial-gradient(circle at center,#dff6ae 0%,transparent 100%);padding:2rem}.side-image.left{position:fixed;bottom:10rem;left:-3rem;transform:translate(0);z-index:9}.side-image.right{position:fixed;bottom:-1rem;right:-5rem;transform:translate(0);z-index:9}@media (max-width: 1024px){.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.25rem}.main-image{max-width:450px}.side-image{width:250px;padding:1.5rem}.side-image.left{bottom:8rem;left:-2rem}.side-image.right{bottom:-1rem;right:-3rem}}@media (max-width: 600px){.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-logo{display:block;width:250px;height:auto;margin:1rem}.hero{flex:none;position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;height:100vh;text-align:center}.hero-text{z-index:20;padding:0 1rem}.hero-text h1{font-size:3.5rem;margin-bottom:1rem}.hero-text p{font-size:1.25rem}.main-image{max-width:400px;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:10}.side-image{display:none}}.services-wrapper{position:relative;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto}.header{width:100vw;text-align:center;transition:opacity .6s ease}.header p{padding:0;margin:0}.fadeout-header{opacity:0;pointer-events:none}.services-container{position:relative;width:100%;height:600px}.service{position:absolute;width:250px;height:250px;cursor:pointer}.development{top:8%;left:12%}.training{top:0%;right:12%}.consulting{bottom:18%;right:30%;transform:translate(-50%)}.service-content{display:flex;flex-direction:column;align-items:center;width:400px;height:400px;overflow:visible}.service-content img{width:100%;height:100%;object-fit:contain;z-index:1}.service-content h2{margin-top:12px;text-align:center}.connection-lines{position:absolute;width:100vw;height:100vh;top:0;left:0;pointer-events:none;z-index:0}.service-line{stroke:#5ec6174d;stroke-width:2;transition:stroke .3s,stroke-width .3s}.service-line.active-line{stroke:#3a9940;stroke-width:3;filter:drop-shadow(0 0 6px #3a9940);animation:drawLine 1s ease forwards,pulse 1.2s infinite ease-in-out}.animated-line{stroke-dashoffset:1000;animation:drawLine 1s ease forwards}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes pulse{0%{stroke-width:3;opacity:1}50%{stroke-width:4;opacity:.7}to{stroke-width:3;opacity:1}}.fadeout-service{opacity:0;pointer-events:none;transition:opacity 1s ease}.centered-service{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.1)!important;z-index:20!important;transition:all 1s ease;pointer-events:auto}.services-container.service-selected{pointer-events:none}.connection-lines.fadeout-lines{opacity:0;transition:opacity 1s ease;pointer-events:none}@media (max-width: 1024px){.services-container{height:auto;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 20px;position:relative}.service{position:static!important;width:80%;max-width:400px;height:auto;opacity:1!important;transform:none!important;pointer-events:auto!important}.centered-service{transform:none!important;scale:1!important;position:static!important;width:90%!important;margin:0 auto;z-index:10}.fadeout-service{display:none!important}.connection-lines{display:none}.services-container.service-selected{pointer-events:auto}}@media (max-width: 600px){.services-wrapper{height:auto;overflow-y:auto;padding-bottom:40px}.services-container{height:auto}.header h1{margin-top:20%;font-size:2rem}.header p{font-size:1rem;padding:0 10px}.service-content,.service-content img{width:100%;height:auto}.service-content h2{font-size:1.25rem}}.about-wrapper{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.about-wrapper h1{text-align:center}.about-content{flex:1;display:flex;padding:1rem 6rem 3rem;gap:4rem;text-align:justify;align-items:flex-start;justify-content:center;overflow:hidden}.about-left{position:sticky;top:1rem;flex-shrink:0;width:350px;display:flex;flex-direction:column;align-items:flex-start}.about-logo{width:300px;object-fit:contain;position:relative;z-index:1;border-radius:8px}.about-hero{width:350px;object-fit:contain;border-radius:6px;position:relative;top:-40px;left:0;z-index:2}.about-right{max-width:40vw;height:calc(100vh - 2rem);overflow-y:auto;font-size:1.1rem;line-height:1.6;padding-right:1rem;color:#1a1a1a;scrollbar-width:none;-ms-overflow-style:none}.about-right::-webkit-scrollbar{display:none}.about-right p{margin-bottom:1.2rem}@media (max-width: 1024px){.about-content{flex-direction:column;padding:1rem 2rem 2rem;gap:1.5rem;height:100vh}.about-left{width:100%;height:40vh;position:relative;top:auto;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-logo{width:40%;margin-bottom:1rem;position:relative;top:0}.about-hero{display:none;width:100%;max-width:300px;position:relative;top:0;left:0;border-radius:6px}.about-right{max-width:100%;height:60vh;overflow-y:auto;padding-right:1rem}}@media (max-width: 600px){.about-wrapper h1{margin-top:4rem;overflow:hidden}.about-content{padding:1rem 1rem 1.5rem}.about-left{height:20vh}.about-logo{width:50%}.about-hero{max-width:30%;display:none}}.contact-wrapper{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.contact-wrapper h1{text-align:center;margin-bottom:20px;font-size:2rem}.form-background{display:flex;width:80%;height:100%;background:#bede7f;border-radius:12px;overflow:hidden;box-shadow:0 6px 15px #0000001a}.left-image{flex:1;display:flex;align-items:center;justify-content:center}.left-image img{max-width:80%;height:auto;object-fit:contain}.right-form{flex:1;padding:20px;display:flex;justify-content:center;align-items:center}form{width:100%;background-color:#f3f8d9;padding:20px;border-radius:16px;text-align:center}form h1{font-size:1.5rem;margin-bottom:25px;color:#01406b}.form-group{margin-bottom:20px;display:flex;flex-direction:column;position:relative}input,textarea{padding:10px 12px;background-color:transparent;border:none;font-size:1rem;border-radius:0;transition:all .4s ease;position:relative;outline:none;width:100%;color:#01406b;box-shadow:0 2px 5px #0000001a}input:focus,textarea:focus{box-shadow:none;border-bottom:2px solid #01406B;background-color:#f3f8d9}label{margin-bottom:8px;font-weight:500;color:#666;position:absolute;top:10px;left:12px;font-size:1rem;background-color:#f3f8d9;padding:0 4px;transition:all .3s ease;pointer-events:none;z-index:1}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{top:-10px;left:10px;font-size:.85rem;color:#01406b}textarea{resize:vertical;min-height:100px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:2rem 3rem;border-radius:12px;text-align:center;box-shadow:0 5px 20px #0000004d}.modal h2{margin-bottom:.5rem}.contact-footer{background-color:#bede7f;padding:20px 0;margin-top:40px;width:80%;text-align:center;border-radius:0 0 12px 12px;box-shadow:0 -3px 10px #0000000d}.contact-footer p{font-size:1.5rem}.social-icons{display:flex;justify-content:center;gap:50px}.social-icons a{color:#01406b;font-size:1.8rem;transition:color .3s ease}.social-icons a:hover{color:#78a22f}@media (max-width: 1024px) and (min-width: 768px){.form-background{flex-direction:column;width:90%;height:auto}.left-image,.right-form{flex:none;width:100%}.left-image img{max-width:60%;margin:20px auto;display:block}form{padding:15px}}@media (max-width: 767px){.contact-wrapper{min-height:auto;padding:10px}.contact-wrapper h1{margin-top:4rem;font-size:1.5rem;margin-bottom:15px}.form-background{flex-direction:column;width:95%;height:auto}.left-image,.right-form{flex:none;width:100%}.left-image img{max-width:80%;margin:15px auto;display:block}form{padding:15px 10px}input,textarea,.submit-btn{font-size:1rem}.submit-btn{width:100%;padding:12px 0}.social-icons a{font-size:1.5rem;gap:15px}}.development-page{display:flex;height:100vh;padding-top:5rem;width:100%;overflow:hidden}.left-panel{width:40%;min-width:300px;position:relative}.spline-wrapper{width:100%;height:100%}.back-button{position:absolute;top:10%;left:1rem;z-index:2}.right-panel{width:60%;padding:40px;overflow-y:auto;box-sizing:border-box}.right-panel h1{margin-bottom:20px;font-size:2.5rem;text-align:center;line-height:1.2}.right-panel p{text-align:justify;margin-bottom:16px;line-height:1.6;font-size:1.05rem;color:#333}@media (max-width: 767px){.left-panel{display:none}.right-panel{width:100%;padding:20px 15px}.right-panel h1{font-size:1.8rem}.right-panel p{font-size:.95rem}.back-button{position:relative;top:auto;left:auto;margin-bottom:1rem;display:inline-block}}.right-panel::-webkit-scrollbar{width:6px}.right-panel::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.training-wrapper{position:relative;height:100vh;width:100vw;padding:40px 20px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.content-container{flex:1;display:flex;justify-content:center;overflow:hidden;z-index:1;width:100%}.training-content-panel{width:80vw;max-width:1000px;height:100%;overflow-y:auto;padding-right:12px;line-height:1.6;font-size:1.1rem;text-align:justify;border-radius:12px;-ms-overflow-style:none;scrollbar-width:none}.training-content-panel::-webkit-scrollbar{display:none}@media (max-width: 1024px){.training-wrapper{padding:30px 15px}.training-content-panel{width:90vw;font-size:1rem}button{top:5%;left:.8rem}}@media (max-width: 768px){.training-wrapper{padding:20px 10px}.content-container{flex-direction:column;align-items:center}.training-content-panel{width:95vw;font-size:.95rem;padding-right:8px}h1.header{padding-top:3rem;font-size:1.8rem;text-align:center}button{top:2%;left:.5rem;font-size:.9rem;padding:6px 12px}}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.consulting-page{position:relative;min-height:100vh;width:100vw;overflow:hidden}.content-container{max-width:1200px;margin:0 auto;padding:2rem 4rem;box-sizing:border-box;position:relative;flex-direction:column;justify-content:center;align-items:center;z-index:1}.consulting-content-panel p{font-size:1.05rem;line-height:1.6;margin-bottom:16px;text-align:justify;color:#333}@media (max-width: 767px){.content-container{padding:1.5rem 1rem}.header{font-size:1.8rem}.consulting-content-panel p{font-size:.95rem}}
