: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.data_center{text-align:center}.data_center h1{font-size:35px;font-weight:700;color:#6b8e23}.data_center p{font-size:15px;color:olive}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--light-bg: #f8f9fa;--light-text: #2c3e50;--light-primary: #27ae60;--light-secondary: #3498db;--light-card: #ffffff;--light-border: #e0e0e0;--light-accent: #f1f8e9;--dark-bg: #121212;--dark-text: #e0e0e0;--dark-primary: #2ecc71;--dark-secondary: #1abc9c;--dark-card: #1e1e1e;--dark-border: #333333;--dark-accent: #1a252f}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s,color .3s}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}body.light{background-color:var(--light-bg);color:var(--light-text)}body.dark{background-color:var(--dark-bg);color:var(--dark-text)}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.container_width,.honda_logo_customize{width:100%}.header{padding:1rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-bottom:1px solid var(--light-border)}.dark .header{background-color:#1e1e1ee6;border-bottom:1px solid var(--dark-border)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:45px}.logo-icon img{width:115px;position:absolute;z-index:9999999999;top:-34px}.logo-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-icon .leaf,.logo-icon .chip{font-size:24px;position:absolute}.logo-icon .chip{font-size:16px;top:12px;left:20px}.logo h1{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--light-primary),var(--light-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.dark .logo h1{background:linear-gradient(90deg,var(--dark-primary),var(--dark-secondary));-webkit-background-clip:text;background-clip:text}.nav ul{display:flex;list-style:none;gap:2rem}.nav a{text-decoration:none;color:inherit;font-weight:500;padding:.5rem 0;position:relative}.nav a:hover,.nav a.active{color:var(--light-primary)}.dark .nav a:hover,.dark .nav a.active{color:var(--dark-primary)}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--light-primary);transition:width .3s}.dark .nav a:after{background-color:var(--dark-primary)}.nav a:hover:after,.nav a.active:after{width:100%}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:#0000000d}.dark .theme-toggle:hover{background-color:#ffffff1a}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0}.menu-toggle span{height:3px;width:100%;background-color:var(--light-text);border-radius:3px;transition:.3s}.dark .menu-toggle span{background-color:var(--dark-text)}.menu-toggle span.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle span.open:nth-child(2){opacity:0}.menu-toggle span.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hero{padding:4rem 0;min-height:90vh;display:flex;align-items:center}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-content{flex:1}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:1rem}.highlight{color:var(--light-primary);font-weight:800}.dark .highlight{color:var(--dark-primary)}.hero-subtitle{font-size:1.5rem;color:var(--light-secondary);margin-bottom:1.5rem}.dark .hero-subtitle{color:var(--dark-secondary)}.hero-description{font-size:1.1rem;margin-bottom:2rem;max-width:600px}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.btn{padding:.8rem 1.8rem;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;border:none;transition:all .3s}.btn-primary{background-color:var(--light-primary);color:#fff}.btn-primary:hover{background-color:#219653;transform:translateY(-3px);box-shadow:0 10px 20px #27ae604d}.btn-secondary{background-color:transparent;color:var(--light-primary);border:2px solid var(--light-primary)}.btn-secondary:hover{background-color:#27ae601a;transform:translateY(-3px)}.dark .btn-secondary{color:var(--dark-primary);border:2px solid var(--dark-primary)}.dark .btn-secondary:hover{background-color:#2ecc711a}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.visual-container{position:relative;width:400px;height:400px}.tree{position:absolute;width:200px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.trunk{position:absolute;width:20px;height:150px;background-color:#8b4513;bottom:0;left:90px;border-radius:5px}.leaves{position:absolute;width:180px;height:180px;background-color:var(--light-primary);border-radius:50%;bottom:140px;left:10px}.dark .leaves{background-color:var(--dark-primary)}.circuit-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 30% 30%,transparent 10%,rgba(52,152,219,.2) 11%,transparent 12%),radial-gradient(circle at 70% 60%,transparent 10%,rgba(52,152,219,.2) 11%,transparent 12%),radial-gradient(circle at 40% 80%,transparent 10%,rgba(52,152,219,.2) 11%,transparent 12%)}.floating-elements{position:absolute;width:100%;height:100%}.float-element{position:absolute;font-size:1.8rem;animation:float 6s ease-in-out infinite}.el1{top:10%;left:10%;animation-delay:0s}.el2{top:20%;right:15%;animation-delay:1s}.el3{bottom:30%;left:5%;animation-delay:2s}.el4{bottom:15%;right:25%;animation-delay:3s}.el5{top:50%;right:5%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.section{padding:5rem 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--light-secondary);font-size:1.2rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.dark .section-subtitle{color:var(--dark-secondary)}.about-content{display:flex;align-items:center;gap:4rem;margin-top:3rem}.about-text{flex:1}.about-text p{margin-bottom:1.5rem;font-size:1.1rem}.stats{display:flex;justify-content:space-between;margin-top:2rem}.stat{text-align:center}.stat h3{font-size:2.5rem;color:var(--light-primary)}.dark .stat h3{color:var(--dark-primary)}.stat p{font-size:.9rem;color:var(--light-secondary)}.dark .stat p{color:var(--dark-secondary)}.about-image{flex:1}.image-frame{width:100%;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;position:relative}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#a8e6cf,#dcedc1);position:relative}.dark .image-placeholder{background:linear-gradient(135deg,#1a535c,#4ecdc4)}.nature-tech-image{width:100%;height:100%;position:relative}.solar-panel{position:absolute;width:120px;height:80px;background-color:#2c3e50;top:50px;left:50px;transform:rotate(15deg);border-radius:5px}.wind-turbine{position:absolute;width:5px;height:100px;background-color:#7f8c8d;top:100px;right:100px}.wind-turbine:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:5px dashed #7f8c8d;top:-30px;left:-30px}.green-roof{position:absolute;width:150px;height:30px;background-color:var(--light-primary);bottom:80px;left:100px;border-radius:5px}.dark .green-roof{background-color:var(--dark-primary)}.water-flow{position:absolute;width:10px;height:80px;background-color:#3498db;bottom:30px;right:150px;animation:water-flow 2s infinite}@keyframes water-flow{0%,to{height:80px}50%{height:120px}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.tech-card{background-color:var(--light-card);border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000000d;transition:transform .3s,box-shadow .3s;border:1px solid var(--light-border)}.dark .tech-card{background-color:var(--dark-card);border-color:var(--dark-border);box-shadow:0 10px 30px #0003}.tech-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.dark .tech-card:hover{box-shadow:0 20px 40px #0000004d}.tech-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem}.tech-card h3{font-size:1.5rem;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.project-card{background-color:var(--light-card);border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000000d;border:1px solid var(--light-border);transition:transform .3s}.dark .project-card{background-color:var(--dark-card);border-color:var(--dark-border);box-shadow:0 10px 30px #0003}.project-card:hover{transform:translateY(-5px)}.project-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.project-status{padding:.3rem .8rem;border-radius:50px;font-size:.8rem;font-weight:600}.project-status.completed{background-color:#27ae6033;color:var(--light-primary)}.dark .project-status.completed{background-color:#2ecc7133;color:var(--dark-primary)}.project-status.in-progress{background-color:#3498db33;color:var(--light-secondary)}.dark .project-status.in-progress{background-color:#1abc9c33;color:var(--dark-secondary)}.project-status.in-development{background-color:#9b59b633;color:#9b59b6}.project-category{font-size:.9rem;color:var(--light-secondary)}.dark .project-category{color:var(--dark-secondary)}.project-card h3{font-size:1.5rem;margin-bottom:1rem}.project-card p{color:var(--light-text);opacity:.8;margin-bottom:1.5rem}.dark .project-card p{color:var(--dark-text)}.project-footer{margin-top:1.5rem}.project-btn{background:none;border:none;color:var(--light-primary);font-weight:600;cursor:pointer;padding:.5rem 0;position:relative}.dark .project-btn{color:var(--dark-primary)}.project-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--light-primary);transition:width .3s}.dark .project-btn:after{background-color:var(--dark-primary)}.project-btn:hover:after{width:100%}.contact-content{display:flex;gap:4rem;margin-top:3rem}.contact-info{flex:1}.contact-info h3{font-size:2rem;margin-bottom:1.5rem}.contact-info p{margin-bottom:2rem;font-size:1.1rem}.contact-details{margin-top:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-icon{font-size:1.5rem}.contact-item h4{margin-bottom:.3rem}.contact-form{flex:1;background-color:var(--light-card);padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000000d;border:1px solid var(--light-border)}.dark .contact-form{background-color:var(--dark-card);border-color:var(--dark-border);box-shadow:0 10px 30px #0003}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border-radius:8px;border:1px solid var(--light-border);background-color:var(--light-bg);color:var(--light-text);font-family:inherit;font-size:1rem}.dark .form-group input,.dark .form-group textarea{background-color:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--light-primary)}.dark .form-group input:focus,.dark .form-group textarea:focus{border-color:var(--dark-primary)}.footer{background-color:var(--light-accent);padding:4rem 0 2rem;margin-top:auto}.dark .footer{background-color:var(--dark-accent)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.footer-logo{flex:1;min-width:300px}.footer-logo .logo{margin-bottom:1rem}.footer-links{flex:2;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-column h4{font-size:1.2rem;margin-bottom:1.5rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.8rem}.footer-column a{text-decoration:none;color:inherit;transition:color .3s}.footer-column a:hover{color:var(--light-primary)}.dark .footer-column a:hover{color:var(--dark-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--light-border)}.dark .footer-bottom{border-top-color:var(--dark-border)}.footer-bottom p{margin-bottom:.5rem;opacity:.8}@media(max-width:992px){.hero .container{flex-direction:column}.hero-title{font-size:2.8rem}.about-content,.contact-content{flex-direction:column}.visual-container{width:350px;height:350px}}@media(max-width:768px){.menu-toggle{display:flex}.nav{position:fixed;top:70px;left:0;width:100%;background-color:var(--light-card);padding:2rem;box-shadow:0 10px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s}.dark .nav{background-color:var(--dark-card)}.nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav ul{flex-direction:column;align-items:center;gap:1.5rem}.hero-title{font-size:2.3rem}.section-title{font-size:2rem}.stats{flex-direction:column;gap:2rem}.tech-grid,.projects-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:2rem}}@media(max-width:576px){.hero-buttons{flex-direction:column;align-items:flex-start}.btn{width:100%;text-align:center}.visual-container{width:300px;height:300px}}