:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#132b15;text-decoration:inherit}a:hover{color:#132b15}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;position:relative}html{overflow-x:hidden;width:100%;max-width:100vw;position:relative}*{box-sizing:border-box}img,video,iframe,object,embed{max-width:100%;height:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:2rem;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{border-color:#132b15}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#132b15}button{background-color:#f9f9f9}}.navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fffffff2;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;position:relative}.nav-left{display:flex;align-items:center;gap:.75rem}.nav-logo{height:75px;width:110px;object-fit:contain}.nav-name-container{display:flex;flex-direction:column;gap:.25rem;justify-content:flex-start}.nav-name{font-size:1.5rem;font-weight:700;color:#213547;letter-spacing:-.5px}.nav-slogan{font-size:.8rem;font-weight:400;color:#213547;letter-spacing:-.5px;text-align:left}.nav-right{display:flex;align-items:center;gap:2rem}.nav-link{color:#213547;text-decoration:none;font-weight:500;font-size:1rem;text-transform:uppercase;transition:color .3s ease;position:relative}.nav-link:hover{color:#132b15}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#132b15;transition:width .3s ease}.nav-link:hover:after{width:100%}.menu-backdrop{display:none}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.burger-menu span{width:100%;height:3px;background-color:#213547;border-radius:3px;transition:all .3s ease;transform-origin:center}.burger-menu.active span:nth-child(1){transform:rotate(45deg) translate(10px,8px)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media(max-width:768px){.navigation{padding:1rem;position:relative;max-width:100%;width:100%;box-sizing:border-box}.menu-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.burger-menu{display:flex;flex-shrink:0;margin-left:auto}.nav-right{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background-color:#fffffffa;flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:2rem;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a;z-index:1000}.nav-right.active{right:0}.nav-link{font-size:1.1rem;width:100%;padding:.5rem 0}.nav-name{font-size:1.25rem}.nav-logo{height:75px;width:110px}}@media(max-width:480px){.navigation{padding:.75rem;max-width:100%;width:100%;box-sizing:border-box}.nav-logo{height:75px;width:110px}.nav-name{font-size:1.1rem}.nav-slogan{font-size:.7rem}.burger-menu{flex-shrink:0}}@media(max-width:414px){.navigation{padding:.5rem;max-width:100%;width:100%;box-sizing:border-box}.nav-left{flex-shrink:1;min-width:0}.nav-logo{height:75px;width:110px;flex-shrink:0}.nav-name{font-size:1rem}.nav-slogan{font-size:.65rem}.nav-right{width:80%;max-width:280px;padding:4rem 1.5rem 2rem}.burger-menu{width:28px;height:28px;flex-shrink:0;margin-left:.5rem}}.footer{background-color:#1c441fbb;color:#fff;padding:3rem 2rem;width:100vw;box-sizing:border-box}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}.footer-left{display:flex;flex-direction:column;gap:1.5rem;flex:1}.footer-company-details{font-size:.8rem;line-height:1.6;color:#ccc;margin:0;max-width:280px;text-align:left}.footer-logo-section{display:flex;align-items:center;gap:.75rem}.footer-logo{height:190px;width:290px;object-fit:contain;filter:brightness(0) invert(1)}.footer-name{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.footer-info{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;line-height:1.6;color:#ccc;margin:0;max-width:315px;text-align:left}.footer-company-name{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.footer-description{font-size:1rem;line-height:1.6;color:#ccc;margin:0}.footer-right{flex:0 0 auto}.footer-nav{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.footer-nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;text-transform:uppercase;transition:color .3s ease;position:relative}.footer-nav-link:hover{color:#132b15}.footer-nav-link:after{content:"";position:absolute;bottom:-4px;right:0;width:0;height:2px;background-color:#132b15;transition:width .3s ease}.footer-nav-link:hover:after{width:100%}@media(max-width:768px){.footer{padding:2rem 1.5rem}.footer-container{flex-direction:column;gap:2rem}.footer-left{order:2}.footer-right{width:100%;order:1}.footer-nav{align-items:flex-start}.footer-logo{height:220px;width:320px}.footer-name{font-size:1.25rem}.footer-company-name{font-size:1.1rem}.footer-description{font-size:.9rem}.footer-company-details{max-width:100%;width:100%}}@media(max-width:414px){.footer{padding:2rem .5rem}.footer-container{gap:1.5rem;order:-1}.footer-company-name{font-size:1rem}.footer-description{font-size:.85rem}.footer-company-details{font-size:.75rem}.footer-nav-link{font-size:.9rem}}.hero-container{position:relative;width:100vw;height:500px;min-height:500px;overflow:hidden;margin:0;margin-left:calc(50% - 50vw);left:0;right:0}.hero-image{width:100vw;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;width:100%;padding:2rem;box-sizing:border-box}@media(max-width:414px){.hero-container{height:400px;min-height:400px;width:100vw;margin-left:calc(50% - 50vw)}.hero-content{padding:1rem .5rem;width:100%;max-width:100%}}.offer-section{padding:4rem 2rem;background-color:#1c441fbb;width:100vw;margin:0;margin-left:calc(50% - 50vw);box-sizing:border-box}.offer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:start}.offer-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 1rem}.offer-icon{width:80px;height:80px;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;justify-content:center}.offer-icon svg{width:100%;height:100%;stroke-width:1.5}.offer-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff;line-height:1.3}.offer-description{font-size:1rem;line-height:1.6;color:#fff;margin:0}.offer-divider{position:absolute;right:-1.5rem;top:40px;width:1px;height:calc(100% - 80px);background-color:#e0e0e0}.offer-item:last-child .offer-divider{display:none}@media(max-width:768px){.offer-container{grid-template-columns:1fr;gap:2rem}.offer-divider{display:none}.offer-section{padding:3rem 1.5rem}}@media(max-width:414px){.offer-section{padding:2rem 1rem}.offer-container{gap:1.5rem}.offer-item{padding:0 .5rem}.offer-title{font-size:1.25rem}.offer-description{font-size:.9rem}}@media(min-width:769px)and (max-width:1024px){.offer-container{grid-template-columns:repeat(2,1fr)}.offer-item:nth-child(2) .offer-divider{display:none}}.services-section{padding:4rem 2rem;background-color:#fff;width:100%;margin:0;box-sizing:border-box}.services-header{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:3rem;color:#1a1a1a}.services-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}.service-item{display:flex;flex-direction:column;text-align:center}.service-image-wrapper{width:100%;height:250px;margin-bottom:1.5rem;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a}.service-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-image:hover{transform:scale(1.05)}.service-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a;line-height:1.3}.service-description{font-size:1rem;line-height:1.6;color:#4a4a4a;margin:0}@media(max-width:768px){.services-section{padding:3rem 1.5rem}.services-header{font-size:2rem;margin-bottom:2rem}.services-grid{grid-template-columns:1fr;gap:2rem}.service-image-wrapper{height:200px}}@media(max-width:414px){.services-section{padding:2rem .5rem}.services-header{font-size:1.75rem;margin-bottom:1.5rem}.services-grid{gap:1.5rem}.service-image-wrapper{height:180px}.service-title{font-size:1.25rem}.service-description{font-size:.9rem}}@media(min-width:769px){.services-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.service-item{display:flex;flex-direction:column;text-align:center}}.stats-section{padding:4rem 2rem;background-color:#1c441fbb;width:100vw;margin:0;margin-left:calc(50% - 50vw);box-sizing:border-box}.stats-container{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;align-items:center}.stat-item{display:flex;flex-direction:column;text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.stat-description{font-size:1.1rem;line-height:1.5;color:#fff;opacity:.9}@media(max-width:768px){.stats-section{padding:3rem 1.5rem}.stats-grid{grid-template-columns:1fr;gap:2.5rem}.stat-number{font-size:2.5rem}.stat-description{font-size:1rem}}@media(max-width:414px){.stats-section{padding:2rem .5rem}.stats-grid{gap:2rem}.stat-number{font-size:2rem}.stat-description{font-size:.9rem}}@media(min-width:769px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.latest-section{padding:4rem 2rem;background-color:#fff;width:100%;margin:0;box-sizing:border-box}.latest-container{max-width:1200px;margin:0 auto}.latest-header{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:3rem;color:#1a1a1a}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.latest-image-wrapper{width:100%;height:300px;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.latest-image-wrapper:hover{transform:scale(1.02)}.latest-image{width:100%;height:100%;object-fit:cover}.latest-navigation{display:flex;justify-content:center;gap:1rem;align-items:center}.latest-arrow{color:#1a1a1a;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.latest-arrow:hover{transform:scale(1.1)}.latest-arrow:active{transform:scale(.95)}.latest-arrow svg{width:24px;height:24px}@media(max-width:768px){.latest-section{padding:3rem 1.5rem}.latest-header{font-size:2rem;margin-bottom:2rem}.latest-grid{grid-template-columns:1fr;gap:1rem}.latest-image-wrapper{height:250px}.latest-arrow{width:45px;height:45px}.latest-arrow svg{width:20px;height:20px}}@media(max-width:414px){.latest-section{padding:2rem .5rem}.latest-header{font-size:1.75rem;margin-bottom:1.5rem}.latest-grid{gap:.75rem}.latest-image-wrapper{height:200px}.latest-arrow{width:40px;height:40px;background-color:transparent}.latest-arrow svg{color:#1a1a1a;width:18px;height:18px}}.about-page{min-height:calc(100vh - 200px);padding:80px 20px 40px}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-image{width:100%;height:540px;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a}.about-image img{width:100%;height:100%;object-fit:cover}.about-content{padding:20px}.about-content h1{font-size:2.5rem;margin-bottom:20px;color:#333}.about-content p{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:15px}@media(max-width:768px){.about-container{grid-template-columns:1fr;gap:30px}.about-image{height:300px}.about-content h1{font-size:2rem}}.projects-page{min-height:calc(100vh - 200px);padding:80px 20px 40px}.projects-container{max-width:1200px;margin:0 auto}.projects-header{font-size:2.5rem;text-align:center;margin-bottom:50px;color:#333}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-item{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-item:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.project-item img{width:100%;height:100%;object-fit:cover}@media(max-width:968px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}.projects-header{font-size:2rem;margin-bottom:30px}}.modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:zoomIn .3s ease}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.modal-close{position:fixed;top:20px;right:20px;border:none;color:#fff;font-size:3rem;cursor:pointer;transition:transform .2s ease;z-index:1001}.modal-close:hover{transform:scale(1.1)}.modal-nav{position:fixed;top:50%;border:none;color:#fff;font-size:4rem;cursor:pointer;transition:all .3s ease;z-index:1001}.modal-nav:hover{transform:scale(1.1)}.modal-nav-prev{left:20px}.modal-nav-next{right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.modal-content{max-width:95vw;max-height:95vh}.modal-close{top:15px;right:15px;font-size:2.5rem;width:45px;height:45px}.modal-nav{width:50px;height:50px;font-size:3rem}.modal-nav-prev{left:10px}.modal-nav-next{right:10px}}.services-page{min-height:calc(100vh - 200px);padding:80px 20px 40px}.services-container{max-width:1200px;margin:0 auto}.services-header{font-size:2.5rem;text-align:center;margin-bottom:50px;color:#333}.services-list{display:flex;flex-direction:column;gap:40px}.service-page-item{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:30px;border-radius:8px}.service-page-item.right{direction:rtl}.service-page-item.right>*{direction:ltr}.service-image{width:100%;height:300px;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.service-image img{width:100%;height:100%;object-fit:cover;object-position:bottom center}.service-content h2{font-size:2rem;margin-bottom:15px;color:#333}.service-content p{font-size:1.1rem;line-height:1.8;color:#666}@media(max-width:768px){.service-page-item{grid-template-columns:1fr;gap:20px}.service-page-item.right{direction:ltr}.service-image{height:250px}.services-header{font-size:2rem;margin-bottom:30px}.service-content h2{font-size:1.5rem}}.contact-page{min-height:calc(100vh - 200px);padding:80px 20px 40px}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-image{width:100%;height:600px;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-info{padding:20px}.contact-info h1{font-size:2.5rem;margin-bottom:30px;color:#333}.contact-details{display:flex;flex-direction:column;gap:5px}.contact-item h3{font-size:1.5rem;margin-bottom:10px;color:#333;border-bottom:2px solid #4caf50}.contact-item p{font-size:1.1rem;line-height:1.8;color:#666;margin:5px 0}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:10px}.contact-image{height:300px}.contact-info h1{font-size:2rem}}#root{width:100vw;margin-left:calc(50% - 50vw);overflow-x:hidden;box-sizing:border-box}@media(max-width:414px){#root{max-width:100%;width:100%;overflow-x:hidden;padding:0}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em #132b15aa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}