﻿:root{--wmkcai-accent:#1F9D63;--wmkcai-ink:#0d1418;--wmkcai-muted:#5b6b73;--wmkcai-line:#e3e8e6;}
#indexbanner{position:relative;min-height:640px;background:#0d2a22;overflow:hidden;}
.home-banner .swiper-slide img{min-height:640px;}
.wmkcai-hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s ease;width:100%;height:100%;top:0;left:0}
.wmkcai-hero-slide.is-active{opacity:1;visibility:visible;z-index:2;}
.wmkcai-hero-slide--s2::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,26,19,.58),rgba(4,26,19,.72) 45%,rgba(4,26,19,.80));}
.wmkcai-hero-slide .l-wrap{position:relative;z-index:3;max-width:1500px;margin:0 auto;width:100%;padding:0 40px;display:flex;justify-content:flex-end;}
.wmkcai-hero--center .l-wrap{justify-content:center;}
.wmkcai-hero-text{max-width:660px;color:#fff;padding:56px 0 74px;}
.wmkcai-hero--center .wmkcai-hero-text{max-width:920px;text-align:center;padding:64px 0 86px;}
.wmkcai-hero-eyebrow{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8ff0bd;font-weight:700;
  margin-bottom:16px;border-left:3px solid var(--wmkcai-accent);padding-left:12px;}
.wmkcai-hero--center .wmkcai-hero-eyebrow{border-left:0;padding-left:0;border-bottom:2px solid rgba(143,240,189,.5);padding-bottom:8px;}
.wmkcai-hero-text h1{font-size:46px;line-height:1.14;font-weight:800;margin:0 0 18px;letter-spacing:-.012em;}
.wmkcai-hero-text p{font-size:17px;line-height:1.75;color:#eaf3ee;margin:0 0 28px;max-width:620px;}
.wmkcai-hero--center .wmkcai-hero-text p{margin-left:auto;margin-right:auto;}
.wmkcai-hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.wmkcai-hero--center .wmkcai-hero-actions{justify-content:center;}
.wmkcai-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:4px;font-size:15px;font-weight:600;text-decoration:none;transition:.25s;}
.wmkcai-btn-primary{background:var(--wmkcai-accent);color:#fff;}
.wmkcai-btn-primary:hover{background:#177a4d;color:#fff;}
.wmkcai-btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff;}
.wmkcai-btn-ghost:hover{background:#fff;color:#0d1418;}

/* hero navigation */
.wmkcai-hero-nav{position:absolute;left:0;right:0;bottom:30px;z-index:6;display:flex;align-items:center;justify-content:center;gap:10px;}
.wmkcai-hero-dot{width:34px;height:4px;border-radius:2px;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.38);transition:.3s;}
.wmkcai-hero-dot.is-active{background:#fff;width:54px;}
.wmkcai-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.5);background:rgba(6,32,24,.25);color:#fff;cursor:pointer;font-size:20px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:.25s;}
.wmkcai-hero-arrow:hover{background:rgba(255,255,255,.92);color:#0d2a22;}
.wmkcai-hero-prev{left:26px;}
.wmkcai-hero-next{right:26px;}

/* ===== product line cards (Plasticizer / Stabilizer / Biodiesel / Additive) ===== */
.wmkcai-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 46px;}
.wmkcai-cat{display:block;background:#fff;border:1px solid var(--wmkcai-line);border-left:3px solid var(--wmkcai-accent);
  border-radius:8px;padding:22px 22px 20px;text-decoration:none;transition:.25s;}
.wmkcai-cat:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(13,20,24,.10);}
.wmkcai-cat h3{font-size:16.5px;margin:0 0 8px;color:var(--wmkcai-ink);}
.wmkcai-cat p{font-size:13.5px;line-height:1.7;color:var(--wmkcai-muted);margin:0 0 12px;}
.wmkcai-cat span{font-size:13px;font-weight:700;color:var(--wmkcai-accent);letter-spacing:.02em;}

/* ===== applications ===== */
.wmkcai-apps{padding:92px 0;background:#f5f8f6;}
.wmkcai-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.wmkcai-app-card{background:#fff;border:1px solid var(--wmkcai-line);border-radius:10px;overflow:hidden;transition:.25s;display:flex;flex-direction:column;}
.wmkcai-app-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(13,20,24,.12);}
.wmkcai-app-card img{width:100%;height:196px;object-fit:cover;display:block;}
.wmkcai-app-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;}
.wmkcai-app-body h3{font-size:18px;margin:0 0 10px;color:var(--wmkcai-ink);}
.wmkcai-app-body p{font-size:14px;line-height:1.75;color:var(--wmkcai-muted);margin:0 0 16px;}
.wmkcai-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.wmkcai-tag{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--wmkcai-accent);background:rgba(31,157,99,.09);border-radius:4px;padding:4px 9px;}

/* ===== technical solutions ===== */
.wmkcai-tech{padding:92px 0;background:#fff;}
.wmkcai-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.wmkcai-tech-card{position:relative;border:1px solid var(--wmkcai-line);border-radius:10px;padding:28px 30px 26px 80px;background:#fff;transition:.25s;}
.wmkcai-tech-card:hover{border-color:rgba(31,157,99,.45);box-shadow:0 16px 36px rgba(13,20,24,.08);}
.wmkcai-tech-num{position:absolute;left:26px;top:28px;width:36px;height:36px;border-radius:50%;background:rgba(31,157,99,.10);
  color:var(--wmkcai-accent);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.wmkcai-tech-card h3{font-size:17px;margin:0 0 10px;color:var(--wmkcai-ink);}
.wmkcai-tech-card p{font-size:14px;line-height:1.78;color:var(--wmkcai-muted);margin:0 0 10px;}
.wmkcai-tech-card .wmkcai-tech-fix{font-size:14px;line-height:1.78;color:#1d5e3f;margin:0;}
.wmkcai-tech-card .wmkcai-tech-fix strong{color:var(--wmkcai-accent);}
.wmkcai-tech-cta{text-align:center;margin-top:44px;font-size:15px;color:var(--wmkcai-muted);}
.wmkcai-tech-cta a{color:var(--wmkcai-accent);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(31,157,99,.35);}.wmkcai-btn-ghost:hover{background:#fff;color:#0d1418;}

/* Section subtitle (30-40 words) */
.wmkcai-section-sub,.home-des{max-width:840px;margin:14px auto 38px;text-align:center;font-size:16px;line-height:1.85;color:var(--wmkcai-muted);}
.wmkcai-section-sub.left{margin:16px 0 26px;text-align:left;}
.wmkcai-section-sub.on-dark,.home-solution .home-des{color:rgba(255,255,255,.88);}

/* Certifications & quality */
.wmkcai-certs{padding:92px 0;background:#f5f8f6;}
.wmkcai-cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:6px;}
.wmkcai-cert-card img{width:100%;height:250px;object-fit:cover;object-position:top center;display:block;
  border:1px solid var(--wmkcai-line);border-radius:6px;margin-bottom:16px;background:#fff;}
.wmkcai-cert-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--wmkcai-accent);text-decoration:none;}
.wmkcai-cert-link:hover{text-decoration:underline;}
.wmkcai-cert-note{text-align:center;margin-top:36px;font-size:14.5px;color:var(--wmkcai-muted);}
.wmkcai-cert-card{background:#fff;border:1px solid var(--wmkcai-line);border-radius:10px;padding:16px 16px 22px;text-align:center;transition:.25s;}
.wmkcai-cert-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,20,24,.10);}
.wmkcai-cert-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(31,157,99,.10);color:var(--wmkcai-accent);font-size:17px;font-weight:800;letter-spacing:.02em;}
.wmkcai-cert-card h3{font-size:18px;margin:0 0 10px;color:var(--wmkcai-ink);}
.wmkcai-cert-card p{font-size:14px;line-height:1.7;color:var(--wmkcai-muted);margin:0;}
.homeabout-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.homeabout-img img{object-position:center center;}

/* FAQ */
.wmkcai-faq{padding:92px 0;background:#fff;}
.wmkcai-faq-list{max-width:920px;margin:0 auto;}
.wmkcai-faq-item{border:1px solid var(--wmkcai-line);border-radius:8px;margin-bottom:14px;overflow:hidden;background:#fff;}
.wmkcai-faq-item summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font-size:16.5px;font-weight:600;color:var(--wmkcai-ink);position:relative;}
.wmkcai-faq-item summary::-webkit-details-marker{display:none;}
.wmkcai-faq-item summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--wmkcai-accent);font-weight:400;}
.wmkcai-faq-item[open] summary::after{content:"\2013";}
.wmkcai-faq-item .wmkcai-faq-a{padding:0 24px 22px;font-size:15px;line-height:1.85;color:var(--wmkcai-muted);}

@media(max-width:992px){.home-banner .swiper-slide>a{position:absolute;height:100%;width:100%;}
  #indexbanner,.home-banner .swiper-slide img{min-height:auto;}
  .wmkcai-hero-slide{position:relative;display:none;padding:70px 0 78px;}
  .wmkcai-hero-slide.is-active{display:flex;}
  .wmkcai-hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,26,19,.80),rgba(4,26,19,.88));}
  .wmkcai-hero-slide--s1{background-position:18% center;}
  .wmkcai-hero-slide .l-wrap{justify-content:flex-start;padding:0 24px;}
  .wmkcai-hero-text,.wmkcai-hero--center .wmkcai-hero-text{max-width:100%;padding:0;text-align:left;}
  .wmkcai-hero--center .wmkcai-hero-actions{justify-content:flex-start;}
  .wmkcai-hero-text h1{font-size:32px;}
  .wmkcai-hero-arrow{display:none;}
  .wmkcai-cats{grid-template-columns:repeat(2,1fr);}
  .wmkcai-app-grid{grid-template-columns:repeat(2,1fr);}
  .wmkcai-tech-grid{grid-template-columns:1fr;}
  .wmkcai-cert-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .wmkcai-hero-text h1{font-size:26px;}
  .wmkcai-cert-grid{grid-template-columns:1fr;}
  .wmkcai-section-sub,.home-des{font-size:15px;}
  .wmkcai-cats{grid-template-columns:1fr;}
  .wmkcai-app-grid{grid-template-columns:1fr;}
  .wmkcai-tech-card{padding:24px 22px;border-left:3px solid var(--wmkcai-accent);}
  .wmkcai-tech-num{position:static;margin-bottom:12px;}
}

/* ===== alternating dark / light section rhythm ===== */
.home-case{position:relative;background:#0b1512;overflow:hidden;}
.home-case::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--sec-bg);
  background-size:cover;background-position:var(--sec-pos,center center);opacity:.62;}
.home-case::after{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(180deg,rgba(8,20,16,.72),rgba(8,20,16,.88) 55%,rgba(8,20,16,.94));}
.home-case > *{position:relative;z-index:2;}
.home-case .home-title{color:#fff;}
.home-case .home-title::after{background:rgba(255,255,255,.28);}
.home-case .wmkcai-section-sub,.home-case .home-des{color:rgba(255,255,255,.82);}
.home-case .wmkcai-tag{background:rgba(255,255,255,.14);color:#9df3c6;}
.home-case .wmkcai-cert-note{color:rgba(255,255,255,.78);}
.home-case .wmkcai-cert-note a{color:#8ff0bd;}
.home-case .wmkcai-tech-cta{color:rgba(255,255,255,.82);}
.home-news{background:#f4f7f5;}
@media(max-width:560px){
  .wmkcai-dark::before{opacity:.5;}
}
.home-products{padding-bottom:4%}
@media (max-width:768px){.home-products{padding-bottom:40px}}
.home-case .homecase-wrap .homecase-button-prev{left:30%}
.home-case .homecase-wrap .homecase-button-next{right:30%}