:root{--color-primary: #85ba38;--color-primary-dark: #7db033;--color-dark: #011925;--color-text: #4a5568;--color-white: #fff;--color-bg-light: #f8f9fa;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-sm: 1rem;--font-size-base: 1.1rem;--font-size-lg: 1.125rem;--font-size-xl: 2.5rem;--font-size-xxl: 3.5rem;--spacing-xs: 1rem;--spacing-sm: 1.5rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--container-width: 90%;--container-max-width: 1200px;--shadow-lg: 0 20px 40px rgba(0, 0, 0, .1);--transition-base: all .3s ease}html{scroll-padding-top:120px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6}.container{width:var(--container-width);max-width:var(--container-max-width);margin:0 auto}.btn{background:var(--color-primary);color:var(--color-white);padding:.75rem var(--spacing-sm);border-radius:5px;text-decoration:none;transition:var(--transition-base)}.btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.header{background-position:center;background-size:cover;height:171px;background-color:#011925}.nav-container{position:fixed;top:0;left:0;width:100%;padding:var(--spacing-md) 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#011925f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base)}.logo{width:150px}.logo a{display:block;transition:var(--transition-base)}.logo a:hover{transform:scale(1.05)}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav a{color:var(--color-white);text-decoration:none}.hero-container{height:100vh;background:linear-gradient(0deg,#011925e6,#011925e6),url(../../../images/header/header-background.jpg);width:100%;padding:0 5%;text-align:center;color:var(--color-white)}.hero-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:var(--container-max-width);margin:0 auto}.hero-content h1{font-size:var(--font-size-xxl);line-height:1.2;margin-bottom:var(--spacing-sm)}.hero-content h1 span{color:var(--color-primary)}.hero-content p{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);opacity:.8}.partners{background:var(--color-white);padding:var(--spacing-xl) 0}.partners-grid{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.partner-logo{flex:0 1 auto;max-width:150px;display:flex;justify-content:center}.partner-logo img{max-width:100%;height:auto;filter:grayscale(100%) brightness(.8);transition:var(--transition-base)}.partner-logo img:hover{filter:grayscale(0%) brightness(1)}.technologies{padding:calc(var(--spacing-xl) * 1.5) 0;background-color:var(--color-bg-light);overflow:hidden}.technologies .subtitle{color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:1rem;text-align:center;display:block}.technologies h2{color:var(--color-dark);font-size:2.5rem;margin-bottom:var(--spacing-sm);font-weight:700;text-align:center}.marquee-container{width:100%;overflow:hidden;position:relative;margin-top:2rem}.marquee{display:flex;width:100%;animation:scroll 15s linear infinite}.marquee-content{display:flex;gap:2rem;padding:0 1rem}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.tech-item img{width:48px;height:48px;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.tech-item:hover img{filter:grayscale(0%);opacity:1}.tech-item h3{font-size:.9rem;color:var(--color-text);text-align:center}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width: 768px){.tech-item{min-width:100px}.tech-item img{width:40px;height:40px}.tech-item h3{font-size:.8rem}}.about{padding:var(--spacing-xl) 0;background-color:var(--color-bg-light)}.about-grid{display:flex;align-items:center;gap:var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto}.about-image{flex:0 1 50%;display:flex;justify-content:center}.about-content{flex:0 1 50%}.about-content .subtitle{display:block;color:var(--color-primary);font-weight:600;font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.about-content h2{font-size:var(--font-size-xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--color-dark)}.about-content p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-md)}.about-image img{width:100%;height:auto;border-radius:24px}.hamburger{display:none;cursor:pointer;z-index:101}.hamburger .line{width:25px;height:3px;background-color:var(--color-white);margin:5px 0;transition:var(--transition-base)}@media screen and (max-width: 768px){:root{--font-size-xl: 2rem;--font-size-xxl: 2.5rem}.about,.partners{padding:var(--spacing-lg) 0}.nav-container{padding:var(--spacing-xs)}.hamburger{display:block}.nav-container .nav{display:none!important;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-dark);flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:999}.nav-container .nav.active{display:flex!important}.nav a{font-size:1.5rem;color:var(--color-white);text-decoration:none;padding:1rem}.partners-grid{flex-direction:column;gap:var(--spacing-lg)}.partner-logo{width:100%;max-width:200px}.about-grid{flex-direction:column;text-align:left}.about-image{flex:0 1 auto;width:100%;max-width:500px;margin:0 auto}.about-content{flex:0 1 auto;width:100%;max-width:600px;margin:0 auto}.about-image img{width:100%;height:auto;border-radius:24px}}@media screen and (max-width: 480px){:root{--font-size-xl: 1.75rem;--font-size-xxl: 2rem}.partner-logo{flex:1 1 100%}.about-image{max-width:100%;padding:0}}@media screen and (max-width: 844px) and (orientation: landscape){.about{padding:var(--spacing-md) 0;min-height:100vh}.about-grid{flex-direction:row;gap:var(--spacing-md);align-items:center;padding:0 var(--spacing-md)}.about-content{flex:0 1 50%;text-align:left}.about-content h2{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.about-content p{font-size:.9rem}.about-image{flex:0 1 40%;max-width:300px}.about-image img{width:100%;height:auto;border-radius:24px}}.hamburger.active .line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.services{padding:var(--spacing-xl) 0;background-color:var(--color-dark);color:var(--color-white);text-align:center}.services .subtitle{color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;margin-bottom:var(--spacing-xs);display:block}.services h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.services .section-desc{max-width:600px;margin:0 auto var(--spacing-xl);color:#ffffffb3}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.service-card{position:relative;height:400px;border-radius:20px;overflow:hidden;background-size:cover;background-position:center}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#01192533,#011925e6)}.service-card.cloud-card{background-image:url(../../../images/services/1.png)}.service-card.hosting-card{background-image:url(../../../images/services/2.png)}.service-card.development-card{background-image:url(../../../images/services/3.png)}.card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);text-align:left}.card-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-white)}.card-content p{color:#fffc;font-size:var(--font-size-sm);line-height:1.6}@media screen and (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.services-grid{grid-template-columns:1fr}.service-card{height:300px}}@media screen and (max-width: 1024px){.services-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto;gap:var(--spacing-lg)}.service-card{height:350px}}.stats{padding:var(--spacing-xl) 0;position:relative;overflow:hidden;background:url(../../../images/stats/stats.png);background-size:cover;background-position:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);text-align:center;color:var(--color-white)}.stat-item h3{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.stat-item p{font-size:var(--font-size-base);opacity:.9}.stats:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%);background-size:3rem 3rem;opacity:.1}@media screen and (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg) var(--spacing-md)}.stat-item h3{font-size:2.5rem}}@media screen and (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.features{padding:var(--spacing-xl) 0;background-color:var(--color-white)}.features .subtitle{color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:1rem}.features h2{color:var(--color-dark);font-size:2.5rem;margin-bottom:var(--spacing-xl);font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem}.feature-item{display:flex;flex-direction:column;gap:1rem}.feature-icon{color:var(--color-primary);font-size:2.5rem;margin-bottom:.5rem}.feature-item h3{color:var(--color-dark);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-item p{color:#666;line-height:1.6;font-size:.95rem}@media screen and (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width: 768px){.features-grid{grid-template-columns:1fr}}.case-study-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:800px;margin:0 auto}.case-study-card{background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease}.case-study-card:hover{transform:translateY(-5px)}.case-study-content{padding:var(--spacing-lg)}.case-study-content h3{font-size:1.75rem;margin-bottom:.5rem;color:var(--color-dark)}.case-study-subtitle{color:var(--color-primary);font-size:1.1rem;margin-bottom:var(--spacing-md);font-weight:500}.case-study-details p{margin-bottom:var(--spacing-md);line-height:1.6;color:var(--color-text)}.case-study-highlights{list-style:none;padding:0;margin:0}.case-study-highlights li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-text)}.case-study-highlights li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}@media screen and (max-width: 768px){.case-studies h2{font-size:2rem}.case-study-content{padding:var(--spacing-md)}.case-study-content h3{font-size:1.5rem}}.contact{background-color:var(--color-white);padding:var(--spacing-xl) 0;color:var(--color-dark)}.contact .container{max-width:800px;width:90%;margin:0 auto}.contact .subtitle{color:var(--color-primary);text-transform:uppercase;text-align:center;display:block;margin-bottom:var(--spacing-xs)}.contact h2{color:var(--color-dark);text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-sm)}.contact .section-desc{text-align:center;color:var(--color-text);margin-bottom:var(--spacing-xl);font-size:1.1rem}.contact-form{width:100%}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;color:var(--color-dark);font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:var(--color-white);border:2px solid #e2e8f0;border-radius:5px;color:var(--color-dark);font-size:1rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #85ba381a}.error{color:#ff6b6b;font-size:.9rem;margin-top:.5rem;display:block}.msg{color:var(--color-primary);text-align:center;margin:1rem 0;font-weight:500}.form-field.button{text-align:center;margin-top:2rem}.services-selection{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.service-option{flex:1 1 auto;min-width:200px;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:var(--color-white);cursor:pointer;transition:all .3s ease}.service-option.selected{border-color:var(--color-primary);background:#85ba381a}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;margin:2rem auto 0;min-width:150px;transition:var(--transition-base)}.submit-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}@media screen and (max-width: 768px){.contact .container{width:85%}.contact h2{font-size:2rem}.form-row{grid-template-columns:1fr;gap:1rem}.services-selection{flex-direction:column}.service-option{width:100%;min-width:unset}}@media screen and (max-width: 480px){.contact .container{width:90%}.contact h2{font-size:1.75rem}.form-group input,.form-group textarea{padding:.875rem}.submit-btn{width:100%}}.footer{padding:2rem 0;background-color:var(--color-white);border-top:1px solid #eee}.footer-content{display:flex;justify-content:space-between;align-items:center}.copyright{color:#666;font-size:.95rem}.social-links{display:flex;gap:1.5rem;align-items:center}.social-links a{color:#666;transition:color .3s ease}.social-links a:hover{color:var(--color-dark)}@media screen and (max-width: 768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.social-links{gap:2rem}}.case-studies{padding:var(--spacing-xl) 0;background-color:var(--color-bg-light)}.case-studies .subtitle{color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:1rem;text-align:center;display:block}.case-studies h2{color:var(--color-dark);font-size:2.5rem;margin-bottom:var(--spacing-sm);font-weight:700;text-align:center}.case-studies .section-desc{text-align:center;color:var(--color-text);margin-bottom:var(--spacing-xl);font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.coming-soon{display:flex;justify-content:center;align-items:center;min-height:300px}.coming-soon-content{text-align:center;max-width:500px;padding:var(--spacing-lg);background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px #0000001a}.coming-soon-content h3{font-size:1.75rem;margin-bottom:var(--spacing-md);color:var(--color-primary)}.coming-soon-content p{line-height:1.6;color:var(--color-text);font-size:1.1rem}
