:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e0e0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;font-family:system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}html,body{height:100%}body{color:#e0e0e0;background-color:#0f0f0f;width:100%}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}ul,ol{list-style:none}input,textarea{font-family:inherit}.navbar{z-index:999;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);border-bottom:1px solid #3a3a5e;justify-content:center;align-items:center;height:70px;font-size:1.2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000080}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 50px;display:flex}.logo{color:#e0e0e0;cursor:pointer;font-size:2rem;font-weight:700;text-decoration:none;transition:all .3s}.logo:hover{color:#7c8fee;transform:scale(1.05)}.nav-menu{text-align:center;margin:0;padding:0;list-style:none;display:flex}.nav-item{height:70px;margin:0 1rem;line-height:70px}.nav-link{color:#e0e0e0;border-bottom:2px solid #0000;align-items:center;height:100%;padding:.5rem 1rem;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#7c8fee;border-bottom-color:#7c8fee;transform:translateY(-2px)}@media screen and (width<=768px){.nav-container{padding:0 20px}.nav-menu{opacity:1;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);flex-direction:column;width:100%;transition:all .5s;position:absolute;top:70px;left:-100%}.nav-menu.active{opacity:1;z-index:1;transition:all .5s;left:0}.nav-item{width:100%;height:auto;margin:0;line-height:normal}.nav-link{width:100%;padding:1.5rem;display:table}.logo{font-size:1.5rem}}.home{width:100%}.hero{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);justify-content:center;align-items:center;min-height:500px;padding:100px 20px;display:flex}.hero-content h1{margin-bottom:20px;font-size:3.5rem;animation:.8s slideDown}.hero-content p{margin-bottom:30px;font-size:1.5rem;animation:.8s .2s both slideUp}.cta-button{color:#0f0f0f;background-color:#7c8fee;border-radius:50px;padding:15px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;animation:.8s .4s both slideUp;display:inline-block}.cta-button:hover{background-color:#9ba8ff;transform:translateY(-3px);box-shadow:0 10px 25px #7c8fee4d}.features{text-align:center;background-color:#1a1a1a;padding:80px 20px}.features h2{color:#e0e0e0;margin-bottom:50px;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:40px;transition:all .3s;box-shadow:0 5px 15px #00000080}.feature-card:hover{border-color:#7c8fee;transform:translateY(-10px);box-shadow:0 15px 30px #7c8fee33}.feature-card h3{color:#7c8fee;margin-bottom:15px;font-size:1.5rem}.feature-card p{color:#b0b0b0;line-height:1.6}.cta-section{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);padding:80px 20px}.cta-section h2{margin-bottom:20px;font-size:2.5rem}.cta-section p{margin-bottom:30px;font-size:1.2rem}.cta-button-secondary{color:#e0e0e0;background-color:#0000;border:2px solid #7c8fee;border-radius:50px;padding:15px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.cta-button-secondary:hover{color:#0f0f0f;background-color:#7c8fee;transform:translateY(-3px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1.1rem}.features h2,.cta-section h2{font-size:2rem}}.services{width:100%;padding-bottom:40px}.services-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);padding:80px 20px}.services-header h1{margin-bottom:20px;font-size:3rem}.services-header p{opacity:.9;font-size:1.2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:60px auto;padding:0 20px;display:grid}.service-card{text-align:center;background:#2a2a2a;border:1px solid #3a3a3a;border-top:4px solid #7c8fee;border-radius:10px;padding:40px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000080}.service-card:before{content:"";opacity:.1;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.service-link{color:inherit;cursor:pointer;z-index:1;text-decoration:none;transition:all .3s;display:block;position:relative}.service-card:hover{border-top-color:#9ba8ff;transform:translateY(-10px);box-shadow:0 15px 35px #7c8fee4d}.service-card .service-link:hover{color:#7c8fee}.service-icon{margin-bottom:20px;font-size:3rem}.service-card h3{color:#e0e0e0;margin-bottom:15px;font-size:1.5rem}.service-card p{color:#b0b0b0;line-height:1.6}.services{background-color:#0f0f0f}@media screen and (width<=768px){.services-header h1{font-size:2rem}.services-grid{gap:20px}}.portfolio{width:100%;padding-bottom:40px}.portfolio-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);padding:80px 20px}.portfolio-header h1{margin-bottom:20px;font-size:3rem}.portfolio-header p{opacity:.9;font-size:1.2rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:60px auto;padding:0 20px;display:grid}.portfolio{background-color:#0f0f0f}.portfolio-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #00000080}.portfolio-card:hover{border-color:#7c8fee;transform:translateY(-10px);box-shadow:0 15px 35px #7c8fee4d}.portfolio-image{background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);justify-content:center;align-items:center;width:100%;height:200px;font-size:4rem;display:flex}.portfolio-content{padding:30px}.project-category{color:#0f0f0f;background-color:#7c8fee;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:.9rem;font-weight:700;display:inline-block}.portfolio-card h3{color:#e0e0e0;margin-bottom:10px;font-size:1.5rem}.portfolio-card p{color:#b0b0b0;margin-bottom:20px;line-height:1.6}.view-btn{color:#0f0f0f;cursor:pointer;background-color:#7c8fee;border:none;border-radius:5px;padding:10px 25px;font-weight:700;transition:all .3s}.view-btn:hover{background-color:#9ba8ff;transform:translate(5px)}@media screen and (width<=768px){.portfolio-header h1{font-size:2rem}.portfolio-grid{gap:20px}}.about{background-color:#0f0f0f;width:100%}.about-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);padding:80px 20px}.about-header h1{margin-bottom:20px;font-size:3rem}.about-header p{opacity:.9;font-size:1.2rem}.about-content{max-width:1000px;margin:60px auto;padding:0 20px}.content-block{margin-bottom:50px}.content-block h2{color:#7c8fee;margin-bottom:20px;font-size:2rem}.content-block p{color:#b0b0b0;font-size:1.1rem;line-height:1.8}.content-block .punchline{color:#9ba8ff;margin-bottom:2rem;font-size:1.15rem;font-weight:500;line-height:1.6}.values-list{padding:0;list-style:none}.values-list li{color:#b0b0b0;border-bottom:1px solid #3a3a3a;padding:15px 0;font-size:1.1rem;line-height:1.6}.values-list li:last-child{border-bottom:none}.team-section{text-align:center;background-color:#1a1a1a;padding:80px 20px}.team-section h2{color:#e0e0e0;margin-bottom:10px;font-size:2.5rem}.team-section>p{color:#b0b0b0;margin-bottom:50px;font-size:1.1rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1000px;margin:0 auto;display:grid}.team-member{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:40px 20px;transition:all .3s;box-shadow:0 5px 15px #00000080}.team-member:hover{transform:translateY(-10px);box-shadow:0 15px 35px #00000026}.member-avatar{margin-bottom:20px;font-size:4rem}.team-member h3{color:#333;margin-bottom:10px;font-size:1.3rem}.team-member p{color:#667eea;font-weight:700}.stats-section{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:80px 20px;display:grid}.stat h3{color:#f0ad4e;margin-bottom:10px;font-size:3rem}.stat p{font-size:1.1rem}@media screen and (width<=768px){.about-header h1{font-size:2rem}.content-block h2{font-size:1.5rem}.team-section h2,.stat h3{font-size:2rem}}.contact{background-color:#0f0f0f;width:100%}.contact-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a1a3e 0%,#2d1b4e 100%);padding:80px 20px}.contact-header h1{margin-bottom:20px;font-size:3rem}.contact-header p{opacity:.9;font-size:1.2rem}.contact-container{grid-template-columns:1fr 1fr;gap:50px;max-width:1200px;margin:60px auto;padding:0 20px;display:grid}.contact-info{grid-template-columns:1fr 1fr;gap:30px;display:grid}.info-card{text-align:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:30px;transition:all .3s;box-shadow:0 5px 15px #00000080}.info-card:hover{border-color:#7c8fee;transform:translateY(-10px);box-shadow:0 15px 35px #7c8fee4d}.info-icon{margin-bottom:15px;font-size:2.5rem}.info-card h3{color:#e0e0e0;margin-bottom:10px;font-size:1.3rem}.info-card p{color:#b0b0b0;line-height:1.6}.info-card a{color:#7c8fee;text-decoration:none;transition:color .3s}.info-card a:hover{color:#9ba8ff}.contact-form-container{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:40px;box-shadow:0 5px 15px #00000080}.contact-form-container h2{color:#e0e0e0;margin-bottom:30px;font-size:1.8rem}.success-message{color:#5cdf7e;background-color:#1a3a2a;border-left:4px solid #5cdf7e;border-radius:5px;margin-bottom:20px;padding:15px}.form-group{margin-bottom:20px}.form-group label{color:#e0e0e0;margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group textarea{color:#e0e0e0;background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:5px;width:100%;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{background-color:#222;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{color:#0f0f0f;cursor:pointer;background:linear-gradient(135deg,#7c8fee 0%,#9ba8ff 100%);border:none;border-radius:5px;width:100%;padding:12px;font-size:1.1rem;font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7c8fee66}.submit-btn:active{transform:translateY(0)}@media screen and (width<=768px){.contact-header h1{font-size:2rem}.contact-container{grid-template-columns:1fr;gap:30px}.contact-info{grid-template-columns:1fr}.contact-form-container{padding:20px}}.renewable-energy{background-color:#0f0f0f;width:100%;padding-bottom:40px}.re-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a3a2a 0%,#2d4b3e 100%);padding:80px 20px}.re-header h1{margin-bottom:20px;font-size:3rem}.re-header p{opacity:.9;font-size:1.2rem}.re-intro{text-align:center;max-width:900px;margin:60px auto;padding:0 20px}.re-intro h2{color:#5cdf7e;margin-bottom:20px;font-size:2.5rem}.re-intro p{color:#b0b0b0;font-size:1.1rem;line-height:1.8}.benefits{background-color:#1a3a2a;border-top:1px solid #2d4b3e;padding:80px 20px}.benefit-card{text-align:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:30px;box-shadow:0 5px 15px #00000080}@media screen and (width<=768px){.re-header h1,.re-intro h2,.benefits h2{font-size:2rem}.solutions-grid,.benefits-grid{gap:20px}}.service-web-app{background-image:linear-gradient(135deg,#1a1a3ed9,#2d1b4ed9),url(/images/web-app-bg.svg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-mobile-apps{background-image:linear-gradient(135deg,#1a1a3ed9,#2d1b4ed9),url(/images/mobile-apps-bg.svg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-cloud{background-image:linear-gradient(135deg,#1a1a3ed9,#2d1b4ed9),url(/images/cloud-solutions-bg.svg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-energy{background-image:linear-gradient(135deg,#1a1a3ed9,#2d1b4ed9),url(/images/renewable-energy-bg.svg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-robotics{background-image:linear-gradient(135deg,#0f0f0fbf,#1e1428bf),url(/images/robotics-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-education{background-image:linear-gradient(135deg,#1a1a3ed9,#2d1b4ed9),url(/images/education-system-bg.svg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-embedded{background-image:linear-gradient(135deg,#0f0f0fbf,#1e1932bf),url(/images/embedded-systems-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-sap{background-image:linear-gradient(135deg,#1a1a3ed9,#2d1b4ed9),url(/images/sap-consulting-bg.svg);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.service-detail-page:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0%,#0006 100%);position:fixed;inset:0}.robotics{background-color:#0f0f0f;width:100%;padding-bottom:40px}.robotics-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#3a1a1e 0%,#5e2b2e 100%);padding:80px 20px}.robotics-header h1{margin-bottom:20px;font-size:3rem}.robotics-header p{opacity:.9;font-size:1.2rem}.robotics-intro{text-align:center;max-width:900px;margin:60px auto;padding:0 20px}.robotics-intro h2{color:#ff7c8e;margin-bottom:20px;font-size:2.5rem}.robotics-intro p{color:#b0b0b0;font-size:1.1rem;line-height:1.8}.applications{background-color:#3a1a1e;border-top:1px solid #5e2b2e;padding:80px 20px}.applications h2{color:#ff7c8e;text-align:center;margin-bottom:50px;font-size:2.5rem}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:0 auto;display:grid}.app-card{text-align:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:30px;box-shadow:0 5px 15px #00000080}.app-card h3{color:#ff7c8e;margin-bottom:15px;font-size:1.3rem}.app-card p{color:#b0b0b0;line-height:1.6}@media screen and (width<=768px){.robotics-header h1,.robotics-intro h2,.applications h2{font-size:2rem}.solutions-grid,.applications-grid{gap:20px}}.education-system{background-color:#0f0f0f;width:100%;padding-bottom:40px}.edu-header{color:#e0e0e0;text-align:center;background:linear-gradient(135deg,#1a3a3e 0%,#2d4b5e 100%);padding:80px 20px}.edu-header h1{margin-bottom:20px;font-size:3rem}.edu-header p{opacity:.9;font-size:1.2rem}.edu-intro{text-align:center;max-width:900px;margin:60px auto;padding:0 20px}.edu-intro h2{color:#5ccfff;margin-bottom:20px;font-size:2.5rem}.edu-intro p{color:#b0b0b0;font-size:1.1rem;line-height:1.8}.solutions-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:60px auto;padding:0 20px;display:grid}.solution-card{background:#2a2a2a;border:1px solid #3a3a3a;border-left:4px solid #5ccfff;border-radius:10px;padding:30px;transition:all .3s;box-shadow:0 5px 15px #00000080}.solution-card:hover{border-left-color:#7cdfff;transform:translateY(-10px);box-shadow:0 15px 35px #5ccfff33}.solution-icon{margin-bottom:20px;font-size:3rem}.solution-card h3{color:#e0e0e0;margin-bottom:15px;font-size:1.5rem}.solution-card p{color:#b0b0b0;margin-bottom:20px;line-height:1.6}.features{background-color:#1a3a3e;border:1px solid #2d4b5e;border-radius:8px;padding:15px}.features h4{color:#5ccfff;margin-bottom:10px;font-size:.9rem}.features ul{padding:0;list-style:none}.features li{color:#b0b0b0;padding:5px 0 5px 20px;font-size:.95rem;position:relative}.features li:before{content:"✓";color:#ec4899;font-weight:700;position:absolute;left:0}.benefits{background-color:#fce7f3;padding:80px 20px}.benefits h2{color:#be185d;text-align:center;margin-bottom:50px;font-size:2.5rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:0 auto 60px;display:grid}.benefit-card{text-align:center;background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a}.benefit-card h3{color:#ec4899;margin-bottom:15px;font-size:1.3rem}.benefit-card p{color:#b0b0b0;line-height:1.6}.features-section{background:#fff;padding:80px 20px}.features-section h2{color:#be185d;text-align:center;margin-bottom:50px;font-size:2.5rem}.features-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1000px;margin:0 auto;display:grid}.feature-item{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border-radius:10px;padding:30px}.feature-item h4{color:#be185d;margin-bottom:20px;font-size:1.3rem}.feature-item ul{padding:0;list-style:none}.feature-item li{color:#666;padding:10px 0 10px 25px;line-height:1.6;position:relative}.feature-item li:before{content:"→";color:#ec4899;font-weight:700;position:absolute;left:0}@media screen and (width<=768px){.edu-header h1,.edu-intro h2,.benefits h2,.features-section h2{font-size:2rem}.solutions-grid,.benefits-grid,.features-container{gap:20px}}.service-detail-page{color:#b0b0b0;background-color:#0f0f0f;background-position:50%;background-size:cover;background-attachment:fixed;max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem;position:relative}.service-detail-page:before{content:"";pointer-events:none;background-color:#0f0f0fcc;position:absolute;inset:0}.service-detail-page>*{z-index:1;position:relative}.service-detail-header{text-align:center;margin-bottom:3rem}.service-detail-header h1{color:#e0e0e0;margin-bottom:.75rem;font-size:2.5rem}.service-detail-header p{color:#b0b0b0;max-width:780px;margin:0 auto;font-size:1.05rem}.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.service-detail-card,.benefit-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #00000080}.service-detail-card h2,.service-detail-benefits h2{color:#7c8fee;margin-bottom:1rem;font-size:1.35rem}.service-detail-card p,.service-detail-card li,.benefit-card p{color:#b0b0b0;line-height:1.7}.service-detail-card ul{padding-left:1.2rem}.service-detail-benefits{margin-top:2rem}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1rem;display:grid}.benefit-card h3{color:#e0e0e0;margin-bottom:.6rem}.service-detail-cta{text-align:center;margin-top:2rem}.service-detail-button{color:#0f0f0f;background:#7c8fee;border-radius:999px;padding:.9rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.service-detail-button:hover{background:#9ba8ff}@media (width<=768px){.service-detail-grid,.benefit-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0e0e0;background-color:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}