.header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:80px;background:linear-gradient(to right,#f2f2f2,#35539b 60% 100%)}.header-left{display:flex;align-items:center}.logo{width:60px;height:60px;margin-right:1rem;background:#fff;border-radius:50%;object-fit:contain}.company-name{font-size:2rem;font-weight:700;color:#35539b;letter-spacing:1px}.header-nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header-nav li{color:#fff;font-size:1.25rem;font-weight:500;cursor:pointer;position:relative;transition:color .2s}.header-nav li:hover{color:#e0e0e0}.dropdown{font-size:.8em;margin-left:.3em}.banner{width:100%;height:500px;background:linear-gradient(135deg,#35539b 60%,#f2f2f2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:1002}.bar{width:28px;height:4px;background:#fff;margin:4px 0;border-radius:2px;transition:.3s}@media (max-width: 900px){.header-nav{position:fixed;top:80px;right:0;width:220px;height:calc(100% - 80px);background:#35539b;flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;gap:1.5rem;transform:translate(100%);transition:transform .3s ease;z-index:1001;box-shadow:-2px 0 12px #35539b14}.header-nav.open{transform:translate(0)}.header-nav ul{flex-direction:column;gap:1.5rem}.header-nav li{font-size:1.1rem;color:#fff}.hamburger{display:flex}}@media (max-width: 600px){.company-name{font-size:1.1rem}.logo{width:40px;height:40px}.header{height:60px;padding:0 1rem}.header-nav{top:60px;height:calc(100% - 60px)}}.banner{width:100%;height:500px;background:linear-gradient(135deg,#35539b 60%,#f2f2f2);display:flex;align-items:center;justify-content:flex-start;color:#fff;font-size:3rem;font-weight:700;margin-bottom:2rem;box-shadow:0 4px 16px #35539b1a;position:relative;overflow:hidden}.banner:after{content:"";position:absolute;inset:0;background:#1e203273;z-index:1}.banner-content{position:relative;z-index:2;padding-left:4rem;max-width:600px}.banner-content h1{margin:0;font-size:3.5rem;font-weight:800;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.banner{height:400px;justify-content:center}.banner-content{padding-left:2rem;padding-right:2rem;text-align:center}.banner-content h1{font-size:2.5rem}}@media (max-width: 480px){.banner-content h1{font-size:2rem}}.welcome-section{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 4vw;max-width:1200px;margin:0 auto}.welcome-image img{width:320px;max-width:100%;border-radius:18px;box-shadow:0 4px 16px #35539b1f}.welcome-content{flex:1;color:#fff;background:#1e2032b3;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #35539b14}.welcome-content h2{margin-top:0;color:#fff;font-size:2rem;margin-bottom:1rem}.welcome-content p{font-size:1.15rem;line-height:1.7;color:#f3f3f3}@media (max-width: 900px){.welcome-section{flex-direction:column;padding:1.5rem 2vw;gap:1.5rem}.welcome-image img{width:100%;max-width:350px}.welcome-content{padding:1.5rem 1rem}}.aboutus-hero{display:flex;align-items:stretch;justify-content:center;background:#f4f4f4;border-radius:16px;box-shadow:0 4px 24px #35539b1a;max-width:1200px;margin:2rem auto;overflow:hidden}.aboutus-hero-image{flex:1.2;min-width:0;display:flex;align-items:stretch;background:#eaeaea}.aboutus-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.aboutus-hero-content{flex:1.5;background:#f4f4f4;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.aboutus-hero-content h2{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:1.5rem}.aboutus-hero-content p{font-size:1.15rem;color:#222;margin-bottom:2rem;line-height:1.7}.aboutus-hero-btn{background:#35539b;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s}.aboutus-hero-btn:hover{background:#236}@media (max-width: 900px){.aboutus-hero{flex-direction:column;margin:1rem .5rem}.aboutus-hero-content{padding:2rem 1rem}}.products-section{margin:1.5rem auto 1rem;max-width:1400px;padding:0 1rem}.products-title{text-align:center;font-size:2.3rem;font-weight:700;color:#333;margin-bottom:.7rem}.products-desc{text-align:center;color:#555;font-size:1.15rem;margin-bottom:2.2rem}.product-card:hover{box-shadow:0 8px 32px #35539b2e;transform:translateY(-4px) scale(1.03)}.product-card img{width:100%;height:100%;object-fit:contain;display:block;background:#f8f8f8}.product-card h3{margin:.8rem 0 .4rem;font-size:1.4rem;color:#35539b;text-align:center}.product-card p{font-size:1.08rem;color:#555;text-align:center}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}.product-card:hover .flip-card-inner,.product-card:focus-within .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flip-card-front{background:#ffffffb3;z-index:2}.flip-card-front img{width:100%;height:100%;object-fit:contain;margin:0;box-shadow:none}.flip-card-back{color:#fff;transform:rotateY(180deg);z-index:3;padding:1rem;text-align:center}.flip-card-back h3{margin:0 0 .5rem;font-size:1.2rem}.flip-card-back p{font-size:1rem}@media (max-width: 1000px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.products-grid{grid-template-columns:1fr}.products-title{font-size:1.5rem}}.customer-base-section{background:#181c2a;color:#fff;padding:3rem 1rem 2rem;border-radius:18px;margin:2rem auto;max-width:1200px;box-shadow:0 4px 32px #35539b21}.customer-base-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:.3rem}.customer-base-subtitle{text-align:center;color:#e0e0e0;margin-bottom:2rem;font-size:1.1rem}.customer-category{margin-bottom:2.2rem}.customer-category h3{color:#ff5252;font-size:1.3rem;margin-bottom:1rem;text-align:center;letter-spacing:1px}.customer-logos-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.customer-tabs{display:flex;justify-content:center;gap:1.2rem;margin-bottom:2.2rem}.customer-tabs button{background:#24283cb3;color:#fff;border:none;outline:none;padding:.7rem 2.2rem;border-radius:30px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #35539b14}.customer-tabs button.active,.customer-tabs button:hover{background:linear-gradient(90deg,#35539b 60%,#ff5252);color:#fff;box-shadow:0 4px 16px #35539b21}.customer-logo-card{width:170px;height:170px;background:#24283c73;border-radius:18px;box-shadow:0 8px 32px #1f26872e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s,border .2s;position:relative;overflow:hidden;margin:.5rem}.customer-logo-card img{max-width:120px;max-height:100px;object-fit:contain;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}@media (max-width: 700px){.customer-logo-card img{max-width:80px;max-height:60px}}.customer-logo-card span{color:#fff;font-size:1.08rem;text-align:center;margin-top:.2rem;letter-spacing:.5px;font-weight:500}.customer-logo-card:hover{transform:translateY(-8px) scale(1.08);box-shadow:0 12px 40px #35539b38;border:1.5px solid #ff5252;background:#35539b2e}.animated-card{opacity:0;transform:translateY(30px) scale(.98);animation:fadeInUp .7s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.customer-logos-grid{gap:.7rem}.customer-logo-card{width:110px;height:110px;padding:.5rem}.customer-logo-card img{max-width:50px;max-height:35px}}.high-voltage-section{background:#fff;color:#222;border-radius:18px;box-shadow:0 4px 32px #35539b1a;padding:2.5rem 1.5rem 2rem;margin:2.5rem auto;max-width:1200px}.hv-title{text-align:center;font-size:2.3rem;font-weight:700;margin-bottom:.5rem;color:#222;letter-spacing:1px}.hv-desc{text-align:center;font-size:1.1rem;color:#444;margin-bottom:2.2rem;max-width:800px;margin-left:auto;margin-right:auto}.hv-highlight-row{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.hv-highlight{font-size:2.2rem;font-weight:600;color:#35539b;letter-spacing:2px;text-align:center;margin-bottom:1.5rem;width:100%}.hv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 2px 12px #35539b14;flex:1;min-width:0}@media (max-width: 1000px){.hv-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.hv-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.hv-grid{grid-template-columns:1fr}}.hv-card{background:#ffffffb3;border-radius:18px;box-shadow:0 8px 32px #35539b21,0 1.5px 8px #e74c3c14;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2.5px solid rgba(53,83,155,.13);padding:1.5rem 1.2rem;display:flex;align-items:center;justify-content:center;min-height:120px;min-width:120px;transition:box-shadow .25s,transform .22s,border .22s,background .22s;position:relative;overflow:hidden}.hv-card:before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#35539b12,#e74c3c12);z-index:0;pointer-events:none}.hv-card img{max-width:80px;max-height:80px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(53,83,155,.1));z-index:1}.hv-card:hover{box-shadow:0 16px 48px #35539b38,0 2px 12px #e74c3c21;transform:translateY(-6px) scale(1.06);border:2.5px solid #35539b;background:#fffffff2}.hv-features{margin-top:2.2rem;text-align:center;color:#222}.hv-features p{font-size:1.08rem;font-weight:500;margin-bottom:.7rem}.hv-features ul{list-style:disc inside;color:#35539b;font-size:1rem;margin:0 auto;display:inline-block;text-align:left}@media (max-width: 700px){.hv-card{padding:1rem .7rem;min-width:80px;min-height:80px}.hv-card img{max-width:50px;max-height:50px}}.product-section{background:#fff;color:#222;border-radius:18px;box-shadow:0 4px 32px #35539b1a;padding:2.5rem 1.5rem 2rem;margin:2.5rem auto;max-width:1200px}.product-title{text-align:center;font-size:2.3rem;font-weight:700;margin-bottom:.5rem;color:#222;letter-spacing:1px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 2px 12px #35539b14;flex:1;min-width:0}@media (max-width: 1000px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.product-grid{grid-template-columns:1fr}}.product-card{position:relative;width:360px;height:280px;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px #35539b1a;margin:1.2rem .7rem;background:#fff;display:flex;align-items:stretch;justify-content:stretch;transition:box-shadow .2s,transform .2s}.product-card img{width:100%;height:100%;object-fit:cover;display:block}.product-title-bar{position:absolute;left:0;right:0;bottom:0;height:48px;background:#fffffff5;display:flex;align-items:center;font-weight:700;font-size:1.15rem;padding-left:1.2rem;border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top:none}.product-title-bar:before{content:"";display:block;width:8px;height:60%;background:#ffb200;border-radius:4px;margin-right:1rem}@media (max-width: 700px){.product-card{width:95vw;height:160px;min-width:unset;max-width:unset}}.product-features{margin-top:2.2rem;text-align:center;color:#222}.product-features p{font-size:1.08rem;font-weight:500;margin-bottom:.7rem}.product-features ul{list-style:disc inside;color:#35539b;font-size:1rem;margin:0 auto;display:inline-block;text-align:left}@media (max-width: 700px){.product-card{min-height:200px;max-width:95vw;padding:1rem .5rem}}.products-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center}@media (max-width: 1000px){.products-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.products-grid,.product-grid{grid-template-columns:1fr}}.contactus-container{display:flex;gap:2rem;padding:2rem;background:#f5f5f5}.contactus-left{flex:1;display:flex;align-items:center;justify-content:center}.contact-form-box{background:#e0e0e0;padding:2rem;border-radius:10px;box-shadow:0 2px 8px #00000012;width:100%;max-width:400px}.contact-form-box h2{margin-top:0;font-size:2rem;font-weight:700}.contact-form-box p{margin-bottom:1.5rem;color:#333}.contact-form input,.contact-form textarea{width:100%;margin-bottom:1rem;padding:.8rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;background:#fff}.contact-form button{width:100%;padding:.8rem;background:#2d4694;color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.contact-form button:hover{background:#1a2d5a}.contactus-right{flex:1.2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.contactus-map-section{display:flex;flex-direction:row;align-items:flex-start;width:100%;background:#fff;border-radius:1px;box-shadow:0 2px 8px #00000012;padding:1rem;gap:2rem}.contactus-map{width:100%;max-width:400px;border-radius:1px;margin-bottom:0}.contactus-locations{display:flex;flex-direction:column;gap:1rem;min-width:150px}.contactus-location-img{display:flex;align-items:center;gap:1rem;background:#f8f8f8;border:2px solid #e74c3c;border-radius:8px;padding:.5rem 1rem}.contactus-location-img img{width:100px;height:85px;object-fit:cover;border-radius:5px;border:1px solid #ccc}.contactus-location-img span{font-weight:700;color:#2d4694;font-size:1.1rem}@media (max-width: 900px){.contactus-container{flex-direction:column;gap:1rem}.contactus-right,.contactus-left{width:100%;max-width:100%}.contactus-map{max-width:100%}}.aboutus-container{width:100%;min-height:100vh;background:#f8f9fa}.aboutus-section{max-width:1200px;margin:0 auto;border-radius:16px;box-shadow:0 2px 12px #35539b14;padding:2.5rem 2rem;margin-bottom:2rem}.aboutus-section h2{color:#35539b;margin-top:1.5rem;margin-bottom:.5rem}.aboutus-section p{color:#333;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.aboutus-section ul{padding-left:1.5rem;color:#35539b;font-size:1.1rem;margin-bottom:0}.aboutus-section li{margin-bottom:.5rem}.journey-title{color:#333;margin-top:2.5rem;margin-bottom:1.5rem;font-size:2.2rem;font-weight:700}.timeline{position:relative;margin:2.5rem 0 0;padding-left:40px;border-left:4px solid #35539b}.timeline-item{display:flex;align-items:flex-start;margin-bottom:2.2rem;position:relative;opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-dot{position:absolute;left:-13px;top:8px;width:22px;height:22px;background:#e74c3c;border-radius:50%;border:4px solid #fff;box-shadow:0 0 #e74c3c,0 2px 8px #35539b1a;z-index:2;animation:dot-glow 2s infinite alternate}@keyframes dot-glow{0%{box-shadow:0 0 #e74c3c55,0 2px 8px #35539b1a}to{box-shadow:0 0 16px 6px #e74c3c55,0 2px 8px #35539b1a}}.timeline-content{background:#fff;border-radius:10px;box-shadow:0 2px 12px #35539b1a;padding:1.1rem 1.5rem;margin-left:20px;min-width:250px;max-width:900px;flex:1;transition:box-shadow .2s,transform .2s}.timeline-content:hover{box-shadow:0 8px 32px #35539b2e;transform:translateY(-4px) scale(1.025)}.timeline-year{font-size:1.2rem;font-weight:700;color:#35539b;margin-bottom:.3rem}.timeline-event{font-size:1.08rem;color:#333}@media (max-width: 700px){.aboutus-section{padding:1.2rem .5rem}.timeline{padding-left:20px;border-left-width:3px}.timeline-content{padding:.8rem .7rem;min-width:0;max-width:100%}.timeline-dot{width:16px;height:16px;left:-8px;top:8px}}.journey-table,.journey-years,.journey-year,.journey-events,.journey-event{all:unset}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.container{max-width:auto;margin:0 auto;padding:1rem}.text-center{text-align:center}.hidden{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}