@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;line-height:1.6;color:#333;perspective:1000px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#1A1A2E;color:#fff;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem}.logo-image{height:40px;width:auto;object-fit:contain}.logo h2{color:#ff6a00;font-family:Montserrat,sans-serif;font-weight:700;margin:0}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;transform-style:preserve-3d;position:relative}.nav a:hover{color:#ff6a00;transform:rotateY(10deg) translateZ(10px)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:white;min-width:200px;box-shadow:0 5px 15px #0003;border-radius:5px;padding:1rem 0;z-index:1001;transform:rotateX(-90deg) translateZ(-20px);transform-origin:top;animation:dropdown3D .3s ease forwards}@keyframes dropdown3D{to{transform:rotateX(0) translateZ(0)}}.dropdown-menu a{display:block;padding:.5rem 1rem;color:#333;white-space:nowrap}.dropdown-menu a:hover{background:#f8f9fa;color:#ff6a00}.hero{background:url(/assets/Hero\ Header__wind-turbines-field-representing-green-energy-industry.89bb0443.jpg) center/cover;background-size:100% auto;background-repeat:no-repeat;min-height:80vh;margin-trim:0;color:#0a0a0a;padding:120px 0 30px;text-align:center;position:relative;overflow:hidden;display:flex;align-items:normal;justify-content:center;margin-bottom:0;top:3vh;bottom:auto}.zoom-out{transform:scale(1);transition:transform .3s ease-in;height:100%;width:100%}.business-highlights{padding:60px 0;background:#f8f9fa;margin-top:0}.hero-content{position:relative;z-index:2;max-width:1200px;width:100%;padding:2rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;border-radius:10px}.hero-content h1{font-size:6dvh;font-family:Montserrat,sans-serif;font-weight:800;margin-bottom:1rem;max-width:8 px;margin-left:auto;margin-right:auto;animation:heroTitle3D 1s ease-out;transform-style:preserve-3d;justify-content:center;text-align:center;margin:4rem auto 1rem;color:#1a1a2e;text-shadow:0 2px 4px rgba(255,255,255,.3)}@keyframes heroTitle3D{0%{transform:rotateX(-30deg) translateY(-50px) translateZ(-100px);opacity:0}to{transform:rotateX(0) translateY(0) translateZ(0);opacity:1}}.hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:9 00px;margin-left:auto;margin-right:auto;color:#333;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.2)}.hero-buttons{display:flex;gap:3rem;justify-content:center;flex-wrap:unset}.btn-primary{background:#FF6A00;color:#fff;border:none;padding:12px 24px;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary:hover{background:#e55a00;transform:translateY(-2px) rotateX(10deg) translateZ(20px);box-shadow:0 15px 25px #ff6a0066}.btn-secondary{background:transparent;color:#fff;border:2px solid white;padding:10px 24px;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;transform-style:preserve-3d}.btn-secondary:hover{background:white;color:#1a1a2e;transform:translateY(-2px) rotateY(5deg) translateZ(15px);box-shadow:0 10px 20px #ffffff4d}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.highlight-card{background:white;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:all .4s ease;transform-style:preserve-3d;animation:cardFloat 3s ease-in-out infinite}.highlight-card:hover{transform:translateY(-10px) rotateY(10deg) rotateX(5deg) translateZ(30px);box-shadow:0 20px 40px #0003}@keyframes cardFloat{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-5px) rotateY(2deg)}}.icon{font-size:3rem;margin-bottom:1rem;display:block;width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#007acc,#005a99);color:#fff;font-size:2.5rem;position:relative;overflow:hidden}.icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:transform .6s}.highlight-card:hover .icon:before{transform:rotate(45deg) translate(50%,50%)}.highlight-card:nth-child(1) .icon{background:linear-gradient(135deg,#ff6b35,#f7931e)}.highlight-card:nth-child(2) .icon{background:linear-gradient(135deg,#4ecdc4,#26a69a)}.highlight-card:nth-child(3) .icon{background:linear-gradient(135deg,#9c27b0,#673ab7)}.highlight-card h3{color:#1a1a2e;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-weight:600}.about-section{padding:80px 0;background:linear-gradient(rgb(186 212 237 / 95%),rgb(233 240 247 / 95%)),url(/assets/carbon-offset-price-report-co2-emission-future-growth-net-zero-waste-esg-ethical-sme-office-protect-climate-change-global-warming-social-issues-project-group-asia-people-eco-friendly-sdgs-plan.aff936e1.jpg) center/cover}.about-content{text-align:center;margin-bottom:3rem}.about-content h2{color:#1a1a2e;font-size:2.5rem;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-weight:700}.about-details{max-width:800px;margin:0 auto}.about-details h3{color:#ff6a00;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-weight:600}.about-details ul{list-style:none;margin:2rem 0}.about-details li{padding:.5rem 0 .5rem 1.5rem;position:relative}.about-details li:before{content:"\2713";position:absolute;left:0;color:#ff6a00;font-weight:700}.vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0}.vision-section,.mission-section{background:white;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:all .4s ease;transform-style:preserve-3d}.vision-section:hover,.mission-section:hover{transform:translateY(-5px) rotateY(3deg) translateZ(20px);box-shadow:0 15px 30px #00000026}.vision-section h3,.mission-section h3{color:#ff6a00;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.5rem}.vision-section p,.mission-section p{color:#333;line-height:1.6;text-align:left}@media (max-width: 768px){.vision-mission{grid-template-columns:1fr;gap:2rem}}.certifications{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.certifications span{background:#1A1A2E;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.solutions{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 50%,#dee2e6 100%)}.solutions h2{text-align:center;color:#1a1a2e;font-size:2.5rem;margin-bottom:3rem;font-family:Montserrat,sans-serif;font-weight:700}.solution-section{background:white;margin:2rem 0;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:all .4s ease;transform-style:preserve-3d;animation:slideInLeft .6s ease-out;position:relative;overflow:hidden}.solution-section:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8;transition:all .3s ease;border-radius:0 10px 10px 0;filter:grayscale(10%) brightness(1.1)}.solution-section:hover:before{opacity:.35;filter:grayscale(0%) brightness(1.2)}#lng:before{background-image:url(/assets/storage-two-gas-lpg-horizontal-tanks-pipeline.53ec0f67.jpg)}#cryogenic:before{background-image:url(/assets/3d-rendering-gas-cylinder.eb88a069.jpg)}#rail:before{background-image:url(/assets/transport-concept-with-train.906a0422.jpg)}#mechatronics:before{background-image:url(/assets/blue-train-carriage-with-open-closed-sliding-mechanical-door-train-station-platform.3148cb7a.jpg)}.solution-section:hover{transform:translate(10px) rotateY(3deg) translateZ(20px);box-shadow:0 15px 30px #0003}@keyframes slideInLeft{0%{transform:translate(-50px) rotateY(-10deg);opacity:0}to{transform:translate(0) rotateY(0);opacity:1}}.solution-text{position:relative;z-index:2;width:60%}.solution-section h3{color:#ff6a00;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-weight:600}.solution-content ul{margin:1rem 0}.solution-content li{margin:.5rem 0}.benefits{margin:1.5rem 0}.benefits h4{color:#1a1a2e;margin-bottom:.5rem}.our-edge{background:linear-gradient(rgb(186 212 237 / 95%),rgb(233 240 247 / 95%)),url(/assets/global-sustainability-development-esg-concept.1f3a5ff7.jpg) center/cover;padding:80px 0;text-align:center}.our-edge:hover:before{opacity:.35;filter:grayscale(0%) brightness(1.2)}.our-edge h2{color:#0e0d0d;font-size:2.5rem;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-weight:700}.edge-description{color:#0c0c0c;line-height:1.6;text-align:center}.edge-subtitle{color:#0e0d0d;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.edge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.edge-item{padding:1.5rem}.edge-item h3{color:#0f0e0e;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-weight:600}.cta-banner{background:url(/assets/Footer\ CTA__green-business-esg-management-tool-save-world-lca-future-better-day.b9d44781.jpg) center/cover;min-height:80vh;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:100px 0;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.cta-banner .container{position:absolute;z-index:1;text-align:center;max-width:1000px;margin:0 auto;padding:0 20px}.cta-banner h2{font-size:2rem;max-width:900px;font-family:Montserrat,sans-serif;font-weight:700;margin-top:16rem;color:#f8f6f6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.contact{padding:80px 0;background:#1A1A2E;color:#ff6a00;align-items:center}.contact h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;font-family:Montserrat,sans-serif;font-weight:700;align-items:center}.contact-content{display:flex;justify-content:center;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.contact-info h3,.contact-form h3{width:100%;color:#ff6a00;margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-weight:600;align-items:center}.office-details h4{color:#ff6a00;margin-bottom:1rem}.office-details p{margin-bottom:.5rem}.contact-form form{display:flex;flex-direction:column;gap:1rem;width:36rem}.contact-form input,.contact-form select,.contact-form textarea{padding:12px;border:none;border-radius:5px;font-family:inherit;font-size:1rem;transition:all .3s ease;transform-style:preserve-3d;align-items:center}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #FF6A00;transform:translateZ(10px) rotateX(2deg);box-shadow:0 5px 15px #ff6a0033;align-items:center}.footer{background:#000;color:#fff;text-align:center;padding:2rem 0}@media (max-width: 768px){.hero-content h1{font-size:2rem}.nav{flex-direction:column;gap:1rem}.contact-content{grid-template-columns:1fr}.hero-buttons,.cta-buttons{flex-direction:column;align-items:center}.highlights-grid,.edge-grid,.news-grid{grid-template-columns:1fr}}html{scroll-behavior:smooth}section{scroll-margin-top:70px;margin:0}@keyframes sectionReveal{0%{transform:translateY(50px) rotateX(-10deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.business-highlights{animation:slideInFromRight 1s ease-out .2s both}.about-section{animation:slideInFromLeft 1s ease-out .4s both}@keyframes slideInFromRight{0%{transform:translate(100px) rotateY(15deg);opacity:0}to{transform:translate(0) rotateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100px) rotateY(-15deg);opacity:0}to{transform:translate(0) rotateY(0);opacity:1}}@keyframes scaleIn3D{0%{transform:scale(.8) rotateX(-20deg) translateZ(-50px);opacity:0}to{transform:scale(1) rotateX(0) translateZ(0);opacity:1}}