/* ===== site.css ===== */
:root{
      --primary:#102f46;
      --primary-strong:#071f31;
      --primary-soft:#1b4660;
      --accent:#16aa91;
      --accent-strong:#0b806f;
      --accent-soft:#e7f7f3;
      --text:#17242d;
      --muted:#60717c;
      --background:#ffffff;
      --surface:#f5f8fa;
      --surface-2:#edf3f5;
      --border:#dce5e9;
      --border-dark:rgba(16,47,70,.16);
      --white:#ffffff;
      --shadow-sm:0 10px 28px rgba(10,36,52,.07);
      --shadow-md:0 18px 50px rgba(10,36,52,.11);
      --shadow-lg:0 28px 80px rgba(7,31,49,.16);
      --radius-sm:10px;
      --radius:16px;
      --radius-lg:24px;
      --container:1280px;
      --header:80px;
      --section-space:clamp(76px,7vw,112px);
      --ease:cubic-bezier(.22,.61,.36,1);
    }

    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}
    body{
      margin:0;
      min-width:320px;
      overflow-x:hidden;
      color:var(--text);
      background:var(--background);
      font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      font-size:16px;
      line-height:1.7;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    body.menu-open{overflow:hidden}
    img,video,svg{display:block;max-width:100%}
    img{height:auto}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(22,170,145,.34);outline-offset:3px}
    ::selection{color:#fff;background:var(--accent)}

    .container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
    .section{padding:var(--section-space) 0}
    .center{text-align:center}
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:9px;
      margin:0 0 13px;
      color:var(--accent-strong);
      font-size:12px;
      font-weight:800;
      line-height:1.25;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .section-kicker::before{content:"";width:22px;height:2px;background:currentColor;border-radius:99px}
    .section-kicker.center{display:flex;justify-content:center}
    .section-title{
      max-width:900px;
      margin:0;
      color:var(--primary-strong);
      font-size:clamp(32px,3.2vw,48px);
      font-weight:760;
      line-height:1.13;
      letter-spacing:-.035em;
    }
    .section-title.center{margin-inline:auto}
    .section-copy{max-width:720px;margin:20px 0 0;color:var(--muted)}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:50px;
      padding:13px 23px;
      border:1px solid transparent;
      border-radius:10px;
      font-size:14px;
      font-weight:760;
      line-height:1.2;
      letter-spacing:.005em;
      box-shadow:none;
      transition:transform .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease);
    }
    .btn svg{width:17px;height:17px;transition:transform .25s var(--ease)}
    .btn:hover svg{transform:translateX(3px)}
    .btn-primary{color:#fff;background:var(--accent);box-shadow:0 12px 24px rgba(22,170,145,.18)}
    .btn-primary:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 16px 30px rgba(11,128,111,.24)}
    .btn-outline{color:var(--primary);background:#fff;border-color:var(--border-dark)}
    .btn-outline:hover{color:var(--accent-strong);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
    .btn-light{color:var(--primary);background:#fff}
    .btn-light:hover{color:var(--accent-strong);background:var(--accent-soft)}
    .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-strong);font-size:13px;font-weight:780}
    .text-link span{transition:transform .22s var(--ease)}
    .text-link:hover span{transform:translateX(4px)}

    /* Header */
    .site-header{
      position:sticky;
      top:0;
      z-index:1000;
      height:var(--header);
      background:rgba(255,255,255,.94);
      border-bottom:1px solid rgba(16,47,70,.08);
      backdrop-filter:blur(16px) saturate(150%);
      -webkit-backdrop-filter:blur(16px) saturate(150%);
      transition:height .25s var(--ease),background-color .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
    }
    .site-header.scrolled{background:rgba(255,255,255,.985);border-color:transparent;box-shadow:0 10px 35px rgba(7,31,49,.09)}
    .header-inner{height:100%;display:flex;align-items:center;gap:24px}
    .brand{display:flex;align-items:center;flex:0 0 auto}
    .brand img{width:54px;height:54px;object-fit:contain;transition:width .25s var(--ease),height .25s var(--ease)}
    .site-header.scrolled .brand img{width:48px;height:48px}
    .desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-left:auto;min-width:0}
    .nav-item{position:relative}
    .nav-link,.nav-trigger{
      display:flex;
      align-items:center;
      gap:6px;
      height:var(--header);
      padding:0 11px;
      border:0;
      background:none;
      color:#29404e;
      font-size:13px;
      font-weight:670;
      line-height:1;
      white-space:nowrap;
      transition:color .2s ease;
    }
    .nav-link::after,.desktop-nav .nav-trigger::after{
      content:"";
      position:absolute;
      left:11px;
      right:11px;
      bottom:18px;
      height:2px;
      border-radius:99px;
      background:var(--accent);
      transform:scaleX(0);
      transform-origin:center;
      transition:transform .22s var(--ease);
    }
    .nav-link.active,.nav-link:hover,.nav-trigger:hover{color:var(--accent-strong)}
    .nav-link.active::after,.nav-link:hover::after,.desktop-nav .nav-trigger:hover::after,.nav-item.open>.nav-trigger::after{transform:scaleX(1)}
    .chev{width:10px;height:10px;transition:transform .2s ease}
    .nav-item:hover>.nav-trigger .chev,.nav-item.open>.nav-trigger .chev{transform:rotate(180deg)}
    .dropdown{
      position:absolute;
      top:calc(100% - 7px);
      left:0;
      z-index:40;
      min-width:245px;
      padding:10px;
      overflow:visible;
      background:#fff;
      border:1px solid var(--border);
      border-radius:14px;
      box-shadow:var(--shadow-lg);
      opacity:0;
      visibility:hidden;
      transform:translateY(12px);
      pointer-events:none;
      transition:opacity .2s ease,visibility .2s ease,transform .2s var(--ease);
    }
    .dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:13px}
    .nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown,.nav-item.open>.dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
    .dropdown a{
      display:flex;
      align-items:center;
      gap:10px;
      min-height:42px;
      padding:10px 12px;
      border-radius:8px;
      color:#3b505c;
      font-size:13px;
      line-height:1.4;
      transition:background-color .18s ease,color .18s ease,transform .18s ease;
    }
    .dropdown a:hover{color:var(--primary);background:var(--accent-soft);transform:translateX(2px)}
    .dropdown .flag{width:18px;height:12px;object-fit:cover;border-radius:1px}
    .mega{
      left:-90px;
      width:min(900px,calc(100vw - 48px));
      grid-template-columns:repeat(4,minmax(160px,1fr));
      gap:8px;
      padding:18px;
      transform:translateY(12px);
    }
    .nav-item:hover>.mega,.nav-item:focus-within>.mega,.nav-item.open>.mega{transform:translateY(0)}
    .mega-col{padding:2px 5px;border-right:1px solid #edf1f3}
    .mega-col:last-child{border-right:0}
    .mega-col>a:first-child{min-height:46px;color:var(--primary);background:var(--surface);font-weight:800}
    .mega-col .sub-link{padding:8px 10px;font-size:12px}
    .header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
    .lang-compact{position:relative}
    .lang-compact .nav-trigger{height:44px;padding:0 8px;font-size:12px}
    .header-cta{min-height:44px;padding:11px 18px;border-radius:9px}
    .hamburger{
      display:none;
      width:46px;
      height:46px;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      border:1px solid var(--border);
      background:#fff;
      border-radius:10px;
    }
    .hamburger span,.hamburger::before,.hamburger::after{content:"";display:block;width:21px;height:2px;background:var(--primary);border-radius:99px;transition:.2s ease}
    .hamburger span{margin:5px 0}
    .mobile-panel{
      position:fixed;
      inset:0 auto 0 0;
      z-index:1200;
      width:min(410px,90vw);
      overflow-y:auto;
      overscroll-behavior:contain;
      background:#fff;
      box-shadow:25px 0 70px rgba(0,0,0,.24);
      transform:translateX(-105%);
      transition:transform .3s var(--ease);
    }
    .menu-open .mobile-panel{transform:translateX(0)}
    .menu-overlay{position:fixed;inset:0;z-index:1190;background:rgba(4,22,34,.68);opacity:0;visibility:hidden;transition:.25s ease}
    .menu-open .menu-overlay{opacity:1;visibility:visible}
    .mobile-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}
    .mobile-head img{width:48px;height:48px;object-fit:contain}
    .mobile-close{width:42px;height:42px;border:0;background:var(--surface);border-radius:50%;color:var(--primary);font-size:27px;line-height:1}
    .mobile-menu{padding:14px 20px 32px}
    .mobile-menu>a,.mobile-menu button{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:52px;
      padding:12px 3px;
      border:0;
      border-bottom:1px solid #edf1f3;
      background:none;
      color:var(--primary);
      font-size:15px;
      font-weight:680;
      text-align:left;
    }
    .mobile-sub{display:none;padding:6px 0 8px 15px;border-bottom:1px solid #edf1f3}
    .mobile-group.open>.mobile-sub{display:block}
    .mobile-sub a{display:block;padding:9px 5px;color:#536873;font-size:13px;line-height:1.45}
    .mobile-sub a:hover{color:var(--accent-strong)}
    .mobile-group.open>.mobile-drop .chev{transform:rotate(180deg)}
    .mobile-contact{padding:20px;margin-top:20px;background:linear-gradient(145deg,var(--surface),var(--accent-soft));border:1px solid #d8eee9;border-radius:14px}
    .mobile-contact a{border:0;padding:7px 0;min-height:auto;justify-content:flex-start;color:#36535f;font-size:13px;font-weight:550;overflow-wrap:anywhere}
    .mobile-contact .btn{justify-content:center;color:#fff;margin-top:12px;min-height:46px}

    /* Hero */
    .hero{
      position:relative;
      min-height:650px;
      padding:clamp(70px,7vw,104px) 0 38px;
      overflow:hidden;
      background:
        radial-gradient(circle at 78% 20%,rgba(22,170,145,.13),transparent 27%),
        linear-gradient(115deg,#fff 0 53%,#f1f7f8 53% 100%);
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.42;
      background-image:
        linear-gradient(rgba(16,47,70,.075) 1px,transparent 1px),
        linear-gradient(90deg,rgba(16,47,70,.075) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(90deg,transparent 0 42%,#000 72%,#000 100%);
      -webkit-mask-image:linear-gradient(90deg,transparent 0 42%,#000 72%,#000 100%);
    }
    .hero::after{
      content:"";
      position:absolute;
      right:-160px;
      top:-190px;
      width:520px;
      height:520px;
      border:1px solid rgba(22,170,145,.17);
      border-radius:50%;
      box-shadow:0 0 0 70px rgba(22,170,145,.035),0 0 0 140px rgba(16,47,70,.02);
    }
    .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(510px,1.08fr);gap:clamp(46px,6vw,86px);align-items:center}
    .hero-copy-block{position:relative;padding-left:24px}
    .hero-copy-block::before{content:"";position:absolute;left:0;top:8px;width:4px;height:72px;border-radius:99px;background:linear-gradient(var(--accent),rgba(22,170,145,.12))}
    .hero h1{
      max-width:650px;
      margin:0;
      color:var(--primary-strong);
      font-size:clamp(46px,5vw,72px);
      font-weight:790;
      line-height:1.02;
      letter-spacing:-.055em;
      text-wrap:balance;
    }
    .hero h1 br{display:block}
    .hero-copy{max-width:650px;margin:27px 0 30px;color:#5a6c77;font-size:16px;line-height:1.75}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;perspective:900px}
    .hero-card{
      position:relative;
      display:flex;
      flex-direction:column;
      min-height:250px;
      padding:18px 18px 20px;
      overflow:hidden;
      color:var(--text);
      background:rgba(255,255,255,.94);
      border:1px solid rgba(16,47,70,.11);
      border-radius:18px;
      box-shadow:var(--shadow-sm);
      isolation:isolate;
      transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
    }
    .hero-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--accent),#56cbb8);z-index:2}
    .hero-card::after{content:"";position:absolute;right:-55px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:var(--accent-soft);z-index:-1}
    .hero-card:nth-child(2),.hero-card:nth-child(3){background:linear-gradient(145deg,#123a53,#0a263a);color:#fff;border-color:rgba(255,255,255,.06);box-shadow:0 18px 38px rgba(7,31,49,.18)}
    .hero-card:nth-child(2)::after,.hero-card:nth-child(3)::after{background:rgba(22,170,145,.13)}
    .hero-card:hover{transform:translateY(-7px);border-color:rgba(22,170,145,.45);box-shadow:var(--shadow-md)}
    .hero-card img{width:100%;height:122px;object-fit:contain;object-position:center;transition:transform .32s var(--ease)}
    .hero-card:hover img{transform:scale(1.035)}
    .hero-card h2{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:12px 0 6px;font-size:18px;font-weight:760;line-height:1.22;letter-spacing:-.015em}
    .hero-card h2::after{content:"↗";flex:0 0 auto;color:var(--accent);font-size:17px;transition:transform .25s var(--ease)}
    .hero-card:hover h2::after{transform:translate(2px,-2px)}
    .hero-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
    .hero-card:nth-child(2) p,.hero-card:nth-child(3) p{color:rgba(255,255,255,.72)}
    .value-row{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      gap:0;
      margin-top:54px;
      padding:20px 0;
      background:rgba(255,255,255,.88);
      border:1px solid rgba(16,47,70,.1);
      border-radius:15px;
      box-shadow:var(--shadow-sm);
      backdrop-filter:blur(12px);
    }
    .value-item{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:5px 14px;border-right:1px solid var(--border);color:#415863;font-size:11px;font-weight:650;text-align:left;line-height:1.4}
    .value-item:last-child{border-right:0}
    .check{flex:0 0 21px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent)}
    .check svg{width:11px;height:11px}

    /* Capabilities */
    .capabilities{position:relative;background:var(--surface)}
    .capabilities::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,47,70,.025),transparent 45%);pointer-events:none}
    .cap-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:44px}
    .cap-card{
      display:flex;
      flex-direction:column;
      min-height:100%;
      padding:18px 18px 22px;
      background:#fff;
      border:1px solid var(--border);
      border-radius:16px;
      box-shadow:0 8px 24px rgba(10,36,52,.045);
      transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
    }
    .cap-card:hover{transform:translateY(-7px);border-color:rgba(22,170,145,.34);box-shadow:var(--shadow-md)}
    .cap-card img{width:100%;height:180px;object-fit:contain;padding:12px;border-radius:12px;background:linear-gradient(145deg,#f8fafb,#eef3f5)}
    .cap-card h3{margin:20px 0 9px;color:var(--primary);font-size:19px;line-height:1.25}
    .cap-card p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}
    .cap-card .text-link{margin-top:auto}

    /* Partners and solution banner */
    .partners{padding-bottom:var(--section-space);background:#fff}
    .logos-wrap{position:relative;margin-top:36px;overflow:hidden;border-block:1px solid #e6ecef;background:linear-gradient(90deg,#fff,var(--surface),#fff)}
    .logos-wrap::before,.logos-wrap::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:90px;pointer-events:none}
    .logos-wrap::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
    .logos-wrap::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
    .logo-track{display:flex;width:max-content;gap:14px;padding:17px 0;animation:logoScroll 38s linear infinite}
    .logos-wrap:hover .logo-track{animation-play-state:paused}
    .logo-tile{width:158px;height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:14px 18px;background:transparent;border-right:1px solid rgba(16,47,70,.08)}
    .logo-tile img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) saturate(.45);opacity:.72;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
    .logo-tile:hover img{filter:none;opacity:1;transform:scale(1.04)}
    @keyframes logoScroll{to{transform:translateX(calc(-50% - 7px))}}
    .solution-banner{
      position:relative;
      display:grid;
      grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
      min-height:378px;
      margin-top:56px;
      overflow:hidden;
      background:#fff;
      border:1px solid var(--border);
      border-radius:16px;
      box-shadow:0 12px 34px rgba(10,36,52,.065);
    }
    .solution-copy{position:relative;z-index:2;order:2;align-self:center;padding:44px 48px;color:var(--text)}
    .solution-copy::before{content:"ENGINEERED FLUID POWER";display:block;margin-bottom:12px;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.13em}
    .solution-copy h2{max-width:580px;margin:0;color:var(--primary-strong);font-size:clamp(29px,2.8vw,40px);font-weight:760;line-height:1.16;letter-spacing:-.03em}
    .solution-copy p{max-width:610px;margin:18px 0 24px;color:var(--muted);font-size:14px;line-height:1.72}
    .solution-visual{position:relative;order:1;min-height:354px;margin:12px 0 12px 12px;overflow:hidden;background:#e9eef0;border-radius:12px}
    .solution-visual::before{display:none}
    .solution-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s var(--ease)}
    .solution-banner:hover .solution-visual img{transform:scale(1.02)}

    /* Challenges */
    .challenges{padding-top:var(--section-space);background:linear-gradient(#fff,#f9fbfc)}
    .challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:46px}
    .challenge-card{
      display:flex;
      flex-direction:column;
      min-height:100%;
      padding:14px 14px 23px;
      overflow:hidden;
      background:#fff;
      border:1px solid var(--border);
      border-radius:16px;
      box-shadow:0 8px 26px rgba(10,36,52,.045);
      transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
    }
    .challenge-card:hover{transform:translateY(-6px);border-color:rgba(22,170,145,.32);box-shadow:var(--shadow-md)}
    .challenge-card img{width:100%;height:190px;object-fit:cover;border-radius:11px;background:var(--surface)}
    .challenge-card h3{position:relative;margin:20px 6px 9px;padding-left:17px;color:var(--primary);font-size:19px;line-height:1.25}
    .challenge-card h3::before{content:"";position:absolute;left:0;top:.2em;width:4px;height:1.05em;border-radius:99px;background:var(--accent)}
    .challenge-card p{margin:0 6px;color:var(--muted);font-size:13px;line-height:1.65}

    /* Global network */
    .global{position:relative;padding:var(--section-space) 0;background:#fff;overflow:hidden}
    .global::before{content:"";position:absolute;left:-180px;top:10%;width:440px;height:440px;border:1px solid rgba(22,170,145,.1);border-radius:50%;box-shadow:0 0 0 80px rgba(22,170,145,.025)}
    .global-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(58px,7vw,96px)}
    .globe-stage{position:relative;min-height:460px;overflow:hidden;background:#071f31;border-radius:14px;box-shadow:0 12px 30px rgba(7,31,49,.12)}
    .globe-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal}
    .global-copy h2{max-width:660px;margin:0;color:var(--primary-strong);font-size:clamp(34px,3.7vw,54px);font-weight:770;line-height:1.08;letter-spacing:-.045em}
    .global-copy>p:not(.section-kicker){margin:21px 0 0;color:var(--muted);line-height:1.78}
    .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:31px 0}
    .stat{padding:16px 11px;border-left:2px solid #d9e5e8;background:linear-gradient(90deg,var(--surface),transparent);border-radius:0 10px 10px 0}
    .stat strong{display:block;color:var(--accent-strong);font-size:clamp(25px,2.5vw,34px);font-weight:800;line-height:1;letter-spacing:-.035em}
    .stat span{display:block;margin-top:8px;color:#60717b;font-size:11px;line-height:1.35}

    /* Team */
    .team{padding:0 0 var(--section-space);background:#fff}
    .team-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:clamp(52px,7vw,92px)}
    .team h2{max-width:650px;margin:0;color:var(--primary-strong);font-size:clamp(34px,3.5vw,50px);font-weight:760;line-height:1.1;letter-spacing:-.04em}
    .team p{margin:21px 0 0;color:var(--muted);line-height:1.78}
    .bullet-list{display:grid;gap:13px;margin-top:25px}
    .bullet{display:flex;align-items:flex-start;gap:11px;color:#45606c;font-size:14px;line-height:1.55}
    .team-grid>div:first-child>.btn{margin-top:26px}
    .team-photo{position:relative;padding:14px 14px 0 0}
    .team-photo::before{content:"";position:absolute;right:0;top:0;width:70%;height:62%;border-radius:20px;background:var(--accent-soft)}
    .team-photo::after{content:"MANUFACTURING BASE";position:absolute;right:27px;bottom:21px;padding:8px 11px;color:#fff;background:rgba(7,31,49,.82);border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.12em}
    .team-photo img{position:relative;width:100%;height:430px;object-fit:cover;border-radius:19px;box-shadow:var(--shadow-md)}

    /* Certificates */
    .certificates{position:relative;background:var(--surface)}
    .certificates::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(22,170,145,.07),transparent 28%);pointer-events:none}
    .cert-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(56px,7vw,92px);align-items:center}
    .cert-gallery{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;min-width:0}
    .cert-main{display:flex;align-items:center;justify-content:center;width:100%;height:520px;padding:22px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md)}
    .cert-main img{width:100%;height:100%;max-height:476px;object-fit:contain;object-position:center;transition:opacity .2s ease,transform .3s var(--ease)}
    .cert-main img.changing{opacity:.18;transform:scale(.985)}
    .cert-thumbs{display:grid;grid-template-columns:1fr;grid-auto-rows:96px;align-content:start;gap:10px;max-height:520px;overflow-y:auto;padding:2px}
    .cert-thumb{width:100%;height:96px;padding:7px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 18px rgba(10,36,52,.04);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
    .cert-thumb:hover{transform:translateY(-2px);border-color:rgba(22,170,145,.45)}
    .cert-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(22,170,145,.12)}
    .cert-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}
    .cert-copy h2{max-width:610px;margin:0;color:var(--primary-strong);font-size:clamp(34px,3.7vw,52px);font-weight:770;line-height:1.09;letter-spacing:-.045em}
    .cert-copy p:not(.section-kicker){margin:20px 0 0;color:var(--muted);line-height:1.78}

    /* Cases */
    .cases{background:#fff}
    .case-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}
    .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
    .case-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 26px rgba(10,36,52,.045);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
    .case-card:hover{transform:translateY(-7px);border-color:rgba(22,170,145,.3);box-shadow:var(--shadow-md)}
    .case-image{position:relative;height:230px;overflow:hidden;background:var(--surface)}
    .case-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,31,49,.34),transparent 55%);pointer-events:none}
    .case-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
    .case-card:hover .case-image img{transform:scale(1.045)}
    .case-tags{position:absolute;left:14px;right:14px;bottom:13px;z-index:2;display:flex;flex-wrap:wrap;gap:5px}
    .case-tag{padding:6px 9px;color:#fff;background:rgba(7,31,49,.86);border:1px solid rgba(255,255,255,.14);border-radius:6px;font-size:10px;font-weight:750;line-height:1.2;backdrop-filter:blur(6px)}
    .case-body{display:flex;flex-direction:column;flex:1;padding:23px}
    .case-body h3{margin:0 0 12px;color:var(--primary);font-size:19px;line-height:1.36;letter-spacing:-.015em}
    .case-body h3 a:hover{color:var(--accent-strong)}
    .case-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}

    /* Inquiry */
    .inquiry{position:relative;padding:clamp(66px,6vw,88px) 0;overflow:hidden;color:#fff;background:linear-gradient(125deg,#071f31 0%,#103f54 62%,#0a655f 100%)}
    .inquiry::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
    .inquiry::after{content:"";position:absolute;right:-110px;top:-160px;width:480px;height:480px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.015)}
    .inquiry-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(38px,5vw,68px);align-items:center}
    .quote-mark{font-family:Georgia,serif;font-size:70px;line-height:.65;color:#55d0bc}
    .quote h2{max-width:560px;margin:22px 0;color:#fff;font-size:clamp(29px,3vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.03em}
    .quote-person{display:flex;align-items:center;gap:13px}
    .avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--primary);background:#fff;font-size:13px;font-weight:800}
    .quote-person strong{display:block;font-size:13px}.quote-person span{display:block;margin-top:2px;color:rgba(255,255,255,.67);font-size:11.5px}
    .inquiry-form{padding:24px;color:var(--text);background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 20px 48px rgba(0,0,0,.2)}
    .form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #e7edef}
    .form-eyebrow{display:block;margin-bottom:5px;color:var(--accent-strong);font-size:9.5px;font-weight:800;letter-spacing:.13em}
    .inquiry-form h3{margin:0;color:var(--primary);font-size:23px;line-height:1.15;letter-spacing:-.02em}
    .form-heading p{max-width:260px;margin:1px 0 0;color:#75858d;font-size:11px;line-height:1.55}
    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}
    .form-field{display:block;min-width:0}
    .form-field>span{display:block;margin:0 0 5px;color:#536770;font-size:10.5px;font-weight:680;line-height:1.25}
    .form-span-2{grid-column:1/-1}
    .field{width:100%;height:43px;padding:0 12px;color:var(--text);background:#fff;border:1px solid #dbe4e7;border-radius:7px;outline:none;font:inherit;font-size:12.5px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
    .field::placeholder{color:#98a5aa}
    .field:hover{border-color:#c5d3d7}
    .field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(22,170,145,.1);background:#fff}
    select.field{appearance:auto}
    textarea.field{height:82px;padding:10px 12px;resize:vertical;line-height:1.5}
    .form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}
    .form-actions .btn{min-width:158px;min-height:43px;padding:10px 18px}
    .form-note{margin:0;color:#78888f;font-size:10.5px;line-height:1.45}

    /* Footer */
    .footer-stats{color:#fff;background:var(--accent-strong)}
    .footer-stats .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
    .footer-stat{display:flex;align-items:center;justify-content:center;min-height:88px;padding:22px 18px;border-right:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:760;text-align:center;line-height:1.35}
    .footer-stat:last-child{border-right:0}
    .site-footer{color:#dce7eb;background:#071f31}
    .footer-main{padding:72px 0 52px}
    .footer-grid{display:grid;grid-template-columns:1.45fr .8fr .85fr 1.2fr;gap:clamp(30px,4vw,58px)}
    .footer-logo{width:72px;height:72px;object-fit:contain;filter:brightness(0) invert(1)}
    .footer-about p{max-width:420px;margin:20px 0;color:#9fb1ba;font-size:13px;line-height:1.75}
    .footer-about .btn{margin-top:2px}
    .socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
    .socials a{width:38px;height:38px;display:grid;place-items:center;color:#dce7eb;border:1px solid rgba(255,255,255,.17);border-radius:9px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
    .socials a:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}
    .socials svg{width:16px;height:16px;fill:currentColor}
    .footer-col h3{position:relative;margin:0 0 20px;padding-bottom:12px;color:#fff;font-size:16px}
    .footer-col h3::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--accent)}
    .footer-links{display:grid;gap:10px}
    .footer-links a,.contact-line{color:#a7b8c0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
    .footer-links a:hover,.contact-line a:hover{color:#fff}
    .contact-line{margin:0 0 10px}
    .payment{width:270px;max-width:100%;height:27px;margin-top:20px;object-fit:contain;object-position:left}
    .footer-bottom{padding:20px 24px;border-top:1px solid rgba(255,255,255,.09);color:#8ea2ad;text-align:center;font-size:12px}
    .mobile-footer-accordion{display:none}

    /* Floating quick contact */
    .floating-contacts{position:fixed;right:18px;bottom:18px;z-index:999;display:grid;gap:8px}
    .float-contact{
      position:relative;
      width:44px;
      height:44px;
      display:grid;
      place-items:center;
      overflow:hidden;
      color:#fff;
      border:0;
      border-radius:50%;
      box-shadow:0 8px 16px rgba(7,31,49,.2),inset 0 1px 1px rgba(255,255,255,.42),inset 0 -4px 8px rgba(0,0,0,.16);
      transition:transform .22s var(--ease),box-shadow .22s ease,filter .22s ease;
    }
    .float-contact::before{content:"";position:absolute;top:-100%;left:-140%;width:46%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:rotate(24deg);animation:contactShine 4.4s ease-in-out infinite;pointer-events:none}
    .float-contact::after{content:"";position:absolute;inset:3px 6px auto;height:38%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}
    .float-contact:nth-child(2)::before{animation-delay:1.2s}
    .float-contact svg{position:relative;z-index:1;width:19px;height:19px;fill:currentColor;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
    .float-whatsapp{background:linear-gradient(145deg,#34cf8c,#139b65 72%)}
    .float-email{background:linear-gradient(145deg,#22708e,#0b435c 72%)}
    .float-contact:hover{transform:translateY(-2px) scale(1.04);filter:saturate(1.05);box-shadow:0 11px 20px rgba(7,31,49,.25),inset 0 1px 1px rgba(255,255,255,.48),inset 0 -4px 8px rgba(0,0,0,.16)}
    .float-contact:active{transform:translateY(0) scale(.97);box-shadow:0 5px 10px rgba(7,31,49,.2),inset 0 2px 5px rgba(0,0,0,.14)}
    .float-contact:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 6px rgba(22,170,145,.3),0 9px 20px rgba(7,31,49,.24)}
    @keyframes contactShine{0%,64%{left:-140%}84%,100%{left:160%}}

    /* Reveal animation */
    .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
    .reveal.is-visible{opacity:1;transform:none}
    .reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

    @media (max-width:1220px){
      .container{width:min(var(--container),calc(100% - 48px))}
      .desktop-nav{gap:0}
      .nav-link,.nav-trigger{padding-inline:8px;font-size:12px}
      .nav-link::after,.desktop-nav .nav-trigger::after{left:8px;right:8px}
      .header-actions{gap:7px}
      .header-cta{padding-inline:15px}
      .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:42px}
      .value-item{padding-inline:9px;font-size:10px}
    }

    @media (max-width:1080px){
      .desktop-nav,.lang-compact{display:none}
      .hamburger{display:flex;margin-left:auto}
      .header-actions{margin-left:auto}
      .hero-grid{grid-template-columns:1fr 1fr;gap:30px}
      .hero h1{font-size:clamp(43px,5.5vw,60px)}
      .hero-card{min-height:240px}
      .value-row{grid-template-columns:repeat(3,1fr)}
      .value-item:nth-child(3){border-right:0}
      .value-item:nth-child(-n+3){border-bottom:1px solid var(--border)}
      .cap-grid{grid-template-columns:repeat(2,1fr)}
      .challenge-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:28px}
    }

    @media (max-width:900px){
      :root{--header:72px}
      .container{width:calc(100% - 38px)}
      .brand img{width:48px;height:48px}
      .header-cta{display:none}
      .hero{min-height:0;padding-top:60px;background:linear-gradient(180deg,#fff 0 54%,#f2f7f8 54% 100%)}
      .hero::before{mask-image:linear-gradient(180deg,transparent 0 42%,#000 68%);-webkit-mask-image:linear-gradient(180deg,transparent 0 42%,#000 68%)}
      .hero-grid,.global-grid,.team-grid,.cert-grid,.inquiry-grid{grid-template-columns:1fr}
      .hero-grid{gap:42px}
      .hero-copy-block{padding-left:20px}
      .hero-copy{max-width:760px}
      .hero-products{max-width:760px}
      .value-row{margin-top:40px}
      .solution-banner{grid-template-columns:1fr}
      .solution-visual{order:1;min-height:300px;margin:12px 12px 0;border-radius:10px}
      .solution-copy{order:2;padding:34px 34px 38px}
      .solution-visual::before{display:none}
      .global-grid{gap:45px}
      .globe-stage{min-height:430px}
      .global-copy{max-width:760px}
      .team-grid{gap:42px}
      .team-photo{order:-1;max-width:760px}
      .team-photo img{height:400px}
      .cert-grid{gap:45px}
      .cert-gallery{max-width:760px}
      .cert-copy{max-width:760px}
      .case-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1.15fr 1fr;gap:42px}
    }

    @media (max-width:680px){
      body{font-size:15px}
      .container{width:calc(100% - 28px)}
      .section{padding:70px 0}
      .section-title{font-size:clamp(29px,8.4vw,39px)}
      .hero{padding:48px 0 30px}
      .hero h1{font-size:clamp(38px,11vw,52px);line-height:1.04}
      .hero h1 br{display:none}
      .hero-copy{margin:22px 0 26px;font-size:15px}
      .hero-actions{display:grid;grid-template-columns:1fr 1fr}
      .hero-actions .btn{padding-inline:13px}
      .hero-products{grid-template-columns:1fr}
      .hero-card{min-height:0;padding:16px}
      .hero-card img{height:150px}
      .value-row{grid-template-columns:repeat(2,1fr);padding:0}
      .value-item{justify-content:flex-start;min-height:64px;padding:10px 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)!important;font-size:10px}
      .value-item:nth-child(even){border-right:0}
      .value-item:nth-last-child(-n+2){border-bottom:0!important}
      .cap-grid{grid-template-columns:1fr;margin-top:34px}
      .cap-card img{height:200px}
      .logos-wrap::before,.logos-wrap::after{width:45px}
      .logo-tile{width:142px;height:70px;padding:12px 16px}
      .solution-banner{margin-top:40px;border-radius:14px}
      .solution-visual{min-height:230px;margin:8px 8px 0;border-radius:9px}
      .solution-copy{padding:26px 20px 30px}
      .solution-copy h2{font-size:clamp(27px,7.5vw,34px)}
      .challenge-grid{grid-template-columns:1fr;margin-top:34px}
      .challenge-card img{height:220px}
      .globe-stage{min-height:340px;border-radius:17px}
      .global-copy h2,.team h2,.cert-copy h2{font-size:clamp(30px,8.5vw,42px)}
      .stat-grid{grid-template-columns:repeat(2,1fr)}
      .team-photo{padding:9px 9px 0 0}
      .team-photo img{height:290px;border-radius:15px}
      .cert-main{height:410px;padding:14px;border-radius:14px}
      .cert-main img{max-height:380px}
      .cert-thumbs{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}
      .cert-thumb{flex:0 0 82px;width:82px;height:104px;scroll-snap-align:start}
      .case-head{display:block;margin-bottom:30px}
      .case-grid{grid-template-columns:1fr}
      .case-image{height:225px}
      .form-heading{display:block}
      .form-heading p{max-width:none;margin-top:8px}
      .form-grid{grid-template-columns:1fr}
      .form-span-2{grid-column:auto}
      .form-actions{align-items:stretch;flex-direction:column}
      .form-actions .btn{width:100%}
      .inquiry-form{padding:21px 18px;border-radius:12px}
      .quote h2{font-size:clamp(30px,8.5vw,42px)}
      .footer-stats .container{width:100%;grid-template-columns:repeat(2,1fr)}
      .footer-stat{min-height:78px;padding:18px 10px;font-size:12px}
      .footer-stat:nth-child(2){border-right:0}
      .footer-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>.footer-col{display:none}
      .footer-main{padding:55px 0 38px}
      .mobile-footer-accordion{display:block;margin-top:32px}
      .mobile-footer-accordion details{border-top:1px solid rgba(255,255,255,.13)}
      .mobile-footer-accordion summary{padding:16px 0;color:#fff;font-weight:720;cursor:pointer}
      .mobile-footer-accordion .footer-links{padding:0 0 19px}
      .floating-contacts{right:11px;bottom:11px;gap:7px}
      .float-contact{width:40px;height:40px}
      .float-contact svg{width:18px;height:18px}
    }

    @media (max-width:420px){
      .container{width:calc(100% - 22px)}
      .hero-actions{grid-template-columns:1fr}
      .hero-copy-block{padding-left:15px}
      .hero-products{gap:12px}
      .value-item{padding-inline:8px}
      .stat-grid{gap:8px}
      .stat{padding-inline:9px}
      .footer-stat{font-size:11px}
    }

    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
      .logo-track{animation:none;transform:none}
      .reveal{opacity:1;transform:none}
    }


    /* Simplified visual refinement */
    :root{
      --header:72px;
      --radius-sm:7px;
      --radius:11px;
      --radius-lg:16px;
      --shadow-sm:0 6px 18px rgba(10,36,52,.06);
      --shadow-md:0 12px 30px rgba(10,36,52,.09);
      --shadow-lg:0 16px 40px rgba(7,31,49,.12);
      --section-space:clamp(68px,6vw,92px);
    }

    .section-title{
      max-width:820px;
      font-size:clamp(28px,2.45vw,40px);
      line-height:1.18;
      letter-spacing:-.025em;
    }
    .section-copy{margin-top:16px;line-height:1.7}
    .section-kicker{margin-bottom:10px;font-size:11px;letter-spacing:.11em}
    .section-kicker::before{width:18px}

    .btn{
      min-height:46px;
      padding:11px 20px;
      border-radius:7px;
      font-size:13px;
      box-shadow:none;
    }
    .btn-primary{box-shadow:none}
    .btn-primary:hover,.btn-outline:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}

    /* Cleaner desktop navigation */
    .site-header{
      background:#fff;
      border-bottom:1px solid #e7ecef;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    .site-header.scrolled{background:#fff;box-shadow:0 7px 22px rgba(7,31,49,.07)}
    .header-inner{gap:18px}
    .brand img,.site-header.scrolled .brand img{width:46px;height:46px}
    .desktop-nav{gap:4px}
    .nav-link,.nav-trigger{
      height:var(--header);
      padding:0 11px;
      color:#314955;
      font-size:13px;
      font-weight:620;
    }
    .nav-link::after,.desktop-nav .nav-trigger::after{display:none}
    .nav-link.active,.nav-link:hover,.nav-trigger:hover,.nav-item.open>.nav-trigger{color:var(--accent-strong)}
    .chev{width:9px;height:9px}
    .dropdown{
      top:calc(100% - 5px);
      min-width:220px;
      padding:7px;
      border-color:#e3e9ec;
      border-radius:8px;
      box-shadow:0 14px 32px rgba(7,31,49,.12);
      transform:translateY(7px);
    }
    .dropdown a{
      min-height:38px;
      padding:8px 10px;
      border-radius:5px;
      color:#455b66;
      font-size:12.5px;
    }
    .dropdown a:hover{color:var(--primary);background:#f2f6f7;transform:none}
    .mega{
      left:-72px;
      width:min(790px,calc(100vw - 32px));
      grid-template-columns:repeat(4,minmax(145px,1fr));
      gap:0;
      padding:13px 8px;
      transform:translateY(7px);
    }
    .mega-col{padding:0 11px;border-color:#edf1f3}
    .mega-col>a:first-child{
      min-height:38px;
      padding:8px 9px;
      color:var(--primary);
      background:transparent;
      font-size:12.5px;
      font-weight:740;
    }
    .mega-col .sub-link{min-height:0;padding:6px 9px;font-size:11.5px;line-height:1.35}
    .lang-compact .nav-trigger{height:40px;padding:0 7px}
    .header-cta{min-height:40px;padding:9px 15px;border-radius:7px}
    .hamburger{width:42px;height:42px;border-radius:7px}

    /* Simpler mobile navigation */
    .mobile-panel{width:min(350px,88vw);box-shadow:18px 0 42px rgba(0,0,0,.18)}
    .menu-overlay{background:rgba(4,22,34,.52)}
    .mobile-head{height:68px;padding:0 17px}
    .mobile-head img{width:43px;height:43px}
    .mobile-close{width:38px;height:38px;border-radius:7px;font-size:24px}
    .mobile-menu{padding:8px 17px 24px}
    .mobile-menu>a,.mobile-menu button{min-height:48px;padding:10px 2px;font-size:14px;font-weight:650}
    .mobile-sub{padding:5px 0 7px 12px}
    .mobile-sub a{padding:7px 4px;font-size:12.5px}
    .mobile-contact{padding:16px;margin-top:16px;background:#f6f8f9;border-color:#e3e9ec;border-radius:9px}

    /* Quieter hero and card styling */
    .hero{
      min-height:600px;
      padding:clamp(58px,6vw,82px) 0 32px;
      background:linear-gradient(110deg,#fff 0 56%,#f4f7f8 56% 100%);
    }
    .hero::before,.hero::after{display:none}
    .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);gap:clamp(36px,5vw,64px)}
    .hero-copy-block{padding-left:0}
    .hero-copy-block::before{display:none}
    .hero h1{
      max-width:620px;
      font-size:clamp(40px,4.1vw,58px);
      line-height:1.08;
      letter-spacing:-.04em;
    }
    .hero-copy{margin:22px 0 26px;font-size:15px;line-height:1.7}
    .hero-products{gap:13px}
    .hero-card,
    .hero-card:nth-child(2),
    .hero-card:nth-child(3){
      min-height:232px;
      padding:15px 15px 17px;
      color:var(--text);
      background:#fff;
      border-color:#dde6e9;
      border-radius:11px;
      box-shadow:none;
    }
    .hero-card::before{height:1px}
    .hero-card::after{display:none}
    .hero-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
    .hero-card img{height:112px}
    .hero-card h2{margin:10px 0 5px;font-size:16px}
    .hero-card p,.hero-card:nth-child(2) p,.hero-card:nth-child(3) p{color:var(--muted);font-size:11.5px}
    .value-row{margin-top:42px;border-radius:10px;box-shadow:none}

    /* Reduce decorative weight throughout */
    .cap-card,.challenge-card,.case-card{border-radius:11px;box-shadow:none}
    .cap-card:hover,.challenge-card:hover,.case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
    .cap-card img,.challenge-card img{border-radius:8px}
    .solution-banner{border-radius:16px;box-shadow:0 12px 34px rgba(10,36,52,.065)}
    .solution-copy h2,
    .global-copy h2,
    .team h2,
    .cert-copy h2,
    .quote h2{
      font-size:clamp(28px,2.85vw,42px);
      line-height:1.16;
      letter-spacing:-.03em;
    }
    .global::before{display:none}
    .global-grid{gap:clamp(44px,6vw,74px)}
    .team-photo{padding:0}
    .team-photo::before,.team-photo::after{display:none}
    .team-photo img{border-radius:12px;box-shadow:var(--shadow-sm)}
    .cert-main{border-radius:12px;box-shadow:var(--shadow-sm)}
    .cert-thumb{border-radius:7px}
    .inquiry::after{display:none}
    .inquiry-form{border-radius:14px;box-shadow:0 20px 48px rgba(0,0,0,.2)}
    .inquiry-form h3{font-size:23px}

    /* The global media block intentionally contains only the video. */
    .globe-stage{min-height:460px;border-radius:12px;box-shadow:var(--shadow-sm)}
    .globe-stage video{width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal}

    @media (max-width:1180px){
      .desktop-nav,.lang-compact{display:none}
      .hamburger{display:flex;margin-left:auto}
      .header-actions{margin-left:auto}
    }

    @media (max-width:900px){
      .hero{padding-top:50px;background:linear-gradient(180deg,#fff 0 55%,#f4f7f8 55% 100%)}
      .hero-grid{grid-template-columns:1fr;gap:36px}
      .hero h1{max-width:680px;font-size:clamp(36px,7vw,48px)}
      .globe-stage{min-height:400px}
    }

    @media (max-width:680px){
      body{font-size:14.5px;line-height:1.65}
      .section{padding:58px 0}
      .section-title{font-size:clamp(25px,7vw,32px);line-height:1.22}
      .section-kicker{font-size:10px}
      .hero{padding:40px 0 26px}
      .hero h1{font-size:clamp(31px,8.8vw,39px);line-height:1.12;letter-spacing:-.03em}
      .hero-copy{margin:18px 0 22px;font-size:14px;line-height:1.65}
      .hero-card h2{font-size:16px}
      .cap-card h3,.challenge-card h3,.case-body h3{font-size:17px}
      .solution-copy h2,
      .global-copy h2,
      .team h2,
      .cert-copy h2,
      .quote h2{font-size:clamp(25px,7.3vw,33px);line-height:1.2}
      .solution-copy{padding:30px 21px}
      .globe-stage{min-height:300px;border-radius:9px}
      .global-copy>p:not(.section-kicker),.team p,.cert-copy p:not(.section-kicker){line-height:1.68}
      .stat strong{font-size:25px}
      .inquiry-form h3{font-size:21px}
    }

    @media (max-width:420px){
      .hero h1{font-size:30px}
      .section-title{font-size:26px}
      .solution-copy h2,
      .global-copy h2,
      .team h2,
      .cert-copy h2,
      .quote h2{font-size:27px}
      .globe-stage{min-height:255px}
    }

  

    /* Final typography scale: compact, restrained B2B presentation */
    body{
      font-size:15px;
      line-height:1.68;
    }
    .section-title{
      max-width:760px;
      font-size:clamp(26px,2.15vw,36px);
      line-height:1.2;
      letter-spacing:-.022em;
    }
    .section-copy{
      font-size:13.5px;
      line-height:1.72;
    }
    .hero h1{
      max-width:570px;
      font-size:clamp(36px,3.55vw,52px);
      line-height:1.09;
      letter-spacing:-.035em;
    }
    .hero-copy{
      max-width:620px;
      font-size:14px;
      line-height:1.72;
    }
    .solution-copy h2,
    .global-copy h2,
    .team h2,
    .cert-copy h2,
    .quote h2{
      font-size:clamp(25px,2.4vw,36px);
      line-height:1.18;
      letter-spacing:-.025em;
    }
    .solution-copy p,
    .global-copy>p:not(.section-kicker),
    .team p,
    .cert-copy p:not(.section-kicker){
      font-size:13.5px;
      line-height:1.72;
    }
    .hero-card h2{font-size:15px}
    .cap-card h3,
    .challenge-card h3,
    .case-body h3{font-size:17px}
    .cap-card p,
    .challenge-card p{font-size:12.5px}
    .stat strong{font-size:clamp(23px,2.1vw,31px)}
    .inquiry-form h3{font-size:21px}
    .footer-col h3{font-size:15px}

    @media (max-width:900px){
      .hero h1{
        max-width:620px;
        font-size:clamp(32px,5.6vw,43px);
      }
      .section-title{font-size:clamp(25px,4.2vw,32px)}
      .solution-copy h2,
      .global-copy h2,
      .team h2,
      .cert-copy h2,
      .quote h2{font-size:clamp(24px,4.5vw,31px)}
    }

    @media (max-width:680px){
      body{font-size:13.5px;line-height:1.62}
      .section-title{
        font-size:clamp(22px,6.2vw,28px);
        line-height:1.23;
      }
      .hero h1{
        max-width:100%;
        font-size:clamp(27px,7.6vw,34px);
        line-height:1.14;
        letter-spacing:-.026em;
      }
      .hero-copy{font-size:13px;line-height:1.65}
      .solution-copy h2,
      .global-copy h2,
      .team h2,
      .cert-copy h2,
      .quote h2{
        font-size:clamp(22px,6.4vw,28px);
        line-height:1.23;
      }
      .solution-copy p,
      .global-copy>p:not(.section-kicker),
      .team p,
      .cert-copy p:not(.section-kicker){font-size:13px;line-height:1.66}
      .hero-card h2{font-size:14.5px}
      .cap-card h3,
      .challenge-card h3,
      .case-body h3{font-size:16px}
      .inquiry-form h3{font-size:19px}
    }

    @media (max-width:420px){
      .hero h1{font-size:28px}
      .section-title{font-size:23px}
      .solution-copy h2,
      .global-copy h2,
      .team h2,
      .cert-copy h2,
      .quote h2{font-size:23px}
    }


    /* Refined header and dropdown navigation */
    :root{--header:70px}
    .site-header{
      height:70px;
      background:rgba(255,255,255,.98);
      border-bottom:1px solid #e5eaed;
    }
    .site-header.scrolled{
      background:rgba(255,255,255,.99);
      box-shadow:0 8px 24px rgba(7,31,49,.07);
    }
    .header-inner{gap:16px}
    .brand img,.site-header.scrolled .brand img{width:44px;height:44px}
    .desktop-nav{gap:2px;margin-left:auto}
    .desktop-nav>.nav-item,
    .header-actions>.nav-item{display:flex;align-items:center}
    .nav-link,.nav-trigger{
      position:relative;
      height:40px;
      padding:0 11px;
      border-radius:7px;
      color:#354b57;
      font-size:12.5px;
      font-weight:620;
      letter-spacing:0;
      transition:color .18s ease,background-color .18s ease;
    }
    .nav-link.active,
    .nav-link:hover,
    .nav-trigger:hover,
    .nav-item.open>.nav-trigger{
      color:var(--accent-strong);
      background:#eef7f5;
    }
    .chev{width:8px;height:8px;margin-left:1px}
    .header-actions{gap:8px}
    .lang-compact .nav-trigger{
      height:40px;
      padding:0 10px;
      border:1px solid #e2e8eb;
      background:#fff;
      font-size:12px;
    }
    .lang-compact .nav-trigger:hover,
    .lang-compact.open>.nav-trigger{border-color:#cde2dd;background:#f4f9f8}
    .header-cta{
      min-height:40px;
      height:40px;
      padding:0 15px;
      border-radius:7px;
      font-size:12.5px;
      white-space:nowrap;
    }

    .dropdown{
      top:calc(100% + 8px);
      min-width:218px;
      padding:6px;
      border:1px solid #e2e8eb;
      border-radius:10px;
      box-shadow:0 16px 38px rgba(7,31,49,.13);
      transform:translateY(6px);
    }
    .dropdown::before{top:-10px;height:11px}
    .dropdown a{
      min-height:38px;
      padding:8px 10px;
      border-radius:6px;
      color:#445b66;
      font-size:12.5px;
      line-height:1.35;
    }
    .dropdown a:hover{color:var(--accent-strong);background:#f1f7f6}

    .mega{
      position:fixed;
      top:70px;
      left:50%;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      width:min(880px,calc(100vw - 40px));
      padding:18px 18px 0;
      gap:0;
      border-radius:0 0 12px 12px;
      transform:translate(-50%,8px);
      overflow:hidden;
    }
    .mega::before{top:-18px;height:19px}
    .nav-item:hover>.mega,
    .nav-item:focus-within>.mega,
    .nav-item.open>.mega{transform:translate(-50%,0)}
    .mega-col{
      min-width:0;
      padding:0 18px 16px;
      border-right:1px solid #e9eef0;
    }
    .mega-col:first-child{padding-left:4px;padding-right:22px}
    .mega-col:last-of-type{border-right:0;padding-right:4px;padding-left:22px}
    .mega .mega-heading{
      min-height:0;
      margin:0 0 7px;
      padding:4px 8px 10px;
      border-bottom:1px solid #e7edef;
      border-radius:0;
      color:var(--primary);
      background:transparent;
      font-size:13px;
      font-weight:760;
      line-height:1.35;
    }
    .mega .mega-heading:hover{background:transparent;color:var(--accent-strong)}
    .mega .sub-link{
      min-height:0;
      padding:7px 8px;
      border-radius:5px;
      color:#526873;
      font-size:11.75px;
      line-height:1.4;
    }
    .mega-footer{
      grid-column:1/-1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin:0 -18px;
      padding:10px 18px;
      background:#f5f8f8;
      border-top:1px solid #e5ebed;
    }
    .mega-footer .mega-all,
    .mega-footer .mega-other{
      min-height:36px;
      padding:7px 10px;
      color:var(--primary);
      background:transparent;
      font-size:12px;
      font-weight:700;
    }
    .mega-footer .mega-all{gap:8px}
    .mega-footer .mega-all svg{width:15px;height:15px}
    .mega-footer .mega-other{margin-left:auto;color:#526873;font-weight:620}
    .mega-footer a:hover{color:var(--accent-strong);background:#eaf3f1}

    .mobile-head{border-bottom-color:#e5eaed}
    .mobile-menu{padding-top:10px}
    .mobile-menu>a,.mobile-menu button{
      min-height:46px;
      padding:9px 8px;
      border-bottom:0;
      border-radius:7px;
      font-size:13.5px;
      font-weight:650;
    }
    .mobile-menu>a:hover,
    .mobile-menu button:hover,
    .mobile-group.open>.mobile-drop{color:var(--accent-strong);background:#f0f7f5}
    .mobile-group{margin-bottom:2px}
    .mobile-sub{
      margin:4px 0 7px;
      padding:7px 9px;
      border:0;
      border-radius:8px;
      background:#f6f8f9;
    }
    .mobile-sub a{
      padding:7px 8px;
      border-radius:5px;
      color:#536873;
      font-size:12px;
      line-height:1.4;
    }
    .mobile-sub a:hover{background:#fff;color:var(--accent-strong)}

    @media (max-width:1220px){
      .header-inner{gap:10px}
      .desktop-nav{gap:0}
      .nav-link,.nav-trigger{padding-inline:8px;font-size:11.75px}
      .lang-compact .nav-trigger{padding-inline:8px}
      .header-cta{padding-inline:12px;font-size:12px}
      .mega{width:min(820px,calc(100vw - 32px))}
    }
    @media (max-width:1080px){
      .desktop-nav,.lang-compact{display:none}
      .hamburger{display:flex;margin-left:auto}
      .header-actions{margin-left:auto}
    }
    @media (max-width:680px){
      :root{--header:66px}
      .site-header{height:66px}
      .brand img,.site-header.scrolled .brand img{width:41px;height:41px}
      .hamburger{width:40px;height:40px}
      .mobile-panel{width:min(340px,90vw)}
      .mobile-head{height:64px}
      .mobile-menu{padding:8px 14px 22px}
    }


    /* Keep the desktop navigation centered within the header */
    @media (min-width:1081px){
      .header-inner{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        align-items:center;
        gap:16px;
      }
      .brand{justify-self:start}
      .desktop-nav{
        justify-self:center;
        justify-content:center;
        margin-left:0;
      }
      .header-actions{justify-self:end}
    }


/* ===== site-fixes.css ===== */
/* Qianmiao site-wide repair and accessibility layer */
.reveal,[data-reveal]{opacity:1;transform:none}
.js .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
.js [data-reveal].reveal:not(.is-visible){opacity:0;transform:translateY(18px)}

/* Larger and more reliable touch targets without changing desktop density. */
.subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
.product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
  display:inline-flex;align-items:center;min-height:34px;padding-block:5px
}

/* Prevent floating contacts from covering dialogs, drawers or footer content. */
.floating-contacts{transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.menu-open .floating-contacts,.filters-open .floating-contacts,
.category-panel-open .floating-contacts,.lightbox-open .floating-contacts,
.floating-contacts.is-footer-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}

/* Disabled social placeholders no longer jump the page to the top. */
.socials a[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.socials a[aria-disabled="true"]:hover{transform:none;background:transparent;border-color:rgba(255,255,255,.17)}

/* Consistent dialog focus visibility. */
.mobile-panel:focus,.catalog-sidebar:focus,.category-sidebar:focus,
.lightbox:focus,.facility-lightbox:focus,.detail-lightbox:focus{outline:none}

/* Keep square catalogue images predictable. */
.simple-product-image{aspect-ratio:1/1;overflow:hidden}
.simple-product-image img{width:100%;height:100%;object-fit:cover}

@media (max-width:1080px){
  .category-sidebar[aria-hidden="true"],.catalog-sidebar[aria-hidden="true"]{visibility:hidden}
  .category-sidebar[aria-hidden="false"],.catalog-sidebar[aria-hidden="false"]{visibility:visible}
}

@media (max-width:680px){
  .section-kicker,.simple-product-category,.category-label,.product-card-category,
  .case-tag,.step-label,.form-eyebrow{font-size:11px}
  .form-field>span,.form-label,.form-note,.simple-product-desc,
  .category-summary span,.directory-nav small{font-size:12px}
  .subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
  .product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
    min-height:38px;padding-block:8px
  }
  .floating-contacts{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
  .category-cta-box>div:last-child{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}
  .category-cta-box>div:last-child .btn{margin:0}
}

@media (prefers-reduced-motion:reduce){
  .js .reveal:not(.is-visible),.js [data-reveal].reveal:not(.is-visible){opacity:1;transform:none}
}

/* Final mobile readability pass for labels that were below 11px. */
@media (max-width:680px){
  .subpage-label,.product-category,.market-node,.sidebar-label,
  .strength-label,.contact-quick-label,.contact-form-note,
  .detail-form-note,.spec-note,.number,.process-step strong,
  .process-item>span:first-child{font-size:11px!important}
  .contact-form-field>span,.detail-form-field>span,
  .quote-form-field>span{font-size:12px!important}
  .subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
  .product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
    padding-inline:4px
  }
}

/* Final touch-target and microcopy normalization. */
.subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
.product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
  min-height:36px;padding-inline:4px
}
@media (max-width:680px){
  main small,.market-data-item span,.contact-detail small,.contact-field>span,
  .contact-step span,.directory-sidebar p,.directory-sidebar li,
  .category-summary span,.detail-tags a,.application-list span,
  .detail-form label>span,.quote-form label>span{font-size:11px!important}
  .contact-field>span,.detail-form label>span,.quote-form label>span{font-size:12px!important}
  .subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
  .product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{min-height:40px}
}
@media (max-width:680px){
  .market-core span,.related-card p,.check{font-size:11px!important}
}


/* ===== site-enhancements.css ===== */
/* ===== Hero imagery, language popup and drawer enhancements ===== */
.has-image-hero{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.subpage-hero.has-image-hero{
  min-height:360px;display:flex;align-items:center;
  background-image:linear-gradient(105deg,rgba(7,31,49,.94) 0%,rgba(7,31,49,.79) 58%,rgba(7,31,49,.54) 100%),var(--hero-bg)!important;
  border-bottom:0;color:#fff;
}
.subpage-hero.has-image-hero .subpage-breadcrumb,.subpage-hero.has-image-hero .subpage-breadcrumb a{color:rgba(255,255,255,.72)}
.subpage-hero.has-image-hero .subpage-breadcrumb a:hover{color:#fff}
.subpage-hero.has-image-hero .subpage-eyebrow{color:#66d9c5}
.subpage-hero.has-image-hero h1{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.2)}
.subpage-hero.has-image-hero p{color:rgba(255,255,255,.8)}
.hero.has-image-hero{
  background-image:linear-gradient(104deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 51%,rgba(240,247,247,.78) 100%),var(--hero-bg)!important;
}
.about-hero.has-image-hero,.contact-hero.has-image-hero,.product-hero.has-image-hero,.detail-hero.has-image-hero,.category-hero.has-image-hero{
  background-image:linear-gradient(105deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 56%,rgba(238,247,246,.75) 100%),var(--hero-bg)!important;
  background-attachment:scroll!important;
}
.category-hero.has-image-hero::before{opacity:.2}

/* Case filter drawer */
.case-filter-toolbar{display:flex;justify-content:flex-end;margin:-4px 0 28px}
.case-filter-toggle{min-height:46px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;color:var(--primary);background:#fff;font-size:13px;font-weight:760;box-shadow:var(--shadow-sm)}
.case-filter-toggle:hover{color:var(--accent-strong);border-color:rgba(22,170,145,.45)}
.case-filter-toggle svg{width:19px;height:19px}.case-filter-toggle small{margin-left:4px;padding-left:11px;border-left:1px solid var(--border);color:var(--accent-strong);font-size:11px}
.case-filter-overlay{position:fixed;inset:0;z-index:2210;background:rgba(4,22,34,.58);opacity:0;visibility:hidden;transition:.24s ease}
.case-filter-drawer{position:fixed;inset:0 0 0 auto;z-index:2220;width:min(420px,92vw);overflow-y:auto;background:#fff;box-shadow:-24px 0 70px rgba(4,22,34,.22);transform:translateX(105%);transition:transform .28s var(--ease)}
.case-filter-open .case-filter-overlay{opacity:1;visibility:visible}.case-filter-open .case-filter-drawer{transform:translateX(0)}body.case-filter-open{overflow:hidden}.case-filter-open .floating-contacts{opacity:0;pointer-events:none}
.case-filter-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--border);background:#fff}
.case-filter-drawer-head span{display:block;margin-bottom:5px;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.case-filter-drawer-head h2{margin:0;color:var(--primary-strong);font-size:25px}.case-filter-close{width:40px;height:40px;border:0;border-radius:8px;color:var(--primary);background:var(--surface);font-size:26px;line-height:1}
.case-filter-drawer-body{padding:24px}.case-filter-drawer .subpage-filter{display:grid;gap:9px;margin:0}.case-filter-drawer .filter-chip{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;text-align:left}.case-filter-drawer .filter-chip::after{content:"→";font-size:15px}.case-filter-drawer .filter-chip.active::after{content:"✓"}

/* Certificate layout */
.document-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.document-card .subpage-card-body{padding:17px!important}.document-card .subpage-card-image{aspect-ratio:4/5}.document-card .subpage-card-image img{padding:9px}

/* Expanded FAQ */
.faq-group-title{margin:38px 0 0;padding:13px 0 11px;color:var(--accent-strong);border-bottom:2px solid var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.faq-group-title:first-child{margin-top:0}.faq-wrap{max-width:980px}

@media(max-width:1080px){.document-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){
  .subpage-hero.has-image-hero{min-height:320px}
  .language-popup-trigger{min-width:46px;padding-inline:9px}.language-popup-trigger span{display:none}
  .language-popup-options{grid-template-columns:1fr 1fr}
  .about-hero.has-image-hero,.contact-hero.has-image-hero,.product-hero.has-image-hero,.detail-hero.has-image-hero,.category-hero.has-image-hero,.hero.has-image-hero{background-position:center!important}
}
@media(max-width:680px){
  .subpage-hero.has-image-hero{min-height:300px;padding:42px 0 38px}
  .language-popup{padding:12px;align-items:end}.language-popup-dialog{width:100%;max-height:88vh;padding:20px 16px;border-radius:16px 16px 0 0}.language-popup-options{grid-template-columns:1fr}.language-popup-head h2{font-size:22px}
  .case-filter-toolbar{justify-content:stretch}.case-filter-toggle{width:100%;justify-content:center}.case-filter-toggle small{margin-left:auto}
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.document-card .subpage-card-body{padding:12px!important}.document-card .subpage-card-body>span[style]{font-size:13px!important}.document-card .text-link{font-size:11px!important}
  .faq-group-title{margin-top:30px;font-size:11px}
}
@media(max-width:420px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.language-choice{min-height:64px}}
html,body{max-width:100%;overflow-x:clip}
.language-flag img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* ===== Redesigned 404 page ===== */
.error-main{background:#071f31}
.error-page-redesign{
  position:relative;
  min-height:calc(100vh - var(--header));
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background-image:
    linear-gradient(108deg,rgba(4,22,34,.97) 0%,rgba(7,31,49,.92) 48%,rgba(10,57,70,.78) 100%),
    var(--error-bg);
  background-size:cover;
  background-position:center;
}
.error-page-redesign::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.5) 58%,transparent);
  -webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.5) 58%,transparent);
}
.error-page-redesign::after{
  content:"";
  position:absolute;
  right:-180px;
  top:-230px;
  width:620px;
  height:620px;
  border:1px solid rgba(102,217,197,.18);
  border-radius:50%;
  box-shadow:0 0 0 90px rgba(102,217,197,.035),0 0 0 180px rgba(255,255,255,.018);
  pointer-events:none;
}
.error-page-container{position:relative;z-index:2;padding-top:54px;padding-bottom:64px}
.error-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:40px;color:rgba(255,255,255,.62);font-size:12px;font-weight:650}
.error-breadcrumb a{color:rgba(255,255,255,.74);transition:color .2s ease}.error-breadcrumb a:hover{color:#fff}.error-breadcrumb svg{width:9px;height:9px}
.error-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(440px,.84fr);align-items:center;gap:clamp(48px,7vw,100px)}
.error-copy{max-width:670px}
.error-eyebrow{display:flex;align-items:center;gap:10px;color:#66d9c5;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.error-eyebrow::before{content:"";width:24px;height:2px;border-radius:99px;background:currentColor}
.error-number{display:block;margin:20px 0 4px;color:transparent;font-size:clamp(110px,15vw,210px);font-weight:850;line-height:.78;letter-spacing:-.085em;-webkit-text-stroke:2px rgba(255,255,255,.3);text-shadow:0 18px 50px rgba(0,0,0,.2)}
.error-copy h1{max-width:650px;margin:25px 0 0;color:#fff;font-size:clamp(36px,4.2vw,58px);font-weight:760;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.error-intro{max-width:620px;margin:21px 0 29px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.75}
.error-actions{display:flex;flex-wrap:wrap;gap:11px}.error-actions .btn{min-width:150px}
.error-btn-light{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.27);backdrop-filter:blur(8px)}
.error-btn-light:hover{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.48);transform:translateY(-1px)}
.error-assistance{margin:19px 0 0;color:rgba(255,255,255,.57);font-size:12px}.error-assistance a{color:#78dfcd;font-weight:720}.error-assistance a:hover{color:#fff}
.error-route-panel{padding:30px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.3);border-radius:16px;color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.error-route-heading{padding-bottom:20px;border-bottom:1px solid var(--border)}
.error-route-heading>span{display:block;margin-bottom:7px;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.13em}
.error-route-heading h2{margin:0;color:var(--primary-strong);font-size:27px;line-height:1.2;letter-spacing:-.025em}.error-route-heading p{margin:9px 0 0;color:var(--muted);font-size:12.5px;line-height:1.6}
.error-route-grid{display:grid;gap:9px;margin-top:19px}
.error-route-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:transform .2s var(--ease),border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.error-route-card:hover{transform:translateX(3px);border-color:rgba(22,170,145,.42);background:#f5faf9;box-shadow:0 8px 22px rgba(10,36,52,.07)}
.error-route-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;color:var(--accent-strong);background:var(--accent-soft)}.error-route-icon svg{width:21px;height:21px}
.error-route-card strong{display:block;color:var(--primary);font-size:14px;line-height:1.3}.error-route-card small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.45}.error-route-arrow{color:var(--accent-strong);font-size:17px;transition:transform .2s ease}.error-route-card:hover .error-route-arrow{transform:translateX(3px)}
.error-contact-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--border);color:var(--muted);font-size:10.5px}.error-contact-line a{color:var(--accent-strong);font-size:12px;font-weight:720;overflow-wrap:anywhere}
@media(max-width:1080px){.error-layout{grid-template-columns:minmax(0,.9fr) minmax(390px,.8fr);gap:42px}.error-page-container{padding-top:45px}}
@media(max-width:900px){.error-page-redesign{min-height:auto}.error-layout{grid-template-columns:1fr}.error-copy{max-width:760px}.error-route-panel{max-width:760px}.error-number{font-size:clamp(112px,25vw,180px)}.error-page-container{padding-top:40px;padding-bottom:56px}}
@media(max-width:680px){.error-page-redesign{background-position:62% center}.error-page-container{padding-top:30px;padding-bottom:42px}.error-breadcrumb{margin-bottom:28px}.error-number{margin-top:18px;font-size:clamp(98px,34vw,145px);-webkit-text-stroke-width:1.5px}.error-copy h1{margin-top:22px;font-size:clamp(31px,9vw,42px)}.error-intro{margin-top:17px;font-size:14px}.error-actions{display:grid;grid-template-columns:1fr}.error-actions .btn{width:100%}.error-route-panel{padding:20px 16px;border-radius:13px}.error-route-heading h2{font-size:23px}.error-route-card{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;min-height:68px;padding:10px}.error-route-icon{width:40px;height:40px}.error-contact-line{display:block}.error-contact-line a{display:block;margin-top:5px}.footer-stats{position:relative}}

/* ===== Product navigation: single-column category menu ===== */
@media (min-width:1081px){
  .product-nav-dropdown{
    left:-34px!important;
    width:330px!important;
    min-width:330px!important;
    display:block!important;
    padding:10px!important;
  }
  .product-nav-dropdown a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:43px!important;
    padding:10px 12px!important;
    border-radius:7px!important;
    color:#455b66!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  .product-nav-dropdown a + a{
    margin-top:2px!important;
  }
  .product-nav-dropdown .product-nav-all{
    color:var(--accent-strong)!important;
    background:var(--accent-soft)!important;
    font-weight:600!important;
  }
  .product-nav-dropdown .product-nav-detail{
    margin-top:8px!important;
    padding-top:12px!important;
    border-top:1px solid var(--border)!important;
    border-radius:0 0 7px 7px!important;
  }
  .product-nav-dropdown a:hover,
  .product-nav-dropdown a:focus-visible{
    color:var(--primary)!important;
    background:#f2f6f7!important;
  }
  .product-nav-dropdown a[aria-current="page"]{
    color:var(--accent-strong)!important;
    background:var(--accent-soft)!important;
    font-weight:600!important;
  }
}


/* ===== typography-system.css ===== */
/*
 * Qianmiao Website Typography System v1.0
 * Selected family: IBM Plex Sans + IBM Plex Sans SC
 * This file intentionally loads last and normalizes typography/vertical rhythm
 * without changing the existing structural layout or component behavior.
 */

:root{
  --font-sans:"IBM Plex Sans","IBM Plex Sans SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;
  --type-display:clamp(38px,4.2vw,56px);
  --type-h1:clamp(34px,3.6vw,48px);
  --type-h2:clamp(28px,2.8vw,36px);
  --type-h3:clamp(20px,2vw,24px);
  --type-h4:18px;
  --type-lead:18px;
  --type-body-lg:16px;
  --type-body:15px;
  --type-small:13px;
  --type-caption:12px;
  --type-eyebrow:12px;
  --leading-display:1.08;
  --leading-h1:1.12;
  --leading-heading:1.2;
  --leading-card:1.35;
  --leading-body:1.7;
  --leading-reading:1.75;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --section-space:clamp(64px,7vw,96px);
}

html{font-size:16px}
body,
button,
input,
select,
textarea{
  font-family:var(--font-sans)!important;
  font-kerning:normal;
  font-synthesis:none;
}
body{
  font-size:var(--type-body)!important;
  font-weight:400;
  line-height:var(--leading-body)!important;
  letter-spacing:0;
}
strong,b{font-weight:600}
.quote-mark{font-family:var(--font-sans)!important}

/* Standard weights */
h1,h2,h3,h4,h5,h6,
.section-title,.about-heading,
.btn,.nav-link,.nav-trigger,
.mobile-menu>a,.mobile-menu button,
.text-link,.simple-product-link,
.filter-chip,.category-filter-link,
.faq-question,.faq-button,
.footer-col h3,
.language-popup-trigger,
.language-choice strong{
  font-weight:600!important;
}
.stat strong,.strength-number,.market-data-item strong,.error-number,.error-code{font-weight:700!important;font-variant-numeric:tabular-nums lining-nums}

/* Major display titles */
.hero h1{
  font-size:var(--type-display)!important;
  font-weight:600!important;
  line-height:var(--leading-display)!important;
  letter-spacing:-.035em!important;
}
.subpage-hero h1,
.about-hero-copy h1,
.contact-hero-copy h1,
.product-hero h1,
.detail-hero h1,
.category-hero h1,
.error-copy h1,
.error-panel h1{
  font-size:var(--type-h1)!important;
  font-weight:600!important;
  line-height:var(--leading-h1)!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}

/* Section headings */
.section-title,
.about-heading,
.category-head h2,
.subpage-section h2,
.subpage-cta h2,
.featured-story h2,
.contact-steps-head h2,
.contact-map-copy h2,
.detail-summary h2,
.detail-overview h2,
.detail-faq h2,
.article-content h2,
.error-route-heading h2,
.about-cta h2,
.category-cta-box h2,
.catalog-main>h2,
.directory-main>h2{
  font-size:var(--type-h2)!important;
  font-weight:600!important;
  line-height:var(--leading-heading)!important;
  letter-spacing:-.018em!important;
}

/* Component headings */
.cap-card h3,.challenge-card h3,.case-body h3,
.category-card h3,.simple-product-body h3,
.subpage-card-body h2,.subpage-card-body h3,
.feature-item h3,.step-item h3,
.reliability-item h3,.aside-box h3,
.article-content h3,.contact-step h3,
.error-route-card strong,
.detail-faq h3,
.product-info h2,.product-info h3{
  font-weight:600!important;
  line-height:var(--leading-card)!important;
  letter-spacing:-.01em!important;
}
.cap-card h3,.challenge-card h3,.case-body h3,.simple-product-body h3,.subpage-card-body h2,.featured-story h2{
  font-size:clamp(19px,1.6vw,22px)!important;
}
.article-content h3,.aside-box h3,.feature-item h3,.step-item h3,.reliability-item h3,.contact-step h3{
  font-size:var(--type-h4)!important;
}

/* Lead / hero copy */
.hero-copy,
.about-hero-copy>p:not(.section-kicker),
.contact-hero-copy>p:not(.section-kicker),
.product-hero-copy,
.detail-lead,
.category-hero-grid>div>p:not(.section-kicker),
.subpage-hero>div>p:not(.subpage-breadcrumb),
.error-intro{
  font-size:clamp(16px,1.35vw,18px)!important;
  line-height:var(--leading-body)!important;
  letter-spacing:0!important;
}
.section-copy,.about-lead,.faq-intro,.catalog-intro{
  font-size:var(--type-body-lg)!important;
  line-height:var(--leading-reading)!important;
}

/* Body copy */
.article-content p,.article-content li{
  font-size:var(--type-body-lg)!important;
  line-height:1.82!important;
}
.overview-copy p,.market-copy p,
.subpage-card-body p,.feature-item p,.step-item p,
.case-body p,.cap-card p,.challenge-card p,
.simple-product-desc,.category-card p,
.detail-overview p,.detail-summary p,
.contact-map-copy p,.contact-step p,
.faq-answer p,.faq-panel p,
.error-route-heading p,
.category-cta-box p,.subpage-cta p,.about-cta p{
  font-size:var(--type-body)!important;
  line-height:var(--leading-body)!important;
}

/* Labels, navigation and utility text */
.nav-link,.nav-trigger{font-size:14px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:0!important}
.dropdown a,.mobile-sub a{font-size:13px!important;font-weight:400!important;line-height:1.45!important}
.mobile-menu>a,.mobile-menu button{font-size:15px!important;font-weight:500!important;line-height:1.35!important}
.btn{font-size:14px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important}
.text-link,.simple-product-link{font-size:13px!important;font-weight:600!important;line-height:1.35!important}
.section-kicker,.subpage-eyebrow,.about-hero-label,.contact-quick-label,.form-eyebrow,
.language-popup-eyebrow,.case-filter-drawer-head span,.error-eyebrow,
.faq-group-title,.simple-product-category,.category-label{
  font-size:var(--type-eyebrow)!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
}
.subpage-breadcrumb,.about-breadcrumb,.contact-breadcrumb,.product-breadcrumb,.detail-breadcrumb,.category-breadcrumb,.error-breadcrumb{
  font-size:var(--type-caption)!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}

/* Cards and compact text */
.simple-product-category,.case-tag,.visual-label,.article-caption,
.form-note,.detail-form-note,.language-popup-note,.language-choice small,
.footer-bottom,.contact-line,.aside-row,.strength-label,.market-data-item span{
  font-size:var(--type-caption)!important;
  line-height:1.55!important;
}
.simple-product-body h3{font-size:20px!important}
.simple-product-desc{font-size:14px!important;line-height:1.65!important}
.category-filter-link,.sidebar-panel a,.sidebar-panel button{font-size:13px!important;line-height:1.45!important}
.filter-chip,.case-filter-toggle,.mobile-category-toggle{font-size:14px!important;font-weight:600!important;line-height:1.3!important}

/* FAQ */
.faq-question,.faq-button{
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.45!important;
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.faq-answer p,.faq-panel p{font-size:15px!important;line-height:1.75!important;padding-bottom:24px!important}

/* Forms */
.form-field>span,.contact-form-field>span,.detail-form-field>span,.field-label,label{
  font-size:13px;
  font-weight:500;
  line-height:1.4;
}
.field,.contact-field,.detail-form input,.detail-form select,.detail-form textarea,
.contact-form-card input,.contact-form-card select,.contact-form-card textarea{
  font-size:14px!important;
  line-height:1.45!important;
}

/* Footer */
.footer-col h3{font-size:16px!important;font-weight:600!important;line-height:1.3!important}
.footer-about p{font-size:13px!important;line-height:1.7!important}
.footer-links a,.contact-line{font-size:13px!important;line-height:1.55!important}
.footer-stat{font-size:14px!important;font-weight:600!important;line-height:1.35!important}

/* Language popup typography */
.language-popup-trigger{font-size:13px!important;font-weight:600!important}
.language-popup-head h2{font-size:26px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.015em!important}
.language-choice strong{font-size:14px!important;font-weight:600!important;line-height:1.3!important}
.language-choice small{font-size:12px!important;line-height:1.45!important}
.language-popup-note{font-size:12px!important;line-height:1.6!important}

/* Vertical rhythm: main sections */
.section,.subpage-section,.about-section{
  padding-top:var(--section-space)!important;
  padding-bottom:var(--section-space)!important;
}
.subpage-section.compact{padding-top:clamp(52px,5.5vw,72px)!important;padding-bottom:clamp(52px,5.5vw,72px)!important}
.category-section,.catalog-section,.contact-main,.contact-map-section,.applications-section,.feature-section{
  padding-top:clamp(64px,7vw,88px)!important;
  padding-bottom:clamp(64px,7vw,88px)!important;
}

/* Heading and paragraph spacing */
.section-kicker,.subpage-eyebrow{margin-bottom:var(--space-3)!important}
.section-title,.about-heading{margin-bottom:0!important}
.section-title + .section-copy,
.about-heading + .about-lead,
.subpage-section h2 + p,
.category-head h2 + p,
.article-content h2 + p,
.article-content h3 + p{
  margin-top:var(--space-4)!important;
}
.hero-copy,.about-hero-copy>p:not(.section-kicker),.contact-hero-copy>p:not(.section-kicker),.product-hero-copy,.detail-lead{
  margin-top:var(--space-5)!important;
  margin-bottom:var(--space-7)!important;
}
.hero-actions,.about-hero-actions,.contact-hero-actions,.detail-actions{gap:var(--space-3)!important}

/* Card rhythm */
.cap-card h3,.challenge-card h3,.case-body h3,.simple-product-body h3,.category-card h3,
.subpage-card-body h2,.subpage-card-body h3{margin-top:var(--space-4)!important;margin-bottom:var(--space-2)!important}
.cap-card p,.challenge-card p,.case-body p,.simple-product-desc,.category-card p,.subpage-card-body p{margin-top:0!important;margin-bottom:var(--space-4)!important}
.case-body,.subpage-card-body,.simple-product-body{padding:var(--space-6)!important}

/* Article rhythm */
.article-content h2{margin-top:var(--space-12)!important;margin-bottom:var(--space-4)!important}
.article-content h3{margin-top:var(--space-8)!important;margin-bottom:var(--space-3)!important}
.article-content p{margin-bottom:var(--space-5)!important}
.article-content ul,.article-content ol{margin-top:var(--space-4)!important;margin-bottom:var(--space-6)!important;gap:var(--space-2)!important}

/* Numeric alignment */
.stat strong,.strength-number,.market-data-item strong,.category-summary strong,.value-item strong,
.product-specs td,.product-specs th,.detail-facts strong{
  font-variant-numeric:tabular-nums lining-nums;
}

/* Optional CJK typography tuning */
html:lang(zh) body,html:lang(ja) body,html:lang(ko) body{line-height:1.75!important}
html:lang(zh) .hero h1,html:lang(ja) .hero h1,html:lang(ko) .hero h1{font-size:clamp(36px,4vw,53px)!important;letter-spacing:-.02em!important}
html:lang(zh) .subpage-hero h1,html:lang(ja) .subpage-hero h1,html:lang(ko) .subpage-hero h1,
html:lang(zh) .about-hero-copy h1,html:lang(ja) .about-hero-copy h1,html:lang(ko) .about-hero-copy h1{font-size:clamp(32px,3.4vw,46px)!important;letter-spacing:-.015em!important}
html:lang(zh) .section-kicker,html:lang(ja) .section-kicker,html:lang(ko) .section-kicker,
html:lang(zh) .subpage-eyebrow,html:lang(ja) .subpage-eyebrow,html:lang(ko) .subpage-eyebrow{text-transform:none!important;letter-spacing:.05em!important}

@media(max-width:900px){
  :root{
    --type-display:48px;
    --type-h1:42px;
    --type-h2:32px;
    --type-h3:22px;
    --section-space:80px;
  }
  .hero h1{font-size:clamp(40px,7vw,48px)!important}
  .subpage-hero h1,.about-hero-copy h1,.contact-hero-copy h1,.product-hero h1,.detail-hero h1,.category-hero h1,.error-copy h1{font-size:clamp(36px,6vw,42px)!important}
  .section-title,.about-heading,.category-head h2,.subpage-section h2,.subpage-cta h2,.article-content h2{font-size:clamp(28px,4vw,32px)!important}
  .case-body,.subpage-card-body,.simple-product-body{padding:20px!important}
}

@media(max-width:680px){
  :root{
    --type-display:38px;
    --type-h1:34px;
    --type-h2:28px;
    --type-h3:20px;
    --type-h4:17px;
    --type-lead:16px;
    --type-body-lg:15px;
    --type-body:14px;
    --type-small:12px;
    --type-caption:11px;
    --type-eyebrow:11px;
    --section-space:64px;
  }
  body{font-size:14px!important}
  .hero h1{font-size:clamp(36px,10vw,40px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
  .subpage-hero h1,.about-hero-copy h1,.contact-hero-copy h1,.product-hero h1,.detail-hero h1,.category-hero h1,.error-copy h1{font-size:clamp(31px,8.5vw,36px)!important;line-height:1.12!important;letter-spacing:-.018em!important}
  .section-title,.about-heading,.category-head h2,.subpage-section h2,.subpage-cta h2,.article-content h2,.error-route-heading h2{font-size:clamp(26px,7.2vw,29px)!important;line-height:1.22!important}
  .hero-copy,.about-hero-copy>p:not(.section-kicker),.contact-hero-copy>p:not(.section-kicker),.product-hero-copy,.detail-lead,.subpage-hero>div>p:not(.subpage-breadcrumb),.error-intro{font-size:16px!important;line-height:1.7!important}
  .section-copy,.about-lead,.faq-intro,.catalog-intro,.article-content p,.article-content li{font-size:15px!important}
  .nav-link,.nav-trigger{font-size:13px!important}
  .btn{font-size:14px!important}
  .case-body,.subpage-card-body,.simple-product-body{padding:18px!important}
  .faq-question,.faq-button{font-size:15px!important;padding-top:18px!important;padding-bottom:18px!important}
  .faq-answer p,.faq-panel p{font-size:14px!important;padding-bottom:20px!important}
  .article-content h2{margin-top:40px!important}.article-content h3{margin-top:28px!important}
}

@media(max-width:420px){
  .hero h1{font-size:36px!important}
  .subpage-hero h1,.about-hero-copy h1,.contact-hero-copy h1,.product-hero h1,.detail-hero h1,.category-hero h1,.error-copy h1{font-size:31px!important}
}

/* Final minimum-size normalization for compact UI labels */
.subpage-label,
.sidebar-label,
.error-route-heading>span,
.contact-detail small,
.contact-step>span,
.process-item>span,
.related-card p,
.market-core span,
.category-filter-link small,
.sidebar-panel small,
.category-sidebar small,
.case-filter-toggle small{
  font-size:12px!important;
  line-height:1.45!important;
}
.subpage-label,.sidebar-label,.contact-step>span,.process-item>span,.related-card p,.error-route-heading>span{
  font-weight:600!important;
  letter-spacing:.08em!important;
}
.market-core span{font-size:11px!important}
@media(max-width:680px){
  .subpage-label,.sidebar-label,.error-route-heading>span,.contact-detail small,.contact-step>span,.process-item>span,.related-card p,.category-filter-link small,.sidebar-panel small,.category-sidebar small,.case-filter-toggle small{font-size:11px!important}
}
.process-item>span:first-child,
.directory-nav small{
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
@media(max-width:680px){.process-item>span:first-child,.directory-nav small{font-size:11px!important}}
.application-list li>span{
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
@media(max-width:680px){.application-list li>span{font-size:11px!important}}


/* ===== responsive-system.css ===== */
/*
 * Qianmiao responsive system v1.0
 * Loaded after all page and typography styles.
 * Breakpoints: 1180 desktop-nav, 1024 tablet landscape, 900 tablet portrait,
 * 720 phone, 480 compact phone.
 */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-width:320px;
  overflow-wrap:break-word;
}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
img,video,iframe{max-width:100%}
iframe{border:0}

/* Prevent fixed controls from covering the final page content. */
main{min-width:0}
.site-footer{position:relative;z-index:2}
.floating-contacts{transition:opacity .2s ease,transform .2s ease}
.menu-open .floating-contacts,
.language-popup-open .floating-contacts,
.case-filter-open .floating-contacts,
.category-panel-open .floating-contacts,
.filters-open .floating-contacts{opacity:0;pointer-events:none}

/* Horizontal content that cannot be collapsed must remain usable. */
.article-content table,
.product-specs,
.specification-table,
.table-scroll{
  max-width:100%;
}
.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- Compact desktop / tablet landscape ---------- */
@media (max-width:1180px){
  .container{width:min(var(--container),calc(100% - 48px))!important}
  .header-actions{gap:8px}
  .language-popup-trigger,.hamburger{flex:0 0 auto}
  .header-cta{display:none!important}
  .language-popup-trigger{display:inline-flex!important}
  .hamburger{display:flex!important;margin-left:0!important}

  .hero-grid{gap:30px!important}
  .hero-products{gap:12px}
  .hero-card{min-height:220px;padding:15px}
  .hero-card img{height:112px}
  .value-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .value-item{min-height:58px;padding:8px 12px!important;font-size:12px!important}

  .cap-grid,.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:1.25fr repeat(2,minmax(0,1fr))!important;gap:34px!important}
  .footer-grid>.footer-col:last-of-type{grid-column:auto}

  .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .case-grid-simple,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .article-shell{grid-template-columns:minmax(0,1fr) 270px;gap:38px}

  .about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)!important;gap:38px!important}
  .overview-grid,.quality-grid{gap:44px!important}
  .industries-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .contact-hero-grid,.contact-layout{gap:36px!important}
  .contact-map-wrap{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important}

  .detail-hero-grid{gap:32px!important}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .category-hero-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important}
  .category-summary div{min-height:96px;padding:16px}
  .simple-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- Tablet landscape / small laptop ---------- */
@media (max-width:1024px){
  :root{--section-space:80px}
  .container{width:calc(100% - 40px)!important}

  .site-header,.header-inner{height:68px!important}
  :root{--header:68px!important}
  .brand img,.site-header.scrolled .brand img{width:42px!important;height:42px!important}
  .language-popup-trigger,.hamburger{width:44px;min-width:44px;height:44px;padding:0!important}
  .language-popup-trigger span{display:none}

  .section,.about-section,.subpage-section{padding-top:80px!important;padding-bottom:80px!important}
  .subpage-section.compact{padding-top:60px!important;padding-bottom:60px!important}

  .hero{padding-top:48px!important;padding-bottom:34px!important}
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;gap:26px!important}
  .hero h1{font-size:clamp(40px,5.2vw,48px)!important}
  .hero-products{gap:10px}
  .hero-card{min-height:205px}
  .hero-card img{height:100px}
  .hero-card p{font-size:12px!important;line-height:1.5!important}

  .solution-banner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
  .solution-copy{padding:32px!important}
  .solution-visual{min-height:300px}
  .global-grid,.team-grid,.cert-grid{gap:42px!important}
  .globe-stage{min-height:370px!important}
  .team-photo img{height:360px!important}

  .subpage-hero.has-image-hero{min-height:310px!important}
  .subpage-head{gap:22px}
  .subpage-card-body{padding:20px!important}
  .featured-story{min-height:340px}
  .featured-story .subpage-card-body{padding:32px!important}
  .article-shell{grid-template-columns:1fr!important;gap:34px!important}
  .article-aside{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .about-hero-grid,.overview-grid,.quality-grid,.market-panel{grid-template-columns:1fr 1fr!important;gap:34px!important}
  .about-hero-media img{height:380px!important}
  .overview-media img,.quality-media img{height:390px!important}
  .facility-layout{grid-template-rows:repeat(2,210px)!important}
  .facility-row .facility-shot{height:210px!important}
  .market-visual{min-height:360px!important}

  .contact-hero-grid,.contact-layout,.contact-map-wrap{grid-template-columns:1fr!important}
  .contact-quick,.contact-side{max-width:none!important}
  .contact-map-copy{order:-1;padding:30px!important}
  .contact-map{min-height:340px!important}
  .contact-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .detail-hero-grid{grid-template-columns:1fr 1fr!important}
  .overview-grid,.applications-grid,.quote-grid{gap:34px!important}
  .faq-layout{grid-template-columns:1fr!important}
  .faq-layout>div:first-child{max-width:760px}

  .category-hero-grid{grid-template-columns:1fr!important}
  .category-summary{max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-summary div{min-height:88px}
  .directory-top{align-items:flex-start!important}
  .product-search{width:min(360px,50vw)!important}
  .category-cta-box{padding:30px!important}
}

/* ---------- Tablet portrait ---------- */
@media (max-width:900px){
  :root{--section-space:72px}
  .container{width:calc(100% - 36px)!important}

  .mobile-panel{
    width:min(390px,88vw)!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom));
  }
  .mobile-menu>a,.mobile-menu button{min-height:50px!important}
  .mobile-contact{margin-top:18px!important}

  .language-popup{padding:20px!important}
  .language-popup-dialog{width:min(600px,100%)!important;max-height:calc(100dvh - 40px)!important}
  .language-popup-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .language-choice{min-height:68px}

  .hero{padding-top:52px!important;background-position:center!important}
  .hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  .hero-copy-block{padding-left:0!important}
  .hero-copy-block::before{display:none!important}
  .hero-copy,.hero h1{max-width:720px!important}
  .hero-actions{max-width:520px}
  .hero-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}
  .hero-card{min-height:220px}
  .hero-card img{height:115px}
  .value-row{margin-top:32px!important}

  .solution-banner{grid-template-columns:1fr!important}
  .solution-visual{order:1!important;min-height:280px!important;margin:10px 10px 0!important}
  .solution-copy{order:2!important;padding:32px 28px 36px!important}
  .global-grid,.team-grid,.cert-grid,.inquiry-grid{grid-template-columns:1fr!important}
  .global-grid,.team-grid,.cert-grid{gap:36px!important}
  .globe-stage{min-height:340px!important}
  .team-photo{order:-1!important;max-width:none!important}
  .team-photo img{height:360px!important}
  .cert-gallery,.cert-copy{max-width:none!important}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inquiry-grid{gap:32px!important}

  .footer-main{padding-top:58px!important}
  .footer-grid{grid-template-columns:1.2fr 1fr!important;gap:34px!important}

  .subpage-hero.has-image-hero{min-height:290px!important;padding:44px 0 40px!important}
  .subpage-head{display:block!important;margin-bottom:28px!important}
  .subpage-head p{margin-top:12px!important}
  .subpage-cta{align-items:flex-start!important;flex-direction:column!important;padding:30px!important}
  .subpage-cta-actions{width:100%}
  .featured-story{grid-template-columns:1fr!important;min-height:0}
  .featured-story .subpage-card-image{height:auto!important;aspect-ratio:16/9!important}
  .featured-story .subpage-card-body{padding:28px!important}
  .article-aside{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .steps-row{grid-template-columns:1fr!important}
  .step-item{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .step-item:last-child{border-bottom:0!important}

  .about-hero-grid,.overview-grid,.quality-grid,.market-panel{grid-template-columns:1fr!important}
  .about-hero-grid{gap:32px!important}
  .about-hero-media{max-width:760px}
  .about-hero-media img{height:360px!important}
  .about-section-head{display:block!important;margin-bottom:30px!important}
  .about-section-head .about-lead{margin-top:14px!important}
  .overview-media,.quality-media{order:-1}
  .overview-media img,.quality-media img{height:360px!important}
  .reliability-grid{grid-template-columns:1fr 1fr!important}
  .industries-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .market-visual{min-height:340px!important}

  .contact-hero{padding:44px 0 50px!important}
  .contact-hero-grid,.contact-layout,.contact-map-wrap{gap:30px!important}
  .contact-form-head{display:block!important}
  .contact-form-head p{margin-top:10px!important}
  .contact-form-card{padding:26px!important}
  .contact-map{min-height:330px!important}
  .contact-steps-head{display:block!important}
  .contact-steps-head p{margin-top:12px!important}
  .contact-step-grid{grid-template-columns:1fr!important}
  .contact-step{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .contact-step:last-child{border-bottom:0!important}

  .detail-hero{padding-top:38px!important;padding-bottom:64px!important}
  .detail-hero-grid,.overview-grid,.applications-grid,.quote-grid{grid-template-columns:1fr!important}
  .detail-media,.overview-panel,.application-image{max-width:none!important}
  .application-image{order:-1!important}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .category-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:620px!important}
  .category-summary div{min-height:92px}
  .directory-top{display:block!important}
  .directory-tools{width:100%;margin-top:16px}
  .product-search{width:100%!important}
  .mobile-category-toggle{flex:0 0 auto}
  .category-cta-box{align-items:center!important;flex-direction:column!important;text-align:center!important}
  .category-cta-actions{justify-content:center!important}
}

/* ---------- Phones ---------- */
@media (max-width:720px){
  :root{
    --header:64px!important;
    --section-space:60px;
  }
  body{padding-bottom:0}
  .container{width:calc(100% - 32px)!important}

  .site-header,.header-inner{height:64px!important}
  .header-inner{gap:8px!important}
  .brand img,.site-header.scrolled .brand img{width:39px!important;height:39px!important}
  .language-popup-trigger,.hamburger{width:42px!important;min-width:42px!important;height:42px!important;border-radius:8px!important}
  .header-actions{gap:7px!important}
  .hamburger span,.hamburger::before,.hamburger::after{width:19px!important}

  .mobile-panel{width:min(360px,92vw)!important}
  .mobile-head{height:64px!important;padding:0 16px!important}
  .mobile-menu{padding:8px 16px calc(24px + env(safe-area-inset-bottom))!important}
  .mobile-menu>a,.mobile-menu button{min-height:49px!important;font-size:14px!important}
  .mobile-sub a{min-height:40px;display:flex!important;align-items:center}
  .mobile-contact{padding:16px!important}

  .language-popup{padding:0!important;align-items:end!important}
  .language-popup-dialog{
    width:100%!important;
    max-height:min(86dvh,760px)!important;
    padding:20px 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:18px 18px 0 0!important;
  }
  .language-popup-head{margin-bottom:14px!important;padding-bottom:14px!important}
  .language-popup-options{grid-template-columns:1fr!important;gap:8px!important}
  .language-choice{min-height:62px!important;padding:10px!important}
  .language-popup-note{margin-top:12px!important}

  .section,.about-section,.subpage-section{padding-top:60px!important;padding-bottom:60px!important}
  .subpage-section.compact{padding-top:48px!important;padding-bottom:48px!important}

  .hero{padding:40px 0 28px!important}
  .hero-grid{gap:28px!important}
  .hero-copy{margin-top:16px!important;margin-bottom:22px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;max-width:none}
  .hero-actions .btn{width:100%;padding-inline:12px!important}
  /* Mobile product highlights become compact horizontal cards. */
  .hero-products{grid-template-columns:1fr!important;gap:10px!important}
  .hero-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr!important;
    column-gap:14px!important;
    min-height:0!important;
    padding:12px!important;
  }
  .hero-card::after{display:none!important}
  .hero-card img{grid-row:1/3;width:92px!important;height:92px!important;padding:4px;align-self:center}
  .hero-card h2{margin:4px 0 5px!important;font-size:16px!important}
  .hero-card p{font-size:12px!important;line-height:1.45!important}
  .value-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important;margin-top:26px!important}
  .value-item{justify-content:flex-start!important;min-height:66px!important;padding:10px!important;font-size:12px!important}

  .cap-grid,.challenge-grid,.case-grid{grid-template-columns:1fr!important;gap:16px!important}
  .cap-card,.challenge-card,.case-card{border-radius:12px!important}
  .cap-card img{height:auto!important;aspect-ratio:4/3!important}
  .challenge-card img,.case-image{height:auto!important;aspect-ratio:16/10!important}
  .solution-banner{margin-top:34px!important}
  .solution-visual{min-height:220px!important;margin:8px 8px 0!important}
  .solution-copy{padding:26px 20px 30px!important}
  .globe-stage{min-height:260px!important}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .team-photo img{height:280px!important}
  .cert-main{height:auto!important;min-height:360px;padding:12px!important}
  .cert-thumbs{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important;scroll-snap-type:x mandatory}
  .cert-thumb{flex:0 0 78px!important;width:78px!important;height:100px!important;scroll-snap-align:start}
  .inquiry{padding:56px 0!important}
  .inquiry-form{padding:20px 16px!important}
  .form-heading{display:block!important}
  .form-heading p{margin-top:8px!important;max-width:none!important}
  .form-grid{grid-template-columns:1fr!important}
  .form-span-2{grid-column:auto!important}
  .form-actions{align-items:stretch!important;flex-direction:column!important}
  .form-actions .btn{width:100%!important}

  .footer-stats .container{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-stat{min-height:76px!important;padding:16px 10px!important;font-size:12px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>.footer-col{display:none!important}
  .footer-main{padding:50px 0 34px!important}
  .mobile-footer-accordion{display:block!important;margin-top:28px!important}
  .mobile-footer-accordion summary{min-height:52px;display:flex;align-items:center;padding:12px 0!important}
  .footer-bottom{padding-inline:18px!important}

  .floating-contacts{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;gap:7px!important}
  .float-contact{width:42px!important;height:42px!important}

  .subpage-hero.has-image-hero{min-height:260px!important;padding:36px 0 34px!important;background-position:center!important}
  .subpage-breadcrumb,.about-breadcrumb,.contact-breadcrumb,.category-breadcrumb,.detail-breadcrumb{
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
    padding:4px 0;
  }
  .subpage-breadcrumb::-webkit-scrollbar,.about-breadcrumb::-webkit-scrollbar,.contact-breadcrumb::-webkit-scrollbar,.category-breadcrumb::-webkit-scrollbar,.detail-breadcrumb::-webkit-scrollbar{display:none}
  .subpage-head{margin-bottom:24px!important}
  .subpage-grid,.case-grid-simple,.news-grid,.catalog-grid,.resource-grid{grid-template-columns:1fr!important;gap:16px!important}
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .subpage-card-body{padding:18px!important}
  .document-card .subpage-card-body{padding:12px!important}
  .featured-story .subpage-card-body{padding:22px!important}
  .catalog-card{grid-template-columns:1fr!important;min-height:0!important}
  .catalog-card .subpage-card-image{height:auto!important;aspect-ratio:1/1!important}
  .article-gallery{grid-template-columns:1fr!important}
  .article-aside{grid-template-columns:1fr!important}
  .aside-box{padding:18px!important}
  .subpage-cta{padding:24px 20px!important;gap:22px!important}
  .subpage-cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .subpage-cta-actions .btn{width:100%!important}
  .faq-question{gap:14px!important}
  .faq-answer p{padding-right:0!important}

  .about-hero{padding:38px 0 50px!important}
  .about-hero-grid{gap:28px!important}
  .about-hero-actions,.overview-actions,.about-cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .about-hero-actions .btn,.overview-actions .btn,.about-cta-actions .btn{width:100%!important}
  .about-hero-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important}
  .about-hero-media{padding:8px 8px 0 0!important}
  .about-hero-media img{height:270px!important}
  .about-hero-label{position:relative!important;left:auto!important;bottom:auto!important;width:calc(100% - 18px);margin:-28px 9px 0!important}
  .overview-media img,.quality-media img{height:280px!important}
  .overview-points{grid-template-columns:1fr!important}
  .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .strength-item{padding:14px 12px!important}
  .facility-layout,.facility-row{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  .facility-layout .facility-shot,.facility-row .facility-shot{height:220px!important}
  .reliability-grid{grid-template-columns:1fr!important}
  .reliability-item{grid-template-columns:42px minmax(0,1fr)!important;padding:20px 16px!important}
  .process-list{grid-template-columns:1fr!important}
  .industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .industry-item:nth-child(even){border-right:0!important}
  .market-data{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-visual{min-height:290px!important}
  .about-cta-inner{padding:26px 20px!important}

  .contact-hero{padding:36px 0 44px!important}
  .contact-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .contact-hero-actions .btn{width:100%!important}
  .contact-quick{padding:20px 18px!important}
  .contact-main{padding:52px 0 60px!important}
  .contact-form-card,.contact-info-panel,.inquiry-guide{padding:20px 18px!important}
  .contact-form-grid{grid-template-columns:1fr!important}
  .contact-field-wide{grid-column:auto!important}
  .contact-form-actions{align-items:stretch!important;flex-direction:column!important}
  .contact-form-actions .btn{width:100%!important}
  .contact-map-section{padding-bottom:60px!important}
  .contact-map-copy{padding:24px 20px!important}
  .contact-map{min-height:300px!important}
  .contact-steps{padding:56px 0!important}
  .contact-step{padding:22px 18px!important}
  .contact-step h3{margin-top:18px!important}

  .detail-breadcrumb-section{padding:12px 0!important}
  .detail-hero{padding-top:32px!important;padding-bottom:54px!important}
  .detail-facts>div{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important}
  .detail-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .detail-actions .btn{width:100%!important;padding-inline:10px!important}
  .overview-panel{padding:20px!important}
  .spec-table>div{grid-template-columns:1fr!important;gap:4px!important}
  .spec-table strong{text-align:left!important}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .feature-item{padding:18px 14px!important}
  .process-grid{grid-template-columns:1fr!important}
  .process-item{border-right:0!important;border-bottom:1px solid var(--border)!important;min-height:0!important}
  .process-item:last-child{border-bottom:0!important}
  .detail-form{padding:20px 16px!important}
  .detail-form-grid{grid-template-columns:1fr!important}
  .detail-form-wide{grid-column:auto!important}
  .detail-form .btn{width:100%!important}

  .category-hero{padding:34px 0 40px!important}
  .category-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-summary div{min-height:88px!important;padding:14px!important}
  .product-directory{padding:48px 0 58px!important}
  .directory-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .product-search{min-width:0!important}
  .mobile-category-toggle{height:44px!important;min-width:44px;padding:0 13px!important}
  .directory-sidebar{width:min(380px,92vw)!important;padding-bottom:env(safe-area-inset-bottom)}
  .simple-product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .simple-product-card{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:stretch}
  .simple-product-image{aspect-ratio:1/1!important;height:100%}
  .simple-product-body{padding:16px!important}
  .simple-product-desc{margin-bottom:10px!important}
  .category-cta{padding:50px 0!important}
  .category-cta-box{padding:24px 20px!important}
  .category-cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .category-cta-actions .btn{width:100%!important;min-width:0!important}

  .case-filter-drawer{width:min(390px,92vw)!important;padding-bottom:env(safe-area-inset-bottom)}
  .case-filter-drawer-head{padding:20px!important}
  .case-filter-drawer-body{padding:18px!important}

  .error-page-container{padding-top:28px!important;padding-bottom:44px!important}
  .error-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .error-actions .btn{width:100%!important}
  .error-route-panel{padding:20px 16px!important}
}

/* ---------- Compact phones ---------- */
@media (max-width:480px){
  :root{--header:62px!important;--section-space:56px}
  .container{width:calc(100% - 24px)!important}
  .site-header,.header-inner{height:62px!important}
  .brand img,.site-header.scrolled .brand img{width:38px!important;height:38px!important}
  .language-popup-trigger,.hamburger{width:40px!important;min-width:40px!important;height:40px!important}

  .hero h1{font-size:34px!important}
  .hero-actions,.about-hero-actions,.overview-actions,.about-cta-actions,.contact-hero-actions,.detail-actions,.subpage-cta-actions,.category-cta-actions,.error-actions{
    grid-template-columns:1fr!important;
  }
  .hero-card{grid-template-columns:84px minmax(0,1fr)!important;column-gap:12px!important}
  .hero-card img{width:84px!important;height:84px!important}
  .value-row{grid-template-columns:1fr!important}
  .value-item{border-right:0!important;border-bottom:1px solid var(--border)!important;min-height:54px!important}
  .value-item:last-child{border-bottom:0!important}

  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .team-photo img{height:250px!important}
  .cert-main{min-height:320px!important}

  .language-popup-dialog{max-height:90dvh!important}
  .language-choice{grid-template-columns:36px minmax(0,1fr) auto!important}
  .language-flag{width:36px!important;height:30px!important}

  .subpage-hero.has-image-hero{min-height:245px!important;padding:32px 0 30px!important}
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .document-card .subpage-card-body{padding:10px!important}
  .document-card .subpage-card-body h2,.document-card .subpage-card-body h3{font-size:14px!important}

  .about-hero-facts{grid-template-columns:1fr!important}
  .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-data{grid-template-columns:1fr 1fr!important}
  .market-node{font-size:10px!important;padding:7px 8px!important}

  .contact-quick a{font-size:12px!important}
  .contact-map{min-height:280px!important}

  .detail-facts>div{grid-template-columns:1fr!important;gap:3px!important}
  .feature-grid,.related-grid{grid-template-columns:1fr!important}
  .detail-image-note{display:none!important}

  .category-summary{gap:8px!important}
  .category-summary div{min-height:82px!important;padding:12px!important}
  .directory-tools{grid-template-columns:1fr!important}
  .mobile-category-toggle{width:100%!important;justify-content:center}
  .simple-product-card{grid-template-columns:112px minmax(0,1fr)!important}
  .simple-product-body{padding:13px!important}
  .simple-product-desc{font-size:13px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  .error-route-card{grid-template-columns:40px minmax(0,1fr) auto!important}
}

/* Very narrow devices: avoid squeezed two-column certificate cards. */
@media (max-width:350px){
  .container{width:calc(100% - 20px)!important}
  .document-grid{grid-template-columns:1fr!important}
  .simple-product-card{grid-template-columns:96px minmax(0,1fr)!important}
  .category-summary{grid-template-columns:1fr!important}
  .stat-grid,.market-data{grid-template-columns:1fr!important}
}

@media (hover:none){
  .hero-card:hover,.cap-card:hover,.challenge-card:hover,.case-card:hover,.subpage-card:hover,.simple-product-card:hover,.product-card:hover{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-panel,.language-popup,.language-popup-dialog,.case-filter-drawer,.case-filter-overlay,.directory-sidebar,.category-drawer-overlay{transition:none!important}
}

/* Final responsive refinements after browser review. */
.error-route-card small{font-size:12px!important;line-height:1.45!important}

@media (max-width:1180px){
  .floating-contacts{
    display:flex!important;
    grid-auto-flow:column;
    gap:6px!important;
    padding:4px;
    border:1px solid rgba(16,47,70,.12);
    border-radius:999px;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 28px rgba(7,31,49,.14);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .float-contact{width:40px!important;height:40px!important}
}
@media (max-width:720px){
  .floating-contacts{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-auto-flow:row!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .float-contact{
    width:40px!important;
    height:40px!important;
    box-shadow:0 7px 18px rgba(7,31,49,.24),0 2px 6px rgba(7,31,49,.12)!important;
  }
}


/* ===== mobile-menu.css ===== */
/* Qianmiao mobile navigation — final visual layer */
@media (max-width:1080px){
  .mobile-panel{
    width:min(368px,92vw)!important;
    background:#fff!important;
    box-shadow:22px 0 55px rgba(7,31,49,.22)!important;
  }
  .mobile-head{
    position:sticky!important;
    top:0;
    z-index:4;
    height:70px!important;
    padding:0 16px!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #e6ecef!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .mobile-head img{width:44px!important;height:44px!important}
  .mobile-close{
    width:40px!important;
    height:40px!important;
    border:1px solid #e3e9ec!important;
    border-radius:10px!important;
    background:#f5f8fa!important;
    color:#102f46!important;
  }
  .mobile-menu{
    display:flex!important;
    flex-direction:column;
    gap:4px;
    padding:12px 14px calc(22px + env(safe-area-inset-bottom))!important;
  }
  .mobile-menu>a,
  .mobile-menu .mobile-drop{
    position:relative;
    width:100%;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 13px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#1b3545!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.35!important;
    text-align:left!important;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  .mobile-menu>a:hover,
  .mobile-menu .mobile-drop:hover,
  .mobile-group.open>.mobile-drop{
    color:#0b806f!important;
    background:#f2f8f6!important;
  }
  .mobile-menu>a[aria-current="page"],
  .mobile-menu .mobile-drop.active,
  .mobile-menu .mobile-drop[aria-current="page"]{
    color:#0b806f!important;
    background:#eaf7f3!important;
    box-shadow:inset 3px 0 0 #16aa91!important;
    font-weight:600!important;
  }
  .mobile-group{margin:0!important}
  .mobile-drop .chev{
    flex:0 0 auto;
    width:11px!important;
    height:8px!important;
    margin-left:12px;
    color:#758790;
    transition:transform .2s ease,color .2s ease!important;
  }
  .mobile-group.open>.mobile-drop .chev{color:#0b806f;transform:rotate(180deg)!important}
  .mobile-sub{
    display:none;
    margin:3px 0 6px 15px!important;
    padding:3px 0 3px 12px!important;
    border:0!important;
    border-left:1px solid #dce7e8!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .mobile-group.open>.mobile-sub{display:grid!important;gap:2px}
  .mobile-sub a{
    position:relative;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    padding:8px 10px 8px 21px!important;
    border:0!important;
    border-radius:7px!important;
    color:#526873!important;
    background:transparent!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.4!important;
    transition:background-color .18s ease,color .18s ease!important;
  }
  .mobile-sub a::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#a8b7bd;
    transform:translateY(-50%);
  }
  .mobile-sub a:hover,
  .mobile-sub a[aria-current="page"]{
    color:#0b806f!important;
    background:#f2f8f6!important;
  }
  .mobile-sub a[aria-current="page"]{font-weight:600!important}
  .mobile-sub a[aria-current="page"]::before{background:#16aa91}

  .mobile-contact{
    margin:14px 0 0!important;
    padding:15px!important;
    border:1px solid #dfe9ec!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#f7fafb,#eef7f4)!important;
    box-shadow:0 8px 22px rgba(10,36,52,.055)!important;
  }
  .mobile-contact-title{
    margin:0 0 10px!important;
    color:#102f46!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
  }
  .mobile-contact-link{
    min-height:46px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 7px!important;
    padding:7px 9px!important;
    border:1px solid #e3eaed!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#36535f!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.35!important;
    overflow-wrap:anywhere;
    transition:border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
  }
  .mobile-contact-link:hover{
    color:#0b806f!important;
    border-color:rgba(22,170,145,.42)!important;
    box-shadow:0 5px 14px rgba(10,36,52,.06)!important;
  }
  .mobile-contact-icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:8px;
    color:#0b806f;
    background:#e7f7f3;
  }
  .mobile-contact-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-contact-text{min-width:0}
  .mobile-contact-text small{
    display:block;
    margin-bottom:1px;
    color:#7a8c95!important;
    font-size:10.5px!important;
    font-weight:500!important;
    line-height:1.2!important;
    text-transform:uppercase;
    letter-spacing:.06em;
  }
  .mobile-contact-text span{display:block;white-space:normal}
  .mobile-contact .btn{
    width:100%!important;
    min-height:45px!important;
    margin:11px 0 0!important;
    padding:10px 16px!important;
    justify-content:center!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:600!important;
    border-radius:8px!important;
  }
}

@media (max-width:480px){
  .mobile-panel{width:min(344px,92vw)!important}
  .mobile-head{height:64px!important;padding-inline:14px!important}
  .mobile-menu{padding:10px 12px calc(18px + env(safe-area-inset-bottom))!important}
  .mobile-menu>a,.mobile-menu .mobile-drop{min-height:46px!important;padding-inline:12px!important}
  .mobile-contact{padding:13px!important}
}

/* Full Product category submenu */
@media (max-width:1080px){
  .product-mobile-sub a[data-product-category="detail"]{
    margin-top:5px!important;
    padding-top:11px!important;
    border-top:1px solid #e3eaed!important;
  }
  .product-mobile-sub a[data-product-category="detail"]::before{top:calc(50% + 3px)}
}


/* ===== stage6.css ===== */
/* WordPress-only adapters. Approved reference selectors remain authoritative. */
.brand-text{font-size:20px;font-weight:700;color:#071f31;white-space:nowrap}
.wp-menu-wrap ul{list-style:none;margin:0;padding:0}
.language-popup-options a{color:inherit}
.footer-links,.footer-legal-menu{margin:0;padding:0;list-style:none}
.footer-legal-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px}
.footer-legal-menu a:hover{color:#fff}
.simple-product-card[hidden],.simple-product-card.is-client-hidden{display:none!important}
.case-grid-simple>[hidden],.case-grid-simple>.is-client-hidden{display:none!important}
.empty-products:not([hidden]){display:block}
.load-more-wrap{text-align:center;margin-top:28px}
.load-more-wrap [hidden]{display:none}

/* Product directory controls added by WordPress. */
.product-filter{width:100%;border:0;background:transparent;padding:10px 4px;display:flex;justify-content:space-between;text-align:left;font:inherit;color:inherit;cursor:pointer}
.product-filter.is-active{color:var(--accent-strong,#0b806f);font-weight:700}
.category-sidebar-close{display:none}

/* Dynamic inquiry form mapped onto the approved home/detail compositions. */
.yj-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.yj-inquiry-form-wrap{width:100%;box-sizing:border-box}
.yj-inquiry-form-wrap.inquiry-form{padding:30px;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 24px 58px rgba(0,0,0,.2)}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading{max-width:none;margin-bottom:22px;padding-bottom:18px}
.yj-inquiry-form-wrap.inquiry-form .yj-form-grid{gap:14px}
.yj-inquiry-form-wrap.inquiry-form .form-field>span{margin-bottom:7px;color:#405862;font-size:11px}
.yj-inquiry-form-wrap.inquiry-form .field{height:46px;padding-inline:13px;border-color:#d7e2e5;border-radius:9px;background:#fbfcfc}
.yj-inquiry-form-wrap.inquiry-form textarea.field{height:104px;padding:12px 13px}
.yj-inquiry-form-wrap.inquiry-form .yj-form-full{display:block;margin-top:14px}
.yj-inquiry-form-wrap.inquiry-form .yj-form-consent{display:flex;grid-column:1/-1;align-items:flex-start;gap:9px;margin:15px 0 13px;color:#647780;font-size:11px;line-height:1.55}
.yj-inquiry-form-wrap.inquiry-form .yj-form-consent input{width:auto;height:auto;margin-top:2px}
.yj-inquiry-form-wrap.inquiry-form .yj-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:0;border-radius:9px;font-size:13px;letter-spacing:.01em}
.yj-inquiry-form-wrap.inquiry-form .yj-button::after{content:"→";margin-left:9px;font-size:17px;line-height:1;transition:transform .2s ease}
.yj-inquiry-form-wrap.inquiry-form .yj-button:hover::after{transform:translateX(3px)}
.yj-inquiry-form-wrap.inquiry-form .yj-form-status{margin-top:10px;font-size:12px}
.detail-form>.yj-inquiry-form-wrap{padding:0;background:transparent;border:0;box-shadow:none}
.detail-form .yj-inquiry-form-heading{display:none}
.detail-form .yj-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.detail-form .yj-form-full{display:block;margin-top:13px}
.detail-form .yj-form-consent{display:flex;align-items:flex-start;gap:8px;margin:13px 0;color:#75858d;font-size:11px;line-height:1.5}
.detail-form .yj-form-consent input{width:auto;height:auto;margin-top:2px}
.detail-form .yj-inquiry-context{margin:0 0 13px;color:var(--muted);font-size:12px}
.detail-form .yj-form-status{margin-top:10px;font-size:12px}
.yj-inquiry-parameter-hint{margin:13px 0;padding:.8rem 1rem;border-left:3px solid currentColor;background:rgba(13,61,88,.06);font-size:.82rem;line-height:1.6}

/* The compact header uses a neutral globe; language choices keep their flags. */
.language-trigger-flag.language-trigger-globe{overflow:visible;border-radius:0;background:transparent!important;box-shadow:none;color:currentColor}
.language-trigger-flag.language-trigger-globe svg{display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important}

@media(max-width:680px){
  .cert-gallery{grid-template-columns:1fr}
  .cert-thumbs{max-height:none;overflow-x:auto;overflow-y:hidden}
  .yj-inquiry-form-wrap.inquiry-form{padding:22px 18px;border-radius:14px}
  .yj-inquiry-form-wrap.inquiry-form .yj-form-grid{gap:12px}
}

/* WordPress detail extensions driven by editor content. */
.detail-tags span{padding:7px 10px;border-radius:5px;color:#0b806f;background:#e7f7f3;font-size:10.5px;font-weight:700;line-height:1.2}
.detail-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.detail-gallery-thumbs button{min-width:0;aspect-ratio:1;padding:4px;overflow:hidden;border:1px solid var(--border,#dce5e8);border-radius:7px;background:#fff;cursor:zoom-in}
.detail-gallery-thumbs button:hover,.detail-gallery-thumbs button.is-current{border-color:var(--accent,#16aa91);box-shadow:0 0 0 2px rgba(22,170,145,.12)}
.detail-gallery-thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.product-video-section video{display:block;width:100%;max-height:680px;background:#0f2235;border-radius:18px;box-shadow:0 18px 50px rgba(15,34,53,.14)}
.product-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.product-support-image{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:16px;overflow:hidden}
.product-support-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.product-documents-section .document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.case-summary-empty{margin:0;color:var(--muted,#647781);font-size:12px;line-height:1.65}
.case-related-section{border-top:1px solid var(--border,#dce5e8)}
.case-related-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case-related-product-grid .simple-product-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border,#dce5e8);border-radius:11px;background:#fff}
.case-related-product-grid .simple-product-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#f3f6f7}
.case-related-product-grid .simple-product-image img{display:block;width:100%;height:100%;object-fit:contain}
.case-related-product-grid .simple-product-body{display:flex;flex:1;flex-direction:column;padding:17px}
.case-related-product-grid .simple-product-category{margin:0 0 7px;color:var(--accent-strong,#0b806f);font-size:10px;font-weight:800;text-transform:uppercase}
.case-related-product-grid h3{margin:0;color:var(--primary,#0d3248);font-size:16px;line-height:1.4}
.case-related-product-grid .simple-product-desc{color:var(--muted,#647781);font-size:12px;line-height:1.65}
.case-related-product-grid .simple-product-link{margin-top:auto;color:var(--accent-strong,#0b806f);font-size:12px;font-weight:700}
.document-meta{margin:8px 0!important;color:#7b8b92!important;font-size:10.5px!important;line-height:1.5!important}

/* WordPress utilities. */
.yj-document-modal[hidden],.yj-document-request-form[hidden]{display:none}
.yj-document-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.yj-document-modal-backdrop{position:absolute;inset:0;background:rgba(5,24,36,.72)}
.yj-document-modal-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:28px}
.yj-document-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;cursor:pointer}
.yj-document-modal .yj-document-request-form{display:block}
.yj-modal-open{overflow:hidden}
.faq-group-title{margin:30px 0 10px;color:var(--primary);font-weight:760}
.yj-empty-state{grid-column:1/-1;padding:48px 28px;border:1px solid var(--border,#dce5e8);border-radius:14px;background:#f7fafb;text-align:center}
.yj-empty-state h2{margin:0;color:var(--primary-strong,#071f31);font-size:clamp(24px,3vw,34px)}
.yj-empty-state p{max-width:620px;margin:12px auto 22px;color:var(--muted,#647781);line-height:1.7}
.yj-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

/* Search, taxonomy, author/date archives, generic pages and attachments. */
.yj-system-description{max-width:760px;margin-top:18px;color:var(--muted,#647781);font-size:15px;line-height:1.75}
.yj-system-description p{margin:0}
.yj-system-search{display:flex;max-width:680px;gap:10px;margin-top:26px}
.yj-system-search input{min-width:0;flex:1;height:48px;padding:0 16px;border:1px solid var(--border,#dce5e8);border-radius:8px;background:#fff;color:var(--primary,#0d3248);font:inherit}
.yj-system-search input:focus{outline:2px solid rgba(22,170,145,.25);border-color:var(--accent,#16aa91)}
.yj-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.yj-system-card .subpage-card-image img{object-fit:cover}
.yj-system-pagination{margin-top:38px}
.yj-system-pagination .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.yj-system-pagination a,.yj-system-pagination span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 11px;border:1px solid var(--border,#dce5e8);border-radius:7px;background:#fff;color:var(--muted,#647781);font-size:12px;font-weight:700}
.yj-system-pagination .current,.yj-system-pagination a:hover{border-color:var(--accent,#16aa91);background:var(--accent,#16aa91);color:#fff}
.content-narrow{width:min(840px,100%)}
.post-content{color:#344d5a;font-size:16px;line-height:1.8}
.post-content>*:first-child{margin-top:0}.post-content>*:last-child{margin-bottom:0}
.post-content h2,.post-content h3,.post-content h4{margin:1.7em 0 .65em;color:var(--primary-strong,#071f31);line-height:1.25}
.post-content img{max-width:100%;height:auto;border-radius:10px}
.post-content figure{margin:28px 0}.post-content figcaption{margin-top:9px;color:var(--muted,#647781);font-size:12px;text-align:center}
.post-content table{width:100%;border-collapse:collapse}.post-content th,.post-content td{padding:12px;border:1px solid var(--border,#dce5e8);text-align:left}
.post-content blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid var(--accent,#16aa91);color:var(--muted,#647781)}
.yj-protected-content{padding:30px;border:1px solid var(--border,#dce5e8);border-radius:12px;background:#f7fafb}
.yj-protected-content form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
.yj-protected-content label{flex:1;min-width:220px}.yj-protected-content input[type=password]{width:100%;height:46px;margin-top:7px;padding:0 13px;border:1px solid var(--border,#dce5e8);border-radius:7px}
.yj-protected-content input[type=submit]{height:46px;padding:0 22px;border:0;border-radius:7px;background:var(--accent,#16aa91);color:#fff;font-weight:700;cursor:pointer}
.yj-attachment-content figure{text-align:center}.yj-attachment-content figure img{width:auto;max-height:78vh}
.yj-cookie-notice{position:fixed;z-index:9999;left:20px;right:20px;bottom:20px;max-width:760px;margin:auto;padding:18px 20px;border-radius:12px;background:#fff;color:#17242d;box-shadow:0 16px 50px rgba(7,31,49,.28);display:flex;gap:18px;align-items:center;justify-content:space-between}
.yj-cookie-notice[hidden]{display:none}
.yj-cookie-notice p{margin:0;line-height:1.5}
.yj-cookie-notice>div{display:flex;gap:8px;flex-shrink:0}

@media(max-width:900px){
  .category-sidebar-close{display:block;position:absolute;right:16px;top:15px;border:0;background:transparent;font-size:30px}
  .product-documents-section .document-grid,.case-related-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yj-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .detail-form .yj-form-grid,.product-support-grid,.product-documents-section .document-grid,.case-related-product-grid{grid-template-columns:1fr}
  .detail-gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .yj-cookie-notice{align-items:stretch;flex-direction:column}
  .yj-cookie-notice>div .btn{flex:1}
  .yj-system-grid{grid-template-columns:1fr}
  .yj-system-search{align-items:stretch;flex-direction:column}.yj-system-search .btn{width:100%}
}
.site-header.yj-header-static {
    position: relative !important;
    top: auto !important;
}

/* Page-editor driven About page content. */
.yj-about-card-link,.yj-industry-link{color:inherit;text-decoration:none}
.yj-about-card-image{overflow:hidden;padding:0}
.yj-about-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.facility-shot>span small{display:block;margin-top:3px;font-size:10px;font-weight:500;line-height:1.35;opacity:.78}
.process-step small{display:block;margin-top:3px;color:var(--muted,#647781);font-size:11px;font-weight:500;line-height:1.45}
.industry-item img{width:42px;height:42px;border-radius:9px;object-fit:cover}
.industry-item p{margin:5px 0 0;color:var(--muted,#647781);font-size:11px;line-height:1.45}
.yj-industry-mark{color:var(--accent,#16aa91);font-size:24px}
.yj-market-has-background{position:relative;isolation:isolate;overflow:hidden;background-position:center;background-size:cover}
.yj-market-has-background::before{position:absolute;z-index:-1;inset:0;background:rgba(7,31,49,.88);content:""}
.yj-market-has-background,.yj-market-has-background h2,.yj-market-has-background strong{color:#fff}
.yj-market-has-background p,.yj-market-has-background span{color:rgba(255,255,255,.78)}


/* ===== revision-180.css ===== */
/* v1.8.0 layout and data-presentation fixes. */

/* Home certificates and cases. */
.cert-copy .cert-copy-button{margin-top:28px}
.home .case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home .case-image{height:190px}
.home .case-body{padding:18px}
.home .case-body h3{font-size:17px;line-height:1.35}
.home .case-body p{display:-webkit-box;margin-top:9px;overflow:hidden;color:var(--muted);font-size:12.5px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Inquiry forms: high-contrast fields, compact home form and a dedicated submit row. */
.yj-inquiry-form-wrap.inquiry-form{padding:26px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.16)}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading{margin-bottom:20px}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading h3{color:#fff}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading p{color:rgba(255,255,255,.8)}
.inquiry .yj-inquiry-form-wrap.inquiry-form .yj-form-grid{gap:10px 12px}
.inquiry .yj-inquiry-form .form-field{position:relative}
.inquiry .yj-inquiry-form .form-field:not(.yj-file-field)>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.yj-inquiry-form .field{color:#17313f;background:#fff;border:1px solid #cbd9de}
.yj-inquiry-form .field::placeholder{color:#687c85;opacity:1}
.inquiry .yj-inquiry-form-wrap.inquiry-form .field{height:44px}
.inquiry .yj-inquiry-form-wrap.inquiry-form .yj-form-section-gap{display:block!important;width:100%;height:14px!important;min-height:14px!important}
.inquiry .yj-inquiry-form-wrap.inquiry-form .yj-form-full{display:block;margin-top:0!important;padding-top:0!important}
.yj-inquiry-form textarea.field{height:auto;min-height:126px;padding-top:13px;resize:vertical}
.yj-inquiry-form .yj-form-consent{display:flex;align-items:flex-start;gap:9px;margin-top:15px;color:#405762;font-size:12px;line-height:1.55}
.inquiry .yj-inquiry-form .yj-form-consent,.inquiry .yj-inquiry-form .yj-form-consent span{color:rgba(255,255,255,.88)!important}
.yj-form-submit-row{display:block;width:100%;margin-top:16px}
.yj-form-submit-row .btn{min-width:180px}
.yj-inquiry-form input[type="file"].field{height:auto;min-height:58px;padding:9px;background:#f8fbfc;border:1px dashed #a8bdc5}
.yj-inquiry-form input[type="file"]::file-selector-button{min-height:38px;margin-right:12px;padding:0 15px;color:#fff;background:var(--primary);border:0;border-radius:7px;font:inherit;font-weight:650;cursor:pointer}
.yj-inquiry-form input[type="file"]:hover::file-selector-button{background:var(--accent-strong)}

/* Certificate category drawer and clean cards. */
.certificate-filter-drawer{margin:0 0 28px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(10,36,52,.05)}
.certificate-filter-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:16px 20px;cursor:pointer;list-style:none}
.certificate-filter-drawer summary::-webkit-details-marker{display:none}
.certificate-filter-drawer summary small{display:block;margin-bottom:4px;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.12em}
.certificate-filter-drawer summary strong{display:block;color:var(--primary-strong);font-size:17px}
.certificate-filter-icon{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--accent-soft)}
.certificate-filter-icon::before,.certificate-filter-icon::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2px;background:var(--accent-strong);transition:transform .2s ease}
.certificate-filter-icon::after{transform:rotate(90deg)}
.certificate-filter-drawer[open] .certificate-filter-icon::after{transform:rotate(0)}
.certificate-filter-panel{display:flex;flex-wrap:wrap;gap:9px;padding:17px 20px 20px;border-top:1px solid var(--border);background:#f7fafb}
.certificate-filter-panel .filter-chip{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 13px;color:#415964;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:650}
.certificate-filter-panel .filter-chip small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;color:var(--muted);background:#edf3f4;border-radius:99px}
.certificate-filter-panel .filter-chip.active,.certificate-filter-panel .filter-chip:hover{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}
.certificate-filter-panel .filter-chip.active small,.certificate-filter-panel .filter-chip:hover small{color:var(--accent-strong);background:#fff}
.document-card .subpage-card-body{display:block!important}
.document-card-title{display:block;color:var(--primary);font-size:15px;font-weight:720;line-height:1.45}
.document-card[hidden]{display:none!important}

/* Hierarchical product menus and complete footer category lists. */
.product-nav-dropdown .product-nav-parent{font-weight:700!important}
.product-nav-dropdown .product-nav-child{padding-left:22px!important;color:#60747e!important;font-size:12px!important}
.product-nav-dropdown .product-nav-child span{color:var(--accent);margin-right:4px}
.product-nav-dropdown{max-height:none;overflow:visible;padding:8px!important}
.product-nav-dropdown::before{top:-20px!important;height:22px!important}
.product-nav-dropdown a{min-height:34px!important;padding-top:6px!important;padding-bottom:6px!important}
.product-nav-dropdown .product-nav-parent:not(:first-child){margin-top:3px}
.product-mobile-sub{margin:4px 0 8px!important;padding:6px 2px 8px!important;border-left:0!important;background:transparent!important}
.product-mobile-sub a::before{display:none!important}
.product-mobile-sub .product-nav-all{min-height:40px!important;margin:0 4px 5px!important;padding:8px 11px!important;color:var(--accent-strong)!important;background:#edf8f5!important;border:1px solid #d9eee9!important;border-radius:8px!important;font-weight:680!important}
.product-mobile-sub .product-nav-parent{min-height:38px!important;margin:10px 8px 1px!important;padding:8px 4px 7px!important;color:var(--primary)!important;background:transparent!important;border:0!important;border-bottom:1px solid #e1e9ec!important;border-radius:0!important;font-size:13px!important;font-weight:720!important}
.product-mobile-sub .product-nav-child{position:relative;min-height:36px!important;margin:0 8px 0 18px!important;padding:7px 8px 7px 14px!important;color:#58707c!important;background:transparent!important;border:0!important;border-radius:6px!important;font-size:12.5px!important;font-weight:450!important}
.product-mobile-sub .product-nav-child::after{content:"";position:absolute;left:1px;top:50%;width:6px;height:1px;background:#b6c8cd;transform:translateY(-50%)}
.product-mobile-sub .product-nav-child:hover,.product-mobile-sub .product-nav-child[aria-current="page"]{color:var(--accent-strong)!important;background:#f2f8f6!important}
.product-mobile-sub .product-nav-depth-2,.product-mobile-sub .product-nav-depth-3{margin-left:32px!important;color:#75868e!important;font-size:11.75px!important}
.footer-col .footer-links .product-nav-child,.mobile-footer-accordion .footer-links .product-nav-child{padding-left:13px;color:#8fa7b2;font-size:12px}
.social-letter{font-size:13px;font-weight:800}

/* About data and industry cards. */
.strength-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.strength-item{min-width:0}
.industries-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0!important}
.industries-grid .industry-item{position:relative;display:flex;min-height:245px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:22px;color:#fff;background:var(--primary);border:0!important;border-radius:14px;box-shadow:0 12px 30px rgba(7,31,49,.12)}
.industries-grid .industry-item::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(4,22,34,.92));pointer-events:none}
.industries-grid .industry-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}
.industries-grid .industry-item:hover img{transform:scale(1.045)}
.industries-grid .industry-item strong,.industries-grid .industry-item p{position:relative;z-index:1}
.industries-grid .industry-item strong{color:#fff;font-size:17px;line-height:1.3}
.industries-grid .industry-item p{margin:7px 0 0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.55}
.market-panel{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr)!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(7,31,49,.12)}
.market-copy{padding:clamp(38px,4.5vw,64px)!important}
.market-data{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.market-data-item{display:block;min-height:108px;padding:18px 17px!important;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16)!important;border-radius:12px}
.market-data-item strong{font-size:24px;line-height:1.1;overflow-wrap:normal!important;word-break:keep-all}
.market-data-item span{max-width:24ch;margin-top:9px!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:normal!important;word-break:normal}

/* Global-market network visual. */
.market-visual{display:grid;place-items:center;min-width:0;min-height:480px!important}
.market-orbit{position:relative;inset:auto;width:min(86%,450px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(25,194,165,.2) 0 22%,rgba(22,170,145,.06) 23% 48%,transparent 49%);border:1px solid rgba(22,170,145,.2)}
.market-orbit::before,.market-orbit::after{content:"";position:absolute;inset:14%;border:1px dashed rgba(117,229,210,.32);border-radius:50%}
.market-orbit::after{inset:31%;border-style:solid;border-color:rgba(117,229,210,.23)}
.market-core{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;place-items:center;width:132px;height:132px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#18b99d,#0a7669);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 0 10px rgba(20,183,155,.1)}
.market-core strong{display:block;color:#fff;font-size:32px;text-align:center}
.market-core span{display:block;color:rgba(255,255,255,.8);font-size:11px;line-height:1.35;text-align:center}
.market-node{position:absolute;z-index:3;inset:auto;display:flex;align-items:center;justify-content:center;min-width:138px;max-width:175px;min-height:44px;padding:9px 13px;color:#e7faf6;background:rgba(7,31,49,.94);border:1px solid rgba(117,229,210,.35);border-radius:10px;font-size:11px;font-weight:700;line-height:1.35;text-align:center;white-space:normal;box-shadow:0 10px 26px rgba(7,31,49,.2)}
.market-node:nth-child(1){left:50%;top:-3%;right:auto;bottom:auto;transform:translateX(-50%)}
.market-node:nth-child(2){right:-8%;top:50%;left:auto;bottom:auto;transform:translateY(-50%)}
.market-node:nth-child(3){left:50%;bottom:-3%;right:auto;top:auto;transform:translateX(-50%)}
.market-node:nth-child(4){left:-8%;top:50%;right:auto;bottom:auto;transform:translateY(-50%)}

/* Product process: five balanced desktop steps with a visual sequence. */
.product-detail .process-grid,.single-yj_product .process-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border:0!important;counter-reset:process}
.product-detail .process-grid::before,.single-yj_product .process-grid::before{display:none!important;content:none!important}
.product-detail .process-item,.single-yj_product .process-item{position:relative;z-index:1;min-height:245px;padding:22px 18px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 9px 26px rgba(10,36,52,.055)}
.product-detail .process-item>span,.single-yj_product .process-item>span{display:grid;place-items:center;width:42px;height:42px;margin:0 0 28px;color:#fff;background:var(--accent-strong);border:6px solid #e7f7f4;border-radius:50%;font-size:12px;font-weight:800}
.product-detail .process-item h3,.single-yj_product .process-item h3{margin:0;color:var(--primary);font-size:16px;line-height:1.35}
.product-detail .process-item p,.single-yj_product .process-item p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.65}

@media(max-width:1080px){
  .home .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .industries-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-panel{grid-template-columns:1fr!important}
  .market-data{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-visual{min-height:420px!important}
  .product-detail .process-grid,.single-yj_product .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-detail .process-grid::before,.single-yj_product .process-grid::before{display:none}
}
@media(max-width:680px){
  .home .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home .case-image{height:135px}
  .home .case-body{padding:13px}
  .home .case-body h3{font-size:14px}
  .home .case-body p{font-size:11px;-webkit-line-clamp:2}
  .yj-inquiry-form-wrap.inquiry-form{padding:22px 16px}
  .yj-form-submit-row .btn{width:100%}
  .certificate-filter-drawer summary{min-height:70px;padding:14px 15px}
  .certificate-filter-panel{padding:14px}
  .certificate-filter-panel .filter-chip{width:100%;justify-content:space-between}
  .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industries-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .industries-grid .industry-item{min-height:190px;padding:15px}
  .industries-grid .industry-item strong{font-size:14px}
  .industries-grid .industry-item p{font-size:10.5px}
  .market-data{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-orbit{width:min(82%,330px)}
  .market-node{min-width:104px;max-width:112px;min-height:38px;padding:7px 8px;font-size:9px}
  .market-core{width:104px;height:104px}.market-core strong{font-size:25px}
  .product-detail .process-grid,.single-yj_product .process-grid{grid-template-columns:1fr}
  .product-detail .process-item,.single-yj_product .process-item{min-height:0;border:1px solid var(--border)!important}
  .product-detail .process-item>span,.single-yj_product .process-item>span{margin-bottom:16px}
}


/* ===== style.css ===== */
/*
Theme Name: QIANMIAO PEPTIDES Standalone
Author: QIANMIAO PEPTIDES
Description: Standalone QIANMIAO PEPTIDES homepage adapted for research peptide sourcing.
Version: 1.8.6
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: yongjian-hydraulic
License: Proprietary
*/

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

.research-disclaimer{margin:28px 0 0;padding:18px 20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.65;opacity:.78;}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* Qianmiao homepage visual tuning after screenshot review */
.solution-copy::before{content:"FACTORY-DIRECT PEPTIDE SUPPLY"!important}
.team-photo::after{content:"QUALITY & SUPPLY SUPPORT"!important}

/* More compact imagery and better text/image balance on desktop */
.hero-card{min-height:228px!important}
.hero-card img{height:104px!important}
.hero-card h2{margin-top:10px!important}
.cap-card img{height:150px!important}
.challenge-card img{height:160px!important}
.solution-banner{min-height:340px!important}
.solution-visual{min-height:316px!important}
.globe-stage{min-height:400px!important}
.team-photo img{height:360px!important}
.cert-main{height:470px!important}
.cert-thumbs{max-height:470px!important;grid-auto-rows:84px!important}
.cert-thumb{height:84px!important}
.case-image{height:190px!important}

/* Keep copy comfortably readable and avoid oversized headings */
.cap-card p,.challenge-card p,.case-body p{line-height:1.6!important}
.global-copy>p:not(.section-kicker),.team p,.cert-copy p:not(.section-kicker){max-width:660px}

@media(max-width:1024px){
  .team-photo{order:initial!important}
  .cert-copy{order:-1!important}
}

@media(max-width:760px){
  .hero{padding-top:34px!important}
  .hero h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important;text-wrap:pretty!important}
  .hero-copy{font-size:15px!important;line-height:1.68!important;margin-top:18px!important}
  .hero-actions{grid-template-columns:1fr!important;gap:10px!important}
  .hero-card{grid-template-columns:78px minmax(0,1fr)!important;min-height:0!important;padding:11px!important}
  .hero-card img{width:78px!important;height:78px!important}
  .value-item{min-height:58px!important}

  .cap-card img{height:auto!important;aspect-ratio:16/9!important;padding:8px!important}
  .challenge-card img,.case-image{height:auto!important;aspect-ratio:16/9!important}
  .solution-visual{min-height:190px!important}
  .solution-copy{padding:24px 18px 26px!important}
  .solution-copy h2{font-size:27px!important}

  .globe-stage{min-height:225px!important}
  .team-grid>div:first-child{order:1!important}
  .team-photo{order:2!important}
  .team-photo img{height:220px!important}
  .team h2{font-size:30px!important}

  .cert-copy{order:-1!important}
  .cert-main{min-height:310px!important;height:auto!important}
  .cert-thumb{flex-basis:68px!important;width:68px!important;height:86px!important}

  .case-body{padding:17px!important}
  .case-body h3{margin-bottom:7px!important}
  .inquiry .quote h2{font-size:27px!important}
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Final QIANMIAO header logo + bottom-right contact buttons ===== */
.brand{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.brand img,
.site-header.scrolled .brand img{
  width:88px !important;
  height:88px !important;
  min-width:88px !important;
  max-width:none !important;
  object-fit:contain !important;
}
.site-header .nav-row,
.site-header.scrolled .nav-row{
  min-height:102px !important;
}
.mobile-head{
  min-height:84px !important;
}
.mobile-head img{
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  max-width:none !important;
  object-fit:contain !important;
}
.footer-logo{
  width:108px !important;
  height:108px !important;
  min-width:108px !important;
  max-width:none !important;
  object-fit:contain !important;
}

.floating-contacts{
  position:fixed !important;
  top:auto !important;
  right:22px !important;
  bottom:24px !important;
  left:auto !important;
  z-index:9999 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.float-contact{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 10px 26px rgba(7,31,49,.22),
             inset 0 1px 1px rgba(255,255,255,.42),
             inset 0 -4px 8px rgba(0,0,0,.10) !important;
}
.float-contact svg{
  width:25px !important;
  height:25px !important;
}
.floating-contacts.is-footer-hidden{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}
.menu-open .floating-contacts,
.filters-open .floating-contacts,
.category-panel-open .floating-contacts,
.lightbox-open .floating-contacts,
.case-filter-open .floating-contacts{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (max-width:991px){
  .brand img,
  .site-header.scrolled .brand img{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
  }
  .site-header .nav-row,
  .site-header.scrolled .nav-row{
    min-height:92px !important;
  }
}

@media (max-width:767px){
  .brand img,
  .site-header.scrolled .brand img{
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
  }
  .mobile-head img{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
  }
  .footer-logo{
    width:94px !important;
    height:94px !important;
    min-width:94px !important;
  }
  .floating-contacts{
    right:12px !important;
    bottom:16px !important;
    gap:9px !important;
  }
  .float-contact{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
  }
  .float-contact svg{
    width:22px !important;
    height:22px !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== QIANMIAO LOGO visual-size correction =====
   Source logo is a square 800x800 canvas with substantial internal whitespace.
   Enlarge the artwork visually instead of only enlarging the image element. */

/* Desktop header */
.site-header .brand{
  width:154px !important;
  height:82px !important;
  min-width:154px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

.site-header .brand img,
.site-header.scrolled .brand img{
  width:104px !important;
  height:104px !important;
  min-width:104px !important;
  max-width:none !important;
  object-fit:contain !important;
  transform:scale(1.72) !important;
  transform-origin:center center !important;
}

/* Keep the navigation compact even though the visible logo is larger */
.site-header,
.site-header.scrolled{
  height:88px !important;
}
.site-header .header-inner,
.site-header.scrolled .header-inner{
  height:88px !important;
}
.nav-link,
.nav-trigger{
  height:88px !important;
}

/* Mobile drawer logo */
.mobile-head{
  min-height:82px !important;
}
.mobile-head img{
  width:74px !important;
  height:74px !important;
  min-width:74px !important;
  max-width:none !important;
  object-fit:contain !important;
  transform:scale(1.55) !important;
  transform-origin:center center !important;
}

/* Footer logo */
.footer-logo{
  width:108px !important;
  height:108px !important;
  min-width:108px !important;
  max-width:none !important;
  object-fit:contain !important;
  transform:scale(1.45) !important;
  transform-origin:center center !important;
}

/* Tablet */
@media (max-width:1080px){
  .site-header .brand{
    width:126px !important;
    min-width:126px !important;
  }
  .site-header .brand img,
  .site-header.scrolled .brand img{
    width:90px !important;
    height:90px !important;
    min-width:90px !important;
    transform:scale(1.60) !important;
  }
}

/* Phone */
@media (max-width:767px){
  .site-header,
  .site-header.scrolled,
  .site-header .header-inner,
  .site-header.scrolled .header-inner{
    height:76px !important;
  }

  .site-header .brand{
    width:104px !important;
    height:70px !important;
    min-width:104px !important;
  }

  .site-header .brand img,
  .site-header.scrolled .brand img{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    transform:scale(1.52) !important;
  }

  .mobile-head img{
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    transform:scale(1.48) !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Single-page structural refinements; existing theme styling preserved ===== */

/* Consistent image crops */
.hero-card img,
.cap-card img,
.challenge-card img{
  width:100% !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  object-fit:cover !important;
}
.solution-visual img,
.team-photo img{
  width:100% !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  object-fit:cover !important;
}
.case-image{
  aspect-ratio:16/10;
  overflow:hidden;
}
.case-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.cert-main{
  min-height:460px;
}
.cert-main img{
  width:100%;
  max-height:540px;
  object-fit:contain;
}

/* Added OEM module — built from the existing team module language */
.oem-module{
  background:#f5f8fa;
}
.oem-module .section-kicker{
  margin-bottom:9px;
}
.oem-module .btn{
  margin-top:22px;
}
.oem-steps{
  margin-top:22px;
}
.oem-steps .bullet{
  align-items:flex-start;
}
.oem-step-num{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e8f5f3;
  color:#0b8f85;
  font-size:12px;
  font-weight:800;
}
.oem-steps strong{
  display:block;
  color:#102f46;
  margin:1px 0 3px;
}
.oem-steps small{
  display:block;
  color:#6a7d88;
  line-height:1.5;
  font-size:12px;
}

/* Slightly tighter copy widths for easier scanning */
.cap-card p,
.challenge-card p,
.case-body p{
  line-height:1.6;
}
.team-grid > div:first-child > p{
  max-width:650px;
}

@media(max-width:767px){
  .hero-card img,
  .cap-card img,
  .challenge-card img,
  .solution-visual img,
  .team-photo img{
    aspect-ratio:16/10 !important;
  }
  .cert-main{
    min-height:340px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Homepage FAQ — isolated from legacy theme FAQ styles ===== */
.home-faq-section{
  background:#f7f9fa;
}

.home-faq-container{
  max-width:1040px;
}

.home-faq-head{
  text-align:center;
  max-width:780px;
  margin:0 auto 34px;
}

.home-faq-head .section-title{
  margin-inline:auto;
}

.home-faq-intro{
  max-width:680px;
  margin:15px auto 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.home-faq-list{
  display:grid;
  gap:12px;
}

.home-faq-item{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(16,47,70,.035);
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}

.home-faq-item:hover{
  border-color:rgba(22,170,145,.34);
}

.home-faq-item.is-open{
  border-color:rgba(22,170,145,.48);
  box-shadow:0 12px 30px rgba(16,47,70,.07);
}

.home-faq-question{
  appearance:none;
  width:100%;
  min-height:72px;
  padding:17px 20px 17px 22px;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  text-align:left;
  color:var(--primary-strong);
  font-size:16px;
  font-weight:600;
  line-height:1.4;
}

.home-faq-question-text{
  flex:1;
}

.home-faq-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--accent-soft);
  color:var(--accent-strong);
  font-size:22px;
  font-weight:400;
  line-height:1;
  transition:transform .22s var(--ease),background-color .22s var(--ease),color .22s var(--ease);
}

.home-faq-item.is-open .home-faq-icon{
  transform:rotate(45deg);
  background:var(--accent);
  color:#fff;
}

.home-faq-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .26s var(--ease);
}

.home-faq-answer > div{
  overflow:hidden;
}

.home-faq-answer p{
  margin:0;
  padding:0 72px 0 22px;
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
  transition:padding-bottom .26s var(--ease);
}

.home-faq-item.is-open .home-faq-answer{
  grid-template-rows:1fr;
}

.home-faq-item.is-open .home-faq-answer p{
  padding-bottom:20px;
}

@media(max-width:767px){
  .home-faq-head{
    margin-bottom:26px;
  }

  .home-faq-intro{
    font-size:14px;
    line-height:1.65;
  }

  .home-faq-list{
    gap:10px;
  }

  .home-faq-question{
    min-height:64px;
    padding:15px 14px 15px 16px;
    gap:13px;
    font-size:14px;
  }

  .home-faq-icon{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:20px;
  }

  .home-faq-answer p{
    padding:0 16px;
    font-size:13px;
    line-height:1.7;
  }

  .home-faq-item.is-open .home-faq-answer p{
    padding-bottom:17px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Single-page anchor menu + featured product grid ===== */

/* One-level desktop navigation */
.desktop-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0 !important;
}
.desktop-nav > .nav-item{
  position:relative;
}
.desktop-nav .nav-link{
  padding-inline:9px !important;
  font-size:13px !important;
  white-space:nowrap;
}

/* New 8-product module */
.home-products-section{
  background:#fff;
}
.home-products-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:32px;
}
.home-products-head .section-title{
  margin-bottom:10px;
}
.home-products-intro{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
.home-products-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.home-product-card{
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(16,47,70,.04);
  transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);
}
.home-product-card:hover{
  transform:translateY(-4px);
  border-color:rgba(22,170,145,.36);
  box-shadow:0 14px 34px rgba(16,47,70,.09);
}
.home-product-image{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:1/1;
  background:#eef4f5;
}
.home-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s var(--ease);
}
.home-product-card:hover .home-product-image img{
  transform:scale(1.035);
}
.home-product-badge{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--accent-strong);
  font-size:10px;
  font-weight:700;
  line-height:1;
  box-shadow:0 4px 12px rgba(16,47,70,.08);
}
.home-product-body{
  padding:16px 16px 17px;
}
.home-product-body h3{
  margin:0 0 7px;
  color:var(--primary-strong);
  font-size:17px;
  line-height:1.3;
}
.home-product-body h3 a:hover{
  color:var(--accent-strong);
}
.home-product-body p{
  min-height:44px;
  margin:0 0 13px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.home-product-link{
  color:var(--accent-strong);
  font-size:12px;
  font-weight:700;
}
.home-product-link::after{
  content:" →";
}

/* Desktop stays 4 columns x 2 rows */
@media(max-width:1180px){
  .desktop-nav .nav-link{
    padding-inline:7px !important;
    font-size:12px !important;
  }
}

/* Mobile: 2 columns x 4 rows */
@media(max-width:767px){
  .home-products-head{
    display:block;
    margin-bottom:24px;
  }
  .home-products-head .btn{
    margin-top:16px;
  }
  .home-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px;
  }
  .home-product-image{
    aspect-ratio:1/1;
  }
  .home-product-body{
    padding:12px 11px 13px;
  }
  .home-product-body h3{
    font-size:14px;
    min-height:36px;
  }
  .home-product-body p{
    display:none;
  }
  .home-product-badge{
    left:8px;
    bottom:8px;
    padding:5px 7px;
    font-size:9px;
  }
  .home-product-link{
    font-size:11px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Simple text-only desktop navigation ===== */
.desktop-nav{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
}

.desktop-nav > .nav-item{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.desktop-nav .nav-link,
.desktop-nav .nav-link.active{
  position:static !important;
  display:inline-block !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  line-height:1.2 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#253f4d !important;
  font-size:14px !important;
  font-weight:500 !important;
  text-decoration:none !important;
  transition:color .18s ease !important;
}

/* Remove all decorative nav states */
.desktop-nav .nav-link::before,
.desktop-nav .nav-link::after,
.desktop-nav .nav-link.active::before,
.desktop-nav .nav-link.active::after{
  content:none !important;
  display:none !important;
}

/* Only hover changes color */
.desktop-nav .nav-link:hover,
.desktop-nav .nav-link:focus-visible{
  color:var(--accent, #16aa91) !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

/* Keep active anchor visually identical to normal links */
.desktop-nav .nav-link.active{
  color:#253f4d !important;
}

/* Slightly tighter on medium desktops */
@media(max-width:1180px){
  .desktop-nav{
    gap:16px !important;
  }
  .desktop-nav .nav-link,
  .desktop-nav .nav-link.active{
    font-size:13px !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Mobile navigation: top dropdown instead of side drawer ===== */
@media (max-width:1080px){

  body.menu-open{
    overflow:auto !important;
  }

  .menu-overlay{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .mobile-panel{
    position:fixed !important;
    inset:auto 0 auto 0 !important;
    top:88px !important;
    z-index:1180 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100vh - 88px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;

    background:#fff !important;
    border-top:1px solid var(--border) !important;
    border-bottom:1px solid var(--border) !important;
    box-shadow:0 18px 35px rgba(16,47,70,.12) !important;

    transform:translateY(-10px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:
      opacity .2s ease,
      transform .2s ease,
      visibility .2s ease !important;
  }

  .menu-open .mobile-panel{
    transform:translateY(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .mobile-head,
  .mobile-contact{
    display:none !important;
  }

  .mobile-menu{
    width:min(100% - 28px,760px) !important;
    margin:0 auto !important;
    padding:10px 0 14px !important;
  }

  .mobile-menu > a{
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:10px 4px !important;

    border:0 !important;
    border-bottom:1px solid #edf1f3 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#253f4d !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
    text-decoration:none !important;
    transition:color .18s ease !important;
  }

  .mobile-menu > a:last-child{
    border-bottom:0 !important;
  }

  .mobile-menu > a:hover,
  .mobile-menu > a:focus-visible,
  .mobile-menu > a[aria-current="page"]{
    color:var(--accent, #16aa91) !important;
    background:transparent !important;
  }

  /* Hamburger becomes X while dropdown is open */
  .menu-open .hamburger span{
    opacity:0;
  }
  .menu-open .hamburger::before{
    transform:translateY(7px) rotate(45deg);
  }
  .menu-open .hamburger::after{
    transform:translateY(-7px) rotate(-45deg);
  }
}

@media (max-width:767px){
  .mobile-panel{
    top:76px !important;
    max-height:calc(100vh - 76px) !important;
  }

  .mobile-menu{
    width:calc(100% - 28px) !important;
    padding:8px 0 12px !important;
  }

  .mobile-menu > a{
    min-height:46px !important;
    font-size:14px !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Mobile dropdown menu cleanup ===== */
@media (max-width:1080px){

  .mobile-menu{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .mobile-menu > a,
  .mobile-menu > a:hover,
  .mobile-menu > a:focus,
  .mobile-menu > a:focus-visible,
  .mobile-menu > a[aria-current="page"]{
    position:relative !important;
    padding-left:8px !important;
    padding-right:8px !important;
    border-left:0 !important;
    box-shadow:none !important;
  }

  /* remove any legacy green active/hover indicator */
  .mobile-menu > a::before,
  .mobile-menu > a::after,
  .mobile-menu > a:hover::before,
  .mobile-menu > a:hover::after,
  .mobile-menu > a[aria-current="page"]::before,
  .mobile-menu > a[aria-current="page"]::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
    border:0 !important;
  }
}

@media (max-width:767px){
  .mobile-menu{
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .mobile-menu > a{
    padding-left:8px !important;
    padding-right:8px !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Unified navigation breakpoint: only one menu on tablet/mobile ===== */

/* Desktop: text menu only */
@media (min-width:1181px){
  .desktop-nav{
    display:flex !important;
  }

  .hamburger,
  .mobile-panel,
  .menu-overlay{
    display:none !important;
  }
}

/* Tablet + phone: dropdown menu only */
@media (max-width:1180px){
  .desktop-nav{
    display:none !important;
  }

  .hamburger{
    display:flex !important;
    margin-left:auto !important;
  }

  .menu-overlay{
    display:none !important;
  }

  .mobile-panel{
    display:block !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:var(--header, 80px) !important;
    bottom:auto !important;

    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100vh - var(--header, 80px)) !important;

    transform:translateY(-10px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .menu-open .mobile-panel{
    transform:translateY(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Mobile hero cards: 2 columns / 2 rows ===== */
.mobile-case-carousel-controls{
  display:none;
}

@media (max-width:767px){

  /* Hero product cards: two per row */
  .hero-products{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    max-width:none !important;
  }

  .hero-card,
  .hero-card:nth-child(2),
  .hero-card:nth-child(3){
    display:block !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:10px !important;
    border-radius:11px !important;
    background:#fff !important;
    color:var(--primary-strong) !important;
    box-shadow:0 5px 16px rgba(16,47,70,.045) !important;
  }

  .hero-card img,
  .hero-card:nth-child(2) img,
  .hero-card:nth-child(3) img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
    object-position:center !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:8px !important;
  }

  .hero-card h2,
  .hero-card:nth-child(2) h2,
  .hero-card:nth-child(3) h2{
    min-height:34px !important;
    margin:9px 0 4px !important;
    font-size:13.5px !important;
    line-height:1.25 !important;
    color:var(--primary-strong) !important;
  }

  .hero-card h2::after{
    font-size:13px !important;
  }

  .hero-card p,
  .hero-card:nth-child(2) p,
  .hero-card:nth-child(3) p{
    margin:0 !important;
    color:var(--muted) !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  /* Supply solution cards: horizontal carousel, 2 visible per slide */
  .case-grid{
    display:grid !important;
    grid-template-columns:none !important;
    grid-template-rows:1fr !important;
    grid-auto-flow:column !important;
    grid-auto-columns:calc((100% - 10px) / 2) !important;
    gap:10px !important;

    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    padding:2px 0 7px !important;
  }

  .case-grid::-webkit-scrollbar{
    display:none !important;
  }

  .case-grid > .case-card{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:normal !important;
    border-radius:11px !important;
    box-shadow:0 5px 16px rgba(16,47,70,.045) !important;
  }

  .case-grid > .case-card:nth-child(odd){
    scroll-snap-align:start !important;
  }

  .case-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
  }

  .case-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .case-tags{
    left:7px !important;
    bottom:7px !important;
  }

  .case-tag{
    padding:4px 6px !important;
    font-size:8.5px !important;
  }

  .case-body{
    padding:10px 9px 11px !important;
  }

  .case-body h3{
    min-height:34px !important;
    margin:0 0 5px !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }

  .case-body p{
    margin:0 !important;
    color:var(--muted) !important;
    font-size:10px !important;
    line-height:1.45 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .mobile-case-carousel-controls{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    margin-top:14px !important;
  }

  .mobile-case-carousel-arrow{
    width:34px !important;
    height:34px !important;
    border:1px solid var(--border) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:var(--primary-strong) !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    font-size:17px !important;
    line-height:1 !important;
    box-shadow:none !important;
  }

  .mobile-case-carousel-arrow:active{
    color:var(--accent-strong) !important;
    border-color:rgba(22,170,145,.45) !important;
  }

  .mobile-case-carousel-dots{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
  }

  .mobile-case-carousel-dot{
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#cbd6db !important;
    transition:width .2s ease,background-color .2s ease,border-radius .2s ease !important;
  }

  .mobile-case-carousel-dot.is-active{
    width:20px !important;
    border-radius:999px !important;
    background:var(--accent,#16aa91) !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Capabilities: one image + four text items ===== */
.capabilities-one-head{
  max-width:820px;
  margin:0 auto 36px;
  text-align:center;
}

.capabilities-one-intro{
  max-width:720px;
  margin:14px auto 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}

.capabilities-one-grid{
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:28px;
  align-items:stretch;
}

.capabilities-one-visual{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:14px;
  background:#eef4f5;
}

.capabilities-one-visual img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  display:block;
}

.capabilities-one-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  max-width:230px;
  padding:13px 15px;
  border-radius:11px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 28px rgba(16,47,70,.14);
}

.capabilities-one-badge strong{
  display:block;
  margin-bottom:3px;
  color:var(--primary-strong);
  font-size:14px;
}

.capabilities-one-badge span{
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}

.capabilities-one-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.capability-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-content:start;
  min-width:0;
  padding:20px 18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 20px rgba(16,47,70,.035);
  transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);
}

.capability-item:hover{
  transform:translateY(-3px);
  border-color:rgba(22,170,145,.34);
  box-shadow:0 12px 28px rgba(16,47,70,.075);
}

.capability-num{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent-soft);
  color:var(--accent-strong);
  font-size:11px;
  font-weight:800;
}

.capability-item h3{
  margin:1px 0 7px;
  color:var(--primary-strong);
  font-size:16px;
  line-height:1.3;
}

.capability-item p{
  margin:0 0 11px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.capability-item .text-link{
  font-size:12px;
}

@media(max-width:900px){
  .capabilities-one-grid{
    grid-template-columns:1fr;
  }

  .capabilities-one-visual img{
    min-height:0;
    aspect-ratio:16/9;
  }
}

@media(max-width:767px){
  .capabilities-one-head{
    margin-bottom:24px;
  }

  .capabilities-one-grid{
    gap:16px;
  }

  .capabilities-one-visual{
    border-radius:11px;
  }

  .capabilities-one-visual img{
    aspect-ratio:16/10;
  }

  .capabilities-one-badge{
    left:10px;
    bottom:10px;
    padding:10px 11px;
  }

  .capabilities-one-list{
    grid-template-columns:1fr;
    gap:10px;
  }

  .capability-item{
    grid-template-columns:36px minmax(0,1fr);
    gap:11px;
    padding:15px 14px;
    border-radius:11px;
  }

  .capability-num{
    width:36px;
    height:36px;
  }

  .capability-item h3{
    font-size:14px;
    margin-bottom:5px;
  }

  .capability-item p{
    font-size:11px;
    margin-bottom:8px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* =========================================================
   Visual rhythm refinement:
   About = text + stats
   Quality = dark information
   OEM = process
   Support = service stages
   ========================================================= */

/* ABOUT */
.about-data-section{
  background:#fff;
}
.about-data-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  align-items:center;
}
.about-data-copy h2{
  max-width:660px;
  margin:8px 0 18px;
  color:var(--primary-strong);
  font-size:clamp(30px,3.2vw,46px);
  line-height:1.12;
}
.about-data-copy > p{
  max-width:690px;
  color:var(--muted);
  line-height:1.72;
}
.about-data-lead{
  font-size:16px;
}
.about-data-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 25px;
}
.about-data-tags span{
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:#f8fafb;
  color:#45606d;
  font-size:11px;
  font-weight:700;
}
.about-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.about-stat{
  min-height:155px;
  padding:26px 22px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#f7f9fa;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:transform .22s var(--ease),border-color .22s var(--ease);
}
.about-stat:hover{
  transform:translateY(-3px);
  border-color:rgba(22,170,145,.36);
}
.about-stat strong{
  display:block;
  color:var(--accent-strong);
  font-size:38px;
  line-height:1;
  letter-spacing:-.04em;
}
.about-stat span{
  margin-top:9px;
  color:var(--primary-strong);
  font-size:12px;
  font-weight:700;
}

/* QUALITY — intentionally different from the white photo/card modules */
.quality-info-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#0d2d3e 0%,#123d4a 100%);
  color:#fff;
}
.quality-info-section::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-210px;
  top:-220px;
  border:1px solid rgba(97,219,200,.12);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(97,219,200,.025),0 0 0 140px rgba(97,219,200,.018);
}
.quality-info-section .container{
  position:relative;
  z-index:1;
}
.quality-info-section .section-kicker{
  color:#67d3c4;
}
.quality-info-head{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:64px;
  align-items:end;
  margin-bottom:35px;
}
.quality-info-head h2{
  margin:8px 0 0;
  color:#fff;
  font-size:clamp(32px,3.8vw,50px);
  line-height:1.08;
}
.quality-info-head > p{
  max-width:640px;
  margin:0;
  color:#c5d5dc;
  font-size:15px;
  line-height:1.75;
}
.quality-info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.quality-info-card{
  position:relative;
  min-height:260px;
  padding:22px 19px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(4px);
}
.quality-info-index{
  position:absolute;
  right:17px;
  top:17px;
  color:rgba(255,255,255,.22);
  font-size:11px;
  font-weight:800;
}
.quality-info-icon{
  width:45px;
  height:45px;
  margin-bottom:35px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(103,211,196,.12);
  color:#67d3c4;
}
.quality-info-icon svg{
  width:22px;
  height:22px;
}
.quality-info-card h3{
  margin:0 0 9px;
  color:#fff;
  font-size:16px;
}
.quality-info-card p{
  margin:0;
  color:#abc2cb;
  font-size:12px;
  line-height:1.65;
}
.quality-info-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.11);
}
.quality-info-cta span{
  color:#c5d5dc;
  font-size:13px;
}
.quality-outline-btn{
  border:1px solid rgba(255,255,255,.34) !important;
  background:transparent !important;
  color:#fff !important;
}
.quality-outline-btn:hover{
  border-color:#67d3c4 !important;
  color:#67d3c4 !important;
}

/* OEM PROCESS */
.oem-process-section{
  background:#f6f8f9;
}
.oem-process-head{
  max-width:800px;
  margin:0 auto 35px;
  text-align:center;
}
.oem-process-head > p:last-child{
  max-width:690px;
  margin:14px auto 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
.oem-process-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.oem-process-grid::before{
  content:"";
  position:absolute;
  left:16.5%;
  right:16.5%;
  top:42px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(22,170,145,.35),transparent);
  z-index:0;
}
.oem-process-card{
  position:relative;
  z-index:1;
  min-height:330px;
  padding:24px 22px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
}
.oem-process-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:33px;
}
.oem-process-number{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--accent);
  color:#fff;
  font-size:12px;
  font-weight:800;
  box-shadow:0 7px 20px rgba(22,170,145,.18);
}
.oem-process-label{
  color:var(--accent-strong);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}
.oem-process-card h3{
  margin:0 0 9px;
  color:var(--primary-strong);
  font-size:18px;
}
.oem-process-card > p{
  min-height:64px;
  margin:0 0 17px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.oem-process-card ul{
  list-style:none;
  margin:0;
  padding:14px 0 0;
  border-top:1px solid var(--border);
}
.oem-process-card li{
  position:relative;
  padding:5px 0 5px 16px;
  color:#526b77;
  font-size:11px;
}
.oem-process-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent);
}
.oem-process-action{
  text-align:center;
  margin-top:24px;
}

/* SUPPORT */
.support-stages-section{
  background:#fff;
}
.support-stages-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:50px;
  margin-bottom:30px;
}
.support-stages-head h2{
  margin:8px 0 0;
  color:var(--primary-strong);
  font-size:clamp(29px,3.2vw,44px);
  line-height:1.12;
}
.support-stages-head > p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
}
.support-stages-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.support-stage-card{
  min-height:260px;
  padding:28px 26px;
  border-right:1px solid var(--border);
}
.support-stage-card:last-child{
  border-right:0;
}
.support-stage-icon{
  width:46px;
  height:46px;
  margin-bottom:24px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--accent-soft);
  color:var(--accent-strong);
}
.support-stage-icon svg{
  width:22px;
  height:22px;
}
.support-stage-label{
  color:var(--accent-strong);
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}
.support-stage-card h3{
  margin:8px 0 8px;
  color:var(--primary-strong);
  font-size:17px;
}
.support-stage-card p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.support-contact-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:21px;
}
.support-contact-line span{
  color:var(--muted);
  font-size:12px;
}
.support-contact-line a{
  color:var(--accent-strong);
  font-size:12px;
  font-weight:700;
}

/* RESPONSIVE */
@media(max-width:900px){
  .about-data-grid,
  .quality-info-head,
  .support-stages-head{
    grid-template-columns:1fr;
    gap:28px;
  }
  .quality-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .oem-process-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .oem-process-grid::before{
    display:none;
  }
  .oem-process-card{
    min-height:0;
  }
}

@media(max-width:767px){
  .about-data-grid{
    gap:24px;
  }
  .about-data-copy h2{
    font-size:29px;
  }
  .about-stats{
    gap:9px;
  }
  .about-stat{
    min-height:112px;
    padding:18px 14px;
  }
  .about-stat strong{
    font-size:30px;
  }
  .about-stat span{
    font-size:10px;
  }

  .quality-info-head{
    margin-bottom:24px;
  }
  .quality-info-head h2{
    font-size:30px;
  }
  .quality-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .quality-info-card{
    min-height:205px;
    padding:15px 13px;
  }
  .quality-info-icon{
    width:38px;
    height:38px;
    margin-bottom:24px;
  }
  .quality-info-card h3{
    font-size:13px;
  }
  .quality-info-card p{
    font-size:10px;
    line-height:1.55;
  }
  .quality-info-cta{
    display:block;
  }
  .quality-info-cta .btn{
    margin-top:12px;
    width:100%;
  }

  .oem-process-head{
    margin-bottom:24px;
  }
  .oem-process-card{
    padding:18px 16px;
  }
  .oem-process-top{
    margin-bottom:20px;
  }
  .oem-process-card > p{
    min-height:0;
  }

  .support-stages-head{
    gap:14px;
    margin-bottom:22px;
  }
  .support-stages-head h2{
    font-size:28px;
  }
  .support-stages-grid{
    grid-template-columns:1fr;
  }
  .support-stage-card{
    min-height:0;
    padding:21px 16px;
    border-right:0;
    border-bottom:1px solid var(--border);
  }
  .support-stage-card:last-child{
    border-bottom:0;
  }
  .support-stage-icon{
    margin-bottom:15px;
  }
  .support-contact-line{
    display:block;
  }
  .support-contact-line a{
    display:inline-block;
    margin-top:8px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* =========================================================
   Capabilities: no image / 4 columns desktop / 2 columns mobile
   ========================================================= */
.capabilities-clean-section{
  background:#fff;
}

.capabilities-clean-head{
  max-width:800px;
  margin:0 auto 32px;
  text-align:center;
}

.capabilities-clean-head > p:last-child{
  max-width:650px;
  margin:12px auto 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}

.capabilities-clean-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.capabilities-clean-card{
  min-width:0;
  min-height:250px;
  display:flex;
  flex-direction:column;
  padding:20px 18px 18px;
  border:1px solid var(--border);
  border-radius:13px;
  background:#fff;
  box-shadow:0 6px 20px rgba(16,47,70,.035);
  transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}

.capabilities-clean-card:hover{
  transform:translateY(-3px);
  border-color:rgba(22,170,145,.36);
  box-shadow:0 12px 28px rgba(16,47,70,.075);
}

.capabilities-clean-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:28px;
}

.capabilities-clean-num{
  color:#9fb0b8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.capabilities-clean-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--accent-soft);
  color:var(--accent-strong);
}

.capabilities-clean-icon svg{
  width:20px;
  height:20px;
}

.capabilities-clean-card h3{
  margin:0 0 8px;
  color:var(--primary-strong);
  font-size:16px;
  line-height:1.3;
}

.capabilities-clean-card p{
  margin:0 0 14px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.capabilities-clean-card .text-link{
  margin-top:auto;
  font-size:12px;
}

/* =========================================================
   QUALITY refined dark information module
   ========================================================= */
.quality-refined-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 12%,rgba(79,205,186,.08),transparent 24%),
    linear-gradient(135deg,#0d2d3e 0%,#123d4a 100%);
  color:#fff;
}

.quality-refined-head{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:end;
  gap:64px;
  margin-bottom:28px;
}

.quality-refined-section .section-kicker{
  color:#68d2c3;
}

.quality-refined-title h2{
  margin:7px 0 0;
  color:#fff;
  font-size:clamp(31px,3.5vw,46px);
  line-height:1.08;
}

.quality-refined-intro{
  max-width:620px;
  margin:0;
  color:#bfd0d7;
  font-size:14px;
  line-height:1.72;
}

.quality-refined-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.quality-refined-card{
  min-width:0;
  min-height:220px;
  padding:18px 17px 16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.quality-refined-card:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.065);
  border-color:rgba(104,210,195,.32);
}

.quality-refined-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:26px;
}

.quality-refined-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(104,210,195,.11);
  color:#68d2c3;
}

.quality-refined-icon svg{
  width:20px;
  height:20px;
}

.quality-refined-index{
  color:rgba(255,255,255,.24);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.quality-refined-card h3{
  margin:0 0 7px;
  color:#fff;
  font-size:15px;
  line-height:1.35;
}

.quality-refined-card p{
  min-height:58px;
  margin:0 0 14px;
  color:#aebfc7;
  font-size:11px;
  line-height:1.62;
}

.quality-refined-meta{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(104,210,195,.09);
  color:#7fd8cc;
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
}

.quality-refined-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,.10);
}

.quality-refined-bottom strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:13px;
}

.quality-refined-bottom span{
  color:#9fb3bc;
  font-size:11px;
}

.quality-refined-btn{
  border:1px solid rgba(255,255,255,.30) !important;
  background:transparent !important;
  color:#fff !important;
}

.quality-refined-btn:hover{
  border-color:#68d2c3 !important;
  color:#68d2c3 !important;
}

/* Tablet */
@media(max-width:900px){
  .capabilities-clean-grid,
  .quality-refined-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .quality-refined-head{
    grid-template-columns:1fr;
    gap:15px;
  }
}

/* Phone: 2 per row as requested */
@media(max-width:767px){
  .capabilities-clean-head{
    margin-bottom:23px;
  }

  .capabilities-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px;
  }

  .capabilities-clean-card{
    min-height:205px;
    padding:14px 12px 13px;
    border-radius:11px;
  }

  .capabilities-clean-top{
    margin-bottom:20px;
  }

  .capabilities-clean-icon{
    width:34px;
    height:34px;
    border-radius:9px;
  }

  .capabilities-clean-icon svg{
    width:17px;
    height:17px;
  }

  .capabilities-clean-card h3{
    min-height:35px;
    font-size:13px;
    line-height:1.3;
  }

  .capabilities-clean-card p{
    font-size:10px;
    line-height:1.5;
  }

  .capabilities-clean-card .text-link{
    font-size:10px;
  }

  .quality-refined-head{
    margin-bottom:22px;
  }

  .quality-refined-title h2{
    font-size:29px;
  }

  .quality-refined-intro{
    font-size:12px;
    line-height:1.65;
  }

  .quality-refined-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
  }

  .quality-refined-card{
    min-height:190px;
    padding:13px 11px 12px;
    border-radius:10px;
  }

  .quality-refined-card-top{
    margin-bottom:19px;
  }

  .quality-refined-icon{
    width:34px;
    height:34px;
    border-radius:8px;
  }

  .quality-refined-icon svg{
    width:17px;
    height:17px;
  }

  .quality-refined-card h3{
    min-height:34px;
    font-size:12.5px;
  }

  .quality-refined-card p{
    min-height:0;
    margin-bottom:10px;
    font-size:9.5px;
    line-height:1.5;
  }

  .quality-refined-meta{
    padding:4px 6px;
    font-size:8px;
  }

  .quality-refined-bottom{
    display:block;
    margin-top:17px;
    padding-top:15px;
  }

  .quality-refined-bottom .btn{
    width:100%;
    margin-top:12px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* =========================================================
   QIANMIAO refined footer
   ========================================================= */
.footer-refined{
  position:relative;
  overflow:hidden;
  background:#081f2b !important;
  color:#9fb3bd !important;
}

.footer-refined::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-290px;
  bottom:-340px;
  border:1px solid rgba(92,207,190,.07);
  border-radius:50%;
  box-shadow:
    0 0 0 85px rgba(92,207,190,.018),
    0 0 0 170px rgba(92,207,190,.012);
  pointer-events:none;
}

/* CTA strip */
.footer-refined-cta{
  position:relative;
  z-index:1;
  border-bottom:1px solid rgba(255,255,255,.085);
  background:rgba(255,255,255,.018);
}

.footer-refined-cta-inner{
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}

.footer-refined-cta-kicker{
  display:block;
  margin-bottom:7px;
  color:#67d3c4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}

.footer-refined-cta h2{
  margin:0;
  color:#fff;
  font-size:clamp(22px,2.4vw,32px);
  font-weight:600;
  line-height:1.2;
}

/* Main */
.footer-refined-main{
  position:relative;
  z-index:1;
  padding-top:52px;
  padding-bottom:0;
}

.footer-refined-grid{
  display:grid;
  grid-template-columns:1.45fr .72fr .72fr 1fr;
  gap:44px;
  align-items:start;
}

/* Brand */
.footer-refined-logo-wrap{
  width:188px;
  height:78px;
  margin:0 0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.footer-refined-logo{
  width:105px !important;
  height:105px !important;
  max-width:none !important;
  object-fit:contain !important;
  transform:scale(1.8);
  transform-origin:center;
  filter:brightness(0) invert(1);
}

.footer-refined-brand > p{
  max-width:440px;
  margin:0 0 24px;
  color:#9fb3bd;
  font-size:12px;
  line-height:1.72;
}

/* contact icon rows */
.footer-refined-contact-icons{
  display:grid;
  gap:9px;
  max-width:430px;
}

.footer-contact-icon{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:11px;
  min-height:54px;
  padding:7px 10px 7px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.footer-contact-icon:hover{
  transform:translateX(3px);
  border-color:rgba(103,211,196,.32);
  background:rgba(255,255,255,.048);
}

.footer-contact-icon-box{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(103,211,196,.11);
  color:#67d3c4;
}

.footer-contact-icon-box svg{
  width:19px;
  height:19px;
}

.footer-contact-icon-text{
  min-width:0;
  display:block;
}

.footer-contact-icon-text strong{
  display:block;
  margin-bottom:2px;
  color:#fff;
  font-size:11px;
  font-weight:700;
}

.footer-contact-icon-text small{
  display:block;
  overflow-wrap:anywhere;
  color:#91a8b2;
  font-size:10px;
  line-height:1.35;
}

/* Link columns */
.footer-refined-col h3,
.footer-refined-order h3{
  position:relative;
  margin:7px 0 20px;
  padding-bottom:11px;
  color:#fff;
  font-size:13px;
  font-weight:700;
}

.footer-refined-col h3::after,
.footer-refined-order h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  border-radius:2px;
  background:#4fc8b7;
}

.footer-refined-links{
  display:grid;
  gap:10px;
}

.footer-refined-links a{
  width:max-content;
  max-width:100%;
  color:#91a8b2;
  font-size:11px;
  line-height:1.45;
  transition:color .18s ease,transform .18s ease;
}

.footer-refined-links a:hover{
  color:#67d3c4;
  transform:translateX(3px);
}

/* ordering */
.footer-refined-order{
  min-width:0;
}

.footer-order-row{
  padding:0 0 16px;
  margin:0 0 16px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.footer-order-row:last-child{
  margin-bottom:0;
  border-bottom:0;
}

.footer-order-label{
  display:block;
  margin-bottom:7px;
  color:#67d3c4;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.footer-order-row p{
  margin:0;
  color:#91a8b2;
  font-size:11px;
  line-height:1.6;
}

.footer-payment-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.footer-payment-tags span{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:rgba(255,255,255,.025);
  color:#a6bac3;
  font-size:9px;
  line-height:1;
}

.footer-order-link{
  color:#67d3c4;
  font-size:11px;
  font-weight:700;
}

/* mobile accordion */
.footer-refined-mobile{
  display:none;
}

/* legal */
.footer-refined-legal{
  margin-top:40px;
  border-top:1px solid rgba(255,255,255,.085);
}

.footer-refined-disclaimer{
  max-width:970px;
  margin:0;
  padding:18px 0 16px;
  color:#708994;
  font-size:10px;
  line-height:1.65;
}

.footer-refined-bottom{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.06);
  color:#708994;
  font-size:10px;
}

.footer-refined-bottom-links{
  display:flex;
  align-items:center;
  gap:18px;
}

.footer-refined-bottom-links a{
  color:#839ba5;
  transition:color .18s ease;
}

.footer-refined-bottom-links a:hover{
  color:#67d3c4;
}

/* Tablet */
@media(max-width:1000px){
  .footer-refined-grid{
    grid-template-columns:1.35fr .8fr .8fr;
    gap:32px;
  }

  .footer-refined-order{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    padding-top:5px;
  }

  .footer-refined-order h3{
    grid-column:1/-1;
    margin-bottom:0;
  }

  .footer-order-row{
    margin:0;
    padding:14px 0 0;
    border:0;
    border-top:1px solid rgba(255,255,255,.075);
  }
}

/* Phone */
@media(max-width:767px){
  .footer-refined-cta-inner{
    min-height:0;
    display:block;
    padding-top:28px;
    padding-bottom:28px;
  }

  .footer-refined-cta h2{
    max-width:460px;
    font-size:22px;
  }

  .footer-refined-cta .btn{
    width:100%;
    margin-top:17px;
  }

  .footer-refined-main{
    padding-top:32px;
  }

  .footer-refined-grid{
    display:block;
  }

  .footer-refined-brand{
    padding-bottom:26px;
  }

  .footer-refined-logo-wrap{
    width:155px;
    height:66px;
    margin-left:-10px;
    margin-bottom:14px;
  }

  .footer-refined-logo{
    width:91px !important;
    height:91px !important;
    transform:scale(1.7);
  }

  .footer-refined-brand > p{
    max-width:none;
    margin-bottom:20px;
    font-size:11px;
  }

  .footer-refined-contact-icons{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    max-width:none;
  }

  .footer-contact-icon{
    min-height:92px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 5px;
    text-align:center;
  }

  .footer-contact-icon:hover{
    transform:none;
  }

  .footer-contact-icon-box{
    width:38px;
    height:38px;
  }

  .footer-contact-icon-text strong{
    font-size:10px;
  }

  .footer-contact-icon-text small{
    max-width:100%;
    font-size:8px;
    line-height:1.25;
  }

  .footer-refined-col,
  .footer-refined-order{
    display:none !important;
  }

  .footer-refined-mobile{
    display:block;
    border-top:1px solid rgba(255,255,255,.085);
  }

  .footer-refined-mobile details{
    border-bottom:1px solid rgba(255,255,255,.075);
  }

  .footer-refined-mobile summary{
    list-style:none;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    cursor:pointer;
    color:#fff;
    font-size:12px;
    font-weight:700;
  }

  .footer-refined-mobile summary::-webkit-details-marker{
    display:none;
  }

  .footer-refined-mobile summary span{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(103,211,196,.09);
    color:#67d3c4;
    font-size:18px;
    font-weight:400;
    transition:transform .2s ease;
  }

  .footer-refined-mobile details[open] summary span{
    transform:rotate(45deg);
  }

  .footer-refined-mobile .footer-refined-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:0 0 15px;
  }

  .footer-refined-mobile .footer-refined-links a{
    width:auto;
    padding:8px 0;
    font-size:10px;
  }

  .footer-refined-mobile-order{
    padding:0 0 17px;
  }

  .footer-refined-mobile-order p{
    margin:0 0 9px;
    color:#91a8b2;
    font-size:10px;
    line-height:1.55;
  }

  .footer-refined-mobile-order b{
    color:#c7d5db;
  }

  .footer-refined-mobile-order a{
    color:#67d3c4;
    font-size:10px;
    font-weight:700;
  }

  .footer-refined-legal{
    margin-top:24px;
  }

  .footer-refined-disclaimer{
    padding:15px 0;
    font-size:9px;
    line-height:1.55;
  }

  .footer-refined-bottom{
    min-height:0;
    display:block;
    padding:16px 0 19px;
    font-size:9px;
  }

  .footer-refined-bottom-links{
    margin-top:9px;
    gap:14px;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* ===== Simplified inquiry form ===== */
.inquiry-form-simple{
  padding:28px !important;
}

.form-heading-simple{
  margin-bottom:20px !important;
}

.form-heading-simple h3{
  margin-top:4px !important;
}

.form-heading-simple > p{
  max-width:520px !important;
  margin-top:8px !important;
  font-size:12px !important;
  line-height:1.6 !important;
}

.form-grid-simple{
  gap:12px !important;
}

.inquiry-form-simple .form-field > span{
  margin-bottom:6px !important;
  font-size:11px !important;
}

.inquiry-form-simple .field{
  min-height:46px !important;
}

.inquiry-form-simple textarea.field{
  min-height:100px !important;
  resize:vertical !important;
}

.form-actions-simple{
  margin-top:15px !important;
  padding-top:0 !important;
  border-top:0 !important;
}

.form-actions-simple .form-note{
  max-width:330px !important;
  font-size:10px !important;
}

@media(max-width:767px){
  .inquiry-form-simple{
    padding:20px 16px !important;
  }

  .form-grid-simple{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .form-grid-simple .form-span-2{
    grid-column:auto !important;
  }

  .form-actions-simple{
    display:block !important;
  }

  .form-actions-simple .btn{
    width:100% !important;
    margin-top:12px !important;
  }

  .inquiry-form-simple textarea.field{
    min-height:92px !important;
  }
}

/* ===== qianmiao-theme-7.css (merged from design HTML) ===== */

/* =========================================================
   Footer mobile readability + accordion icon alignment
   ========================================================= */

@media(max-width:767px){

  /* Accordion heading */
  .footer-refined-mobile summary{
    min-height:62px !important;
    padding:0 !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  /* Perfect visual centering for + / × */
  .footer-refined-mobile summary span{
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;

    background:rgba(103,211,196,.10) !important;
    color:#5ad4c2 !important;

    font-size:23px !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-align:center !important;
    font-family:Arial,sans-serif !important;

    transform:none !important;
    transform-origin:center !important;
  }

  /* Use + for closed, × for open via pseudo element for better centering */
  .footer-refined-mobile summary span{
    font-size:0 !important;
  }

  .footer-refined-mobile summary span::before{
    content:"+";
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:25px !important;
    line-height:38px !important;
    font-weight:400 !important;
    transform:translateY(-1px) !important;
  }

  .footer-refined-mobile details[open] summary span{
    transform:none !important;
  }

  .footer-refined-mobile details[open] summary span::before{
    content:"×";
    font-size:23px !important;
    line-height:38px !important;
    transform:translateY(-1px) !important;
  }

  /* Accordion links */
  .footer-refined-mobile .footer-refined-links{
    padding:0 0 18px !important;
  }

  .footer-refined-mobile .footer-refined-links a{
    padding:10px 0 !important;
    color:#a9bec7 !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  /* Ordering info */
  .footer-refined-mobile-order{
    padding:2px 0 20px !important;
  }

  .footer-refined-mobile-order p{
    margin:0 0 13px !important;
    color:#a7bbc4 !important;
    font-size:13px !important;
    line-height:1.65 !important;
  }

  .footer-refined-mobile-order b{
    color:#fff !important;
    font-size:13px !important;
  }

  .footer-refined-mobile-order a{
    display:inline-block !important;
    margin-top:2px !important;
    color:#58d4c1 !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
  }

  /* Brand paragraph */
  .footer-refined-brand > p{
    font-size:13px !important;
    line-height:1.7 !important;
    color:#a9bbc4 !important;
  }

  /* 3 contact blocks */
  .footer-refined-contact-icons{
    gap:8px !important;
  }

  .footer-contact-icon{
    min-height:104px !important;
    padding:11px 6px !important;
  }

  .footer-contact-icon-box{
    width:42px !important;
    height:42px !important;
  }

  .footer-contact-icon-box svg{
    width:20px !important;
    height:20px !important;
  }

  .footer-contact-icon-text strong{
    font-size:12px !important;
    line-height:1.3 !important;
  }

  .footer-contact-icon-text small{
    margin-top:2px !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }

  /* Disclaimer and copyright */
  .footer-refined-disclaimer{
    font-size:11px !important;
    line-height:1.65 !important;
    color:#8299a3 !important;
  }

  .footer-refined-bottom{
    font-size:11px !important;
    line-height:1.5 !important;
  }

  .footer-refined-bottom-links a{
    font-size:11px !important;
  }
}

/* Slight readability improvement for tablet as well */
@media(min-width:768px) and (max-width:1000px){
  .footer-refined-brand > p,
  .footer-order-row p,
  .footer-refined-links a{
    font-size:12px !important;
  }

  .footer-contact-icon-text strong{
    font-size:12px !important;
  }

  .footer-contact-icon-text small{
    font-size:10.5px !important;
  }
}


/* ===== theme-7: AJAX qm-form integration (renders like the design's inquiry card) ===== */
.inquiry-form .qm-form-header .qm-form-title{margin:0;color:var(--primary);font-size:23px;line-height:1.15;letter-spacing:-.02em}
.inquiry-form .qm-form-header{margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #e7edef}
.inquiry-form .qm-form-header .qm-form-subtitle{max-width:280px;margin:6px 0 0;color:#75858d;font-size:11px;line-height:1.55}
.inquiry-form form.qm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}
.inquiry-form form.qm-form .qm-field{display:block;min-width:0}
.inquiry-form form.qm-form .qm-field label{display:block;margin:0 0 5px;color:#536770;font-size:10.5px;font-weight:680;line-height:1.25}
.inquiry-form form.qm-form .qm-req{color:#e5484d}
.inquiry-form form.qm-form input[type=text],.inquiry-form form.qm-form input[type=email],.inquiry-form form.qm-form input[type=tel],.inquiry-form form.qm-form select,.inquiry-form form.qm-form textarea{width:100%;height:43px;padding:0 12px;color:var(--text);background:#fff;border:1px solid #dbe4e7;border-radius:7px;outline:none;font:inherit;font-size:12.5px;transition:border-color .2s ease,box-shadow .2s ease}
.inquiry-form form.qm-form textarea{height:82px;padding:10px 12px;resize:vertical;line-height:1.5}
.inquiry-form form.qm-form input:focus,.inquiry-form form.qm-form select:focus,.inquiry-form form.qm-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(22,170,145,.1)}
.inquiry-form form.qm-form input::placeholder,.inquiry-form form.qm-form textarea::placeholder{color:#98a5aa}
.inquiry-form form.qm-form .qm-field--message{grid-column:1/-1}
.inquiry-form form.qm-form .qm-btn-submit{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;margin-top:13px;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:760;cursor:pointer;transition:background-color .25s var(--ease)}
.inquiry-form form.qm-form .qm-btn-submit:hover{background:var(--accent-strong)}
.inquiry-form .qm-form-error{grid-column:1/-1;padding:9px 12px;margin:0 0 10px;color:#b3261e;background:#fce8e6;border:1px solid #f5c6c2;border-radius:7px;font-size:12px}
.inquiry-form .qm-form-success{grid-column:1/-1}
.inquiry-form form.qm-form .qm-field--attachment{grid-column:1/-1}
@media (max-width:680px){.inquiry-form form.qm-form{grid-template-columns:1fr}.inquiry-form form.qm-form .qm-field--message{grid-column:auto}}