#home-swiper{position:relative;overflow:hidden}
#home-swiper video{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;width:100%;height:100%;object-fit:cover}
#home-swiper .hero-video{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:1200px){#home-swiper{height:900px}}
@media (min-width:769px) and (max-width:1199px){#home-swiper{height:680px}}
@media (max-width:768px){#home-swiper{height:500px}}
@media (max-width:450px){#home-swiper{height:420px}}
#home-swiper:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.45) 35%,rgba(0,0,0,.15) 65%,rgba(0,0,0,0) 100%);z-index:1}
#home-swiper .banner-animate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:100%;color:#fff;font-size:var(--fontsize16);padding:0 90px;opacity:0}
#home-swiper .banner-animate{animation:bannertext 1s .7s forwards}
#home-swiper .banner-animate .p1{font-size:45px;max-width:760px;font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.65),0 0 36px rgba(0,0,0,.45)}
#home-swiper .banner-animate .p2{font-size:var(--fontsize18);margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:0 2px 5px rgba(0,0,0,.85),0 0 16px rgba(0,0,0,.6),0 0 32px rgba(0,0,0,.4)}
#home-swiper .banner-animate .hero-points{display:flex;flex-wrap:wrap;gap:10px 30px;margin:22px 0 0;padding:0;list-style:none;max-width:760px}
#home-swiper .banner-animate .hero-points li{position:relative;padding-left:16px;font-size:var(--fontsize16);line-height:1.6;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.6)}
#home-swiper .banner-animate .hero-points li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}
@media (max-width:768px){#home-swiper .banner-animate .hero-points{gap:8px 18px;margin-top:16px}
#home-swiper .banner-animate .hero-points li{font-size:var(--fontsize14)}}
#home-swiper .banner-animate .p3{display:flex;align-items:center;flex-wrap:wrap;margin-top:4em}
#home-swiper .banner-animate .p3 img{margin-right:20px;width:auto;height:70px;max-width:100%;max-height:100%}
@media (max-width:768px){#home-swiper .swiper-next,#home-swiper .swiper-prev{display:none}
#home-swiper .banner-animate{padding:0 15px}
#home-swiper .banner-animate .p1{font-size:var(--fontsize20)}
#home-swiper .banner-animate .p2{margin-top:1em}
#home-swiper .banner-animate .p3{margin-top:1em}
#home-swiper .banner-animate .p3 img{height:30px}}
@media (max-width:450px){#home-swiper .banner-animate .p1{font-size:var(--fontsize20)}
#home-swiper .banner-animate .p2{display:none}}
#home-swiper .banner-animate .p2 ul{display:flex;flex-wrap:wrap;max-width:660px}
#home-swiper .banner-animate .p2 ul li{width:48%;padding:4px 20px;background-color:var(--color);font-size:var(--fontsize16);margin:10px 10px 0 0;border-radius:5px}
#home-swiper .banner-animate .hero-cta{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}
#home-swiper .banner-animate .hero-cta a{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:5px;font-weight:var(--fontbold6);font-size:var(--fontsize16);transition:all .2s linear;cursor:pointer}
#home-swiper .banner-animate .hero-cta .cta-primary{background:var(--color);color:#fff}
#home-swiper .banner-animate .hero-cta .cta-primary:hover{background:#03345f}
#home-swiper .banner-animate .hero-cta .cta-secondary{border:2px solid #fff;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.6)}
#home-swiper .banner-animate .hero-cta .cta-secondary:hover{background:#fff;color:var(--color)}
@media (max-width:768px){#home-swiper .banner-animate .hero-cta a{font-size:13px;height:44px;padding:0 20px}}
@media (max-width:450px){#home-swiper .banner-animate .hero-cta a{font-size:12px;height:40px;padding:0 15px}}
/* Trust bar */
.home-trust{background:#fff;padding:30px 0;border-bottom:1px solid #e8eef5}
.home-trust .trust-list{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center}
.home-trust .trust-list li{flex:1;min-width:170px;color:var(--color);padding:8px 18px;position:relative}
.home-trust .trust-list li:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:42px;background:rgba(4,67,133,.15)}
.home-trust .trust-list .num{font-size:var(--fontsize40);font-weight:var(--fontbold8);line-height:1.1}
.home-trust .trust-list .lab{font-size:var(--fontsize14);font-weight:var(--fontbold5);margin-top:6px;color:#044385;line-height:1.4}
/* Solutions by industry */
.home-solutions{padding:4% 0;background:#fff}
.home-solutions .sol-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.home-solutions .sol-list li{width:23.5%;background:#f7fafd;border:1px solid #e8eef5;border-radius:10px;padding:34px 24px;transition:all .2s linear;margin-top:20px}
.home-solutions .sol-list li:hover{box-shadow:0 10px 30px rgba(4,67,133,.12);transform:translateY(-6px);border-color:var(--color)}
.home-solutions .sol-list .ic{width:64px;height:64px;border-radius:10px;background:rgba(4,67,133,.08);color:var(--color);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}
.home-solutions .sol-list .ic em{font-size:32px}
.home-solutions .sol-list h3{font-size:var(--fontsize19);font-weight:var(--fontbold7);color:#080d41;margin-bottom:12px;line-height:1.3}
.home-solutions .sol-list p{font-size:var(--fontsize15);color:#656567;line-height:1.7;margin-bottom:16px}
.home-solutions .sol-list .more{color:var(--color);font-weight:var(--fontbold6);font-size:var(--fontsize15);display:inline-flex;align-items:center}
.home-solutions .sol-list .more em{margin-left:6px}

/* Factory 50/50 */
.home-factory{background:#f7fafd}
.home-factory .factory-stats{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}
.home-factory .factory-stats li{flex:1;min-width:120px;background:#fff;border-radius:8px;padding:18px;text-align:center;box-shadow:0 4px 18px rgba(53,53,53,.06)}
.home-factory .factory-stats .n{font-size:var(--fontsize26);font-weight:var(--fontbold8);color:var(--color)}
.home-factory .factory-stats .t{font-size:var(--fontsize13);color:#656567;margin-top:4px;line-height:1.3}

/* OEM/ODM */
.home-oem{padding:4% 0;background:#fff}
.home-oem .oem-flow{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.home-oem .oem-flow li{width:18%;background:#f7fafd;border-radius:10px;padding:30px 18px;position:relative;text-align:center;margin-top:20px}
.home-oem .oem-flow .step{width:46px;height:46px;border-radius:50%;background:var(--color);color:#fff;font-weight:var(--fontbold7);font-size:var(--fontsize20);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.home-oem .oem-flow h3{font-size:var(--fontsize17);font-weight:var(--fontbold7);color:#080d41;margin-bottom:10px;line-height:1.3}
.home-oem .oem-flow p{font-size:var(--fontsize14);color:#656567;line-height:1.6}
.home-oem .oem-info{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px}
.home-oem .oem-info li{flex:1;min-width:200px;background:#f7fafd;border-left:3px solid var(--color);border-radius:6px;padding:18px 22px}
.home-oem .oem-info .k{font-weight:var(--fontbold7);color:#080d41;font-size:var(--fontsize16)}
.home-oem .oem-info .v{color:#656567;font-size:var(--fontsize14);margin-top:6px;line-height:1.6}

/* FAQ accordion */
.home-faq{padding:4% 0;background:#f7fafd}
.home-faq .faq-list{max-width:1000px;margin:40px auto 0}
.home-faq details{background:#fff;border:1px solid #e8eef5;border-radius:8px;margin-bottom:16px;overflow:hidden}
.home-faq details summary{list-style:none;cursor:pointer;padding:22px 26px;font-weight:var(--fontbold6);font-size:var(--fontsize18);color:#080d41;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-faq details summary::-webkit-details-marker{display:none}
.home-faq details summary .qm{color:var(--color);font-size:24px;font-weight:var(--fontbold7);transition:transform .2s;flex-shrink:0}
.home-faq details[open] summary .qm{transform:rotate(45deg)}
.home-faq details .ans{padding:0 26px 24px;color:#656567;line-height:1.8;font-size:var(--fontsize16)}

/* Inquiry */
.home-inquiry{background:var(--color);padding:4% 0}
.home-inquiry .inq-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.home-inquiry .inq-left{width:38%;min-width:280px}
.home-inquiry .inq-left h2{color:#fff;font-size:var(--fontsize30);font-weight:var(--fontbold7);line-height:1.3;text-align:left}
.home-inquiry .inq-left .sub{color:rgba(255,255,255,.88);margin:18px 0 22px;line-height:1.7;font-size:var(--fontsize16)}
.home-inquiry .inq-contact li{display:flex;align-items:center;gap:12px;margin-top:14px;color:#fff;font-size:var(--fontsize16)}
.home-inquiry .inq-contact .ic{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.home-inquiry .inq-form{width:58%;min-width:300px;background:#fff;border-radius:12px;padding:36px}
.home-inquiry .inq-form h3{color:#080d41;font-size:var(--fontsize22);font-weight:var(--fontbold7);margin-bottom:20px}
.home-inquiry .inq-form .row{display:flex;flex-wrap:wrap;gap:16px}
.home-inquiry .inq-form .fld{flex:1;min-width:200px;margin-bottom:16px}
.home-inquiry .inq-form label{display:block;font-size:var(--fontsize14);color:#444;margin-bottom:6px;font-weight:var(--fontbold5)}
.home-inquiry .inq-form input,.home-inquiry .inq-form textarea{width:100%;height:46px;border:1px solid #d8e0ea;border-radius:6px;padding:0 14px;font-size:var(--fontsize15);font-family:var(--fontfamily);outline:0;box-sizing:border-box}
.home-inquiry .inq-form textarea{height:110px;padding:12px 14px;resize:vertical}
.home-inquiry .inq-form input:focus,.home-inquiry .inq-form textarea:focus{border-color:var(--color)}
.home-inquiry .inq-form .submit{width:100%;height:50px;background:var(--color);color:#fff;border:none;border-radius:6px;font-size:var(--fontsize16);font-weight:var(--fontbold6);cursor:pointer;margin-top:6px;transition:all .2s}
.home-inquiry .inq-form .submit:hover{background:#03345f}

/* override product grid for 6 items (3 per row) */

/* QUEN vs Traditional comparison */
.home-compare{background:#fff;padding:4% 0}
.home-compare .compare-grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px;justify-content:space-between}
.home-compare .compare-col{flex:1;min-width:340px;background:#f7fafd;border:1px solid #e8eef5;border-radius:10px;padding:34px 30px}
.home-compare .compare-col h3{font-size:var(--fontsize22);font-weight:var(--fontbold7);color:#080d41;margin-bottom:20px;text-align:center;line-height:1.3}
.home-compare .compare-img{text-align:center;margin-bottom:24px;background:#fff;border-radius:8px;padding:20px}
.home-compare .compare-img img{max-width:100%;height:auto;max-height:260px;object-fit:contain}
.home-compare .compare-col ul{list-style:none;padding:0;margin:0}
.home-compare .compare-col li{position:relative;padding-left:22px;margin-bottom:14px;font-size:var(--fontsize15);color:#444;line-height:1.7}
.home-compare .compare-col li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--color)}
.home-compare .compare-traditional li::before{background:#b8babc}
.home-compare .compare-col li strong{color:#080d41;font-weight:var(--fontbold7)}
@media (max-width:768px){.home-compare .compare-col{min-width:100%;padding:24px}
.home-compare .compare-img img{max-height:220px}}
.home-news{padding-top:4%}
@media (max-width:1024px){.home-solutions .sol-list li{width:48%}.home-oem .oem-flow li{width:48%}.home-products .homeprolist li{width:48%}.home-products .homeprolist li:last-child{width:48%}.home-inquiry .inq-left,.home-inquiry .inq-form{width:100%}}
@media (max-width:768px){.home-compare,.home-inquiry,.home-news,.home-solutions{padding:40px 0}.home-solutions .sol-list{margin-top:10px}.home-solutions .sol-list li{width:100%}.home-oem .oem-flow li{width:100%}.home-products .homeprolist li{width:100%}.home-products .homeprolist li:last-child{width:100%}.home-trust .trust-list li{flex:1 1 50%}.home-trust .trust-list li::after{display:none}}
.home-projects::after{content:"";display:block;width:100%;height:65%;position:absolute;top:0;left:0;background:rgba(0,0,0,.55);z-index:0}
.home-projects .project-nav li{cursor:pointer}
.home-foottop::after {background:#000;opacity:.4}
.home-case .more{display:flex;justify-content:center;margin-top:40px}
.home-case.home-videos .video-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px}
.home-case.home-videos .video-grid li{width:calc(33.3333% - 16px);background:#000;border-radius:10px;overflow:hidden}
.home-case.home-videos .video-grid li .vid{position:relative;width:100%;aspect-ratio:16/9}
.home-case.home-videos .video-grid li iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.home-case.home-videos .video-cta{margin-top:30px;text-align:center;font-size:15px;color:#656567;line-height:1.6}
.home-case.home-videos .video-cta a{color:var(--color);font-weight:700;text-decoration:none;border-bottom:1px solid var(--color);padding-bottom:1px;transition:all .2s linear}
.home-case.home-videos .video-cta a:hover{color:#000;border-color:#000}
@media (max-width:991px){.home-case.home-videos .video-grid li{width:calc(50% - 12px)}}
@media (max-width:600px){.home-case.home-videos .video-grid li{width:100%}}
.home-case .more a{display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0 20px;height:50px;transition:all .1s linear;position:relative;z-index:1;overflow:hidden;text-transform:capitalize;background:var(--color);border-radius:5px}
.home-case .more a:hover{opacity:.9}
.home-products .homeprolist li{height:auto;background:transparent;border:1px solid #e8eef5;border-radius:10px;padding:0;position:relative;width:32%;margin-top:40px;overflow:hidden;transition:all .2s linear;display:flex;flex-direction:column}
.home-products .homeprolist li:last-child{width:32%}
.home-products .homeprolist li .title{display:flex;align-items:center;color:#000;font-size:var(--fontsize22);font-weight:var(--fontbold6);margin-bottom:0;padding:18px 24px;transition:all .2s linear;width:100%;box-sizing:border-box;background:#fff;order:2}
.home-products .homeprolist li .title em{margin-left:6px;font-size:14px}
.home-products .homeprolist li .img{display:flex;align-items:center;justify-content:center;background:#fff;padding:24px 24px 0;box-sizing:border-box;order:1;}
.home-products .homeprolist li img{height:auto;width:auto;max-width:100%;max-height:100%;object-fit:contain;transition:all .2s linear;aspect-ratio:1/1;}
.home-products .homeprolist li:hover{box-shadow:0 10px 30px rgba(4,67,133,.12);transform:translateY(-4px);border-color:var(--color)}
.home-products .homeprolist li:hover .title{color:var(--color)}
.home-products .homeprolist li:hover img{transform:scale(1.02)}
@media screen and (max-width:1440px){.home-products .homeprolist li{width:31.5%}
.home-products .homeprolist li:last-child{width:31.5%}
.home-products .homeprolist li .title{font-size:var(--fontsize20)}}
@media screen and (max-width:1024px){.home-products{padding:40px 0}
.home-products .homeprolist li{margin-top:25px}
.home-products .homeprolist li .title{min-height:64px}}
@media screen and (max-width:768px){.home-products .homeprolist li{width:100%!important}
.home-products .homeprolist li img{height:auto;}
.home-products .homeprolist li .title{min-height:auto;font-size:var(--fontsize16);line-height:1.4}}
.home-projects .home-title+p{line-height:1.75;text-align:center;max-width:1000px;margin:0 auto;padding:10px 0}
@media (min-width:769px){.wmkcfeedback .inquiry-form input{width:49%;}}
.wmkcfeedback .send-btn{margin:0;width:100%;font-weight:bold}