:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}html,body{height:100%}body{background-color:#fff;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,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:70px;font-size:1.2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 50px;display:flex}.logo{color:#fff;cursor:pointer;font-size:2rem;font-weight:700;text-decoration:none;transition:all .3s}.logo:hover{color:#f0ad4e;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:#fff;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:#f0ad4e;border-bottom-color:#f0ad4e;transform:translateY(-2px)}@media screen and (width<=768px){.nav-container{padding:0 20px}.nav-menu{opacity:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 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:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 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:#333;background-color:#f0ad4e;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:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.features{text-align:center;background-color:#f8f9fa;padding:80px 20px}.features h2{color:#333;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:#fff;border-radius:10px;padding:40px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.feature-card h3{color:#667eea;margin-bottom:15px;font-size:1.5rem}.feature-card p{color:#666;line-height:1.6}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 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:#fff;background-color:#0000;border:2px solid #fff;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:#667eea;background-color:#fff;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:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 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:#fff;border-top:4px solid #667eea;border-radius:10px;padding:40px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.service-link{color:inherit;cursor:pointer;text-decoration:none;transition:all .3s;display:block}.service-card:hover{border-top-color:#764ba2;transform:translateY(-10px);box-shadow:0 15px 35px #00000026}.service-card .service-link:hover{color:#667eea}.service-icon{margin-bottom:20px;font-size:3rem}.service-card h3{color:#333;margin-bottom:15px;font-size:1.5rem}.service-card p{color:#666;line-height:1.6}@media screen and (width<=768px){.services-header h1{font-size:2rem}.services-grid{gap:20px}}.portfolio{width:100%;padding-bottom:40px}.portfolio-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 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-card{background:#fff;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #0000001a}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #00000026}.portfolio-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:200px;font-size:4rem;display:flex}.portfolio-content{padding:30px}.project-category{color:#333;background-color:#f0ad4e;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:.9rem;font-weight:700;display:inline-block}.portfolio-card h3{color:#333;margin-bottom:10px;font-size:1.5rem}.portfolio-card p{color:#666;margin-bottom:20px;line-height:1.6}.view-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:5px;padding:10px 25px;font-weight:700;transition:all .3s}.view-btn:hover{background-color:#764ba2;transform:translate(5px)}@media screen and (width<=768px){.portfolio-header h1{font-size:2rem}.portfolio-grid{gap:20px}}.about{width:100%}.about-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 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:#667eea;margin-bottom:20px;font-size:2rem}.content-block p{color:#666;font-size:1.1rem;line-height:1.8}.content-block .punchline{color:#4a5568;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:#666;border-bottom:1px solid #eee;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:#f8f9fa;padding:80px 20px}.team-section h2{color:#333;margin-bottom:10px;font-size:2.5rem}.team-section>p{color:#666;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:#fff;border-radius:10px;padding:40px 20px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.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{width:100%}.contact-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 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:#fff;border-radius:10px;padding:30px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.info-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #00000026}.info-icon{margin-bottom:15px;font-size:2.5rem}.info-card h3{color:#333;margin-bottom:10px;font-size:1.3rem}.info-card p{color:#666;line-height:1.6}.info-card a{color:#667eea;text-decoration:none;transition:color .3s}.info-card a:hover{color:#764ba2}.contact-form-container{background:#fff;border-radius:10px;padding:40px;box-shadow:0 5px 15px #0000001a}.contact-form-container h2{color:#333;margin-bottom:30px;font-size:1.8rem}.success-message{color:#155724;background-color:#d4edda;border-left:4px solid #28a745;border-radius:5px;margin-bottom:20px;padding:15px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px solid #ddd;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{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 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 #667eea4d}.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{width:100%;padding-bottom:40px}.re-header{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 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:#059669;margin-bottom:20px;font-size:2.5rem}.re-intro p{color:#666;font-size:1.1rem;line-height:1.8}@media screen and (width<=768px){.re-header h1,.re-intro h2,.benefits h2{font-size:2rem}.solutions-grid,.benefits-grid{gap:20px}}.robotics{width:100%;padding-bottom:40px}.robotics-header{color:#fff;text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 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:#1e40af;margin-bottom:20px;font-size:2.5rem}.robotics-intro p{color:#666;font-size:1.1rem;line-height:1.8}.applications{background-color:#eff6ff;padding:80px 20px}.applications h2{color:#1e40af;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:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a}.app-card h3{color:#3b82f6;margin-bottom:15px;font-size:1.3rem}.app-card p{color:#666;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{width:100%;padding-bottom:40px}.edu-header{color:#fff;text-align:center;background:linear-gradient(135deg,#ec4899 0%,#be185d 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:#be185d;margin-bottom:20px;font-size:2.5rem}.edu-intro p{color:#666;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:#fff;border-left:4px solid #ec4899;border-radius:10px;padding:30px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.solution-card:hover{border-left-color:#be185d;transform:translateY(-10px);box-shadow:0 15px 35px #00000026}.solution-icon{margin-bottom:20px;font-size:3rem}.solution-card h3{color:#333;margin-bottom:15px;font-size:1.5rem}.solution-card p{color:#666;margin-bottom:20px;line-height:1.6}.features{background-color:#fce7f3;border-radius:8px;padding:15px}.features h4{color:#be185d;margin-bottom:10px;font-size:.9rem}.features ul{padding:0;list-style:none}.features li{color:#666;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:#666;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}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%}