:root {
  --blue: #0878e8;
  --blue-deep: #075fc2;
  --navy: #06183f;
  --green: #18bd70;
  --ink: #1d2633;
  --muted: #667381;
  --line: #dce5eb;
  --pale: #f3f9fc;
  --white: #fff;
  --wrap: 1224px;
  --shadow: 0 12px 34px rgba(16, 54, 86, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
html.jump-to-top { scroll-behavior: auto !important; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.7;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.wrap { width: min(var(--wrap), calc(100% - 64px)); margin-inline: auto; }
.section { padding: 78px 0; }
.eyebrow,
.section-heading > div > span,
.advantage-intro > span {
  display: block;
  color: var(--blue);
  font: 600 12px/1.3 Arial, sans-serif;
  letter-spacing: 1.2px;
}

/* Hollysys-like two-level header: 30px utility bar + 60px main navigation */
.top-contact { height: 34px; background: var(--navy); color: var(--white); font-size: 12px; }
.top-contact-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.top-contact-inner > span { font-size: 13px; font-weight: 500; letter-spacing: .15px; }
.top-contact-inner > div { display: flex; align-items: center; gap: 26px; }
.top-contact a,
.top-contact button { border: 0; color: var(--white); background: transparent; padding: 0; }
.top-contact b { margin-right: 5px; font-weight: 500; }

.main-header {
  position: sticky;
  top: 0;
  z-index: 60;
  height: 86px;
  background: rgba(255, 255, 255, .98);
  border-bottom: 1px solid #edf1f4;
}
.header-inner { height: 100%; display: flex; align-items: center; }
.header-inner,
.top-contact-inner { width: calc(100% - 160px); max-width: none; }
.brand { display: flex; height: 100%; align-items: center; flex: none; padding: 10px 0; }
.brand img { width: 330px; max-height: 64px; object-fit: contain; object-position: left center; }
.brand span { display: none; }
.main-header nav { display: flex; height: 100%; align-items: center; gap: 34px; margin-left: auto; }
.main-header nav a { position: relative; display: flex; height: 100%; align-items: center; font-size: 16px; font-weight: 400; white-space: nowrap; }
.main-header nav a::after { content: ""; position: absolute; right: 50%; bottom: 0; left: 50%; height: 2px; background: var(--blue); transition: .2s; }
.main-header nav a:hover,
.main-header nav a.current { color: var(--blue); }
.main-header nav a:hover::after,
.main-header nav a.current::after { right: 0; left: 0; }
.header-quote {
  display: inline-flex;
  min-width: 96px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--blue), var(--green));
  color: var(--white);
  font-size: 14px;
}
.menu-toggle { display: none; width: 38px; margin-left: auto; border: 0; background: transparent; }
.menu-toggle i { display: block; width: 27px; height: 2px; margin: 6px auto; background: var(--navy); }

/* Full-width industrial hero, matching the reference site's proportions */
.intro-hero { position: relative; height: 470px; overflow: hidden; background: #627384; color: var(--white); }
.hero-track { position: absolute; inset: 0; }
.hero-slide { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0; pointer-events: none; transform: translateX(2.5%); transition: opacity .72s ease, transform .9s cubic-bezier(.22,.61,.36,1); }
.hero-slide.active { z-index: 1; opacity: 1; pointer-events: auto; transform: translateX(0); }
.intro-background { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 48%; transform: scale(1.045); transition: transform 7s ease; }
.hero-slide.active .intro-background { transform: scale(1.01); }
.hero-slide .intro-copy { opacity: 0; transform: translateY(18px); transition: opacity .55s .18s ease, transform .65s .18s ease; }
.hero-slide.active .intro-copy { opacity: 1; transform: translateY(0); }
.intro-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4, 26, 61, .78) 0%, rgba(4, 31, 70, .48) 43%, rgba(3, 22, 50, .06) 76%); }
.intro-layout { position: relative; z-index: 2; display: flex; height: 100%; align-items: center; }
.intro-copy { width: 610px; padding-bottom: 8px; }
.intro-copy .eyebrow { color: #9ed0ff; }
.intro-copy h1,
.intro-copy h2 { margin: 13px 0 17px; font-size: 34px; font-weight: 500; line-height: 1.35; letter-spacing: .2px; }
.intro-lead { max-width: 600px; margin: 0; font-size: 16px; line-height: 2; text-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
.intro-actions { display: flex; gap: 12px; margin-top: 25px; }
.button { display: inline-flex; min-width: 138px; height: 42px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .9); border-radius: 2px; font-size: 14px; transition: .2s; }
.button.primary { border-color: var(--blue); background: var(--blue); color: var(--white); }
.button.secondary { color: var(--white); }
.button:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0, 0, 0, .18); }
.hero-arrow { position: absolute; z-index: 4; top: 50%; display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(6, 24, 63, .35); color: var(--white); font: 300 28px/1 Arial; opacity: .78; transform: translateY(-50%); transition: .2s; }
.hero-arrow:hover { background: var(--blue); opacity: 1; }
.hero-prev { left: 20px; }
.hero-next { right: 20px; }
.hero-index { position: absolute; z-index: 4; right: 0; bottom: 16px; left: 0; display: flex; justify-content: center; gap: 7px; }
.hero-index button { width: 32px; height: 3px; padding: 0; border: 0; background: rgba(255, 255, 255, .58); transition: width .25s, background .25s; }
.hero-index button.active { width: 48px; background: var(--green); }

/* Shared section typography */
.section-heading { margin-bottom: 28px; }
.section-heading h2 { margin: 8px 0 0; font-size: 30px; font-weight: 400; line-height: 1.4; }
.section-heading h2 .accent { display: inline; position: relative; color: var(--blue); font: inherit; letter-spacing: 0; }
.section-heading h2 .accent::after { content: ""; position: absolute; right: 0; bottom: -7px; left: 0; height: 3px; background: var(--green); }
.section-heading p { max-width: 480px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.split-heading,
.product-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
.section-title { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.section-title > span { color: var(--blue); font: 600 12px/1.3 Arial, sans-serif; letter-spacing: 1.2px; }
.section-title h2 { margin: 8px 0 0; font-size: 30px; font-weight: 400; line-height: 1.4; }

/* Four manufacturing fields */
.capabilities { background: var(--pale); }
.capability-grid { display: flex; overflow: hidden; background: #163251; }
.capability-card { position: relative; min-width: 0; height: 354px; overflow: hidden; flex: 1 1 0; color: var(--white); border-right: 1px solid rgba(255, 255, 255, .38); transition: flex .5s cubic-bezier(.22,.61,.36,1); }
.capability-card:last-child { border-right: 0; }
.capability-card figure { position: absolute; inset: 0; margin: 0; background: #486170; }
.capability-card figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 29, 59, .16) 0%, rgba(4, 26, 55, .52) 48%, rgba(4, 22, 49, .94) 100%); }
.capability-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.06) brightness(.92); transition: transform .5s, filter .35s; }
.capability-card > div { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: flex; height: 205px; flex-direction: column; padding: 24px 20px 20px; }
.capability-card b { display: block; height: 18px; flex: 0 0 18px; overflow: hidden; color: #9dd1ff; font: 600 10px/18px Arial; letter-spacing: .65px; white-space: nowrap; }
.capability-card h3 { height: 34px; flex: 0 0 34px; margin: 7px 0 5px; font-size: 20px; font-weight: 500; line-height: 34px; white-space: nowrap; }
.capability-card p { overflow: hidden; max-height: 0; margin: 0; color: rgba(255, 255, 255, .86); font-size: 13px; line-height: 1.75; opacity: 0; transition: max-height .4s, opacity .35s; }
.capability-card span { position: relative; display: block; height: 20px; flex: 0 0 20px; overflow: hidden; margin-top: auto; padding-right: 18px; color: #8de0b7; font-size: 11px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.capability-card span::after { content: "→"; position: absolute; top: 50%; right: 0; color: #8de0b7; font: 500 13px/1 Arial; transform: translateY(-50%); }
.capability-card:hover,
.capability-card:focus-visible { flex: 1.72 1 0; }
.capability-card:hover p,
.capability-card:focus-visible p { max-height: 100px; opacity: 1; }
.capability-card:hover img { filter: saturate(.88) contrast(1.05) brightness(.98); transform: scale(1.055); }

/* Product cases */
.product-center { background: var(--white); }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.product-tabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--line); }
.product-tabs button { position: relative; min-width: 116px; padding: 10px 16px 12px; border: 0; background: transparent; color: #596674; }
.product-tabs button::after { content: ""; position: absolute; right: 50%; bottom: -1px; left: 50%; height: 2px; background: var(--blue); transition: .2s; }
.product-tabs button.active { color: var(--blue); }
.product-tabs button.active::after { right: 0; left: 0; }
.product-tabs button b { margin-left: 4px; color: #9aa5af; font: 500 10px Arial; }
.product-pagination { display: flex; align-items: center; gap: 9px; color: #6d7884; font-size: 12px; }
.product-pagination button { width: 35px; height: 35px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); color: var(--blue); }
.product-pagination button:disabled { color: #b8c0c7; cursor: default; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.product-grid > .product-card { min-width: 0; overflow: hidden; padding: 0; border: 1px solid var(--line); background: var(--white); color: inherit; text-align: left; transition: .25s; }
.product-grid > .product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.product-grid figure { position: relative; height: 220px; margin: 0; overflow: hidden; background: #f3f5f6; }
.product-grid img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s; }
.product-grid > .product-card:hover img { transform: scale(1.035); }
.product-grid figure span { position: absolute; top: 12px; left: 12px; padding: 4px 9px; border-radius: 2px; background: var(--blue); color: var(--white); font-size: 11px; }
.product-grid > .product-card > div { min-height: 118px; padding: 18px; }
.product-grid small { color: #8b96a1; font: 500 10px Arial; }
.product-grid h3 { overflow: hidden; margin: 6px 0 12px; font-size: 17px; font-weight: 500; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.product-grid > .product-card > div > span { color: var(--blue); font-size: 12px; }

/* Value and production data banner */
.company-section { position: relative; min-height: 480px; overflow: hidden; color: var(--white); }
.company-background { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.company-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 23, 58, .92), rgba(5, 36, 71, .68)); }
.company-layout { position: relative; z-index: 2; display: grid; min-height: 480px; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 80px; }
.company-copy .eyebrow { color: #8bc7ff; }
.company-copy h2 { margin: 10px 0 18px; font-size: 34px; font-weight: 400; line-height: 1.45; }
.company-copy > p:not(.eyebrow) { max-width: 500px; margin: 0; color: rgba(255, 255, 255, .82); font-size: 14px; line-height: 2; }
.company-actions { display: flex; gap: 10px; margin-top: 25px; }
.company-actions a { padding: 9px 18px; border: 1px solid rgba(255, 255, 255, .7); font-size: 13px; }
.company-actions a:first-child { border-color: var(--blue); background: var(--blue); }
.hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 255, 255, .24); border-left: 1px solid rgba(255, 255, 255, .24); }
.hero-facts article { min-height: 112px; padding: 23px 22px; border-right: 1px solid rgba(255, 255, 255, .24); border-bottom: 1px solid rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .04); }
.hero-facts strong { display: block; color: #8fd8b5; font-size: 26px; font-weight: 500; line-height: 1.3; }
.hero-facts span { display: block; margin-top: 5px; color: rgba(255, 255, 255, .76); font-size: 12px; }

/* Equipment: one selected theme per screen */
.equipment-section { background: var(--pale); }
.equipment-tabs { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-bottom: 0; background: var(--white); }
.equipment-tabs button { display: flex; height: 58px; align-items: center; justify-content: center; gap: 9px; border: 0; border-right: 1px solid var(--line); background: transparent; color: #475460; }
.equipment-tabs button:last-child { border-right: 0; }
.equipment-tabs button b { color: #a1acb6; font: 500 10px Arial; }
.equipment-tabs button span { font-size: 14px; }
.equipment-tabs button.active { background: var(--blue); color: var(--white); }
.equipment-tabs button.active b { color: rgba(255, 255, 255, .72); }
.equipment-panel { display: none; grid-template-columns: minmax(0, 3fr) minmax(250px, 1.05fr); background: var(--white); }
.equipment-panel.active { display: grid; }
.equipment-main { display: grid; min-width: 0; grid-template-columns: 1.35fr .9fr; border: 1px solid var(--line); }
.equipment-main > img { width: 100%; height: 330px; object-fit: cover; }
.equipment-main > div { display: flex; flex-direction: column; justify-content: center; padding: 30px; }
.equipment-main p { margin: 0; color: var(--blue); font: 600 11px Arial; letter-spacing: 1.2px; }
.equipment-main h3 { margin: 10px 0 13px; font-size: 25px; font-weight: 500; line-height: 1.4; }
.equipment-main span { color: var(--muted); font-size: 13px; line-height: 1.9; }
.equipment-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.equipment-list span { display: flex; min-height: 82px; flex-direction: column; justify-content: center; padding: 13px 16px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); color: #6c7883; font-size: 11px; }
.equipment-list b { color: var(--blue); font-size: 17px; font-weight: 500; }
.equipment-list.five span:last-child { grid-column: 1 / -1; }
.equipment-gallery { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
.equipment-gallery.four { grid-template-columns: repeat(4, 1fr); }
.equipment-gallery.single { grid-template-columns: minmax(0, 390px); }
.equipment-gallery figure { position: relative; height: 142px; margin: 0; overflow: hidden; border: 1px solid var(--line); background: var(--white); }
.equipment-gallery img { width: 100%; height: 100%; object-fit: cover; }
.equipment-gallery img.contain { object-fit: contain; }
.equipment-gallery .equipment-video-item video{display:block;width:100%;height:100%;object-fit:cover;background:#0d1728}
.equipment-gallery figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 21px 13px 9px; background: linear-gradient(transparent, rgba(3, 23, 51, .78)); color: var(--white); font-size: 11px; }

/* Supplier advantages */
.advantages { background: var(--white); }
.advantage-layout { display: grid; grid-template-columns: .64fr 1.36fr; gap: 82px; align-items: start; }
.advantage-intro h2 { margin: 9px 0 15px; font-size: 30px; font-weight: 400; line-height: 1.45; }
.advantage-intro p { color: var(--muted); line-height: 1.9; }
.advantage-intro a { display: inline-block; margin-top: 17px; color: var(--blue); }
.advantage-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.advantage-grid article { min-height: 162px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.advantage-grid b { color: var(--blue); font: 500 11px Arial; }
.advantage-grid h3 { margin: 9px 0 7px; font-size: 17px; font-weight: 500; }
.advantage-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.industry-row { display: grid; grid-template-columns: 1.15fr repeat(6, 1fr); margin-top: 34px; border: 1px solid var(--line); }
.industry-row > * { display: flex; min-height: 46px; align-items: center; justify-content: center; border-right: 1px solid var(--line); font-size: 12px; font-weight: 400; }
.industry-row > *:last-child { border-right: 0; }
.industry-row span { background: var(--blue); color: var(--white); }

/* Factory location */
.factory-location { padding: 78px 0; background: var(--pale); }
.factory-location-layout { display: grid; min-height: 410px; grid-template-columns: .72fr 1.28fr; background: var(--white); box-shadow: var(--shadow); }
.factory-location-copy { display: flex; flex-direction: column; justify-content: center; padding: 48px; }
.factory-location-copy > p:first-child { margin: 0; color: var(--blue); font: 600 11px Arial; letter-spacing: 1.2px; }
.factory-location-copy h2 { margin: 8px 0 22px; font-size: 30px; font-weight: 400; }
.factory-location-copy address { padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-style: normal; line-height: 1.9; }
.factory-location-copy address span { display: block; color: #8a96a0; font-size: 11px; }
.location-phone { margin-top: 17px; }
.location-phone small { display: block; color: #89949e; }
.location-phone strong { display: block; color: var(--blue); font-size: 24px; font-weight: 500; letter-spacing: .5px; }
.location-note { margin: 13px 0 0; color: #8a96a0; font-size: 11px; }
.factory-photo-link { position: relative; min-width: 0; overflow: hidden; }
.factory-photo-link::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 24, 59, .08), rgba(5, 24, 59, .76)); }
.factory-photo-link > img { width: 100%; height: 100%; object-fit: cover; }
.factory-photo-link > span { position: absolute; z-index: 2; right: 35px; bottom: 32px; left: 35px; color: var(--white); }
.factory-photo-link small { display: block; font: 500 10px Arial; letter-spacing: 1px; }
.factory-photo-link strong { display: block; margin: 7px 0; font-size: 21px; font-weight: 500; }
.factory-photo-link b { color: #96e0ba; font-size: 12px; font-weight: 400; }

/* Contact and inquiry */
.contact-section { padding: 82px 0; background: var(--white); }
.contact-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 80px; align-items: start; }
.contact-copy > p:first-child { margin: 0; color: var(--blue); font: 600 11px Arial; letter-spacing: 1.2px; }
.contact-copy h2 { margin: 9px 0 16px; font-size: 30px; font-weight: 400; line-height: 1.45; }
.contact-copy > span { display: block; max-width: 450px; color: var(--muted); line-height: 1.9; }
.contact-cards { margin-top: 24px; border-top: 1px solid var(--line); }
.contact-cards > * { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.contact-cards small { color: #88949e; }
.contact-cards strong { color: var(--blue); font-weight: 500; }
.addresses { margin-top: 20px; color: #6d7984; font-size: 12px; }
.addresses p { margin: 0 0 8px; }
.addresses b { display: block; color: var(--ink); font-weight: 500; }
.addresses a { color: var(--blue); }
.map-route-card { scroll-margin-top: 78px; margin-top: 24px; overflow: hidden; border: 1px solid #d4e4ef; border-radius: 12px; background: #f7fbfe; box-shadow: 0 14px 38px rgba(20, 62, 92, .09); }
.map-route-main { position: relative; display: grid; grid-template-columns: 108px minmax(0, 1fr) auto; align-items: center; gap: 16px; min-height: 134px; padding: 14px 18px 14px 14px; overflow: hidden; background: linear-gradient(125deg, #f7fcff 0%, #edf7fc 58%, #f9fcfe 100%); }
.map-route-main::after { position: absolute; right: -25px; bottom: -55px; width: 170px; height: 120px; border: 22px solid rgba(8, 120, 232, .045); border-radius: 50%; content: ""; }
.map-mini { position: relative; display: block; width: 108px; height: 106px; overflow: hidden; border: 1px solid rgba(26, 105, 155, .12); border-radius: 9px; background: linear-gradient(145deg, #e5f4f8, #f9fcfd); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8); }
.map-mini::before,
.map-mini::after,
.map-mini > i { position: absolute; background: #fff; box-shadow: 0 0 0 1px rgba(51, 121, 162, .08); content: ""; }
.map-mini::before { top: 31px; left: -12px; width: 138px; height: 11px; transform: rotate(-14deg); }
.map-mini::after { top: -16px; left: 43px; width: 12px; height: 142px; transform: rotate(22deg); }
.map-mini > i:first-child { top: 69px; left: -5px; width: 128px; height: 7px; transform: rotate(10deg); }
.map-mini > i:nth-child(2) { top: -12px; left: 82px; width: 7px; height: 135px; transform: rotate(-8deg); }
.map-mini > b { position: absolute; z-index: 2; top: 29px; left: 39px; display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 4px solid #fff; border-radius: 50% 50% 50% 8px; background: linear-gradient(135deg, var(--blue), #009b78); color: #fff; box-shadow: 0 7px 16px rgba(8, 120, 232, .25); font: 700 10px Arial; transform: rotate(-45deg); }
.map-mini > b::first-letter { letter-spacing: -1px; }
.map-mini > b { text-indent: -1px; }
.map-mini > b::after { content: "DP"; transform: rotate(45deg); }
.map-mini > b { font-size: 0; }
.map-route-copy { position: relative; z-index: 1; min-width: 0; }
.map-route-main small { display: flex; align-items: center; gap: 8px; color: var(--blue); font: 600 9px Arial; letter-spacing: .8px; }
.map-route-main small i { padding: 3px 6px; border-radius: 8px; background: #fff; color: #688291; font: normal 9px "Microsoft YaHei"; letter-spacing: 0; }
.map-route-main strong { display: block; overflow: hidden; margin: 7px 0 4px; font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.map-route-main em { display: block; overflow: hidden; color: #7b8993; font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.map-route-main u { display: block; margin-top: 8px; color: var(--blue); font-size: 11px; text-decoration: none; }
.map-route-main .map-arrow { position: relative; z-index: 1; display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--blue); box-shadow: 0 5px 15px rgba(25, 81, 116, .12); font-size: 16px; font-weight: 400; transition: transform .2s ease; }
.map-route-main:hover .map-arrow { transform: translateX(3px); }
.map-route-actions { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #dceaf3; background: var(--white); }
.map-route-actions a { display: flex; min-height: 62px; align-items: center; justify-content: center; gap: 10px; color: #5f6e79; font-size: 12px; }
.map-route-actions a + a { border-left: 1px solid #dceaf3; }
.map-route-actions i { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: #eaf5ff; color: var(--blue); font-style: normal; font-weight: 600; }
.map-route-actions span { display: grid; gap: 2px; }
.map-route-actions b { color: #455866; font-size: 11px; font-weight: 500; }
.map-route-actions small { color: #94a0a8; font-size: 9px; }
.map-route-actions a:hover { color: var(--blue); }
.inquiry-form { padding: 30px; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow); }
.form-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 19px; }
.form-title h3 { margin: 0; font-size: 21px; font-weight: 500; }
.form-title span { color: var(--blue); font-size: 11px; }
.form-intro { margin: -7px 0 17px; padding: 10px 12px; border-left: 3px solid var(--blue); background: #f4f9fc; color: #667985; font-size: 11px; line-height: 1.7; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-grid label { color: #65717c; font-size: 12px; }
.form-grid input,
.form-grid select,
.form-grid textarea { width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid #d9e2e8; border-radius: 0; outline: 0; background: var(--white); color: var(--ink); font-size: 13px; }
.form-grid input,
.form-grid select { height: 40px; }
.form-grid textarea { resize: vertical; }
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(8, 120, 232, .08); }
.form-grid .full { grid-column: 1 / -1; }
.form-grid .trap { display: none !important; }
.reference-preview { margin: 0; padding: 9px 11px; border: 1px dashed #b8d5e7; background: #f8fcff; color: #39718f; font-size: 11px; line-height: 1.5; }
.consent { display: flex; align-items: center; gap: 7px; margin: 15px 0; color: #7e8993; font-size: 11px; }
.form-security { margin: -4px 0 14px; color: #8a969e; font-size: 10px; line-height: 1.65; }
.form-security b { margin-right: 6px; color: #5f7481; font-weight: 600; }
.inquiry-form > button { display: flex; width: 100%; height: 42px; align-items: center; justify-content: space-between; padding: 0 17px; border: 0; background: var(--blue); color: var(--white); }
.inquiry-form > button:disabled { opacity: .6; }
#formStatus { min-height: 20px; margin: 10px 0 0; color: var(--blue); font-size: 12px; }

/* Footer */
footer { padding: 48px 0 42px; border-top: 1px solid rgba(255, 255, 255, .12); background: var(--navy); color: rgba(255, 255, 255, .78); }
.footer-grid { display: grid; grid-template-columns: 1.1fr 1.2fr 1.4fr auto; align-items: start; gap: 38px; }
.footer-grid > img { width: 185px; padding: 8px; background: var(--white); }
.footer-grid > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 22px; }
.footer-grid a { font-size: 12px; }
.footer-grid p { margin: 0; font-size: 12px; }
.footer-grid p span { color: rgba(255, 255, 255, .48); }
.footer-grid small { color: rgba(255, 255, 255, .42); font-size: 10px; }

/* Permanently visible contact rail on the left */
.contact-float { position: fixed; z-index: 55; top: 50%; right: 0; display: flex; width: 52px; flex-direction: column; align-items: flex-end; overflow: visible; border: 1px solid #e1e9ee; border-right: 0; border-radius: 5px 0 0 5px; box-shadow: var(--shadow); transform: translateY(-50%); }
.contact-float > * { position: relative; display: flex; width: 52px; height: 54px; flex: 0 0 54px; align-items: center; justify-content: flex-start; overflow: hidden; padding: 0 15px; border: 0; border-bottom: 1px solid #edf1f4; background: var(--white); color: var(--blue); white-space: nowrap; transition: width .3s ease, background .2s; }
.contact-float > *:last-child { border-bottom: 0; }
.contact-float > *:hover { width: 218px; background: #f5fbff; }
.contact-float b { width: 21px; flex: 0 0 21px; font-size: 16px; font-weight: 500; text-align: center; }
.contact-float span { margin-left: 17px; color: var(--ink); font-size: 13px; }
.contact-float i { position: absolute; top: 31px; left: 53px; color: #72808b; font-size: 10px; font-style: normal; opacity: 0; transition: opacity .2s; }
.contact-float > *:hover i { opacity: 1; }
.mobile-contact { display: none; }
.toast { position: fixed; z-index: 2147483500; right: 24px; bottom: 28px; max-width:min(420px,calc(100vw - 32px)); padding: 12px 18px; border-radius:10px; background: var(--navy); color: var(--white); box-shadow:0 12px 32px rgba(4,20,50,.28); opacity: 0; pointer-events: none; transform: translateY(10px); transition: .2s; }
.toast.show { opacity: 1; transform: none; }
[data-copy-wechat].copy-confirmed { outline: 2px solid rgba(40,188,112,.75); outline-offset: 2px; }

/* Subtle entrance motion; content remains visible when scripting is unavailable */
.motion-ready .reveal-target { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .75s cubic-bezier(.22,.61,.36,1); }
.motion-ready .reveal-target.revealed { opacity: 1; transform: translateY(0); }
.motion-ready .capability-card.reveal-card { opacity: 0; transform: translateY(18px); }
.motion-ready .capability-card.reveal-card.revealed { opacity: 1; transform: translateY(0); transition: opacity .55s var(--reveal-delay, 0ms), transform .6s var(--reveal-delay, 0ms), flex .5s cubic-bezier(.22,.61,.36,1); }
.reveal-delay-0 { --reveal-delay: 0ms; }
.reveal-delay-1 { --reveal-delay: 55ms; }
.reveal-delay-2 { --reveal-delay: 110ms; }
.reveal-delay-3 { --reveal-delay: 165ms; }
.reveal-delay-4 { --reveal-delay: 220ms; }
.reveal-delay-5 { --reveal-delay: 275ms; }
.reveal-delay-6 { --reveal-delay: 330ms; }

@media (max-width: 1120px) {
  .wrap { width: min(var(--wrap), calc(100% - 40px)); }
  .main-header nav { gap: 20px; }
  .main-header nav a { font-size: 14px; }
  .header-quote { margin-left: 20px; }
  .brand img { width: 280px; }
  .header-inner,
  .top-contact-inner { width: calc(100% - 40px); }
  .capability-grid { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .capability-grid::-webkit-scrollbar { display: none; }
  .capability-card { min-width: 230px; height: 320px; flex: 0 0 230px; scroll-snap-align: start; }
  .capability-card p { max-height: 100px; opacity: 1; }
  .product-grid { grid-template-columns: 1fr 1fr; }
  .company-layout { gap: 46px; }
  .equipment-main { grid-template-columns: 1.15fr .85fr; }
  .advantage-layout { gap: 44px; }
  .contact-layout { gap: 44px; }
}

@media (max-width: 860px) {
  html { scroll-padding-top: 72px; }
  .wrap { width: min(100% - 32px, var(--wrap)); }
  .section { padding: 55px 0; }
  .top-contact { display: none; }
  .main-header { height: 72px; }
  .brand { padding: 8px 0; }
  .brand img { width: 220px; max-height: 54px; }
  .header-quote { display: none; }
  .menu-toggle { display: block; }
  .main-header nav { position: absolute; top: 72px; right: 0; left: 0; display: none; height: auto; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 16px; border-top: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow); }
  .main-header nav.open { display: flex; }
  .main-header nav a { height: 47px; justify-content: center; border-bottom: 1px solid #edf1f4; font-size: 16px; }
  .main-header nav a::after { display: none; }

  .intro-hero { height: 456px; }
  .intro-background { object-position: 58% center; }
  .intro-shade { background: linear-gradient(90deg, rgba(3, 25, 59, .80), rgba(3, 25, 59, .35)); }
  .intro-copy { width: min(100%, 610px); padding-right: 8px; }
  .intro-copy h1 { font-size: 28px; }
  .intro-copy h2 { font-size: 28px; }
  .hero-arrow { width: 32px; height: 32px; font-size: 23px; }
  .hero-prev { left: 7px; }
  .hero-next { right: 7px; }
  .intro-lead { font-size: 14px; line-height: 1.9; }

  .split-heading,
  .product-heading { display: block; }
  .section-heading h2,
  .section-title h2 { font-size: 25px; }
  .section-heading p { margin-top: 18px; }
  .capability-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; background: transparent; scrollbar-width: none; }
  .capability-grid::-webkit-scrollbar { display: none; }
  .capability-card { min-width: 82vw; height: 340px; flex: 0 0 82vw; border-right: 8px solid var(--pale); scroll-snap-align: start; }
  .capability-card:last-child { border-right: 0; }

  .product-toolbar { align-items: flex-end; }
  .product-tabs { max-width: calc(100% - 90px); overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .product-tabs button { min-width: 102px; padding-inline: 10px; }
  .product-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .product-grid figure { height: 168px; }
  .product-grid > a > div { min-height: 106px; padding: 14px; }
  .product-grid h3 { font-size: 15px; }

  .company-layout { min-height: 610px; grid-template-columns: 1fr; align-content: center; gap: 34px; padding-block: 55px; }
  .company-copy h2 { font-size: 28px; }
  .hero-facts article { min-height: 92px; padding: 17px; }
  .hero-facts strong { font-size: 21px; }

  .equipment-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
  .equipment-tabs button { min-width: 135px; flex: 0 0 135px; }
  .equipment-panel.active { grid-template-columns: 1fr; }
  .equipment-main { grid-template-columns: 1fr; }
  .equipment-main > img { height: 300px; }
  .equipment-main > div { padding: 25px; }
  .equipment-list { grid-template-columns: repeat(3, 1fr); }
  .equipment-gallery { grid-template-columns: 1fr 1fr 1fr; }
  .equipment-gallery.four { grid-template-columns: 1fr 1fr; }

  .advantage-layout { grid-template-columns: 1fr; }
  .advantage-intro h2 { font-size: 25px; }
  .industry-row { grid-template-columns: repeat(3, 1fr); }
  .industry-row > * { border-bottom: 1px solid var(--line); }
  .industry-row span { grid-column: 1 / -1; }

  .factory-location-layout { grid-template-columns: 1fr; }
  .factory-location-copy { padding: 34px; }
  .factory-photo-link { min-height: 420px; }

  .contact-layout { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-float { display: none; }
  .mobile-contact { position: fixed; z-index: 70; right: 16px; bottom: 9px; left: 16px; display: flex; height: 42px; align-items: center; justify-content: space-between; padding: 0 15px; border: 0; border-radius: 2px; background: var(--blue); color: var(--white); box-shadow: 0 8px 25px rgba(5, 66, 137, .28); font-size: 11px; }
  .mobile-contact b { font-size: 12px; font-weight: 500; }
  body { padding-bottom: 58px; }
}

@media (max-width: 560px) {
  .wrap { width: calc(100% - 40px); }
  .section { padding: 49px 0; }
  .intro-copy h1,
  .intro-copy h2 { font-size: 26px; line-height: 1.45; }
  .intro-actions { gap: 9px; }
  .button { min-width: 0; flex: 1; font-size: 13px; }
  .section-heading h2,
  .section-title h2,
  .advantage-intro h2,
  .factory-location-copy h2,
  .contact-copy h2 { font-size: 24px; }
  .capability-card { min-width: calc(100vw - 60px); flex-basis: calc(100vw - 60px); height: 330px; }
  .product-toolbar { display: block; }
  .product-tabs { max-width: 100%; }
  .product-pagination { justify-content: flex-end; margin-top: 13px; }
  .product-grid figure { height: 135px; }
  .product-grid figure span { top: 8px; left: 8px; padding: 3px 6px; font-size: 9px; }
  .product-grid > a > div { min-height: 102px; padding: 12px 10px; }
  .product-grid h3 { font-size: 14px; }
  .product-grid > a > div > span { font-size: 10px; }
  .company-section,
  .company-layout { min-height: 650px; }
  .company-copy h2 { font-size: 25px; }
  .company-actions a { flex: 1; padding-inline: 8px; text-align: center; }
  .hero-facts { grid-template-columns: 1fr 1fr; }
  .hero-facts strong { font-size: 19px; }
  .equipment-main > img { height: 245px; }
  .equipment-main h3 { font-size: 22px; }
  .equipment-list { grid-template-columns: 1fr 1fr; }
  .equipment-list span { min-height: 72px; padding: 11px; }
  .equipment-gallery { grid-template-columns: 1fr 1fr; }
  .equipment-gallery figure { height: 120px; }
  .advantage-grid { grid-template-columns: 1fr; }
  .advantage-grid article { min-height: 0; }
  .industry-row { grid-template-columns: 1fr 1fr; }
  .industry-row span { grid-column: 1 / -1; }
  .factory-location { padding: 49px 0; }
  .factory-location-copy { padding: 28px 24px; }
  .factory-photo-link { min-height: 350px; }
  .factory-photo-link > span { right: 22px; bottom: 24px; left: 22px; }
  .contact-section { padding: 55px 0; }
  .contact-cards > * { display: block; }
  .contact-cards strong { display: block; margin-top: 3px; font-size: 13px; }
  .map-route-main { grid-template-columns: 76px minmax(0, 1fr); min-height: 112px; gap: 12px; padding: 12px; }
  .map-mini { width: 76px; height: 86px; }
  .map-mini > b { top: 24px; left: 24px; }
  .map-route-main .map-arrow { display: none; }
  .map-route-main strong { font-size: 13px; }
  .map-route-main em { font-size: 10px; }
  .map-route-main u { margin-top: 5px; font-size: 10px; }
  .map-route-actions a { min-height: 58px; }
  .inquiry-form { padding: 22px 18px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .form-title { align-items: flex-start; }
  .form-title span { max-width: 100px; text-align: right; }
  footer { padding-bottom: 76px; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-grid > div { max-width: 260px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* --------------------------------------------------------------------------
   Local redesign of the deployed homepage. The production files remain intact.
   -------------------------------------------------------------------------- */
.official-redesign-local{--blue:#2948af;--blue-deep:#18358f;--navy:#061633;--green:#8399f2;--pale:#f4f6fa;--wrap:1280px}
.official-redesign-local .top-contact{display:none}
.official-redesign-local .main-header{position:fixed;top:0;right:0;left:0;z-index:100;height:96px;border-bottom:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.86);backdrop-filter:blur(16px);transition:height .32s ease,background .32s ease,box-shadow .32s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
.official-redesign-local .main-header.is-compact{height:76px;background:rgba(255,255,255,.96);box-shadow:0 12px 36px rgba(8,24,57,.11)}
.official-redesign-local .main-header.is-hidden{transform:translateY(-110%)}
.official-redesign-local .header-inner{width:min(var(--wrap),calc(100% - 64px));max-width:var(--wrap)}
.official-redesign-local .brand{padding:9px 0;transition:.3s}
.official-redesign-local .brand img{width:285px;max-height:69px;transition:width .3s,max-height .3s}
.official-redesign-local .main-header.is-compact .brand img{width:245px;max-height:55px}
.official-redesign-local .main-header nav{gap:28px}
.official-redesign-local .main-header nav a{font-size:14px;font-weight:600}
.official-redesign-local .main-header nav a::after{bottom:18px;height:2px}
.official-redesign-local .header-search{position:relative;display:grid;width:46px;height:46px;margin-left:28px;place-items:center;border-radius:50%;background:var(--navy);color:#fff;transition:.25s}
.official-redesign-local .header-search span{position:relative;width:16px;height:16px;border:2px solid currentColor;border-radius:50%}
.official-redesign-local .header-search span::after{content:"";position:absolute;right:-6px;bottom:-3px;width:7px;height:2px;background:currentColor;transform:rotate(45deg)}
.official-redesign-local .header-search:hover{background:var(--blue);transform:translateY(-2px)}
.official-redesign-local .header-quote,.official-redesign-local .pill-link{display:inline-flex;min-width:210px;height:56px;margin-left:14px;padding:0;border-radius:999px;align-items:center;justify-content:space-between;overflow:hidden;background:#fff;color:var(--navy);box-shadow:0 8px 30px rgba(6,22,51,.13);font-size:14px;font-weight:700}
.official-redesign-local .header-quote span,.official-redesign-local .pill-link span{display:grid;height:100%;padding:0 25px;place-items:center}
.official-redesign-local .header-quote b,.official-redesign-local .pill-link b{display:grid;width:54px;height:100%;place-items:center;border-left:1px solid #e2e6ed;font-size:20px;font-weight:400}
.official-redesign-local .main-header.is-compact .header-search{width:42px;height:42px}.official-redesign-local .main-header.is-compact .header-quote{height:48px}

/* The factory and project-leader pages belong in the persistent masthead.
   Keep all eight destinations on one calm row instead of adding arrow bars
   inside the page content. */
@media(min-width:1181px){
  .official-redesign-local .main-header nav{gap:20px}
  .official-redesign-local .main-header nav a{font-size:13px}
  .official-redesign-local .header-quote{min-width:190px;margin-left:18px}
  .official-redesign-local .header-quote span{padding-inline:21px}
}

@media(min-width:861px) and (max-width:1180px){
  .official-redesign-local .header-inner{width:calc(100% - 40px)}
  .official-redesign-local .brand img{width:220px}
  .official-redesign-local .main-header nav{gap:12px}
  .official-redesign-local .main-header nav a{font-size:12px}
  .official-redesign-local .header-quote{min-width:160px;margin-left:12px}
  .official-redesign-local .header-quote span{padding-inline:16px}
  .official-redesign-local .header-quote b{width:46px}
}

.official-redesign-local .intro-hero{height:max(760px,100vh);min-height:760px}
.official-redesign-local .intro-layout{align-items:center;padding:74px 0 150px}
.official-redesign-local .intro-background{object-position:center 46%;transform:scale(1.06)}
.official-redesign-local .hero-slide.active .intro-background{transform:scale(1.01)}
.official-redesign-local .intro-shade{background:linear-gradient(90deg,rgba(4,18,45,.87),rgba(5,23,55,.53) 50%,rgba(5,20,45,.12) 78%)}
.official-redesign-local .intro-copy{width:min(700px,62vw)}
.official-redesign-local .intro-copy .eyebrow{display:inline-flex;padding:9px 18px;background:rgba(255,255,255,.92);color:var(--blue);font-size:11px;letter-spacing:.24em}
.official-redesign-local .intro-copy h1,.official-redesign-local .intro-copy h2{max-width:680px;margin:28px 0 22px;font-size:clamp(48px,4.7vw,76px);font-weight:500;line-height:1.1;letter-spacing:-.045em}
.official-redesign-local .intro-lead{max-width:650px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.95}
.official-redesign-local .intro-actions{gap:14px;margin-top:34px}
.official-redesign-local .intro-actions .button,.official-redesign-local .company-actions a{position:relative;display:inline-flex;min-width:210px;height:58px;padding:0 62px 0 26px;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;font-size:14px;font-weight:700}
.official-redesign-local .intro-actions .button::after,.official-redesign-local .company-actions a::after{content:"→";position:absolute;top:0;right:0;display:grid;width:54px;height:100%;place-items:center;border-left:1px solid rgba(255,255,255,.28);font-size:20px;font-weight:400}
.official-redesign-local .button.primary{border-color:var(--blue);background:var(--blue)}
.official-redesign-local .button.secondary{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.94);color:var(--navy)}
.official-redesign-local .button.secondary::after{border-left-color:#dfe4eb}
.official-redesign-local .hero-arrow{width:58px;height:58px;background:rgba(255,255,255,.16);font-size:34px;backdrop-filter:blur(8px)}
.official-redesign-local .hero-prev{left:34px}.official-redesign-local .hero-next{right:34px}
.official-redesign-local .hero-index{bottom:132px}
.official-redesign-local .hero-proof-strip{position:absolute;z-index:6;right:0;bottom:0;left:0;display:grid;height:118px;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 -10px 40px rgba(5,22,49,.12)}
.official-redesign-local .hero-proof-strip article{display:flex;align-items:center;gap:17px;padding:23px 26px;border-right:1px solid #e2e7ef;color:var(--navy)}
.official-redesign-local .hero-proof-strip article:last-child{border:0}.official-redesign-local .hero-proof-strip>b{display:none}
.official-redesign-local .hero-proof-strip b{color:#aab8eb;font:600 32px/1 Arial}.official-redesign-local .hero-proof-strip span,.official-redesign-local .hero-proof-strip strong,.official-redesign-local .hero-proof-strip small{display:block}.official-redesign-local .hero-proof-strip strong{font-size:16px}.official-redesign-local .hero-proof-strip small{margin-top:5px;color:#748092;font-size:11px}

.official-redesign-local .section{padding:104px 0}.official-redesign-local .section-heading h2{font-size:42px;font-weight:600;letter-spacing:-.035em}.official-redesign-local .section-heading p{font-size:14px}.official-redesign-local .centered-heading{max-width:760px;margin:0 auto 45px;text-align:center}.official-redesign-local .centered-heading p{max-width:680px;margin:14px auto 0}
.official-redesign-local .company-actions a{min-width:190px;height:52px;margin:0;padding-left:22px}.official-redesign-local .company-actions a:first-child{border-color:var(--blue);background:var(--blue)}

.official-redesign-local .leadership-home{background:#f3f5f9;overflow:hidden}
.official-redesign-local .leader-slider{position:relative;max-width:1120px;margin:0 auto;overflow:hidden}
.official-redesign-local .leader-track{display:flex;gap:28px;transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform}
.official-redesign-local .leader-card{position:relative;display:flex;min-height:345px;flex:0 0 calc((100% - 28px)/2);flex-direction:column;align-items:center;justify-content:center;padding:44px 45px 40px;border:1px solid #e2e7ef;background:#fff;text-align:center;box-shadow:0 8px 28px rgba(10,29,62,.045)}
.official-redesign-local .leader-card::before,.official-redesign-local .leader-card::after{position:absolute;top:58px;color:#9db0f5;font:300 56px/1 Georgia,serif;content:"“"}.official-redesign-local .leader-card::before{left:118px}.official-redesign-local .leader-card::after{right:118px;content:"”"}
.official-redesign-local .leader-card figure{width:94px;height:94px;margin:0 0 18px;border-radius:50%;background:#d8dce3;box-shadow:0 0 0 7px #fff,0 10px 26px rgba(13,27,62,.13);overflow:hidden}
.official-redesign-local .leader-portrait{display:block;width:100%;height:100%;background:url("assets/team/dongpin-leadership.png") no-repeat;background-size:280% auto}
.official-redesign-local .leader-one{background-position:11% 2%}.official-redesign-local .leader-two{background-position:79% 2%}.official-redesign-local .leader-three{background-position:11% 90%}.official-redesign-local .leader-four{background-position:79% 90%}
.official-redesign-local .leader-card small{color:var(--blue);font:700 10px Arial;letter-spacing:.14em}.official-redesign-local .leader-card h3{margin:7px 0 16px;font-size:20px}.official-redesign-local .leader-card h3 span{margin-left:7px;color:#8a95a5;font-size:11px;font-weight:500}.official-redesign-local .leader-card p{max-width:460px;margin:0;color:#657286;font-size:13px;line-height:1.9}
.official-redesign-local .leader-dots{display:flex;min-height:52px;align-items:end;justify-content:center;gap:12px}.official-redesign-local .leader-dots button{width:10px;height:10px;padding:0;border:0;border-radius:99px;background:#bec8e8;transition:.3s}.official-redesign-local .leader-dots button.active{width:28px;background:var(--blue)}

.official-redesign-local .qualification-home{background:#fff}
.official-redesign-local .qualification-home-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:92px;align-items:start}
.official-redesign-local .qualification-home-copy>span{color:var(--blue);font:700 11px Arial;letter-spacing:.16em}.official-redesign-local .qualification-home-copy h2{margin:14px 0 20px;color:var(--navy);font-size:clamp(38px,3.2vw,52px);line-height:1.18;letter-spacing:-.04em}.official-redesign-local .qualification-home-copy p{max-width:470px;margin:0;color:#687589;line-height:1.9}.official-redesign-local .qualification-home-copy .pill-link{margin:30px 0 0;background:var(--blue);color:#fff}.official-redesign-local .qualification-home-copy .pill-link b{border-left-color:rgba(255,255,255,.25)}
.official-redesign-local .qualification-home-list{border-top:1px solid #dfe5ee}.official-redesign-local .qualification-home-list>a{display:grid;min-height:113px;grid-template-columns:56px minmax(0,1fr) 38px;align-items:center;border-bottom:1px solid #dfe5ee;transition:.25s}.official-redesign-local .qualification-home-list>a:hover{padding-left:10px;background:#f7f8fb}.official-redesign-local .qualification-home-list>a>b{color:#aab8eb;font:600 28px Arial}.official-redesign-local .qualification-home-list>a>span,.official-redesign-local .qualification-home-list small,.official-redesign-local .qualification-home-list strong,.official-redesign-local .qualification-home-list em{display:block}.official-redesign-local .qualification-home-list small{color:var(--blue);font:700 9px Arial;letter-spacing:.12em}.official-redesign-local .qualification-home-list strong{margin:4px 0 2px;color:var(--navy);font-size:19px}.official-redesign-local .qualification-home-list em{color:#7a8798;font-size:11px;font-style:normal}.official-redesign-local .qualification-home-list>a>i{color:var(--blue);font-size:22px;font-style:normal}

.official-redesign-local .equipment-tabs{grid-template-columns:repeat(6,1fr);gap:8px;border:0;background:transparent;margin-bottom:18px}.official-redesign-local .equipment-tabs button{height:54px;border:1px solid var(--line)!important;border-radius:999px;background:#fff}.official-redesign-local .equipment-tabs button.active{border-color:var(--blue)!important;background:var(--blue)}
.official-redesign-local .equipment-panel{gap:0;background:transparent}.official-redesign-local .equipment-main,.official-redesign-local .equipment-list{background:#fff}.official-redesign-local .equipment-main{grid-template-columns:1.24fr .86fr}.official-redesign-local .equipment-main>img{height:390px}.official-redesign-local .equipment-gallery,.official-redesign-local .equipment-gallery.four,.official-redesign-local .equipment-gallery.single,.official-redesign-local .equipment-gallery.three{display:flex;grid-column:1/-1;grid-template-columns:none;gap:14px;margin-top:18px;padding-bottom:12px;overflow-x:auto;scroll-snap-type:x mandatory}.official-redesign-local .equipment-gallery figure{height:172px;flex:0 0 245px;scroll-snap-align:start}.official-redesign-local .equipment-gallery img{transition:transform .4s}.official-redesign-local .equipment-gallery figure:hover img{transform:scale(1.04)}

@media(max-width:1120px){
  .official-redesign-local .header-search{display:none}.official-redesign-local .header-quote{min-width:170px}.official-redesign-local .main-header nav{gap:18px}.official-redesign-local .brand img{width:240px}
  .official-redesign-local .hero-proof-strip{width:calc(100% - 48px)}.official-redesign-local .hero-proof-strip article{padding:20px 15px}.official-redesign-local .hero-proof-strip b{font-size:25px}
  .official-redesign-local .qualification-home-layout{gap:50px}
}
@media(max-width:860px){
  .official-redesign-local .main-header{height:74px}.official-redesign-local .header-inner{width:calc(100% - 32px)}.official-redesign-local .brand img{width:205px}.official-redesign-local .main-header.is-compact{height:68px}.official-redesign-local .header-quote{display:none}
  .official-redesign-local .intro-hero{height:720px;min-height:720px}.official-redesign-local .intro-layout{padding:82px 0 150px}.official-redesign-local .intro-copy{width:min(620px,84vw)}.official-redesign-local .intro-copy h1,.official-redesign-local .intro-copy h2{font-size:clamp(40px,7vw,58px)}
  .official-redesign-local .hero-proof-strip{width:calc(100% - 32px);height:126px;grid-template-columns:1fr 1fr}.official-redesign-local .hero-proof-strip article{min-height:63px;padding:11px 14px}.official-redesign-local .hero-proof-strip article:nth-child(-n+2){border-bottom:1px solid #e2e7ef}.official-redesign-local .hero-proof-strip b{font-size:22px}.official-redesign-local .hero-proof-strip small{display:none}.official-redesign-local .hero-index{bottom:143px}
  .official-redesign-local .leader-card{flex-basis:100%}.official-redesign-local .qualification-home-layout{grid-template-columns:1fr;gap:48px}
  .official-redesign-local .equipment-tabs{display:flex;overflow-x:auto}.official-redesign-local .equipment-tabs button{min-width:150px;flex:0 0 150px}.official-redesign-local .equipment-main{grid-template-columns:1fr}.official-redesign-local .equipment-main>img{height:340px}
}
@media(max-width:560px){
  .official-redesign-local .wrap{width:calc(100% - 28px)}.official-redesign-local .section{padding:78px 0}.official-redesign-local .section-heading h2{font-size:32px}
  .official-redesign-local .intro-hero{height:680px;min-height:680px}.official-redesign-local .intro-layout{padding:76px 0 150px;align-items:center}.official-redesign-local .intro-copy{width:100%}.official-redesign-local .intro-copy .eyebrow{padding:7px 10px;font-size:9px}.official-redesign-local .intro-copy h1,.official-redesign-local .intro-copy h2{margin:20px 0 16px;font-size:36px;line-height:1.16}.official-redesign-local .intro-lead{font-size:13px;line-height:1.8}.official-redesign-local .intro-actions{gap:10px}.official-redesign-local .intro-actions .button{min-width:0;height:50px;padding:0 48px 0 14px;font-size:12px}.official-redesign-local .intro-actions .button::after{width:43px}.official-redesign-local .hero-arrow{display:none}
  .official-redesign-local .hero-proof-strip{height:126px}.official-redesign-local .hero-proof-strip article{gap:8px;padding:9px 10px}.official-redesign-local .hero-proof-strip b{font-size:19px}.official-redesign-local .hero-proof-strip strong{font-size:11px}.official-redesign-local .hero-index{bottom:142px}
  .official-redesign-local .centered-heading{margin-bottom:30px}.official-redesign-local .leader-card{min-height:345px;padding:38px 20px}.official-redesign-local .leader-card::before{left:55px}.official-redesign-local .leader-card::after{right:55px}.official-redesign-local .leader-card h3 span{display:block;margin:3px 0 0}.official-redesign-local .qualification-home-copy h2{font-size:37px}.official-redesign-local .qualification-home-list>a{grid-template-columns:44px minmax(0,1fr) 25px;min-height:108px}
  .official-redesign-local .equipment-main>img{height:270px}.official-redesign-local .equipment-main>div{padding:24px 20px}.official-redesign-local .equipment-list{grid-template-columns:1fr 1fr}.official-redesign-local .equipment-gallery figure{height:150px;flex-basis:215px}
}

/* --------------------------------------------------------------------------
   Final local presentation pass: unified header, rolling figures, click-only
   galleries, visible certificates and an evidence-led supplier section.
   -------------------------------------------------------------------------- */
.official-redesign-local .main-header,
.official-redesign-local .main-header.is-compact{
  background:#fff;
  border-bottom-color:#e7ebf2;
  backdrop-filter:none;
}
.official-redesign-local .brand img{
  display:block;
  background:#fff;
  mix-blend-mode:multiply;
}
.official-redesign-local .hero-next{right:112px}
.official-redesign-local .contact-float{
  right:18px;
  width:60px;
  overflow:visible;
  border:1px solid #dfe6f0;
  border-radius:14px;
  box-shadow:0 15px 42px rgba(6,22,51,.16);
}
.official-redesign-local .contact-float>*{
  width:60px;
  height:58px;
  flex-basis:58px;
  padding:0 19px;
}
.official-redesign-local .contact-float>*:first-child{border-radius:13px 13px 0 0}
.official-redesign-local .contact-float>*:last-child{border-radius:0 0 13px 13px}

/* A physical digit reel makes the production figures read as an odometer. */
.official-redesign-local [data-count]{position:relative;display:flex;align-items:baseline;min-height:1.08em}
.counter-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.odometer-visual{display:inline-flex;align-items:baseline;white-space:nowrap}
.odometer-digit{display:inline-block;height:1.08em;overflow:hidden;line-height:1.08em}
.odometer-reel{display:flex;flex-direction:column;transform:translateY(0);transition:transform 1.75s cubic-bezier(.16,.78,.2,1);transition-delay:var(--reel-delay,0ms);will-change:transform}
.odometer-reel>i{display:block;height:1.08em;flex:0 0 1.08em;font-style:normal;line-height:1.08em}
.odometer-separator,.odometer-prefix,.odometer-suffix{display:inline-block;line-height:1.08em}

/* Homepage certificates: show the real originals, two at a time on desktop. */
.official-redesign-local .qualification-carousel{min-width:0;border:0;background:transparent}
.official-redesign-local .qualification-carousel-head{display:flex;height:56px;align-items:center;justify-content:space-between;border-top:1px solid #dfe5ee;border-bottom:1px solid #dfe5ee;color:var(--blue);font:700 10px Arial;letter-spacing:.14em}
.official-redesign-local .qualification-carousel-head>div{display:flex;align-items:center;gap:11px}
.official-redesign-local .qualification-carousel-head button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #d8e0ec;border-radius:50%;background:#fff;color:var(--navy);font-size:17px;transition:.25s}
.official-redesign-local .qualification-carousel-head button:hover:not(:disabled){border-color:var(--blue);background:var(--blue);color:#fff;transform:translateY(-2px)}
.official-redesign-local .qualification-carousel-head button:disabled{cursor:default;opacity:.35}
.official-redesign-local .qualification-carousel-head b{min-width:50px;color:#7a8798;font:600 11px Arial;text-align:center;letter-spacing:.06em}
.official-redesign-local .qualification-carousel-viewport{overflow:hidden;padding-top:18px}
.official-redesign-local .qualification-carousel-track{display:flex;gap:18px;transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}
.official-redesign-local .qualification-home-list .qualification-certificate{
  display:block;
  min-height:0;
  flex:0 0 calc((100% - 18px)/2);
  padding:0;
  overflow:hidden;
  border:1px solid #dfe5ee;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,39,77,.055);
  transition:transform .3s,box-shadow .3s,border-color .3s;
}
.official-redesign-local .qualification-home-list .qualification-certificate:hover{padding-left:0;border-color:#bfcdea;background:#fff;box-shadow:0 20px 46px rgba(15,39,77,.12);transform:translateY(-5px)}
.official-redesign-local .qualification-certificate figure{height:360px;margin:0;padding:14px;background:#f2f4f8;overflow:hidden}
.official-redesign-local .qualification-certificate img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .45s}
.official-redesign-local .qualification-certificate:hover img{transform:scale(1.025)}
.official-redesign-local .qualification-home-list .qualification-certificate>span{display:block;padding:16px 17px 18px}
.official-redesign-local .qualification-home-list .qualification-certificate small{font-size:8px}
.official-redesign-local .qualification-home-list .qualification-certificate strong{font-size:17px}

/* The gallery is button driven. Browser scrollbars and accidental swiping go. */
.official-redesign-local .equipment-gallery,
.official-redesign-local .equipment-gallery.four,
.official-redesign-local .equipment-gallery.single,
.official-redesign-local .equipment-gallery.three{
  position:relative;
  display:block;
  margin:0;
  padding:0;
  overflow:hidden;
  border-top:1px solid #dfe6ef;
  background:#fff;
  scroll-snap-type:none;
}
.equipment-gallery-toolbar{display:flex;height:62px;padding:0 18px;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9f1;background:#fff}
.equipment-gallery-toolbar>span{color:#66748a;font-size:11px}.equipment-gallery-toolbar>span b{margin-right:8px;color:var(--navy);font-size:13px}
.equipment-gallery-toolbar>div{display:flex;align-items:center;gap:10px}.equipment-gallery-toolbar em{min-width:48px;color:#728096;font:600 11px Arial;text-align:center;font-style:normal}
.equipment-gallery-toolbar button{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid #d6dfec;border-radius:50%;background:#fff;color:var(--navy);font-size:17px;transition:.25s}
.equipment-gallery-toolbar button:hover:not(:disabled){border-color:var(--blue);background:var(--blue);color:#fff;transform:translateY(-2px)}
.equipment-gallery-toolbar button:disabled{cursor:default;opacity:.28}
.equipment-gallery-track{display:flex;gap:16px;padding:18px;transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform}
.official-redesign-local .equipment-gallery .equipment-gallery-track figure{
  height:180px;
  flex:0 0 calc((100% - 48px)/4);
  margin:0;
  scroll-snap-align:none;
}
.official-redesign-local .equipment-gallery.single .equipment-gallery-track figure{flex-basis:calc((100% - 48px)/4)}

/* Supplier audit block follows the template's large editorial split. */
.official-redesign-local .advantages{overflow:hidden;background:#fff}
.official-redesign-local .supplier-template-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:72px;align-items:stretch}
.official-redesign-local .supplier-copy-column{display:flex;min-width:0;flex-direction:column}
.official-redesign-local .supplier-copy-column .advantage-intro{position:static}
.official-redesign-local .supplier-checklist{margin-top:35px;border-top:1px solid #dce4ef}
.official-redesign-local .supplier-checklist>a{position:relative;display:grid;min-height:92px;grid-template-columns:190px minmax(0,1fr) 78px;gap:22px;align-items:center;overflow:hidden;border-bottom:1px solid #dce4ef;color:var(--navy);transition:padding .28s,background .28s}
.official-redesign-local .supplier-checklist>a:hover{padding-left:14px;background:#f5f8fd}
.official-redesign-local .supplier-checklist small,.official-redesign-local .supplier-checklist strong{display:block}
.official-redesign-local .supplier-checklist small{margin-bottom:6px;color:var(--blue);font:700 8px Arial;letter-spacing:.12em}
.official-redesign-local .supplier-checklist strong{font-size:18px;font-weight:600}
.official-redesign-local .supplier-checklist>a>span{color:#6f7d91;font-size:12px;line-height:1.7}
.official-redesign-local .supplier-checklist>a>b{padding:7px 9px;border-radius:999px;background:#edf2ff;color:var(--blue);font-size:10px;text-align:center}
.official-redesign-local .supplier-checklist>a>i{position:absolute;right:0;bottom:-1px;left:0;height:3px;background:transparent}
.official-redesign-local .supplier-checklist>a>i>em{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
.official-redesign-local .supplier-checklist.revealed>a>i>em{transform:scaleX(1)}
.official-redesign-local .supplier-checklist>a:nth-child(2)>i>em{transition-delay:.09s}.official-redesign-local .supplier-checklist>a:nth-child(3)>i>em{transition-delay:.18s}.official-redesign-local .supplier-checklist>a:nth-child(4)>i>em{transition-delay:.27s}
.official-redesign-local .supplier-copy-column>.supplier-pill{display:inline-flex;width:270px;height:58px;margin-top:30px;padding:0;border-radius:999px;align-items:center;justify-content:space-between;overflow:hidden;background:var(--blue);color:#fff;box-shadow:0 15px 38px rgba(35,74,181,.2);font-size:13px;font-weight:700}
.official-redesign-local .supplier-copy-column>.supplier-pill span{padding-left:24px}.official-redesign-local .supplier-copy-column>.supplier-pill b{display:grid;width:58px;height:100%;place-items:center;border-left:1px solid rgba(255,255,255,.25);font-size:20px;font-weight:400}
.official-redesign-local .supplier-visual{position:relative;min-height:650px;margin:0;overflow:hidden;background:var(--navy)}
.official-redesign-local .supplier-visual::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,43,.04) 30%,rgba(3,18,43,.92));content:""}
.official-redesign-local .supplier-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
.official-redesign-local .supplier-visual:hover img{transform:scale(1.045)}
.official-redesign-local .supplier-visual figcaption{position:absolute;z-index:2;right:42px;bottom:42px;left:42px;color:#fff}
.official-redesign-local .supplier-visual small,.official-redesign-local .supplier-visual strong,.official-redesign-local .supplier-visual span{display:block}
.official-redesign-local .supplier-visual small{color:#9fb3ff;font:700 9px Arial;letter-spacing:.17em}.official-redesign-local .supplier-visual strong{margin:13px 0 12px;font-size:30px;line-height:1.35}.official-redesign-local .supplier-visual span{color:rgba(255,255,255,.74);font-size:12px;line-height:1.8}
.official-redesign-local .industry-row{margin-top:64px}

/* The people section uses the template's dark testimonial rhythm. */
.official-redesign-local .leadership-home{position:relative;background:var(--navy);color:#fff}
.official-redesign-local .leadership-home::before{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(54,87,178,.2),transparent 43%),linear-gradient(rgba(6,22,51,.88),rgba(6,22,51,.96));content:"";pointer-events:none}
.official-redesign-local .leadership-home>.wrap{position:relative;z-index:1}
.official-redesign-local .leadership-home .section-heading h2{color:#fff}.official-redesign-local .leadership-home .section-heading p{color:rgba(255,255,255,.68)}
.official-redesign-local .leader-card{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045);box-shadow:none;color:#fff}
.official-redesign-local .leader-card figure{box-shadow:0 0 0 7px rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.25)}
.official-redesign-local .leader-card h3{color:#fff}.official-redesign-local .leader-card h3 span{color:#9fabc0}.official-redesign-local .leader-card p{color:rgba(255,255,255,.7)}
.official-redesign-local .leader-dots button{background:rgba(255,255,255,.35)}.official-redesign-local .leader-dots button.active{background:#8fa6ff}

@media(max-width:1120px){
  .official-redesign-local .hero-next{right:96px}
  .official-redesign-local .qualification-certificate figure{height:325px}
  .official-redesign-local .supplier-template-layout{gap:42px;grid-template-columns:minmax(0,1fr) minmax(370px,.82fr)}
  .official-redesign-local .supplier-checklist>a{grid-template-columns:164px minmax(0,1fr) 72px;gap:15px}
}
@media(max-width:860px){
  .official-redesign-local .hero-next{right:30px}
  .official-redesign-local .qualification-home-list .qualification-certificate{flex-basis:calc((100% - 18px)/2)}
  .official-redesign-local .qualification-certificate figure{height:350px}
  .official-redesign-local .equipment-gallery .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.single .equipment-gallery-track figure{flex-basis:calc((100% - 16px)/2)}
  .official-redesign-local .supplier-template-layout{grid-template-columns:1fr;gap:45px}
  .official-redesign-local .supplier-visual{min-height:520px}
}
@media(max-width:560px){
  .official-redesign-local .qualification-carousel-head>span{font-size:8px}
  .official-redesign-local .qualification-home-list .qualification-certificate{flex-basis:100%}
  .official-redesign-local .qualification-certificate figure{height:400px}
  .equipment-gallery-toolbar{height:56px;padding:0 12px}.equipment-gallery-toolbar>span{font-size:10px}.equipment-gallery-toolbar button{width:36px;height:36px}
  .equipment-gallery-track{gap:12px;padding:12px}
  .official-redesign-local .equipment-gallery .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.single .equipment-gallery-track figure{height:190px;flex-basis:100%}
  .official-redesign-local .supplier-checklist>a{min-height:116px;grid-template-columns:1fr 66px;gap:8px 12px;padding:14px 0}
  .official-redesign-local .supplier-checklist>a>span{grid-column:1/-1}.official-redesign-local .supplier-checklist>a>b{grid-column:2;grid-row:1}
  .official-redesign-local .supplier-visual{min-height:430px}.official-redesign-local .supplier-visual figcaption{right:25px;bottom:27px;left:25px}.official-redesign-local .supplier-visual strong{font-size:24px}
}
.official-redesign-local.modal-open{overflow:hidden}
.equipment-lightbox[hidden]{display:none}.equipment-lightbox{position:fixed;z-index:300;inset:0;display:grid;place-items:center}.equipment-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(3,12,30,.88);backdrop-filter:blur(7px)}.equipment-lightbox>figure{position:relative;z-index:2;display:flex;width:min(1100px,calc(100% - 150px));height:min(760px,calc(100% - 100px));margin:0;align-items:center;justify-content:center}.equipment-lightbox img{max-width:100%;max-height:calc(100% - 54px);object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.36)}.equipment-lightbox figcaption{position:absolute;right:0;bottom:0;left:0;color:#fff;text-align:center}.equipment-lightbox-close{position:absolute;z-index:3;top:24px;right:28px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px}.equipment-lightbox-arrow{position:absolute;z-index:3;top:50%;width:54px;height:54px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:20px;transform:translateY(-50%)}.equipment-lightbox-arrow.prev{left:28px}.equipment-lightbox-arrow.next{right:28px}
@media(max-width:560px){.equipment-lightbox>figure{width:calc(100% - 32px);height:calc(100% - 120px)}.equipment-lightbox-arrow{top:auto;bottom:20px}.equipment-lightbox-arrow.prev{left:calc(50% - 64px)}.equipment-lightbox-arrow.next{right:calc(50% - 64px)}.equipment-lightbox-close{top:16px;right:16px}}

/* 2026 local refinement: animated evidence, equipment viewer and supplier audit cards. */
.official-redesign-local .company-section{min-height:570px}
.official-redesign-local .company-layout{min-height:570px;grid-template-columns:.78fr 1.22fr;gap:74px}
.official-redesign-local .company-copy h2{font-size:clamp(36px,3.2vw,48px);line-height:1.28;letter-spacing:-.035em}
.official-redesign-local .company-copy>p:not(.eyebrow){font-size:15px}
.official-redesign-local .hero-facts{border-color:rgba(255,255,255,.22);box-shadow:0 22px 70px rgba(0,0,0,.14);backdrop-filter:blur(4px)}
.official-redesign-local .hero-facts article{position:relative;min-height:142px;padding:30px 28px;overflow:hidden;background:rgba(255,255,255,.045);transition:background .3s,transform .3s}
.official-redesign-local .hero-facts article::after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#7ad7aa;content:"";transform:scaleX(0);transform-origin:left;transition:transform .4s}
.official-redesign-local .hero-facts article:hover{z-index:1;background:rgba(255,255,255,.11);transform:translateY(-3px)}
.official-redesign-local .hero-facts article:hover::after{transform:scaleX(1)}
.official-redesign-local .hero-facts strong{color:#7ee0ac;font-size:clamp(30px,2.8vw,43px);font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap}
.official-redesign-local .hero-facts span{margin-top:9px;font-size:13px}

.official-redesign-local .equipment-section{overflow:hidden;background:linear-gradient(180deg,#f2f6fb 0,#f7f9fc 100%)}
.official-redesign-local .equipment-overview{display:flex;margin:-15px 0 30px;align-items:center;justify-content:flex-end;gap:26px;color:#728095;font-size:12px}
.official-redesign-local .equipment-overview span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.official-redesign-local .equipment-overview b{color:var(--blue);font-size:17px;font-weight:600}
.official-redesign-local .equipment-tabs{margin-bottom:20px;padding:6px;border:1px solid #dce4ef;border-radius:999px;background:#fff;box-shadow:0 12px 36px rgba(16,42,83,.055)}
.official-redesign-local .equipment-tabs button{height:52px;border:0!important;transition:color .28s,background .28s,box-shadow .28s,transform .28s}
.official-redesign-local .equipment-tabs button:hover{color:var(--blue);transform:translateY(-1px)}
.official-redesign-local .equipment-tabs button.active{border:0!important;box-shadow:0 9px 22px rgba(35,74,181,.24);transform:translateY(-1px)}
.official-redesign-local .equipment-tabs button.active:hover,
.official-redesign-local .equipment-tabs button.active span{color:#fff}
.official-redesign-local .equipment-panels{box-shadow:0 24px 70px rgba(18,42,79,.09)}
.official-redesign-local .equipment-panel{grid-template-columns:minmax(0,2.65fr) minmax(270px,1fr);border:1px solid #dfe6ef;background:#fff}
.official-redesign-local .equipment-panel.active{animation:equipmentPanelIn .52s cubic-bezier(.22,.61,.36,1)}
@keyframes equipmentPanelIn{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}
.official-redesign-local .equipment-main{grid-template-columns:1.32fr .88fr;border:0;border-right:1px solid #dfe6ef}
.official-redesign-local .equipment-main>img{height:430px}
.official-redesign-local .equipment-main>div{position:relative;padding:45px 40px;background:linear-gradient(145deg,#fff 0,#f9fbfe 100%)}
.official-redesign-local .equipment-main>div::before{width:38px;height:3px;margin-bottom:24px;background:var(--blue);content:""}
.official-redesign-local .equipment-main p{font-size:10px;letter-spacing:.2em}
.official-redesign-local .equipment-main h3{margin:12px 0 18px;font-size:clamp(28px,2.3vw,36px);font-weight:600;letter-spacing:-.035em}
.official-redesign-local .equipment-main span{font-size:14px;line-height:2}
.official-redesign-local .equipment-list{align-content:stretch;border:0}
.official-redesign-local .equipment-list span{min-height:107px;padding:20px;border-color:#dfe6ef;background:#fff;font-size:12px;transition:background .25s}
.official-redesign-local .equipment-list span:hover{background:#f4f7fc}
.official-redesign-local .equipment-list b{margin-bottom:4px;font-size:23px;font-weight:600;letter-spacing:-.025em}
.official-redesign-local .equipment-gallery,.official-redesign-local .equipment-gallery.four,.official-redesign-local .equipment-gallery.single,.official-redesign-local .equipment-gallery.three{gap:16px;margin:0;padding:18px;border-top:1px solid #dfe6ef;background:#fff}
.official-redesign-local .equipment-gallery figure{height:180px;flex-basis:258px;border-color:#dfe6ef;cursor:zoom-in}
.official-redesign-local .equipment-gallery figcaption{padding:34px 15px 12px;font-size:12px}

.official-redesign-local .advantages{background:linear-gradient(180deg,#f5f7fb,#eef3f9)}
.official-redesign-local .advantage-layout{grid-template-columns:minmax(290px,.68fr) minmax(0,1.32fr);gap:72px}
.official-redesign-local .advantage-intro{position:sticky;top:118px}
.official-redesign-local .advantage-intro>span{color:var(--blue);font:700 11px Arial;letter-spacing:.18em}
.official-redesign-local .advantage-intro h2{margin:14px 0 20px;font-size:clamp(38px,3.3vw,52px);font-weight:600;line-height:1.18;letter-spacing:-.045em}
.official-redesign-local .advantage-intro p{max-width:440px;margin:0;color:#687589;font-size:14px;line-height:1.95}
.official-redesign-local .supplier-summary{display:grid;max-width:430px;margin-top:27px;grid-template-columns:1fr 1fr;border-top:1px solid #d9e1ec;border-bottom:1px solid #d9e1ec}
.official-redesign-local .supplier-summary span{padding:15px 10px 15px 0;color:#718095;font-size:11px}
.official-redesign-local .supplier-summary span+span{padding-left:18px;border-left:1px solid #d9e1ec}
.official-redesign-local .supplier-summary b{margin-right:7px;color:var(--blue);font-size:25px;font-weight:600}
.official-redesign-local .advantage-intro .supplier-pill{display:inline-flex;width:270px;height:56px;margin-top:28px;padding:0;border-radius:999px;align-items:center;justify-content:space-between;overflow:hidden;background:var(--blue);color:#fff;box-shadow:0 14px 32px rgba(35,74,181,.19);font-size:13px;font-weight:700}
.official-redesign-local .supplier-pill span{padding-left:24px}.official-redesign-local .supplier-pill>b{display:grid;width:56px;height:100%;place-items:center;border-left:1px solid rgba(255,255,255,.26);font-size:20px;font-weight:400}
.official-redesign-local .advantage-grid{gap:18px;border:0}
.official-redesign-local .advantage-grid article{position:relative;display:flex;min-height:310px;flex-direction:column;padding:31px 30px 27px;overflow:hidden;border:1px solid #dfe6ef;background:#fff;box-shadow:0 12px 38px rgba(14,37,75,.045);transition:transform .32s,box-shadow .32s,border-color .32s}
.official-redesign-local .advantage-grid article::after{position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--blue);content:"";transform:scaleX(0);transform-origin:left;transition:transform .35s}
.official-redesign-local .advantage-grid article:hover{z-index:1;border-color:#cbd7e8;box-shadow:0 20px 55px rgba(15,41,82,.11);transform:translateY(-5px)}
.official-redesign-local .advantage-grid article:hover::after{transform:scaleX(1)}
.official-redesign-local .advantage-card-top{display:flex;align-items:center;justify-content:space-between}
.official-redesign-local .advantage-card-top>b{color:#aab9ea;font:600 33px Arial}.official-redesign-local .advantage-card-top small{color:var(--blue);font:700 9px Arial;letter-spacing:.16em}
.official-redesign-local .advantage-grid h3{margin:26px 0 12px;font-size:20px;font-weight:600;line-height:1.5}
.official-redesign-local .advantage-grid p{font-size:13px;line-height:1.85}
.official-redesign-local .evidence-tags{display:flex;margin:19px 0 18px;flex-wrap:wrap;gap:7px}
.official-redesign-local .evidence-tags span{padding:6px 9px;border-radius:999px;background:#edf2ff;color:#3859b7;font-size:10px}
.official-redesign-local .advantage-grid article>a{margin-top:auto;color:var(--blue);font-size:12px;font-weight:700}
.official-redesign-local .industry-row{margin-top:28px;overflow:hidden;border:0;border-radius:4px;background:var(--navy);box-shadow:0 14px 38px rgba(6,26,58,.1)}
.official-redesign-local .industry-row>*{min-height:58px;border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.82)}
.official-redesign-local .industry-row span{background:var(--blue);font-weight:700}.official-redesign-local .industry-row b{font-weight:500}

@media(max-width:1120px){
  .official-redesign-local .company-layout{gap:40px}
  .official-redesign-local .hero-facts article{padding:25px 20px}
  .official-redesign-local .equipment-panel{grid-template-columns:minmax(0,2.35fr) minmax(250px,1fr)}
  .official-redesign-local .equipment-main{grid-template-columns:1.2fr .9fr}
  .official-redesign-local .advantage-layout{gap:40px}
}
@media(max-width:860px){
  .official-redesign-local .company-section,.official-redesign-local .company-layout{min-height:650px}
  .official-redesign-local .company-layout{grid-template-columns:1fr;padding:70px 0;gap:36px}
  .official-redesign-local .equipment-overview{justify-content:flex-start;overflow-x:auto}
  .official-redesign-local .equipment-tabs{border-radius:30px}
  .official-redesign-local .equipment-panel{grid-template-columns:1fr}
  .official-redesign-local .equipment-main{grid-template-columns:1fr}
  .official-redesign-local .equipment-main>img{height:360px}
  .official-redesign-local .equipment-list{grid-template-columns:repeat(3,1fr)}
  .official-redesign-local .advantage-layout{grid-template-columns:1fr}
  .official-redesign-local .advantage-intro{position:static}
  .official-redesign-local .advantage-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .official-redesign-local .company-section,.official-redesign-local .company-layout{min-height:720px}
  .official-redesign-local .company-layout{padding:62px 0}.official-redesign-local .company-copy h2{font-size:34px}
  .official-redesign-local .hero-facts article{min-height:102px;padding:17px 15px}.official-redesign-local .hero-facts strong{font-size:25px}.official-redesign-local .hero-facts span{font-size:10px}
  .official-redesign-local .equipment-overview{margin-top:-4px;gap:18px}.official-redesign-local .equipment-overview span{font-size:10px}
  .official-redesign-local .equipment-tabs{padding:5px}.official-redesign-local .equipment-main>img{height:270px}.official-redesign-local .equipment-main>div{padding:31px 22px}.official-redesign-local .equipment-main>div::before{margin-bottom:18px}.official-redesign-local .equipment-main h3{font-size:27px}
  .official-redesign-local .equipment-list{grid-template-columns:1fr 1fr}.official-redesign-local .equipment-list span{min-height:88px;padding:14px}.official-redesign-local .equipment-list b{font-size:19px}
  .official-redesign-local .equipment-gallery figure{height:155px;flex-basis:220px}
  .official-redesign-local .advantage-intro h2{font-size:38px}.official-redesign-local .supplier-summary{grid-template-columns:1fr}.official-redesign-local .supplier-summary span+span{padding-left:0;border-top:1px solid #d9e1ec;border-left:0}
  .official-redesign-local .advantage-grid{grid-template-columns:1fr}.official-redesign-local .advantage-grid article{min-height:295px;padding:27px 24px}
  .official-redesign-local .industry-row{grid-template-columns:1fr 1fr}.official-redesign-local .industry-row span{grid-column:1/-1}
}

/* Keep the final component mechanics after all earlier local experiments. */
.official-redesign-local .equipment-gallery,
.official-redesign-local .equipment-gallery.four,
.official-redesign-local .equipment-gallery.single,
.official-redesign-local .equipment-gallery.three{
  position:relative;display:block;gap:0;margin:0;padding:0;overflow:hidden;
  border-top:1px solid #dfe6ef;background:#fff;scroll-snap-type:none;
}
.official-redesign-local .equipment-gallery .equipment-gallery-track{display:flex;gap:16px;padding:18px;transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform}
.official-redesign-local .equipment-gallery .equipment-gallery-track figure,
.official-redesign-local .equipment-gallery.single .equipment-gallery-track figure,
.official-redesign-local .equipment-gallery.three .equipment-gallery-track figure,
.official-redesign-local .equipment-gallery.four .equipment-gallery-track figure{
  height:180px;flex:0 0 calc((100% - 48px)/4);margin:0;scroll-snap-align:none;
}
.official-redesign-local .advantages{background:#fff}
.official-redesign-local .industry-row{margin-top:64px}
@media(max-width:860px){
  .official-redesign-local .equipment-gallery .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.single .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.three .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.four .equipment-gallery-track figure{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:560px){
  .official-redesign-local .equipment-gallery .equipment-gallery-track{gap:12px;padding:12px}
  .official-redesign-local .equipment-gallery .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.single .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.three .equipment-gallery-track figure,
  .official-redesign-local .equipment-gallery.four .equipment-gallery-track figure{height:190px;flex-basis:100%}
}

/* Counter internals must inherit the large figure style, not the small label style. */
.official-redesign-local .hero-facts [data-count] .odometer-visual{
  display:inline-flex;margin:0;color:inherit;font-size:inherit;line-height:1.08;
}
.official-redesign-local .hero-facts [data-count] .odometer-digit,
.official-redesign-local .hero-facts [data-count] .odometer-reel,
.official-redesign-local .hero-facts [data-count] .odometer-separator,
.official-redesign-local .hero-facts [data-count] .odometer-prefix,
.official-redesign-local .hero-facts [data-count] .odometer-suffix{
  display:inline-block;margin:0;color:inherit;font-size:inherit;line-height:1.08;
}
.official-redesign-local .hero-facts [data-count] .odometer-reel{display:flex}
.official-redesign-local .hero-facts strong{color:#aab9ff}
.official-redesign-local .hero-facts article::after{background:#8199f1}

/* --------------------------------------------------------------------------
   Unified site chrome: the local homepage and service pages now use one
   restrained Dongpin header/footer system.
   -------------------------------------------------------------------------- */
.official-redesign-local .site-head-shell{
  position:fixed;z-index:1000;top:0;right:0;left:0;isolation:isolate;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
}
.official-redesign-local .site-head-shell.is-hidden{transform:translateY(-105%)}
.official-redesign-local .top-contact{
  display:block;height:34px;border-bottom:1px solid rgba(255,255,255,.12);
  background:var(--navy);color:#fff;
}
.official-redesign-local .top-contact-inner{width:min(var(--wrap),calc(100% - 64px));max-width:var(--wrap)}
.official-redesign-local .top-contact-inner>span{color:#dbe3f4;font-size:11px;letter-spacing:.06em}
.official-redesign-local .top-contact-inner>div{gap:20px}
.official-redesign-local .top-contact a,
.official-redesign-local .top-contact button{color:#e7edf8;font-size:10px;white-space:nowrap}
.official-redesign-local .top-contact b{color:#91a6ef;font-size:9px;letter-spacing:.08em}
.official-redesign-local .main-header,
.official-redesign-local .main-header.is-compact{
  position:static;height:88px;background:#fff;border-bottom:1px solid #e5eaf2;box-shadow:none;
}
.official-redesign-local .site-head-shell.is-compact .main-header{height:74px;box-shadow:0 12px 36px rgba(8,24,57,.1)}
.official-redesign-local .site-head-shell.is-compact .brand img{width:252px;max-height:56px}
.official-redesign-local .site-head-shell.is-compact .header-search{width:42px;height:42px}
.official-redesign-local .site-head-shell.is-compact .header-quote{height:48px}
.official-redesign-local .brand img{width:296px;max-height:67px;mix-blend-mode:multiply}
.official-redesign-local .main-header nav a::after{bottom:15px}
.official-redesign-local main>section[id]{scroll-margin-top:130px}
.official-redesign-local .qualification-home{position:relative;z-index:0;isolation:isolate;overflow:hidden}
.official-redesign-local .qualification-carousel-viewport{position:relative;z-index:0;contain:paint}
.official-redesign-local .qualification-carousel-track,
.official-redesign-local .qualification-certificate{position:relative;z-index:0}
.official-redesign-local .header-quote{min-width:205px;height:54px}

.official-redesign-local .site-footer{padding:0;border-top:1px solid #e0e6ef;background:#fff;color:var(--navy)}
.official-redesign-local .site-footer .footer-grid{display:grid;grid-template-columns:1.05fr 1.05fr .7fr;gap:70px;align-items:start;padding:58px 0 54px}
.official-redesign-local .footer-brand img{display:block;width:300px;max-width:100%;padding:0;background:transparent;mix-blend-mode:multiply}
.official-redesign-local .footer-brand p{margin:18px 0 0;color:#748095;font-size:12px;letter-spacing:.04em}
.official-redesign-local .footer-contact{display:flex!important;max-width:none!important;grid-template-columns:none!important;flex-direction:column;gap:7px!important}
.official-redesign-local .footer-contact small{color:var(--blue);font:700 9px Arial;letter-spacing:.16em}
.official-redesign-local .footer-contact h3{margin:5px 0 7px;font-size:19px}
.official-redesign-local .footer-contact a{color:var(--navy);font-size:13px;font-weight:650}
.official-redesign-local .footer-contact p{margin-top:8px;color:#718095;font-size:11px;line-height:1.8}
.official-redesign-local .site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;padding-top:22px}
.official-redesign-local .site-footer nav a{position:relative;padding-left:13px;color:#566579;font-size:12px}
.official-redesign-local .site-footer nav a::before{position:absolute;left:0;color:var(--blue);content:"·"}
.official-redesign-local .site-footer nav a:hover{color:var(--blue)}
.official-redesign-local .footer-base{background:var(--navy);color:rgba(255,255,255,.62)}
.official-redesign-local .footer-base>.wrap{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:20px;font-size:10px}
.official-redesign-local .footer-base a{color:rgba(255,255,255,.72)}

@media(max-width:1180px){
  .official-redesign-local .top-address{display:none}
  .official-redesign-local .top-contact-inner>div{gap:16px}
  .official-redesign-local .brand img{width:250px}
  .official-redesign-local .site-footer .footer-grid{gap:38px}
}
@media(max-width:860px){
  .official-redesign-local .top-contact{display:block;height:30px}
  .official-redesign-local .top-contact-inner{width:calc(100% - 28px);justify-content:center}
  .official-redesign-local .top-contact-inner>span,
  .official-redesign-local .top-contact button,
  .official-redesign-local .top-contact a[href^="mailto"]{display:none}
  .official-redesign-local .top-contact a[href^="tel"]{display:block;font-size:10px}
  .official-redesign-local .main-header,
  .official-redesign-local .main-header.is-compact,
  .official-redesign-local .site-head-shell.is-compact .main-header{height:72px}
  .official-redesign-local .brand img,
  .official-redesign-local .site-head-shell.is-compact .brand img{width:210px;max-height:52px}
  .official-redesign-local .main-header nav{top:102px}
  .official-redesign-local .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding:45px 0 40px}
  .official-redesign-local .footer-brand{grid-column:1/-1}
  .official-redesign-local .footer-brand img{width:260px}
}
@media(max-width:560px){
  .official-redesign-local .site-footer{padding-bottom:76px}
  .official-redesign-local .site-footer .footer-grid{grid-template-columns:1fr;gap:28px;padding:40px 0 34px}
  .official-redesign-local .footer-brand{grid-column:auto}
  .official-redesign-local .site-footer nav{padding-top:0}
  .official-redesign-local .footer-base>.wrap{min-height:58px;flex-direction:column;justify-content:center;gap:3px;text-align:center}
}

/* Local inquiry refinement: clearer contact rail, unified supplier proof block,
   and a compact form designed for a first conversation rather than a full RFQ. */
.official-redesign-local .contact-float{
  z-index:75;right:18px;width:68px;overflow:visible;border:0;border-radius:18px;
  box-shadow:0 16px 44px rgba(6,24,63,.18);
}
.official-redesign-local .contact-float>*{
  width:68px;height:58px;flex-basis:58px;justify-content:flex-end;padding:0;
  border-right:1px solid #dce4ef;background:#fff;
  transition:width .34s cubic-bezier(.22,.61,.36,1),background .2s,box-shadow .2s;
}
.official-redesign-local .contact-float>*:first-child{border-radius:18px 18px 0 0}
.official-redesign-local .contact-float>*:last-child{border-radius:0 0 18px 18px}
.official-redesign-local .contact-float>*:hover,
.official-redesign-local .contact-float>*:focus-visible{width:246px;background:#f6f8fe;box-shadow:-12px 10px 30px rgba(6,24,63,.09)}
.official-redesign-local .contact-float b{
  position:relative;z-index:2;display:grid;width:68px;flex:0 0 68px;place-items:center;
  color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.04em;
}
.official-redesign-local .contact-float span{
  position:absolute;top:9px;left:18px;margin:0;color:var(--navy);font-size:12px;font-weight:650;
  opacity:0;transform:translateX(8px);transition:opacity .2s,transform .25s;
}
.official-redesign-local .contact-float i{
  top:30px;left:18px;color:#718095;font-size:10px;opacity:0;transform:translateX(8px);
  transition:opacity .2s,transform .25s;
}
.official-redesign-local .contact-float>*:hover span,
.official-redesign-local .contact-float>*:hover i,
.official-redesign-local .contact-float>*:focus-visible span,
.official-redesign-local .contact-float>*:focus-visible i{opacity:1;transform:none}
.official-redesign-local .contact-float>a:not(:first-child):not(:nth-child(2)) span{top:19px}

.official-redesign-local .advantages{
  position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff;
}
.official-redesign-local .advantages::before{
  position:absolute;z-index:-1;inset:0;
  background:radial-gradient(circle at 82% 18%,rgba(57,91,188,.30),transparent 33%),linear-gradient(115deg,#06183f,#081d49 58%,#07173a);
  content:"";
}
.official-redesign-local .advantages .advantage-intro>span{color:#8da8ff}
.official-redesign-local .advantages .advantage-intro h2{color:#fff}
.official-redesign-local .advantages .advantage-intro p{color:rgba(255,255,255,.67)}
.official-redesign-local .advantages .supplier-checklist{border-color:rgba(255,255,255,.15)}
.official-redesign-local .advantages .supplier-checklist>a{border-color:rgba(255,255,255,.15);color:#fff}
.official-redesign-local .advantages .supplier-checklist>a:hover{background:rgba(255,255,255,.075)}
.official-redesign-local .advantages .supplier-checklist small{color:#8da8ff}
.official-redesign-local .advantages .supplier-checklist>a>span{color:rgba(255,255,255,.62)}
.official-redesign-local .advantages .supplier-checklist>a>b{background:rgba(115,145,241,.15);color:#b9c8ff}
.official-redesign-local .advantages .supplier-checklist>a>i>em{background:#829cff}
.official-redesign-local .advantages .supplier-copy-column>.supplier-pill{background:#fff;color:var(--navy);box-shadow:0 18px 46px rgba(0,0,0,.20)}
.official-redesign-local .advantages .supplier-copy-column>.supplier-pill b{border-color:#dfe5ef;color:var(--blue)}
.official-redesign-local .advantages .supplier-visual{border:1px solid rgba(255,255,255,.17);background:#0a214c}
.official-redesign-local .advantages .supplier-visual small{color:#9eb2ff}
.official-redesign-local .advantages .industry-row{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);box-shadow:none}
.official-redesign-local .advantages .industry-row>*{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.76)}
.official-redesign-local .advantages .industry-row span{background:#2e4fb1;color:#fff}

.official-redesign-local .contact-layout{grid-template-columns:.9fr 1.1fr;gap:70px}
.official-redesign-local .inquiry-form{padding:34px;border-top:4px solid var(--blue);box-shadow:0 18px 52px rgba(10,36,75,.09)}
.official-redesign-local .form-title{margin-bottom:21px}
.official-redesign-local .form-title h3{color:var(--navy);font-size:24px;font-weight:650}
.official-redesign-local .form-intro{margin-bottom:21px;padding:11px 13px;background:#f3f6fc;color:#65748a}
.official-redesign-local .form-grid{gap:17px 16px}
.official-redesign-local .form-grid label{position:relative;color:#506075;font-size:11px;font-weight:600}
.official-redesign-local .form-grid input,
.official-redesign-local .form-grid select,
.official-redesign-local .form-grid textarea{margin-top:6px;border-color:#d6deea;background:#fff;color:var(--navy);font-size:12px}
.official-redesign-local .form-grid input,
.official-redesign-local .form-grid select{height:46px}
.official-redesign-local .form-grid textarea{min-height:132px;padding-bottom:31px;line-height:1.8;resize:vertical}
.official-redesign-local .form-grid input.input-error,
.official-redesign-local .form-grid select.input-error,
.official-redesign-local .form-grid textarea.input-error{border-color:#c83546;box-shadow:0 0 0 2px rgba(200,53,70,.08)}
.official-redesign-local .message-count{position:absolute;right:12px;bottom:8px;color:#8c97a7;font:500 10px Arial}
.official-redesign-local .consent{margin:16px 0 9px}
.official-redesign-local .form-security{margin:0 0 15px;padding:10px 12px;background:#f7f8fb;color:#7c8797}
.official-redesign-local .form-security b{color:var(--blue)}
.official-redesign-local .inquiry-form>button{height:48px;background:var(--blue);font-weight:700;transition:background .2s,transform .2s}
.official-redesign-local .inquiry-form>button:hover{background:var(--blue-deep);transform:translateY(-1px)}
.official-redesign-local #formStatus[data-state="error"]{color:#bd2b3b}
.official-redesign-local #formStatus[data-state="success"]{color:#138a55}

@media(max-width:1120px){
  .official-redesign-local .supplier-template-layout{grid-template-columns:1fr 1fr;gap:38px}
  .official-redesign-local .supplier-checklist>a{grid-template-columns:155px minmax(0,1fr) 70px;gap:14px}
  .official-redesign-local .contact-layout{gap:42px}
}
@media(max-width:860px){
  .official-redesign-local .supplier-template-layout{grid-template-columns:1fr}
  .official-redesign-local .supplier-visual{min-height:520px}
  .official-redesign-local .contact-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
  .official-redesign-local .supplier-checklist>a{grid-template-columns:1fr 66px}
  .official-redesign-local .supplier-visual{min-height:410px}
  .official-redesign-local .inquiry-form{padding:25px 19px}
}

/* 2026-08 hard layer isolation: certificates must never paint through the
   fixed navigation while the header is being revealed after an upward scroll. */
.official-redesign-local .site-head-shell{
  overflow:hidden;
  background:#fff;
  opacity:1;
  isolation:isolate;
  contain:paint;
  backface-visibility:hidden;
}
.official-redesign-local .top-contact{
  position:relative;
  z-index:4;
  background:#061633!important;
  opacity:1;
}
.official-redesign-local .main-header,
.official-redesign-local .main-header.is-compact,
.official-redesign-local .site-head-shell.is-compact .main-header{
  position:relative!important;
  z-index:3;
  overflow:hidden;
  background:#fff!important;
  opacity:1;
  isolation:isolate;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateZ(0);
}
.official-redesign-local .main-header::before{
  position:absolute;
  z-index:0;
  inset:0;
  background:#fff;
  content:"";
  pointer-events:none;
}

/* 2026-08 contact bar refinement: the logo already identifies the company.
   Keep the utility information readable and align it with the logo below. */
@media (min-width:861px){
  .official-redesign-local .top-contact{
    height:44px;
  }
  .official-redesign-local .top-contact-inner{
    justify-content:flex-start;
  }
  .official-redesign-local .top-contact-inner>div{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:flex-start;
    gap:34px;
  }
  .official-redesign-local .top-contact a,
  .official-redesign-local .top-contact button{
    display:inline-flex;
    min-height:44px;
    align-items:center;
    color:#f4f7fc;
    font-size:13px;
    font-weight:600;
    line-height:1;
  }
  .official-redesign-local .top-contact b{
    margin-right:7px;
    color:#aebeed;
    font-size:11px;
    font-weight:750;
    letter-spacing:.08em;
  }
}

@media (min-width:861px) and (max-width:1180px){
  .official-redesign-local .top-contact-inner>div{gap:22px}
  .official-redesign-local .top-contact a,
  .official-redesign-local .top-contact button{font-size:12px}
}

/* 2026-08 visual unification: the supplier proof section follows the same
   white editorial system as equipment and qualifications. */
.official-redesign-local .advantages{
  background:#fff;
  color:var(--navy);
}
.official-redesign-local .advantages::before{display:none}
.official-redesign-local .advantages .advantage-intro>span{color:var(--blue)}
.official-redesign-local .advantages .advantage-intro h2{color:var(--navy)}
.official-redesign-local .advantages .advantage-intro p{color:#687589}
.official-redesign-local .advantages .supplier-checklist{border-color:#dce4ef}
.official-redesign-local .advantages .supplier-checklist>a{
  border-color:#dce4ef;
  color:var(--navy);
}
.official-redesign-local .advantages .supplier-checklist>a:hover{background:#f5f8fd}
.official-redesign-local .advantages .supplier-checklist small{color:var(--blue)}
.official-redesign-local .advantages .supplier-checklist>a>span{color:#6f7d91}
.official-redesign-local .advantages .supplier-checklist>a>b{
  background:#edf2ff;
  color:var(--blue);
}
.official-redesign-local .advantages .supplier-checklist>a>i>em{background:var(--blue)}
.official-redesign-local .advantages .supplier-copy-column>.supplier-pill{
  background:var(--blue);
  color:#fff;
  box-shadow:0 15px 38px rgba(35,74,181,.20);
}
.official-redesign-local .advantages .supplier-copy-column>.supplier-pill b{
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
.official-redesign-local .advantages .supplier-visual{
  border:1px solid #dce4ef;
  background:var(--navy);
}
.official-redesign-local .advantages .supplier-visual small{color:#9fb3ff}
.official-redesign-local .advantages .industry-row{
  border:1px solid #dce4ef;
  background:#fff;
  box-shadow:0 12px 36px rgba(14,37,75,.055);
}
.official-redesign-local .advantages .industry-row>*{
  border-color:#dce4ef;
  color:#55647a;
}
.official-redesign-local .advantages .industry-row span{
  background:var(--blue);
  color:#fff;
}

/* The two contact columns share one top line and the primary actions use the
   same pill-and-arrow treatment throughout the homepage. */
.official-redesign-local .contact-layout{align-items:start}
.official-redesign-local .contact-copy,
.official-redesign-local .inquiry-form{margin-top:0}
.official-redesign-local .inquiry-form>button{
  display:inline-flex;
  width:252px;
  height:56px;
  align-items:center;
  justify-content:space-between;
  padding:0 0 0 24px;
  overflow:hidden;
  border-radius:999px;
  background:var(--blue);
  box-shadow:0 15px 38px rgba(35,74,181,.20);
  font-size:13px;
  margin:0;
}
.official-redesign-local .inquiry-form>button span{
  display:grid;
  width:56px;
  height:100%;
  place-items:center;
  border-left:1px solid rgba(255,255,255,.28);
  font-size:20px;
  font-weight:400;
}
@media(max-width:560px){
  .official-redesign-local .inquiry-form>button{width:100%}
}

/* Compact inquiry panel: remove the hidden honeypot's phantom grid row and
   keep the form close to the height of the contact/navigation column. */
.official-redesign-local .inquiry-form{padding:20px 30px}
.official-redesign-local .form-title{margin-bottom:12px}
.official-redesign-local .form-intro{margin-bottom:12px;padding:9px 12px}
.official-redesign-local .form-grid{gap:10px 16px;align-items:start}
.official-redesign-local .form-grid input,
.official-redesign-local .form-grid select{height:44px}
.official-redesign-local .form-grid textarea{height:98px;min-height:98px;line-height:1.65}
.official-redesign-local .consent{margin:9px 0 8px}
.official-redesign-local .form-security{margin:0 0 10px;padding:8px 12px}
.official-redesign-local #formStatus:empty{display:none}

.official-redesign-local .header-inner{
  position:relative;
  z-index:2;
  background:#fff;
}
.official-redesign-local .header-search,
.official-redesign-local .header-quote{
  position:relative;
  z-index:3;
  opacity:1;
}
.official-redesign-local .header-quote{background:#fff!important}
.official-redesign-local .qualification-home{
  z-index:0!important;
  isolation:isolate;
  contain:paint;
}
.official-redesign-local .qualification-carousel,
.official-redesign-local .qualification-carousel-viewport,
.official-redesign-local .qualification-carousel-track,
.official-redesign-local .qualification-certificate{
  z-index:0!important;
  isolation:isolate;
}

/* 2026-08 footer rebuild: treat the footer as a branded information area,
   not a narrow strip of loose links. The white logo artwork sits on its own
   quiet panel so its original colours remain accurate on the navy field. */
.official-redesign-local .site-footer{
  position:relative;
  padding:0;
  overflow:hidden;
  border:0;
  background:#061633;
  color:#fff;
}
.official-redesign-local .site-footer::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,#264db8 0 34%,#6f91f4 34% 46%,rgba(255,255,255,.1) 46% 100%);
  content:"";
}
.official-redesign-local .site-footer .footer-grid{
  display:grid;
  grid-template-columns:minmax(320px,1.16fr) minmax(235px,.86fr) minmax(210px,.72fr) minmax(250px,.9fr);
  gap:52px;
  align-items:start;
  padding:68px 0 60px;
}
.official-redesign-local .site-footer .footer-grid>div{
  display:block;
  max-width:none;
}
.official-redesign-local .footer-logo-panel{
  display:flex;
  width:100%;
  max-width:390px;
  min-height:94px;
  align-items:center;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.14);
  background:#fff;
  box-shadow:0 18px 42px rgba(0,7,27,.22);
}
.official-redesign-local .footer-logo-panel img,
.official-redesign-local .footer-brand img{
  display:block;
  width:100%;
  max-width:358px;
  height:auto;
  padding:0;
  background:#fff;
  mix-blend-mode:normal;
}
.official-redesign-local .footer-brand p{
  max-width:385px;
  margin:22px 0 0;
  color:rgba(231,238,251,.68);
  font-size:13px;
  line-height:1.9;
}
.official-redesign-local .footer-tags{
  display:flex!important;
  flex-wrap:wrap;
  gap:8px;
  margin-top:19px;
}
.official-redesign-local .footer-tags span{
  padding:6px 10px;
  border:1px solid rgba(154,177,231,.2);
  color:#c8d5f2;
  font-size:10px;
  letter-spacing:.04em;
}
.official-redesign-local .site-footer small{
  display:block;
  color:#84a6ff;
  font:700 9px/1.2 Arial,sans-serif;
  letter-spacing:.17em;
}
.official-redesign-local .site-footer h3{
  margin:15px 0 22px;
  color:#fff;
  font-size:21px;
  font-weight:700;
  line-height:1.42;
}
.official-redesign-local .footer-contact{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
}
.official-redesign-local .footer-contact a{
  margin-bottom:9px;
  color:#fff;
  font-size:15px;
  font-weight:650;
  letter-spacing:.01em;
}
.official-redesign-local .footer-contact a:hover{color:#9bb4ff}
.official-redesign-local .footer-contact p,
.official-redesign-local .footer-cta p{
  margin:12px 0 0;
  color:rgba(231,238,251,.62);
  font-size:12px;
  line-height:1.85;
}
.official-redesign-local .site-footer .footer-nav nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px 20px;
  padding:0;
}
.official-redesign-local .site-footer .footer-nav nav a{
  position:relative;
  padding:0 0 0 13px;
  color:rgba(241,245,253,.78);
  font-size:12px;
  line-height:1.4;
}
.official-redesign-local .site-footer .footer-nav nav a::before{
  position:absolute;
  top:.58em;
  left:0;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#779bff;
  content:"";
}
.official-redesign-local .site-footer .footer-nav nav a:hover{color:#fff}
.official-redesign-local .footer-cta h3{margin-bottom:14px;font-size:23px}
.official-redesign-local .footer-cta p{margin:0 0 19px}
.official-redesign-local .footer-cta>a{
  display:flex;
  width:100%;
  max-width:280px;
  height:54px;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  border-radius:999px;
  background:#fff;
  color:#071630;
  box-shadow:0 14px 34px rgba(0,5,22,.24);
  font-size:12px;
  font-weight:750;
}
.official-redesign-local .footer-cta>a span{padding-left:22px}
.official-redesign-local .footer-cta>a b{
  display:grid;
  width:56px;
  height:100%;
  place-items:center;
  border-left:1px solid #dfe5ef;
  color:#244bb4;
  font-size:18px;
  font-weight:400;
  transition:background .2s,color .2s;
}
.official-redesign-local .footer-cta>a:hover b{background:#244bb4;color:#fff}
.official-redesign-local .footer-cta em{
  display:block;
  margin-top:12px;
  color:rgba(217,226,245,.48);
  font-size:10px;
  font-style:normal;
}
.official-redesign-local .footer-base{
  border-top:1px solid rgba(255,255,255,.1);
  background:#041127;
  color:rgba(229,236,250,.58);
}
.official-redesign-local .footer-base>.wrap{min-height:58px}
.official-redesign-local .footer-base a{color:rgba(235,241,252,.72)}

@media(max-width:1180px){
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:minmax(300px,1.1fr) minmax(220px,.9fr) minmax(210px,.8fr);
    gap:40px;
  }
  .official-redesign-local .footer-cta{grid-column:2/4}
  .official-redesign-local .footer-cta>a{max-width:320px}
}
@media(max-width:860px){
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:42px 34px;
    padding:54px 0 48px;
  }
  .official-redesign-local .footer-cta{grid-column:auto}
  .official-redesign-local .footer-logo-panel{max-width:360px}
}
@media(max-width:560px){
  .official-redesign-local .site-footer{padding-bottom:76px}
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:1fr;
    gap:36px;
    padding:44px 0 40px;
  }
  .official-redesign-local .footer-logo-panel{max-width:340px;min-height:82px;padding:12px}
  .official-redesign-local .footer-logo-panel img{max-width:315px}
  .official-redesign-local .site-footer .footer-nav nav{grid-template-columns:1fr 1fr}
  .official-redesign-local .footer-cta>a{max-width:none}
  .official-redesign-local .footer-base>.wrap{min-height:68px;align-items:flex-start;padding-top:16px}
}

/* 2026-08 focused hero: one clear proposition per slide. The company name is
   already present in the masthead, so the hero now explains what the factory
   actually makes and gives the visitor two unambiguous next actions. */
.official-redesign-local .intro-hero{
  height:clamp(660px,calc(100vh - 118px),750px);
  min-height:660px;
  background:#061633;
}
.official-redesign-local .intro-layout{
  align-items:center;
  padding:54px 0 58px;
}
.official-redesign-local .intro-background{
  object-position:center 50%;
  transform:scale(1.035);
}
.official-redesign-local .hero-slide.active .intro-background{transform:scale(1)}
.official-redesign-local .intro-shade{
  background:linear-gradient(90deg,rgba(3,16,39,.9) 0%,rgba(4,20,48,.72) 39%,rgba(5,21,48,.3) 66%,rgba(5,19,43,.11) 100%);
}
.official-redesign-local .intro-copy{width:min(680px,58vw)}
.official-redesign-local .intro-copy .eyebrow{
  padding:10px 17px;
  border-left:3px solid #476dd5;
  background:rgba(255,255,255,.94);
  color:#244bb4;
  font-size:10px;
  font-weight:750;
  letter-spacing:.14em;
}
.official-redesign-local .intro-copy h1,
.official-redesign-local .intro-copy h2{
  max-width:680px;
  margin:24px 0 18px;
  color:#fff;
  font-size:clamp(50px,4vw,66px);
  font-weight:560;
  line-height:1.1;
  letter-spacing:-.045em;
  text-align:left;
  text-wrap:wrap;
}
.official-redesign-local .intro-lead{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.79);
  font-size:16px;
  line-height:1.85;
}
.official-redesign-local .intro-actions{gap:14px;margin-top:28px}
.official-redesign-local .intro-actions .button{
  min-width:194px;
  height:56px;
  padding-left:24px;
  font-size:13px;
}
.official-redesign-local .hero-arrow{
  width:50px;
  height:50px;
  background:rgba(255,255,255,.13);
  font-size:30px;
}
.official-redesign-local .hero-prev{left:24px}
.official-redesign-local .hero-next{right:104px}
.official-redesign-local .hero-index{bottom:28px}
.official-redesign-local .hero-index button{width:26px;background:rgba(255,255,255,.48)}
.official-redesign-local .hero-index button.active{width:42px;background:#84a1ff}
.official-redesign-local .hero-proof-strip{display:none}

@media(max-width:1120px){
  .official-redesign-local .intro-hero{height:680px;min-height:680px}
  .official-redesign-local .intro-layout{padding:48px 0}
  .official-redesign-local .intro-copy{width:min(650px,72vw)}
  .official-redesign-local .intro-copy h1,
  .official-redesign-local .intro-copy h2{font-size:clamp(46px,5.4vw,60px)}
  .official-redesign-local .hero-next{right:92px}
}
@media(max-width:860px){
  .official-redesign-local .intro-hero{height:650px;min-height:650px}
  .official-redesign-local .intro-layout{padding:42px 0}
  .official-redesign-local .intro-copy{width:min(610px,82vw)}
  .official-redesign-local .intro-copy h1,
  .official-redesign-local .intro-copy h2{font-size:clamp(40px,7vw,54px)}
  .official-redesign-local .intro-lead{font-size:14px}
  .official-redesign-local .hero-next{right:28px}
}
@media(max-width:560px){
  .official-redesign-local .intro-hero{height:590px;min-height:590px}
  .official-redesign-local .intro-layout{padding:30px 0 42px}
  .official-redesign-local .intro-copy{width:100%}
  .official-redesign-local .intro-copy .eyebrow{padding:8px 10px;font-size:8px;letter-spacing:.1em}
  .official-redesign-local .intro-copy h1,
  .official-redesign-local .intro-copy h2{margin:18px 0 14px;font-size:34px;line-height:1.16}
  .official-redesign-local .intro-lead{font-size:12px;line-height:1.75}
  .official-redesign-local .intro-actions{margin-top:22px}
  .official-redesign-local .intro-actions .button{height:48px;min-width:0;padding-left:13px;font-size:11px}
  .official-redesign-local .hero-index{bottom:20px}
}

/* 2026-08 video-reference homepage: preserve Dongpin's real imagery and content,
   while using the reference's calm full-screen composition and staged reveal. */
.official-redesign-local .intro-copy{
  width:min(590px,46vw);
}
.official-redesign-local .intro-copy h1,
.official-redesign-local .intro-copy h2{
  max-width:610px;
  margin:22px 0 17px;
  font-size:clamp(47px,3.75vw,61px);
  font-weight:650;
  line-height:1.06;
  letter-spacing:-.05em;
}
.official-redesign-local .hero-line{
  display:block;
  width:max-content;
  max-width:100%;
  padding-bottom:.045em;
  overflow:hidden;
}
.official-redesign-local .hero-line-light{
  font-weight:390;
}
.official-redesign-local .hero-line strong{
  font-weight:760;
}
.official-redesign-local .intro-lead{
  max-width:560px;
  font-size:15px;
  line-height:1.82;
}
.official-redesign-local .hero-slide.active .intro-background{
  animation:hero-scene-in 6.2s cubic-bezier(.2,.7,.2,1) both;
}
.official-redesign-local .hero-slide.active .intro-copy .eyebrow{
  animation:hero-copy-in .64s .12s cubic-bezier(.2,.75,.22,1) both;
}
.official-redesign-local .hero-slide.active .hero-line{
  animation:hero-line-in .78s cubic-bezier(.16,.78,.2,1) both;
}
.official-redesign-local .hero-slide.active .hero-line:nth-child(1){animation-delay:.18s}
.official-redesign-local .hero-slide.active .hero-line:nth-child(2){animation-delay:.28s}
.official-redesign-local .hero-slide.active .hero-line:nth-child(3){animation-delay:.38s}
.official-redesign-local .hero-slide.active .intro-lead{
  animation:hero-copy-in .68s .46s cubic-bezier(.2,.75,.22,1) both;
}
.official-redesign-local .hero-slide.active .intro-actions{
  animation:hero-copy-in .68s .56s cubic-bezier(.2,.75,.22,1) both;
}
.official-redesign-local .hero-arrow{
  transition:background-color .24s ease,transform .24s ease,opacity .24s ease;
}
.official-redesign-local .hero-arrow:hover{
  transform:translateY(-50%) scale(1.06);
}
.official-redesign-local .hero-index button{
  transition:width .34s ease,background-color .34s ease,opacity .34s ease;
}
@keyframes hero-scene-in{
  from{transform:scale(1.055);filter:saturate(.9)}
  to{transform:scale(1);filter:saturate(1)}
}
@keyframes hero-line-in{
  from{opacity:0;transform:translateY(34px);clip-path:inset(0 0 100% 0)}
  to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
}
@keyframes hero-copy-in{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1120px){
  .official-redesign-local .intro-copy{width:min(570px,60vw)}
  .official-redesign-local .intro-copy h1,
  .official-redesign-local .intro-copy h2{font-size:clamp(43px,5vw,57px)}
}
@media(max-width:860px){
  .official-redesign-local .intro-copy{width:min(550px,79vw)}
  .official-redesign-local .intro-copy h1,
  .official-redesign-local .intro-copy h2{font-size:clamp(39px,6.5vw,52px)}
}
@media(max-width:560px){
  .official-redesign-local .intro-copy{width:100%}
  .official-redesign-local .intro-copy h1,
  .official-redesign-local .intro-copy h2{font-size:33px;line-height:1.09;letter-spacing:-.045em}
  .official-redesign-local .intro-lead{max-width:345px;font-size:12px;line-height:1.72}
}
@media(prefers-reduced-motion:reduce){
  .official-redesign-local .hero-slide.active .intro-background,
  .official-redesign-local .hero-slide.active .intro-copy .eyebrow,
  .official-redesign-local .hero-slide.active .hero-line,
  .official-redesign-local .hero-slide.active .intro-lead,
  .official-redesign-local .hero-slide.active .intro-actions{animation:none}
}

/* Opaque fixed-header compositor fix.
   The certificate carousel previously used its own GPU layer; on some Chromium
   builds that layer could be painted through the fixed header while scrolling. */
.official-redesign-local .site-head-shell{
  z-index:2147483000!important;
  overflow:clip!important;
  background:#fff!important;
  opacity:1!important;
  isolation:isolate!important;
  contain:none!important;
  backface-visibility:hidden;
}
.official-redesign-local .site-head-shell::before{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  background:#fff;
  opacity:1;
  pointer-events:none;
  content:"";
}
.official-redesign-local .site-head-shell .top-contact{
  position:relative!important;
  z-index:2!important;
  background:#071a3b!important;
  opacity:1!important;
}
.official-redesign-local .site-head-shell .main-header,
.official-redesign-local .site-head-shell .main-header.is-compact,
.official-redesign-local .site-head-shell.is-compact .main-header{
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
  background:#fff!important;
  opacity:1!important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.official-redesign-local .site-head-shell .main-header::before{
  z-index:0!important;
  background:#fff!important;
  opacity:1!important;
}
.official-redesign-local .site-head-shell .header-inner{
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
  opacity:1!important;
}
.official-redesign-local .qualification-home,
.official-redesign-local .qualification-carousel,
.official-redesign-local .qualification-carousel-viewport{
  z-index:0!important;
  isolation:isolate!important;
}
.official-redesign-local .qualification-carousel-viewport{
  overflow:hidden!important;
  contain:layout paint!important;
}
.official-redesign-local .qualification-carousel-track,
.official-redesign-local .leader-track,
.official-redesign-local .equipment-gallery-track{
  will-change:auto!important;
  backface-visibility:visible!important;
}
.official-redesign-local .qualification-carousel-track,
.official-redesign-local .qualification-certificate{
  z-index:0!important;
  transform-style:flat!important;
}

/* Compact footer: retain only identity, direct contact and one conversion path. */
.official-redesign-local .site-footer .footer-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,1.15fr) minmax(300px,1fr) minmax(260px,.8fr)!important;
  align-items:center!important;
  gap:72px!important;
  padding:46px 0 42px!important;
}
.official-redesign-local .site-footer .footer-grid>div{
  max-width:none!important;
}
.official-redesign-local .footer-logo-panel{
  max-width:330px!important;
}
.official-redesign-local .footer-brand img{
  max-width:330px!important;
}
.official-redesign-local .footer-brand p{
  margin:16px 0 0!important;
  color:rgba(231,238,251,.68)!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.official-redesign-local .site-footer .footer-contact h3,
.official-redesign-local .site-footer .footer-cta h3{
  margin:0 0 17px!important;
  font-size:20px!important;
  line-height:1.35!important;
}
.official-redesign-local .footer-contact a{
  margin-bottom:7px!important;
}
.official-redesign-local .footer-contact p{
  margin-top:7px!important;
}
.official-redesign-local .footer-cta>a{
  max-width:270px!important;
}
@media(max-width:980px){
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:38px 48px!important;
  }
  .official-redesign-local .footer-cta{
    grid-column:1/-1!important;
  }
}

@media(max-width:620px){
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding:38px 0 34px!important;
  }
  .official-redesign-local .footer-cta{
    grid-column:auto!important;
  }
  .official-redesign-local .footer-cta>a{
    max-width:none!important;
  }
}

/* Calm homepage carousel: cross-fade complete scenes instead of pushing the
   whole page sideways. This keeps the image continuous and avoids a reload or
   split-screen impression while the next scene comes into focus. */
.official-redesign-local .intro-hero{
  isolation:isolate;
}
.official-redesign-local .hero-track{
  overflow:hidden;
  isolation:isolate;
}
.official-redesign-local .hero-slide{
  display:block!important;
  opacity:0!important;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.018);
  transition:opacity .82s ease,transform 1.08s cubic-bezier(.22,.61,.36,1);
  will-change:auto;
  backface-visibility:hidden;
}
.official-redesign-local .hero-slide.active{
  z-index:2;
  visibility:visible;
  opacity:1!important;
  pointer-events:auto;
  transform:scale(1);
}
.official-redesign-local .hero-slide.entering,
.official-redesign-local .hero-slide.leaving{
  visibility:visible;
  pointer-events:none;
  will-change:opacity,transform;
}
.official-redesign-local .hero-slide.leaving{
  z-index:2;
  opacity:1!important;
  transform:scale(1);
}
.official-redesign-local .hero-slide.entering{
  z-index:3;
  opacity:0!important;
  transform:scale(1.018);
}
.official-redesign-local .intro-hero.is-fading .hero-slide.entering{
  opacity:1!important;
  transform:scale(1);
}
.official-redesign-local .intro-hero.is-fading .hero-slide.leaving{
  opacity:0!important;
  transform:scale(.995);
}
.official-redesign-local .hero-slide.leaving .intro-copy{
  opacity:0;
  transform:translateY(-10px);
  transition:opacity .2s ease,transform .28s ease;
}
.official-redesign-local .hero-slide.entering .intro-copy{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .42s .24s ease,transform .5s .24s cubic-bezier(.22,.61,.36,1);
}
.official-redesign-local .intro-hero.is-fading .hero-slide.entering .intro-copy{
  opacity:1;
  transform:translateY(0);
}
.official-redesign-local .intro-hero.is-fading .hero-arrow{
  pointer-events:none;
}
.official-redesign-local .hero-slide.entering .intro-background{
  animation:hero-scene-in 6.2s cubic-bezier(.2,.7,.2,1) both;
}
@media(prefers-reduced-motion:reduce){
  .official-redesign-local .hero-slide,
  .official-redesign-local .hero-slide.entering,
  .official-redesign-local .hero-slide.leaving{
    transition:none!important;
    will-change:auto;
  }
}

/* The gold cleanroom sign is production evidence, not a management-system
   certificate. Integrate it with the cleanroom photograph as a restrained
   on-site badge so the qualifications block stays visually consistent. */
.official-redesign-local .equipment-cleanroom-visual{
  position:relative;
  min-width:0;
  height:430px;
  margin:0;
  overflow:hidden;
  background:#e9edf3;
}
.official-redesign-local .equipment-cleanroom-visual>img:first-child{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.official-redesign-local .equipment-cleanroom-visual figcaption{
  position:absolute;
  left:22px;
  bottom:22px;
  display:grid;
  width:min(342px,calc(100% - 44px));
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:10px 13px 10px 10px;
  border-left:3px solid var(--blue);
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(5,25,58,.18);
  color:var(--navy);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.official-redesign-local .equipment-cleanroom-visual figcaption>img{
  display:block;
  width:72px;
  height:54px;
  object-fit:contain;
  background:#fff7df;
}
.official-redesign-local .equipment-cleanroom-visual figcaption span,
.official-redesign-local .equipment-cleanroom-visual figcaption small,
.official-redesign-local .equipment-cleanroom-visual figcaption strong,
.official-redesign-local .equipment-cleanroom-visual figcaption em{display:block}
.official-redesign-local .equipment-cleanroom-visual figcaption small{
  margin-bottom:4px;
  color:var(--blue);
  font:700 8px Arial,sans-serif;
  letter-spacing:.13em;
}
.official-redesign-local .equipment-cleanroom-visual figcaption strong{
  font-size:14px;
  line-height:1.25;
}
.official-redesign-local .equipment-cleanroom-visual figcaption em{
  margin-top:4px;
  color:#718096;
  font-size:10px;
  font-style:normal;
}
@media(max-width:860px){
  .official-redesign-local .equipment-cleanroom-visual{height:360px}
}
@media(max-width:560px){
  .official-redesign-local .equipment-cleanroom-visual{height:270px}
  .official-redesign-local .equipment-cleanroom-visual figcaption{
    left:12px;
    bottom:12px;
    width:calc(100% - 24px);
    grid-template-columns:58px minmax(0,1fr);
    gap:9px;
    padding:8px 10px 8px 8px;
  }
  .official-redesign-local .equipment-cleanroom-visual figcaption>img{width:58px;height:44px}
  .official-redesign-local .equipment-cleanroom-visual figcaption strong{font-size:12px}
  .official-redesign-local .equipment-cleanroom-visual figcaption em{display:none}
}

/* Dark-section chapter navigation: the auto-hiding global header can stay
   unobtrusive while these full-width sections still expose clear routes. */
.official-redesign-local .company-section,
.official-redesign-local .leadership-home{position:relative}
.official-redesign-local .chapter-nav{
  position:absolute;
  z-index:5;
  top:20px;
  left:50%;
  display:grid;
  width:min(1440px,calc(100% - 48px));
  height:42px;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.2);
  color:#fff;
  transform:translateX(-50%);
}
.official-redesign-local .chapter-nav a{
  display:flex;
  min-width:0;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  transition:color .22s,transform .22s;
}
.official-redesign-local .chapter-nav a:last-child{justify-content:flex-end}
.official-redesign-local .chapter-nav a:hover{color:#fff;transform:translateX(-3px)}
.official-redesign-local .chapter-nav a:last-child:hover{transform:translateX(3px)}
.official-redesign-local .chapter-nav a b{font-size:17px;font-weight:400}
.official-redesign-local .chapter-nav strong{
  padding:0 22px;
  color:#9db0f5;
  font:700 10px Arial,sans-serif;
  letter-spacing:.16em;
}
.official-redesign-local .leader-slider{padding-inline:62px}
.official-redesign-local .leader-arrow{
  position:absolute;
  z-index:3;
  top:calc(50% - 26px);
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:19px;
  transition:background .22s,border-color .22s,transform .22s;
}
.official-redesign-local .leader-arrow:hover{
  border-color:#8fa6ff;
  background:#3152b8;
  transform:scale(1.05);
}
.official-redesign-local .leader-arrow-prev{left:3px}
.official-redesign-local .leader-arrow-next{right:3px}
@media(max-width:760px){
  .official-redesign-local .chapter-nav{top:12px;width:calc(100% - 28px)}
  .official-redesign-local .chapter-nav strong{padding:0 10px;font-size:8px}
  .official-redesign-local .chapter-nav a{gap:6px;font-size:10px}
  .official-redesign-local .leader-slider{padding-inline:43px}
  .official-redesign-local .leader-arrow{width:36px;height:36px;font-size:15px}
}

/* Header cleanup and carousel edge guard. The former search icon only linked
   to the cases section, so keep one clear quote action in the masthead. The
   extra two-pixel bleed prevents fractional GPU rounding from exposing a
   bright seam while the full-bleed hero scenes cross-fade. */
.official-redesign-local .header-quote{margin-left:24px}
.official-redesign-local .intro-hero,
.official-redesign-local .hero-track{background:#061633}
.official-redesign-local .hero-track{inset:-2px}
.official-redesign-local .hero-slide{
  inset:0;
  background:#061633;
  transform:scale(1.014) translateZ(0);
  transform-origin:center;
}
.official-redesign-local .hero-slide.active,
.official-redesign-local .hero-slide.leaving{transform:scale(1.006) translateZ(0)}
.official-redesign-local .hero-slide.entering{transform:scale(1.014) translateZ(0)}
.official-redesign-local .intro-hero.is-fading .hero-slide.entering{transform:scale(1.006) translateZ(0)}
.official-redesign-local .intro-hero.is-fading .hero-slide.leaving{transform:scale(1.002) translateZ(0)}
.official-redesign-local .intro-background{
  inset:-2px;
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  transform:scale(1.012) translateZ(0);
  backface-visibility:hidden;
}
.official-redesign-local .hero-slide.active .intro-background{transform:scale(1.006) translateZ(0)}

/* Final unified certificate gallery: one native-scroll row, no separate page. */
.official-redesign-local .qualification-carousel-head{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:0 0 14px;
}
.official-redesign-local .qualification-carousel-head button{
  display:grid;
  width:42px;
  height:42px;
  padding:0;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  font-size:19px;
  transition:.2s ease;
}
.official-redesign-local .qualification-carousel-head button:hover:not(:disabled){
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
}
.official-redesign-local .qualification-carousel-head button:disabled{opacity:.35;cursor:default}
.official-redesign-local .qualification-carousel-page{min-width:62px;color:#617083;font:600 12px/1 Arial;text-align:center;letter-spacing:.08em}
.official-redesign-local .qualification-carousel-viewport{
  position:relative!important;
  z-index:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-top:0!important;
  scroll-behavior:smooth;
  scroll-snap-type:none;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  touch-action:pan-y;
  contain:layout paint!important;
  isolation:isolate!important;
}
.official-redesign-local .qualification-carousel-viewport::-webkit-scrollbar{display:none}
.official-redesign-local .qualification-carousel-track{
  display:flex!important;
  gap:18px!important;
  width:100%!important;
  min-width:100%!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
.official-redesign-local .qualification-home-list .qualification-certificate{
  position:relative!important;
  z-index:0!important;
  display:grid!important;
  flex:0 0 100%!important;
  grid-template-rows:390px auto!important;
  min-width:0!important;
  scroll-snap-align:none;
  scroll-snap-stop:normal;
  transform:none!important;
  contain:layout paint!important;
  background:#fff!important;
}
.official-redesign-local .qualification-home-list .qualification-certificate:hover{transform:translateY(-3px)!important}
.official-redesign-local .qualification-home-list .qualification-certificate figure{height:auto!important;min-height:0!important}
.official-redesign-local .qualification-certificate-pair{
  display:grid;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  background:#dfe5ee;
}
.official-redesign-local .qualification-edition{
  display:block;
  min-width:0;
  color:inherit;
  background:#f2f4f8;
  text-decoration:none;
}
.official-redesign-local .qualification-edition figure{
  position:relative;
  display:grid;
  height:100%!important;
  margin:0;
  padding:16px 12px 42px;
  place-items:center;
  background:#f2f4f8;
}
.official-redesign-local .qualification-edition img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
}
.official-redesign-local .qualification-edition figcaption{
  position:absolute;
  right:12px;
  bottom:10px;
  left:12px;
  color:#64748b;
  font:700 10px/1.3 Arial,sans-serif;
  text-align:center;
  letter-spacing:.12em;
}
.official-redesign-local .qualification-edition:hover figcaption{color:var(--blue)}
.official-redesign-local .qualification-certificate-single .qualification-certificate-pair{grid-template-columns:1fr}
.official-redesign-local .qualification-certificate-single .qualification-edition{max-width:58%;width:100%;margin:0 auto}
.official-redesign-local .qualification-home-list .qualification-certificate>.qualification-certificate-meta{padding:17px 19px 20px}

/* Certificate originals and explanations stay inside this page. */
.certificate-lightbox[hidden],.product-detail-modal[hidden]{display:none!important}
.certificate-lightbox,.product-detail-modal{
  position:fixed;
  z-index:2147483646;
  inset:0;
  display:grid;
  padding:34px;
  place-items:center;
}
.certificate-lightbox-backdrop,.product-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(3,15,39,.9);
  cursor:zoom-out;
}
.certificate-lightbox figure{
  position:relative;
  z-index:1;
  display:grid;
  width:min(1040px,calc(100vw - 68px));
  max-height:calc(100vh - 68px);
  grid-template-columns:minmax(360px,.9fr) minmax(300px,.65fr);
  margin:0;
  overflow:auto;
  background:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.certificate-lightbox img{
  display:block;
  width:100%;
  height:100%;
  max-height:calc(100vh - 68px);
  padding:20px;
  object-fit:contain;
  background:#f3f6fa;
}
.certificate-lightbox figcaption{display:flex;flex-direction:column;justify-content:center;padding:44px 42px;color:#0a1c3b}
.certificate-lightbox figcaption small{color:var(--blue);font:700 11px/1.4 Arial;letter-spacing:.16em;text-transform:uppercase}
.certificate-lightbox figcaption h2{margin:14px 0 18px;font-size:30px;line-height:1.35}
.certificate-lightbox figcaption p{margin:0;color:#617083;font-size:15px;line-height:1.9}
.certificate-lightbox-close,.product-modal-close{
  position:fixed;
  z-index:2;
  top:18px;
  right:20px;
  display:grid;
  width:48px;
  height:48px;
  padding:0;
  place-items:center;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:#fff;
  color:#071a3b;
  font-size:28px;
  line-height:1;
}

/* Product details use the same visual language and never leave the redesign. */
.product-detail-modal{
  display:block;
  padding:0;
  overflow:auto;
  overscroll-behavior:contain;
  background:#fff;
  color:#0a1c3b;
}
.product-detail-modal .product-modal-backdrop{display:none}
.product-modal-panel{
  position:relative;
  z-index:1;
  display:flex;
  width:100%;
  min-height:100%;
  flex-direction:column;
  background:#fff;
}
.product-modal-topbar{
  position:sticky;
  z-index:7;
  top:0;
  display:flex;
  min-height:74px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 max(28px,calc((100vw - 1540px)/2));
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.98);
  box-shadow:0 8px 30px rgba(9,31,64,.06);
  backdrop-filter:blur(14px);
}
.product-modal-topbar nav{display:flex;min-width:0;align-items:center;gap:12px;color:#8793a3;font-size:14px}
.product-modal-topbar nav button{padding:0;border:0;background:none;color:var(--blue);font:inherit;font-weight:700;cursor:pointer}
.product-modal-topbar nav i{color:#bac3ce;font-style:normal}
.product-modal-topbar nav strong{overflow:hidden;max-width:340px;color:#0a1c3b;text-overflow:ellipsis;white-space:nowrap}
.product-detail-modal .product-modal-close{
  position:static;
  display:flex;
  width:auto;
  height:44px;
  flex:0 0 auto;
  align-items:center;
  gap:14px;
  padding:0 0 0 18px;
  border:1px solid #dfe6ef;
  border-radius:999px;
  background:#fff;
  box-shadow:none;
  color:#0a1c3b;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.product-detail-modal .product-modal-close b{display:grid;width:42px;height:42px;place-items:center;border-left:1px solid #dfe6ef;font-size:22px;font-weight:400}
.product-modal-main{
  display:grid;
  width:min(1540px,calc(100vw - 150px));
  margin:auto;
  padding:58px 0 34px;
  grid-template-columns:minmax(520px,1.05fr) minmax(440px,.95fr);
  gap:72px;
  align-items:center;
}
.product-modal-main figure{
  position:relative;
  display:flex;
  min-height:620px;
  margin:0;
  padding:64px 52px 48px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid var(--line);
  background:#f3f5f8;
}
.product-modal-main figure::after{position:absolute;right:-100px;bottom:-130px;width:360px;height:360px;border:1px solid rgba(39,78,187,.1);border-radius:50%;content:""}
.product-image-tag{position:absolute;z-index:2;top:24px;left:24px;padding:12px 16px;background:var(--blue);color:#fff;font-size:13px;font-weight:700}
.product-modal-main figure img{position:relative;z-index:1;width:100%;height:100%;max-height:570px;object-fit:contain;transition:opacity .2s ease}
.product-modal-main figure>small{position:absolute;z-index:2;right:24px;bottom:20px;color:#8b97a5;font-size:12px}
.product-modal-main article{display:flex;flex-direction:column;justify-content:center;padding:12px 0;color:#0a1c3b}
.product-modal-code{margin:0 0 22px;color:#1382e9;font:700 13px/1.4 Arial,sans-serif;letter-spacing:.14em}
.product-modal-main h2{margin:0 0 18px;font-size:clamp(38px,3.3vw,58px);line-height:1.14;letter-spacing:-.035em}
.product-modal-intro{max-width:700px;margin:0 0 34px;color:#617083;font-size:17px;line-height:1.9}
.product-modal-main dl{display:block;margin:0;border-top:1px solid var(--line)}
.product-modal-main dl div{display:grid;min-height:72px;padding:17px 0;grid-template-columns:124px 1fr;gap:22px;align-items:center;border-bottom:1px solid var(--line)}
.product-modal-main dt{color:#8995a4}.product-modal-main dd{margin:0;color:#425064;line-height:1.65}
.product-modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.product-modal-actions .pill-action{display:flex;min-width:190px;height:56px;align-items:center;justify-content:space-between;padding:0 0 0 22px;border:1px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);font-weight:700}
.product-modal-actions .pill-action b{display:grid;width:54px;height:54px;place-items:center;border-left:1px solid currentColor;font-size:18px}
.product-modal-actions .pill-action.primary{background:var(--blue);color:#fff}
.product-modal-note{margin:18px 0 0;color:#939eab;font-size:12px;line-height:1.7}
.product-modal-side{
  position:fixed;
  z-index:8;
  top:50%;
  display:grid;
  width:58px;
  height:58px;
  padding:0;
  place-items:center;
  border:1px solid #dce4ed;
  border-radius:50%;
  background:#fff;
  box-shadow:0 14px 36px rgba(9,31,64,.12);
  color:var(--blue);
  font-size:24px;
  cursor:pointer;
  transform:translateY(-50%);
}
.product-modal-side:hover{border-color:var(--blue);background:var(--blue);color:#fff}
.product-modal-side-prev{left:22px}.product-modal-side-next{right:22px}

.product-modal-main .product-image-tag{
  display:block;
  width:max-content;
  min-width:0;
  height:auto;
  padding:12px 16px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.product-modal-switcher{
  display:grid;
  width:min(1540px,calc(100vw - 150px));
  min-height:90px;
  margin:8px auto 34px;
  grid-template-columns:1fr 150px 1fr;
  border:1px solid var(--line);
  background:#f7f9fc;
}
.product-modal-switcher>button{display:flex;min-width:0;align-items:center;gap:18px;padding:18px 24px;border:0;background:transparent;color:#0a1c3b;text-align:left;cursor:pointer}
.product-modal-switcher>button:last-child{justify-content:flex-end;text-align:right}
.product-modal-switcher>button:hover{background:#eef3f9}
.product-modal-switcher>button b{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-size:18px}
.product-modal-switcher>button span{display:grid;min-width:0;gap:4px}
.product-modal-switcher small{color:#8793a3;font-size:11px;letter-spacing:.08em}
.product-modal-switcher strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.product-modal-position{display:grid;place-items:center;border-right:1px solid var(--line);border-left:1px solid var(--line);color:#8793a3}
.product-modal-position b{color:var(--blue);font-size:20px}
.product-modal-position small{font-size:10px;letter-spacing:.08em}

@media(max-width:980px){
  .official-redesign-local .qualification-home-list .qualification-certificate{flex-basis:100%!important}
  .product-modal-main{width:calc(100vw - 56px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
  .product-modal-main figure{min-height:500px;padding:54px 34px 38px}
  .product-modal-side{display:none}
  .product-modal-switcher{width:calc(100vw - 56px)}
}
@media(max-width:720px){
  .official-redesign-local .qualification-home-list .qualification-certificate{flex-basis:100%!important;grid-template-rows:min(92vw,390px) auto!important}
  .official-redesign-local .qualification-edition figure{padding:12px 8px 38px}
  .official-redesign-local .qualification-edition figcaption{right:6px;bottom:9px;left:6px;font-size:9px}
  .official-redesign-local .qualification-certificate-single .qualification-edition{max-width:72%}
  .certificate-lightbox,.product-detail-modal{padding:16px}
  .certificate-lightbox figure,.product-modal-panel{width:calc(100vw - 32px);max-height:calc(100vh - 32px);grid-template-columns:1fr}
  .certificate-lightbox img{height:min(58vh,520px);max-height:none}
  .certificate-lightbox figcaption{padding:26px 24px 30px}
  .certificate-lightbox figcaption h2{font-size:24px}
  .product-detail-modal{padding:0}
  .product-modal-panel{width:100%;max-height:none}
  .product-modal-topbar{min-height:62px;padding:0 14px}
  .product-modal-topbar nav{gap:7px;font-size:12px}
  .product-modal-topbar nav strong{max-width:112px}
  .product-detail-modal .product-modal-close{height:40px;padding-left:13px;font-size:12px}
  .product-detail-modal .product-modal-close b{width:38px;height:38px}
  .product-modal-main{width:calc(100vw - 28px);padding:22px 0 18px;grid-template-columns:1fr;gap:28px}
  .product-modal-main figure{min-height:0;height:min(52vh,430px);padding:54px 20px 30px}
  .product-image-tag{top:14px;left:14px;padding:9px 12px}
  .product-modal-main figure>small{right:14px;bottom:12px}
  .product-modal-main article{padding:0 4px}
  .product-modal-main h2{font-size:32px}
  .product-modal-code{margin-bottom:12px}
  .product-modal-intro{margin-bottom:22px;font-size:15px}
  .product-modal-main dl div{min-height:64px;grid-template-columns:86px 1fr;gap:12px;padding:13px 0;font-size:14px}
  .product-modal-actions{flex-direction:column}
  .product-modal-actions .pill-action{width:100%}
  .product-modal-switcher{width:calc(100vw - 28px);min-height:72px;margin-bottom:18px;grid-template-columns:1fr 78px 1fr}
  .product-modal-switcher>button{justify-content:center!important;padding:12px;text-align:center!important}
  .product-modal-switcher>button span{display:none}
  .product-modal-position b{font-size:16px}
}

/* 2026-08-18 | final scoped polish: products, equipment and qualifications only */
.official-redesign-local :is(#products,#equipment,#qualifications){
  --polish-radius:12px;
  --polish-shadow:0 16px 42px rgba(7,30,67,.08);
  --polish-muted:#5f6f83;
  padding-top:clamp(64px,6vw,88px);
  padding-bottom:clamp(64px,6vw,88px);
  overflow:clip;
}
.official-redesign-local :is(#products,#equipment,#qualifications) *{min-width:0}
.official-redesign-local :is(#products,#equipment) .section-heading{margin-bottom:30px}
.official-redesign-local :is(#products,#equipment) .section-heading h2,
.official-redesign-local #qualifications .qualification-home-copy h2{
  margin-top:10px;
  font-size:clamp(34px,3.35vw,52px);
  line-height:1.12;
  letter-spacing:-.035em;
}
.official-redesign-local :is(#products,#equipment) .section-heading>p,
.official-redesign-local #qualifications .qualification-home-copy p{
  color:var(--polish-muted);
  font-size:15px;
  line-height:1.85;
}
.official-redesign-local :is(#products,#equipment) .section-heading span,
.official-redesign-local #qualifications .qualification-home-copy>span{
  font-size:12px;
  line-height:1.5;
  letter-spacing:.15em;
}

/* Product cases */
.official-redesign-local #products .product-toolbar{margin:0 0 24px}
.official-redesign-local #products .product-tabs{gap:10px}
.official-redesign-local #products .product-tabs button{
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  font-size:14px;
}
.official-redesign-local #products .product-pagination,
.official-redesign-local #products .product-status{color:var(--polish-muted);font-size:14px}
.official-redesign-local #products .product-grid{gap:22px}
.official-redesign-local #products .product-grid>.product-card{
  overflow:hidden;
  border-radius:var(--polish-radius);
  box-shadow:var(--polish-shadow);
}
.official-redesign-local #products .product-grid figure{height:238px}
.official-redesign-local #products .product-grid>.product-card>div{min-height:126px;padding:20px}
.official-redesign-local #products .product-grid small{font-size:12px;line-height:1.45}
.official-redesign-local #products .product-grid h3{font-size:18px;line-height:1.4}
.official-redesign-local #products .product-card .product-detail-link{font-size:14px;line-height:1.5}

/* Equipment and workshop */
.official-redesign-local #equipment .equipment-overview{
  overflow:hidden;
  border-radius:var(--polish-radius);
  box-shadow:var(--polish-shadow);
}
.official-redesign-local #equipment .equipment-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}
.official-redesign-local #equipment .equipment-tabs button{
  min-height:64px;
  height:auto;
  padding:12px 14px;
  font-size:14px;
  line-height:1.35;
}
.official-redesign-local #equipment .equipment-tabs button small{font-size:11px}
.official-redesign-local #equipment .equipment-main{grid-template-columns:minmax(0,1.32fr) minmax(320px,.92fr)}
.official-redesign-local #equipment .equipment-main>img{height:360px}
.official-redesign-local #equipment .equipment-main>div{padding:32px}
.official-redesign-local #equipment .equipment-main small{font-size:12px;line-height:1.5}
.official-redesign-local #equipment .equipment-main h3{font-size:28px;line-height:1.25}
.official-redesign-local #equipment .equipment-main p{color:var(--polish-muted);font-size:15px;line-height:1.8}
.official-redesign-local #equipment .equipment-list span{
  min-height:96px;
  padding:16px 20px;
  font-size:14px;
  line-height:1.45;
}
.official-redesign-local #equipment .equipment-list b{font-size:22px;line-height:1.2}
.official-redesign-local #equipment .equipment-gallery{gap:16px;margin:16px}
.official-redesign-local #equipment .equipment-gallery figure{
  height:160px;
  overflow:hidden;
  border-radius:10px;
}
.official-redesign-local #equipment .equipment-gallery figcaption{font-size:14px;line-height:1.45}
.official-redesign-local #equipment .equipment-gallery-toolbar{min-height:68px;height:auto;padding:12px 18px}
.official-redesign-local #equipment .equipment-gallery-toolbar strong{font-size:15px}
.official-redesign-local #equipment .equipment-gallery-toolbar span{color:var(--polish-muted);font-size:13px}
.official-redesign-local #equipment .equipment-gallery-track{gap:16px;padding:18px}

/* Qualifications: one paired Chinese/English certificate per carousel page */
.official-redesign-local #qualifications .qualification-home-layout{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:42px;
  align-items:center;
}
.official-redesign-local #qualifications .qualification-home-copy p{max-width:520px}
.official-redesign-local #qualifications .qualification-carousel-head{margin-bottom:14px}
.official-redesign-local #qualifications .qualification-carousel-head button{
  width:44px;
  height:44px;
  border-radius:50%;
}
.official-redesign-local #qualifications .qualification-carousel-viewport{
  padding:2px 2px 18px!important;
  scroll-snap-type:x mandatory!important;
}
.official-redesign-local #qualifications .qualification-carousel-track{gap:20px!important}
.official-redesign-local #qualifications .qualification-certificate{
  flex:0 0 100%!important;
  grid-template-rows:330px auto!important;
  overflow:hidden;
  border-radius:var(--polish-radius);
  box-shadow:var(--polish-shadow);
  scroll-snap-align:start;
}
.official-redesign-local #qualifications .qualification-certificate-pair{gap:12px!important;padding:12px!important}
.official-redesign-local #qualifications .qualification-edition{border-radius:10px;overflow:hidden}
.official-redesign-local #qualifications .qualification-edition figure{padding:18px 14px 44px}
.official-redesign-local #qualifications .qualification-edition figcaption{font-size:12px;line-height:1.4}
.official-redesign-local #qualifications .qualification-certificate-meta{padding:20px 22px 22px}
.official-redesign-local #qualifications .qualification-certificate-meta small{font-size:12px;line-height:1.45}
.official-redesign-local #qualifications .qualification-certificate-meta strong{font-size:22px;line-height:1.35}
.official-redesign-local #qualifications .qualification-certificate-meta p{color:var(--polish-muted);font-size:14px;line-height:1.65}
.official-redesign-local #qualifications .pill-action{border-radius:999px;box-shadow:var(--polish-shadow)}

@media(max-width:1100px){
  .official-redesign-local #products .product-grid{gap:18px}
  .official-redesign-local #products .product-grid figure{height:220px}
  .official-redesign-local #equipment .equipment-tabs{overflow-x:auto;grid-template-columns:repeat(7,minmax(150px,1fr));scrollbar-width:thin}
  .official-redesign-local #qualifications .qualification-home-layout{grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:32px}
  .official-redesign-local #qualifications .qualification-certificate{grid-template-rows:310px auto!important}
}

@media(max-width:900px){
  .official-redesign-local :is(#products,#equipment,#qualifications){padding-top:60px;padding-bottom:60px}
  .official-redesign-local #products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .official-redesign-local #products .product-grid figure{height:250px}
  .official-redesign-local #equipment .equipment-main{grid-template-columns:1fr}
  .official-redesign-local #equipment .equipment-main>img{height:340px}
  .official-redesign-local #equipment .equipment-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .official-redesign-local #qualifications .qualification-home-layout{grid-template-columns:1fr;gap:30px}
  .official-redesign-local #qualifications .qualification-home-copy p{max-width:700px}
  .official-redesign-local #qualifications .qualification-certificate{grid-template-rows:340px auto!important}
}

@media(max-width:620px){
  .official-redesign-local :is(#products,#equipment,#qualifications){padding-top:48px;padding-bottom:48px}
  .official-redesign-local :is(#products,#equipment) .section-heading{margin-bottom:24px}
  .official-redesign-local :is(#products,#equipment) .section-heading h2,
  .official-redesign-local #qualifications .qualification-home-copy h2{font-size:34px}
  .official-redesign-local #products .product-toolbar{align-items:flex-start;gap:14px;margin-bottom:20px}
  .official-redesign-local #products .product-tabs{width:100%;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap;scrollbar-width:thin}
  .official-redesign-local #products .product-tabs button{flex:0 0 auto}
  .official-redesign-local #products .product-grid{grid-template-columns:1fr;gap:18px}
  .official-redesign-local #products .product-grid figure{height:280px}
  .official-redesign-local #equipment .equipment-main>img{height:280px}
  .official-redesign-local #equipment .equipment-main>div{padding:24px 20px}
  .official-redesign-local #equipment .equipment-main h3{font-size:25px}
  .official-redesign-local #equipment .equipment-list{grid-template-columns:1fr}
  .official-redesign-local #equipment .equipment-list span{min-height:76px}
  .official-redesign-local #equipment .equipment-gallery{grid-template-columns:1fr;margin:12px}
  .official-redesign-local #equipment .equipment-gallery figure{height:210px}
  .official-redesign-local #qualifications .qualification-certificate{grid-template-rows:250px auto!important}
  .official-redesign-local #qualifications .qualification-certificate-pair{gap:8px!important;padding:8px!important}
  .official-redesign-local #qualifications .qualification-edition figure{padding:10px 6px 34px}
  .official-redesign-local #qualifications .qualification-edition figcaption{font-size:10px}
  .official-redesign-local #qualifications .qualification-certificate-meta{padding:18px}
}

@media(max-width:430px){
  .official-redesign-local :is(#products,#equipment,#qualifications){padding-top:44px;padding-bottom:44px}
  .official-redesign-local #products .product-grid figure{height:250px}
  .official-redesign-local #products .product-grid>.product-card>div{min-height:116px;padding:18px}
  .official-redesign-local #equipment .equipment-main>img{height:240px}
  .official-redesign-local #equipment .equipment-gallery figure{height:190px}
  .official-redesign-local #qualifications .qualification-certificate{grid-template-rows:225px auto!important}
}

/* Keep the contact card and inquiry panel aligned along their lower edge. */
@media (min-width:769px){
  .official-redesign-local .contact-layout{
    align-items:stretch;
  }

  .official-redesign-local .inquiry-form{
    align-self:stretch;
  }
}
.official-redesign-local .footer-filings{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.official-redesign-local .gongan-filing{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.official-redesign-local .gongan-filing img{display:block;width:18px;height:18px;flex:none}
.official-redesign-local .footer-base>.wrap{font-size:12px}
@media (max-width:768px){
  .official-redesign-local .footer-filings{justify-content:flex-start;gap:10px 16px}
}

/* 2026-08-20 | production mobile experience */
.official-redesign-local .mobile-action-bar{display:none}
.official-redesign-local .gongan-filing img{
  width:20px;
  height:22px;
  object-fit:contain;
}
.official-redesign-local :is(.intro-hero,.leader-slider){touch-action:pan-y}

@media(max-width:860px){
  .official-redesign-local #quoteForm{scroll-margin-top:12px}
  .official-redesign-local .toast{
    right:16px;
    bottom:calc(84px + env(safe-area-inset-bottom));
    left:16px;
    max-width:none;
    text-align:center;
  }
  .official-redesign-local .site-head-shell{overflow:visible!important}
  .official-redesign-local .site-head-shell .main-header,
  .official-redesign-local .site-head-shell .main-header.is-compact,
  .official-redesign-local .site-head-shell.is-compact .main-header{overflow:visible!important}
  .official-redesign-local .header-inner{width:calc(100% - 28px)}
  .official-redesign-local .menu-toggle{
    position:relative;
    z-index:4;
    display:block;
    width:44px;
    height:44px;
    margin-left:auto;
    padding:7px;
    border-radius:50%;
    background:#f2f5fa;
  }
  .official-redesign-local .menu-toggle i{
    width:23px;
    margin:5px auto;
    transition:transform .22s ease,opacity .18s ease;
  }
  .official-redesign-local .menu-toggle.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .official-redesign-local .menu-toggle.open i:nth-child(2){opacity:0}
  .official-redesign-local .menu-toggle.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .official-redesign-local .main-header nav:not(.open){display:none!important}
  .official-redesign-local .main-header nav.open{
    position:fixed!important;
    z-index:3;
    top:102px!important;
    right:0;
    bottom:auto;
    left:0;
    display:flex!important;
    max-height:calc(100dvh - 102px - 76px);
    overflow-y:auto;
    padding:10px 18px 18px;
    border-top:1px solid #e2e8f1;
    border-radius:0 0 18px 18px;
    background:#fff;
    box-shadow:0 18px 42px rgba(6,22,51,.18);
  }
  .official-redesign-local .main-header nav.open a{
    min-height:50px;
    height:50px;
    justify-content:flex-start;
    padding:0 10px;
    font-size:15px;
  }
  .official-redesign-local.mobile-menu-open{overflow:hidden}

  .official-redesign-local .contact-float,
  .official-redesign-local .mobile-contact{display:none!important}
  .official-redesign-local .mobile-action-bar{
    position:fixed;
    z-index:2147483100;
    right:10px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    left:10px;
    display:grid;
    min-height:62px;
    grid-template-columns:1fr 1fr 1.45fr;
    gap:6px;
    padding:6px;
    border:1px solid rgba(9,33,71,.08);
    border-radius:17px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 34px rgba(6,22,51,.2);
    backdrop-filter:blur(14px);
  }
  .official-redesign-local .mobile-action-bar :is(a,button){
    display:flex;
    min-width:0;
    min-height:50px;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 8px;
    border:0;
    border-radius:12px;
    background:#f2f5fa;
    color:var(--navy);
    font-size:12px;
    font-weight:700;
  }
  .official-redesign-local .mobile-action-bar b{
    display:grid;
    width:24px;
    height:24px;
    flex:0 0 24px;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:var(--blue);
    font-size:13px;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-phone{
    border:1px solid #d9e3ff;
    background:linear-gradient(135deg,#f0f4ff,#e7edff);
    color:#173783;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-phone b{
    background:linear-gradient(135deg,var(--blue),#18358f);
    color:#fff;
    box-shadow:0 5px 12px rgba(41,72,175,.22);
  }
  .official-redesign-local .mobile-action-bar .mobile-action-phone svg{
    display:block;
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-phone:active{transform:translateY(1px)}
  .official-redesign-local .mobile-action-bar .mobile-action-primary{
    background:linear-gradient(135deg,var(--blue),#17398f);
    color:#fff;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-primary b{background:rgba(255,255,255,.18);color:#fff}
  .official-redesign-local{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .official-redesign-local .site-footer{padding-bottom:0!important}

  .official-redesign-local #equipment .equipment-main>img{
    width:100%;
    height:auto!important;
    aspect-ratio:16/10;
    object-fit:cover;
  }
  .official-redesign-local #equipment .equipment-tabs{
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
  }
  .official-redesign-local #equipment .equipment-tabs button{scroll-snap-align:start}
  .official-redesign-local #equipment .equipment-gallery{overflow:hidden}
  .official-redesign-local #equipment .equipment-gallery-track{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    transform:none!important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    touch-action:pan-x pan-y;
  }
  .official-redesign-local #equipment .equipment-gallery-track::-webkit-scrollbar{display:none}
  .official-redesign-local #equipment .equipment-gallery-track figure{scroll-snap-align:start;scroll-snap-stop:always}

  .official-redesign-local #qualifications .qualification-carousel-viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior-inline:contain;
  }
}

@media(min-width:701px) and (max-width:860px){
  .official-redesign-local #equipment .equipment-gallery-track figure,
  .official-redesign-local #equipment .equipment-gallery.single .equipment-gallery-track figure,
  .official-redesign-local #equipment .equipment-gallery.three .equipment-gallery-track figure,
  .official-redesign-local #equipment .equipment-gallery.four .equipment-gallery-track figure{flex-basis:calc((100% - 16px)/2)}
}

@media(max-width:700px){
  .official-redesign-local #products .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .official-redesign-local #products .product-grid>.product-card{border-radius:10px}
  .official-redesign-local #products .product-grid figure{
    height:auto!important;
    aspect-ratio:1/1;
  }
  .official-redesign-local #products .product-grid>.product-card>div{
    min-height:105px;
    padding:13px 12px;
  }
  .official-redesign-local #products .product-grid small{font-size:9px}
  .official-redesign-local #products .product-grid h3{
    display:-webkit-box;
    min-height:40px;
    margin:5px 0 8px;
    overflow:hidden;
    font-size:14px;
    line-height:1.42;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .official-redesign-local #products .product-card .product-detail-link,
  .official-redesign-local #products .product-grid>.product-card>div>span{font-size:10px}
  .official-redesign-local #equipment .equipment-gallery-track figure,
  .official-redesign-local #equipment .equipment-gallery.single .equipment-gallery-track figure,
  .official-redesign-local #equipment .equipment-gallery.three .equipment-gallery-track figure,
  .official-redesign-local #equipment .equipment-gallery.four .equipment-gallery-track figure{
    height:auto!important;
    aspect-ratio:4/3;
    flex:0 0 min(82vw,330px);
  }
  .official-redesign-local #equipment .equipment-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .official-redesign-local #equipment .equipment-list span{min-height:82px}
  .official-redesign-local .footer-base>.wrap{text-align:left}
  .official-redesign-local .footer-filings{align-items:flex-start}
}

@media(max-width:430px){
  .official-redesign-local #products .product-grid{gap:10px}
  .official-redesign-local #products .product-grid>.product-card>div{min-height:100px;padding:11px 10px}
  .official-redesign-local #products .product-grid h3{font-size:13px}
  .official-redesign-local .mobile-action-bar{right:8px;left:8px}
}

/* 2026-08-20 | simpler, typographically consistent footer */
.official-redesign-local .site-footer .footer-grid{
  grid-template-columns:minmax(320px,.9fr) minmax(460px,1.1fr)!important;
  align-items:center!important;
  gap:clamp(60px,9vw,140px)!important;
  padding:58px 0 54px!important;
}
.official-redesign-local .footer-logo-panel{max-width:360px;min-height:88px}
.official-redesign-local .footer-brand img{max-width:328px!important}
.official-redesign-local .footer-brand p{
  margin:17px 0 0!important;
  color:rgba(235,241,252,.72)!important;
  font-size:13px!important;
  line-height:1.7!important;
  letter-spacing:0!important;
}
.official-redesign-local .site-footer .footer-contact{
  display:block!important;
  align-self:center;
}
.official-redesign-local .site-footer .footer-contact h3{
  margin:0 0 20px!important;
  font-size:20px!important;
  line-height:1.4!important;
}
.official-redesign-local .footer-contact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  border-top:1px solid rgba(255,255,255,.13);
}
.official-redesign-local .footer-contact-list>*{
  display:grid;
  min-width:0;
  min-height:70px;
  align-content:center;
  gap:5px;
  margin:0!important;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.official-redesign-local .footer-contact-list>p{grid-column:1/-1}
.official-redesign-local .footer-contact-list span{
  color:#8ca7f4;
  font-size:11px;
  font-weight:600;
  line-height:1.4;
}
.official-redesign-local .footer-contact-list strong{
  overflow-wrap:anywhere;
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.65;
  letter-spacing:0;
}
.official-redesign-local .footer-contact-list a{
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
}
.official-redesign-local .footer-contact-list a:hover strong{color:#a9bcff}
.official-redesign-local .footer-base>.wrap{
  min-height:58px;
  font-size:12px!important;
  line-height:1.5;
}
.official-redesign-local .footer-base :is(span,a){font-size:12px}
.official-redesign-local .footer-filings{gap:12px 22px}

@media(max-width:860px){
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important;
    gap:42px!important;
    padding:48px 0 44px!important;
  }
  .official-redesign-local .footer-contact-list{grid-template-columns:1fr}
  .official-redesign-local .footer-contact-list>p{grid-column:auto}
}

@media(max-width:620px){
  .official-redesign-local .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding:42px 0 38px!important;
  }
  .official-redesign-local .footer-logo-panel{max-width:none;min-height:78px}
  .official-redesign-local .footer-brand img{max-width:310px!important}
  .official-redesign-local .site-footer .footer-contact h3{margin-bottom:15px!important;font-size:18px!important}
  .official-redesign-local .footer-contact-list>*{min-height:64px}
  .official-redesign-local .footer-base>.wrap{
    min-height:92px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:7px!important;
    padding:14px 0 17px!important;
    text-align:left!important;
  }
  .official-redesign-local .footer-filings{display:grid;gap:7px!important}
}

/* 2026-08-20 | product paging matches the workshop carousel */
.official-redesign-local #products .product-pagination{
  flex:0 0 auto;
  gap:10px;
  font-size:13px;
}
.official-redesign-local #products .product-pagination button{
  display:grid;
  width:44px;
  height:44px;
  padding:0;
  place-items:center;
  border:1px solid #d6dfec;
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  font-size:18px;
  transition:border-color .24s ease,background-color .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease;
}
.official-redesign-local #products .product-pagination button:hover:not(:disabled){
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
  box-shadow:0 9px 22px rgba(41,72,175,.2);
  transform:translateY(-2px);
}
.official-redesign-local #products .product-pagination button:active:not(:disabled){transform:translateY(0) scale(.96)}
.official-redesign-local #products .product-pagination button:disabled{opacity:.32;cursor:default}
.official-redesign-local #products .product-grid{overflow-anchor:none}
.official-redesign-local #products .product-grid.is-switching{pointer-events:none}
.official-redesign-local #products .product-grid.is-switching{
  position:relative;
  display:block;
  overflow:hidden;
}
.official-redesign-local #products .product-page-layer{
  position:absolute;
  inset:0;
  width:100%;
  margin:0;
  transition:transform .58s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.official-redesign-local #products .move-next .product-page-new{transform:translate3d(100%,0,0)}
.official-redesign-local #products .move-prev .product-page-new{transform:translate3d(-100%,0,0)}
.official-redesign-local #products .move-next.is-moving .product-page-old{transform:translate3d(-100%,0,0)}
.official-redesign-local #products .move-prev.is-moving .product-page-old{transform:translate3d(100%,0,0)}
.official-redesign-local #products .is-moving .product-page-new{transform:translate3d(0,0,0)}

@media(max-width:700px){
  .official-redesign-local #products .product-pagination button{width:40px;height:40px}
}

/* 2026-08-20 | one simple, viewport-safe viewer for equipment photos only */
.equipment-lightbox.certificate-lightbox{
  z-index:2147483646;
  padding:36px 64px;
  overflow:hidden;
}
.equipment-lightbox.certificate-lightbox .certificate-lightbox-backdrop{
  background:rgba(3,15,39,.92);
  backdrop-filter:none;
}
.equipment-lightbox.certificate-lightbox>figure{
  display:grid;
  width:min(1120px,calc(100vw - 128px));
  height:min(82vh,820px);
  height:min(82dvh,820px);
  max-height:calc(100vh - 72px);
  max-height:calc(100dvh - 72px);
  grid-template-columns:1fr;
  grid-template-rows:minmax(0,1fr) auto;
  margin:0;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}
.equipment-lightbox.certificate-lightbox>figure>img{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  max-width:none;
  max-height:none;
  padding:0;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
  filter:none;
}
.equipment-lightbox.certificate-lightbox figcaption{
  position:static;
  display:block;
  padding:12px 16px 0;
  color:#fff;
  text-align:center;
  background:transparent;
}
.equipment-lightbox.certificate-lightbox figcaption small,
.equipment-lightbox.certificate-lightbox figcaption p{display:none}
.equipment-lightbox.certificate-lightbox figcaption h2{
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.5;
}
.equipment-lightbox.certificate-lightbox .certificate-lightbox-close{
  top:18px;
  right:20px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.1);
  color:#fff;
}
.equipment-lightbox .equipment-lightbox-arrow{
  top:50%;
  bottom:auto;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.1);
  color:#fff;
  box-shadow:none;
  transform:translateY(-50%);
  cursor:pointer;
}
.equipment-lightbox .equipment-lightbox-arrow.prev{left:20px}
.equipment-lightbox .equipment-lightbox-arrow.next{right:20px}
.equipment-lightbox .equipment-lightbox-arrow[hidden]{display:none!important}

@media(max-width:860px){
  .equipment-lightbox.certificate-lightbox{padding:16px}
  .equipment-lightbox.certificate-lightbox>figure{
    width:calc(100vw - 32px);
    height:calc(100vh - 104px);
    height:calc(100dvh - 104px);
    max-height:none;
  }
  .equipment-lightbox.certificate-lightbox figcaption{padding:10px 12px 0}
  .equipment-lightbox.certificate-lightbox figcaption h2{font-size:16px}
  .equipment-lightbox.certificate-lightbox .certificate-lightbox-close{top:12px;right:12px}
  .equipment-lightbox .equipment-lightbox-arrow{width:40px;height:40px}
  .equipment-lightbox .equipment-lightbox-arrow.prev{left:10px}
  .equipment-lightbox .equipment-lightbox-arrow.next{right:10px}
}

@media(max-height:560px) and (orientation:landscape){
  .equipment-lightbox.certificate-lightbox{padding:8px 54px}
  .equipment-lightbox.certificate-lightbox>figure{
    width:calc(100vw - 108px);
    height:calc(100vh - 24px);
    height:calc(100dvh - 24px);
  }
  .equipment-lightbox.certificate-lightbox figcaption{padding-top:5px}
  .equipment-lightbox.certificate-lightbox figcaption h2{font-size:14px}
}

/* 2026-08-20 | phones use the bottom contact bar; avoid a duplicate top row */
@media(max-width:620px){
  .official-redesign-local .site-head-shell .top-contact{display:none!important}
  .official-redesign-local .main-header nav.open{top:72px!important}

  /* A compact, coherent phone dock: two utilities and one clear primary action. */
  .official-redesign-local .mobile-action-bar{
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    left:12px;
    min-height:64px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    padding:6px;
    border:1px solid rgba(16,42,82,.1);
    border-radius:16px;
    background:rgba(248,250,253,.97);
    box-shadow:0 10px 28px rgba(9,28,59,.16);
  }
  .official-redesign-local .mobile-action-bar :is(a,button){
    min-height:52px;
    gap:6px;
    padding:0 5px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:#17325f;
    font-size:12px;
    white-space:nowrap;
    box-shadow:none;
  }
  .official-redesign-local .mobile-action-bar :is(a,button):active{
    transform:translateY(1px);
    background:#edf2f9;
  }
  .official-redesign-local .mobile-action-bar b{
    width:24px;
    height:24px;
    flex-basis:24px;
    background:#e8eef8;
    color:#2852a4;
    box-shadow:none;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-phone{
    border:0;
    background:transparent;
    color:#17325f;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-phone b{
    background:#e8eef8;
    color:#2852a4;
    box-shadow:none;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-primary{
    background:linear-gradient(135deg,#173b79,#2457ae);
    color:#fff;
    box-shadow:0 6px 15px rgba(28,69,145,.2);
  }
  .official-redesign-local .mobile-action-bar .mobile-action-primary b{
    background:rgba(255,255,255,.14);
    color:#fff;
  }
  .official-redesign-local .mobile-action-bar .mobile-action-primary:active{
    background:linear-gradient(135deg,#15366f,#204f9f);
  }
}