:root {
  --ink: #080d12;
  --ink-soft: #111922;
  --paper: #f0f2f1;
  --muted: #9ba4ad;
  --line: rgba(255, 255, 255, 0.14);
  --orange: #f0441d;
  --orange-hot: #ff5a24;
  --green: #85bc3f;
  --blue: #4b92e5;
  --max: 1440px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 92px; }
body {
  margin: 0;
  color: #fff;
  background: var(--ink);
  font-family: Inter, "Noto Sans SC", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  height: 92px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 42px;
  padding: 0 clamp(24px, 4vw, 72px);
  border-bottom: 1px solid transparent;
  transition: background .35s, height .35s, border-color .35s;
}
.site-header.scrolled {
  height: 72px;
  background: rgba(7, 12, 17, .88);
  border-color: var(--line);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { color: var(--orange-hot); font-size: 38px; font-weight: 800; line-height: 1; letter-spacing: -3px; }
.brand-copy { font-size: 10px; line-height: 1.2; font-weight: 600; }
.desktop-nav { justify-self: center; display: flex; align-items: center; gap: clamp(13px, 1.45vw, 25px); }
.desktop-nav a, .header-contact { font-size: 13px; transition: color .2s; }
.desktop-nav a:hover, .header-contact:hover { color: var(--orange-hot); }
.header-contact { border: 1px solid rgba(255,255,255,.45); padding: 12px 20px; }
.language-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.04);
  color: #8f9aa3;
  font-size: 12px;
}
.language-toggle button {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 700;
  transition: color .2s, transform .2s;
}
.language-toggle button.active {
  color: #fff;
  transform: translateY(-1px);
}
.language-toggle span { color: #4f5b64; }
.menu-button { display: none; border: 0; background: none; padding: 12px 0; width: 32px; }
.menu-button span { display: block; height: 1px; background: #fff; margin: 7px 0; transition: transform .25s; }
.mobile-nav { display: none; }

.hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  padding: 160px clamp(24px, 4vw, 72px) 120px;
  display: flex;
  align-items: center;
}
.hero-backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3,8,13,.96) 0%, rgba(3,8,13,.78) 34%, rgba(3,8,13,.16) 68%, rgba(3,8,13,.4) 100%),
    linear-gradient(0deg, rgba(3,8,13,.8) 0%, transparent 48%),
    url("assets/acr-hero.png") 58% center / cover no-repeat;
  transform: scale(1.01);
}
.hero-grid {
  position: absolute; inset: 0; opacity: .07;
  background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: linear-gradient(90deg,#000,transparent 65%);
}
.hero-content { position: relative; z-index: 2; width: min(730px, 58vw); }
.eyebrow { margin: 0 0 24px; color: #b5bdc5; letter-spacing: .22em; font-size: 11px; font-weight: 700; }
.eyebrow span { display: inline-block; width: 34px; height: 2px; margin: 0 12px 3px 0; background: var(--orange); }
.eyebrow.dark { color: #6d7479; }
.hero h1 { margin: 0; }
.hero h1 strong { display: block; font-size: clamp(92px, 10vw, 166px); line-height: .78; letter-spacing: -.075em; }
.hero h1 > span { display: block; margin-top: 34px; font-size: clamp(34px, 3.35vw, 58px); line-height: 1.16; letter-spacing: -.045em; }
.hero-slogan { margin: 24px 0 14px; font-size: clamp(21px, 1.8vw, 30px); font-weight: 600; letter-spacing: -.02em; }
.hero-slogan em { font-style: normal; }
.orange { color: var(--orange-hot); } .green { color: var(--green); } .blue { color: var(--blue); }
.hero-intro { color: #c1c8ce; line-height: 1.8; font-size: 14px; }
.hero-actions { display: flex; gap: 16px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 190px; padding: 17px 22px; font-size: 14px; font-weight: 600; transition: .25s; }
.button span { font-size: 18px; }
.button-primary { background: var(--orange); }
.button-primary:hover { background: var(--orange-hot); transform: translateY(-2px); }
.button-ghost { border: 1px solid rgba(255,255,255,.55); }
.button-ghost:hover { background: #fff; color: var(--ink); }
.hero-index { position: absolute; z-index: 2; right: clamp(24px, 4vw, 72px); top: 50%; transform: translateY(-48%); width: 220px; }
.hero-index a { display: grid; grid-template-columns: 46px 1fr; gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.2); color: #c4ccd3; }
.hero-index b { font-size: 28px; line-height: 1; font-weight: 600; }
.hero-index span { font-size: 13px; line-height: 1.3; }
.hero-index small { color: #9faab3; font-size: 10px; }
.hero-index a.active b { color: var(--orange-hot); }
.hero-index a.active span { color: #fff; }
.hero-facts { position: absolute; z-index: 2; left: clamp(24px, 4vw, 72px); right: clamp(24px, 4vw, 72px); bottom: 0; min-height: 86px; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3,1fr); background: rgba(5,11,16,.5); backdrop-filter: blur(10px); }
.hero-facts > div { display: flex; align-items: center; gap: 20px; padding: 18px 28px; border-right: 1px solid var(--line); }
.hero-facts strong { font-size: 28px; color: var(--orange-hot); }
.hero-facts sup { font-size: 14px; }
.hero-facts span { font-size: 12px; line-height: 1.4; color: #ccd1d5; }
.hero-facts small { color: #7e8991; }
.mobile-only { display: none; }

.lang-zh,
.lang-en { display: block; }
.bilingual,
.dual-heading,
.nav-label,
.button-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.nav-label { gap: 2px; line-height: 1.15; }
.nav-label .lang-en { letter-spacing: .02em; }
.desktop-nav .nav-label .lang-zh { font-size: 13px; }
.desktop-nav .nav-label .lang-en { font-size: 9px; }
.mobile-nav .nav-label .lang-zh { font-size: 17px; }
.mobile-nav .nav-label .lang-en { font-size: 12px; }
.button .button-label {
  min-width: 0;
  gap: 2px;
  line-height: 1.2;
  font-size: 13px;
}
.button .button-label span { font-size: inherit; }
.button > span:not(.button-label) { font-size: 18px; flex: 0 0 auto; }
.dual-heading { gap: 12px; }
.bilingual.compact { gap: 4px; }

body[data-lang-focus="zh"] .lang-zh {
  color: inherit;
  font-weight: 700;
}
body[data-lang-focus="zh"] .lang-en {
  color: #89949d;
  font-size: .72em;
  font-weight: 500;
}
body[data-lang-focus="en"] .lang-en {
  color: inherit;
  font-size: 1em;
  font-weight: 700;
}
body[data-lang-focus="en"] .lang-zh {
  color: #89949d;
  font-size: .72em;
  font-weight: 500;
}
body[data-lang-focus="en"] .language-toggle [data-lang-button="en"],
body[data-lang-focus="zh"] .language-toggle [data-lang-button="zh"] { color: #fff; }
body[data-lang-focus="en"] .language-toggle [data-lang-button="zh"],
body[data-lang-focus="zh"] .language-toggle [data-lang-button="en"] { color: #7f8b95; }

.hero-bilingual-title .hero-brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
  line-height: .95;
  letter-spacing: -.05em;
}
.hero-bilingual-title .hero-main-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 34px;
}
body[data-lang-focus="zh"] .hero-brand .lang-zh {
  font-size: clamp(64px, 5.9vw, 92px);
  color: #fff;
  white-space: nowrap;
}
body[data-lang-focus="zh"] .hero-brand .lang-en {
  font-size: clamp(18px, 1.55vw, 26px);
  letter-spacing: -.02em;
  line-height: 1.08;
}
body[data-lang-focus="en"] .hero-brand .lang-en {
  font-size: clamp(46px, 5.2vw, 82px);
  color: #fff;
  letter-spacing: -.055em;
  line-height: .98;
}
body[data-lang-focus="en"] .hero-brand .lang-zh {
  font-size: clamp(30px, 3vw, 48px);
  letter-spacing: -.03em;
  line-height: 1.05;
}
body[data-lang-focus="zh"] .hero-main-title .lang-zh,
body[data-lang-focus="en"] .hero-main-title .lang-en {
  color: #fff;
  font-size: clamp(34px, 3.35vw, 58px);
  line-height: 1.16;
  letter-spacing: -.045em;
}
body[data-lang-focus="zh"] .hero-main-title .lang-en,
body[data-lang-focus="en"] .hero-main-title .lang-zh {
  font-size: clamp(18px, 1.7vw, 28px);
  line-height: 1.2;
  letter-spacing: -.02em;
}
body[data-lang-focus="en"] .hero-slogan .lang-en,
body[data-lang-focus="zh"] .hero-slogan .lang-zh { color: #fff; }
body[data-lang-focus="en"] .hero-intro .lang-en,
body[data-lang-focus="zh"] .hero-intro .lang-zh { color: #c1c8ce; }
.hero-intro .lang-en { max-width: 620px; }
.section-head .dual-heading .lang-en,
.statement-copy .dual-heading .lang-en,
.factory-copy .dual-heading .lang-en,
.contact .dual-heading .lang-en {
  line-height: 1.08;
}
.about-cards .bilingual,
.product-copy .bilingual,
.news-copy .bilingual { gap: 8px; }
.product-copy p .lang-en,
.news-copy p .lang-en,
.about-cards p .lang-en,
.statement-copy p .lang-en,
.section-head > p .lang-en,
.factory-copy > p .lang-en,
.contact address .lang-en {
  margin-top: 8px;
  line-height: 1.65;
}
.product-copy li .lang-en { margin-top: 3px; }
.factory-flow span {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
}

.section-pad { padding: 120px clamp(24px, 6vw, 100px); }
.statement { position: relative; background: var(--paper); color: var(--ink); }
.section-number { display: block; color: #a4aaad; font-size: 11px; letter-spacing: .16em; }
.statement > .section-number { position: absolute; top: 36px; left: clamp(24px, 6vw, 100px); }
.statement-copy h2, .section-head h2, .factory-copy h2, .contact h2 { font-size: clamp(40px, 4.6vw, 76px); line-height: 1.08; letter-spacing: -.055em; margin: 0; }
.statement-copy h2 {
  max-width: 740px;
  font-size: clamp(40px, 4.05vw, 52px);
  line-height: 1.12;
  letter-spacing: -.06em;
}
.statement-copy .dual-heading .lang-en {
  max-width: 700px;
}
.statement-copy > p:last-child { width: min(760px, 100%); color: #596168; font-size: 17px; line-height: 1.9; margin: 35px 0 0; }
.about-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 76px; background: #ccd0d0; }
.about-cards article { min-height: 286px; background: #e5e8e7; padding: 34px; }
.about-cards article > span { color: var(--orange); font-size: 12px; }
.about-cards h3 { margin: 22px 0 14px; font-size: 24px; line-height: 1.22; }
.about-cards h3 .lang-en { font-size: .78em; }
.about-cards p { color: #697177; line-height: 1.75; font-size: 14px; margin: 0; }
.about-cards p .lang-en { font-size: .9em; color: #7d8992; }

.journey { position: relative; min-height: 980px; overflow: hidden; color: #fff; background: #091117; }
.journey::before { content: ""; position: absolute; inset: 0; background: url("assets/journey/himalaya-ascent.png") center 58% / cover no-repeat; filter: saturate(.72) contrast(1.08); }
.journey::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,12,17,.94) 0%, rgba(7,15,21,.84) 42%, rgba(7,14,20,.42) 72%, rgba(5,10,15,.32)), linear-gradient(180deg, rgba(5,11,16,.35), rgba(5,11,16,.3) 48%, rgba(5,11,16,.9) 100%); }
.journey-heading { position: relative; z-index: 2; max-width: 850px; }
.journey-heading .section-number { position: static; margin-bottom: 55px; color: #697781; }
.journey-heading h2 { max-width: 820px; margin: 0; font-size: clamp(48px, 5vw, 78px); line-height: 1.05; letter-spacing: -.055em; }
.journey-heading > p:last-child { max-width: 700px; color: #9ba7af; line-height: 1.8; }
.journey-heading > p:last-child .lang-en { margin-top: 8px; }
.journey-track { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 520px; max-width: var(--max); margin: 72px auto 0; }
.journey-route { position: absolute; top: 0; left: 0; width: 100%; height: 240px; overflow: visible; }
.journey-route path { fill: none; stroke: url(#journey-route-gradient); stroke-width: 3.5; stroke-dasharray: var(--journey-route-length, 1800); stroke-dashoffset: var(--journey-route-length, 1800); filter: drop-shadow(0 0 8px rgba(240,68,29,.42)); transition: stroke-dashoffset 2s cubic-bezier(.2,.7,.2,1); }
.journey-track.journey-playing .journey-route path { stroke-dashoffset: 0; }
.journey-route circle { fill: var(--orange); opacity: 0; transform: scale(0); transform-box: fill-box; transform-origin: center; filter: drop-shadow(0 0 8px rgba(240,68,29,.7)); transition: opacity .36s ease, transform .42s cubic-bezier(.2,.8,.2,1); }
.journey-route .peak-dot { fill: #eef4f7; }
.journey-route circle.route-node-visible { opacity: 1; transform: scale(1); }
.journey-track article { position: relative; min-height: 260px; padding: 42px 26px 28px 0; transform: translateY(var(--journey-card-offset, 0)); }
.journey-track article:nth-of-type(1) { --journey-card-offset: 212px; }
.journey-track article:nth-of-type(2) { --journey-card-offset: 166px; }
.journey-track article:nth-of-type(3) { --journey-card-offset: 108px; }
.journey-track article:nth-of-type(4) { --journey-card-offset: 47px; }
.journey-track article:nth-of-type(5) { --journey-card-offset: 0px; }
.journey-track.journey-ready article { opacity: 0; filter: blur(5px); transform: translateY(calc(var(--journey-card-offset, 0px) + 34px)); transition: opacity .54s ease, transform .68s cubic-bezier(.2,.75,.2,1), filter .54s ease; }
.journey-track.journey-ready article.milestone-visible { opacity: 1; filter: blur(0); transform: translateY(var(--journey-card-offset, 0)); }
.journey-track b { display: block; color: #fff; font-size: clamp(36px, 4vw, 64px); letter-spacing: -.06em; }
.journey-track .bilingual { margin-top: 22px; font-size: 18px; }
.journey-track .lang-en { margin-top: 5px; color: #82909a; font-size: .72em; }
.journey-track p { max-width: 310px; color: #9ba6ad; font-size: 12px; line-height: 1.75; }

.belief-page {
  position: relative;
  min-height: 820px;
  padding: 110px clamp(24px, 6vw, 100px);
  overflow: hidden;
}
.belief-shell {
  position: relative;
  z-index: 1;
  width: min(100%, var(--max));
  min-height: 600px;
  margin: auto;
}
.belief-heading { max-width: 760px; }
.belief-number {
  display: block;
  margin-bottom: 62px;
  color: #75818a;
  font-size: 10px;
  letter-spacing: .2em;
}
.belief-heading h2 {
  margin: 0;
  font-size: clamp(42px, 4.35vw, 68px);
  line-height: 1.06;
  letter-spacing: -.055em;
}
.belief-heading h2 .lang-en { max-width: 720px; line-height: 1.04; }
.belief-lead {
  max-width: 680px;
  margin: 30px 0 0;
  color: #a5afb7;
  font-size: 16px;
  line-height: 1.85;
}
.belief-lead .lang-en { margin-top: 9px; line-height: 1.6; }

.material-belief {
  min-height: 980px;
  color: #fff;
  background:
    radial-gradient(circle at 72% 48%, rgba(240,68,29,.17), transparent 25%),
    linear-gradient(135deg, #0b1218, #111c23 55%, #090e13);
}
.material-belief::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .08;
  background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
  background-size: 64px 64px;
}
.material-dna-visual {
  position: absolute;
  top: 8px;
  right: 0;
  width: 590px;
  height: 480px;
  display: grid;
  place-items: center;
}
.material-dna-orbit {
  position: absolute;
  left: 12px;
  width: 450px;
  height: 450px;
  border: 1px dashed rgba(151,166,176,.4);
  border-radius: 50%;
}
.material-dna-disc {
  position: relative;
  z-index: 2;
  left: -62px;
  width: 292px;
  height: 292px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
  box-shadow: 0 0 55px rgba(240,68,29,.2);
}
.material-dna-disc::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle, transparent 25%, rgba(4,9,13,.12) 58%, rgba(4,9,13,.6)); }
.material-dna-disc img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.08) brightness(.78); }
.material-dna-label { position: absolute; z-index: 2; inset: 30%; display: grid; place-items: center; border-radius: 50%; background: rgba(4,10,15,.76); backdrop-filter: blur(3px); }
.material-dna-label strong { color: var(--orange-hot); font-size: 48px; letter-spacing: -.07em; }
.material-dna-label span { margin-top: -30px; color: #e4e8ea; font-size: 11px; letter-spacing: .12em; }
.material-callout { position: absolute; z-index: 3; left: 445px; width: 185px; color: #dce2e6; }
.material-callout::before { content: ""; position: absolute; top: 8px; right: calc(100% + 10px); width: 65px; border-top: 1px solid var(--callout-color, var(--orange)); }
.material-callout i { position: absolute; top: 3px; right: calc(100% + 72px); width: 11px; height: 11px; border-radius: 50%; background: var(--callout-color, var(--orange)); box-shadow: 0 0 16px var(--callout-color, var(--orange)); }
.material-callout strong, .material-callout small { display: block; }
.material-callout strong { font-size: 14px; line-height: 1.35; }
.material-callout strong .lang-en { margin-top: 5px; color: #9eaab2; font-size: 10px; }
.material-callout small { margin-top: 5px; color: #aeb7bd; font-size: 10px; line-height: 1.45; }
.material-callout small .lang-en { margin-top: 3px; font-size: 9px; }
.callout-matrix { --callout-color: #4f9fe7; top: 78px; }
.callout-bonding { top: 210px; }
.callout-pores { top: 350px; }
.principle-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 118px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.15);
}
.principle-grid article { min-width: 0; min-height: 360px; background: rgba(5,11,16,.78); }
.principle-card { display: grid; grid-template-columns: minmax(150px, .9fr) minmax(180px, 1.1fr); }
.principle-copy { padding: 30px 24px; }
.principle-grid b { color: var(--orange); font-size: 11px; letter-spacing: .14em; }
.principle-grid h3 { margin: 34px 0 24px; font-size: 24px; }
.principle-grid h3 .lang-en { font-size: .76em; margin-top: 5px; }
.principle-grid p { margin: 0; color: #a2adb5; font-size: 13px; line-height: 1.75; }
.principle-grid p .lang-en { margin-top: 7px; }
.principle-micrograph { position: relative; min-width: 0; margin: 22px 22px 22px 0; overflow: hidden; border: 1px solid rgba(255,255,255,.18); background: #070b0e; }
.principle-micrograph > img { width: 100%; height: calc(100% - 68px); object-fit: cover; filter: contrast(1.08) brightness(.78); }
.principle-micrograph figcaption { position: absolute; inset: auto 0 0; min-height: 68px; display: grid; grid-template-columns: repeat(3,1fr); padding: 12px 10px; background: rgba(5,9,12,.94); }
.principle-micrograph figcaption span { min-width: 0; text-align: center; }
.principle-micrograph figcaption b { display: block; color: #dfe4e7; font-size: 8px; letter-spacing: 0; }
.principle-micrograph figcaption small { display: block; margin-top: 4px; color: #89959d; font-size: 6px; line-height: 1.25; }
.scale-bar { position: absolute; right: 12px; bottom: 6px; color: #d8dde0; font-size: 7px; font-style: normal; }
.scale-bar::after { content: ""; display: block; width: 42px; margin-top: 3px; border-top: 1px solid #d8dde0; }

.manufacturing-proof {
  color: #fff;
  background: #080d12;
}
.manufacturing-proof .belief-heading { max-width: 900px; }
.process-chain {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 80px;
  border-top: 1px solid #2b3740;
  border-bottom: 1px solid #2b3740;
}
.process-card {
  position: relative;
  min-width: 0;
  min-height: 420px;
  padding: 0;
  border: 0;
  border-right: 1px solid #2b3740;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  perspective: 1100px;
}
.process-card:nth-child(1) {
  --equipment-image: url("assets/equipment/01-raw-material.jpg");
  --capability-image: url("assets/equipment/01-material-analysis-lab.png");
}
.process-card:nth-child(2) { --equipment-image: url("assets/equipment/02-mixing.jpg"); }
.process-card:nth-child(3) { --equipment-image: url("assets/equipment/03-forming.jpg"); }
.process-card:nth-child(4) {
  --equipment-image: url("assets/equipment/04-heat-treatment.jpg");
  --capability-image: url("assets/equipment/04-05-xrf-analysis-lab.png");
}
.process-card:nth-child(5) {
  --equipment-image: url("assets/equipment/05-quality.jpg");
  --capability-image: url("assets/equipment/04-05-xrf-analysis-lab.png");
}
.process-card:nth-child(6) { --equipment-image: url("assets/equipment/06-shipment.jpg"); }
.process-card:last-child { border-right: 0; }
.process-card:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; z-index: 3; }
.process-card-inner {
  position: absolute;
  inset: 0;
  display: block;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.2,.72,.2,1);
}
.process-card.is-flipped .process-card-inner { transform: rotateY(180deg); }
.process-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 28px 18px;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.process-front { background: #080d12; transition: visibility 0s; }
.process-card.is-flipped .process-front { visibility: hidden; transition: visibility 0s .05s; }
.process-front::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--equipment-image) center 42% / cover no-repeat;
  filter: saturate(.72) contrast(1.08) brightness(.76);
  transform: scale(1.01);
  transition: transform .45s ease, filter .45s ease;
}
.process-front::after {
  content: "";
  position: absolute;
  inset: 0;
  height: auto;
  opacity: 1;
  background:
    linear-gradient(180deg, rgba(4,8,12,.6) 0%, rgba(4,8,12,.05) 34%, rgba(4,8,12,.32) 58%, rgba(4,8,12,.98) 86%),
    linear-gradient(90deg, rgba(4,8,12,.28), transparent 55%);
  transition: background .25s, box-shadow .25s;
}
.process-card:hover .process-front::before { transform: scale(1.06); filter: saturate(.92) contrast(1.1) brightness(.9); }
.process-card:hover .process-front::after { box-shadow: inset 0 0 0 1px rgba(240,68,29,.72), inset 0 -70px 90px rgba(240,68,29,.09); }
.process-no { color: var(--orange); font-size: 10px; letter-spacing: .14em; }
.process-front i { position: absolute; top: -5px; left: 18px; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 18px var(--orange); }
.process-front strong { position: relative; z-index: 1; margin-top: auto; font-size: 18px; text-shadow: 0 2px 14px rgba(0,0,0,.9); }
.process-front strong .lang-en { margin-top: 4px; font-size: .72em; }
.process-front small { position: relative; z-index: 1; display: block; margin-top: 15px; color: #89969f; font-size: 10px; line-height: 1.55; }
.process-front small .lang-en { margin-top: 3px; }
.flip-hint { position: relative; z-index: 1; margin-top: 18px; color: var(--orange); font-size: 9px; font-style: normal; letter-spacing: .04em; }
.flip-hint .lang-en { margin-top: 3px; }
.process-back {
  transform: rotateY(180deg);
  border-top: 2px solid var(--orange);
  color: #fff;
  background:
    linear-gradient(180deg, rgba(6,12,17,.4), rgba(6,12,17,.88) 58%, #0b151c 100%),
    var(--capability-image, var(--equipment-image)) center / cover no-repeat;
}
.process-card:nth-child(1) .process-back,
.process-card:nth-child(4) .process-back,
.process-card:nth-child(5) .process-back {
  background:
    linear-gradient(180deg, rgba(6,12,17,.58), rgba(6,12,17,.9) 58%, #0b151c 100%),
    var(--capability-image) center / cover no-repeat;
}
.process-back::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(240,68,29,.12), transparent 45%, rgba(75,146,229,.1)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.flip-back-label { position: relative; z-index: 1; width: fit-content; padding: 6px 8px; color: #ff9a76; border: 1px solid rgba(240,68,29,.5); background: rgba(5,10,14,.72); font-size: 7px; letter-spacing: .11em; }
.process-back strong { position: relative; z-index: 1; margin-top: auto; font-size: 17px; text-shadow: 0 2px 12px #000; }
.process-back strong .lang-en { margin-top: 3px; font-size: .72em; }
.process-back ul { position: relative; z-index: 1; display: grid; gap: 7px; margin: 17px 0 0; padding: 0; list-style: none; }
.process-back li { position: relative; padding-left: 11px; color: #d4dce1; font-size: 10px; line-height: 1.35; text-shadow: 0 1px 8px #000; }
.process-back li::before { content: ""; position: absolute; left: 0; top: .52em; width: 4px; height: 4px; border-radius: 50%; background: var(--orange); }
.process-back > em { position: absolute; right: 16px; bottom: 12px; color: var(--orange); font-size: 16px; font-style: normal; }
.assurance-band { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 34px; background: #303b43; }
.assurance-band > div { min-height: 150px; display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 24px; padding: 28px 34px; background: #111a21; }
.assurance-band > div > span { display: grid; place-items: center; width: 82px; height: 82px; border: 1px solid #3b4a54; border-radius: 50%; color: var(--orange); font-size: 28px; font-weight: 800; }
.assurance-band strong { font-size: 20px; }
.assurance-band strong .lang-en { margin-top: 4px; font-size: .72em; }
.assurance-band small { display: block; margin-top: 10px; color: #8e9aa3; line-height: 1.6; }
.assurance-band small .lang-en { margin-top: 4px; }

.responsibility-bridge { position: relative; min-height: 460px; display: grid; place-items: center; overflow: hidden; color: #fff; background: linear-gradient(180deg, #080d12 0%, #101a20 35%, #899a91 72%, #edf1ed 100%); }
.responsibility-bridge::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(#000, transparent 80%); }
.bridge-copy { position: relative; z-index: 2; width: min(1100px, calc(100% - 48px)); text-align: center; }
.bridge-copy > span { color: #9da9a4; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.bridge-copy h2 { max-width: 940px; margin: 28px auto 0; font-size: clamp(42px, 5vw, 76px); line-height: 1.06; letter-spacing: -.055em; }
.bridge-copy h2 .lang-en { color: #59666c; }
.bridge-flow { position: absolute; left: 8%; right: 8%; top: 50%; height: 1px; background: linear-gradient(90deg, var(--orange), #d6903a 40%, #81b45a 75%, #4f8f68); }
.bridge-flow i { position: absolute; top: -5px; width: 11px; height: 11px; border-radius: 50%; background: currentColor; box-shadow: 0 0 18px currentColor; animation: bridge-node 4.6s ease-in-out infinite; }
.bridge-flow i:nth-child(1) { left: 0; color: var(--orange); }.bridge-flow i:nth-child(2){left:25%;color:#df7136;animation-delay:.7s}.bridge-flow i:nth-child(3){left:50%;color:#b49345;animation-delay:1.4s}.bridge-flow i:nth-child(4){left:75%;color:#79aa58;animation-delay:2.1s}.bridge-flow i:nth-child(5){right:0;color:#4f8f68;animation-delay:2.8s}
@keyframes bridge-node { 50% { transform: scale(1.55); opacity: .45; } }

.sustainability { position: relative; overflow: hidden; color: var(--ink); background: #edf1ed; }
.sustainability::before { content: "ENERGY / PROCESS / RESOURCE / MATERIAL"; position: absolute; right: -25px; top: 76px; color: rgba(42,93,65,.055); font-size: clamp(44px,7vw,104px); font-weight: 800; letter-spacing: -.055em; white-space: nowrap; }
.responsibility-heading { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 90px; max-width: var(--max); margin: auto; }
.responsibility-heading .section-number,.people-heading .section-number { position: static; display: block; margin-bottom: 55px; color: #8f9993; }
.responsibility-heading h2,.people-heading h2 { max-width: 850px; margin: 0; font-size: clamp(44px,4.8vw,76px); line-height: 1.06; letter-spacing: -.055em; }
.responsibility-heading > p { color: #64716a; font-size: 15px; line-height: 1.85; }
.responsibility-heading > p .lang-en,.people-heading > p .lang-en { margin-top: 8px; }
.energy-flow { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; max-width: var(--max); margin: 90px auto 0; background: #c9d2cc; border: 1px solid #c9d2cc; }
.energy-flow article { position: relative; min-height: 330px; padding: 28px; background: rgba(250,252,250,.88); overflow: hidden; }
.energy-flow article::before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 3px; background: linear-gradient(90deg,#4f8f68,var(--green)); transition: width .9s cubic-bezier(.2,.7,.2,1); }
.energy-flow.visible article::before { width: 100%; }.energy-flow.visible article:nth-child(2)::before{transition-delay:.12s}.energy-flow.visible article:nth-child(3)::before{transition-delay:.24s}.energy-flow.visible article:nth-child(4)::before{transition-delay:.36s}
.energy-flow b { color: #4f8f68; font-size: 10px; letter-spacing: .15em; }
.energy-signal { display: grid; place-items: center; width: 74px; height: 74px; margin-top: 38px; border: 1px solid #9eb2a5; border-radius: 50%; color: #497b5c; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.energy-flow h3 { margin: 30px 0 15px; font-size: 23px; }.energy-flow h3 .lang-en{margin-top:4px;font-size:.72em;color:#718078}
.energy-flow p { margin: 0; color: #657068; font-size: 12px; line-height: 1.75; }.energy-flow p .lang-en{margin-top:6px;color:#829087}

.people-care { color: var(--ink); background: #f4efe7; }
.people-heading { max-width: 1000px; margin: auto; text-align: center; }
.people-heading .eyebrow { margin-bottom: 28px; }.people-heading .eyebrow span{background:#c17743}
.people-heading h2 { margin-inline: auto; }
.people-heading > p { max-width: 760px; margin: 34px auto 0; color: #6e675f; font-size: 15px; line-height: 1.85; }
.care-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; max-width: var(--max); margin: 80px auto 0; background: #d8cec0; border: 1px solid #d8cec0; }
.care-grid article { position: relative; isolation: isolate; min-height: 280px; padding: 28px 24px; overflow: hidden; background: #fbf7f1; transition: transform .32s ease, box-shadow .32s ease; }
.care-card::before { content: ""; position: absolute; z-index: 0; inset: -14px; opacity: 0; background: var(--care-image) center / cover no-repeat; filter: grayscale(.3) saturate(.68) contrast(1.04) blur(11px); transform: scale(1.1); transition: opacity .42s ease, filter .42s ease, transform .56s cubic-bezier(.2,.7,.2,1); }
.care-card::after { content: ""; position: absolute; z-index: 0; inset: 0; background: rgba(251,247,241,.97); backdrop-filter: blur(18px) saturate(.78); transition: background .42s ease, backdrop-filter .42s ease; }
.care-card > * { position: relative; z-index: 1; }
.care-health { --care-image: url("assets/care/occupational-health.jpg"); }
.care-safety { --care-image: url("assets/care/safety-training.jpg"); }
.care-employment { --care-image: url("assets/care/compliant-employment.jpg"); }
.care-growth { --care-image: url("assets/care/employee-growth.jpg"); }
.care-culture { --care-image: url("assets/care/culture-activities.jpg"); }
.care-grid article:hover, .care-grid article:focus { z-index: 1; transform: translateY(-6px); box-shadow: 0 18px 34px rgba(73,60,47,.16); }
.care-card:hover::before, .care-card:focus::before { opacity: .96; filter: grayscale(.05) saturate(.92) contrast(1.03) blur(0); transform: scale(1.015); }
.care-card:hover::after, .care-card:focus::after { background: linear-gradient(135deg, rgba(252,248,242,.48), rgba(247,240,231,.28)); backdrop-filter: blur(1.5px) saturate(.96); }
.care-grid article:focus-visible { outline: 2px solid #bd7142; outline-offset: -3px; }
.care-grid b { color: #bd7142; font-size: 10px; letter-spacing: .15em; }
.care-grid h3 { margin: 80px 0 17px; font-size: 21px; }.care-grid h3 .lang-en{margin-top:5px;color:#8e8175;font-size:.72em}
.care-grid p { margin: 0; color: #716a63; font-size: 12px; line-height: 1.75; }.care-grid p .lang-en{margin-top:6px;color:#948b82}

.team-showcase { display: grid; grid-template-columns: 1fr 1fr; min-height: 760px; background: #0b1218; overflow: hidden; }
.team-intro { position: relative; display: flex; flex-direction: column; justify-content: center; }
.team-intro .section-number { position: static; margin-bottom: 55px; color: #66747e; }
.team-intro h2 { margin: 0; font-size: clamp(42px,4vw,62px); line-height: 1.05; letter-spacing: -.055em; }
.team-intro > p { max-width: 600px; margin-top: 30px; color: #8f9ba3; font-size: 13px; line-height: 1.8; }.team-intro > p .lang-en{margin-top:7px}
.team-controls { display: flex; align-items: center; gap: 18px; margin-top: 46px; }
.team-controls button { width: 44px; height: 44px; border: 1px solid #3a4851; color: #fff; background: transparent; cursor: pointer; }
.team-controls button:hover,.team-controls button:focus-visible { border-color: var(--orange); color: var(--orange); }
.team-controls [data-team-dots] { display: flex; gap: 8px; }
.team-controls [data-team-dots] button { width: 26px; height: 3px; padding: 0; border: 0; background: #42515a; }
.team-controls [data-team-dots] button.active { background: var(--orange); }
.team-stage { min-width: 0; overflow: hidden; }
.team-track { display: flex; height: 100%; transition: transform .7s cubic-bezier(.2,.72,.2,1); }
.team-track article { position: relative; flex: 0 0 100%; display: flex; flex-direction: column; justify-content: flex-end; min-height: 760px; padding: 70px; overflow: hidden; background: linear-gradient(180deg,rgba(4,9,13,.08),rgba(4,9,13,.9) 78%),var(--team-image) center / cover no-repeat; }
.team-track article::after { content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:none; }
.team-track article > span,.team-track h3,.team-track p { position: relative; z-index: 1; }
.team-track article > span { color: var(--orange); font-size: 9px; font-weight: 700; letter-spacing: .17em; }
.team-track h3 { margin: 22px 0 18px; font-size: clamp(38px,4vw,64px); }.team-track h3 .lang-en{margin-top:6px;color:#9faab2;font-size:.58em}
.team-track p { max-width: 560px; margin: 0; color: #c1c9ce; font-size: 15px; line-height: 1.75; }.team-track p .lang-en{margin-top:7px;color:#929fa7}

.service-belief {
  color: var(--ink);
  background: #eef0ef;
}
.service-belief::after {
  content: "SERVICE";
  position: absolute;
  right: -30px;
  top: 45px;
  color: rgba(8,13,18,.035);
  font-size: clamp(120px, 18vw, 290px);
  font-weight: 800;
  letter-spacing: -.08em;
}
.service-belief .belief-number { color: #8e979c; }
.service-belief .belief-lead { color: #616a70; }
.service-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 74px; }
.service-outcomes article { min-height: 270px; padding: 32px; background: #fff; border-top: 3px solid var(--orange); box-shadow: 0 18px 50px rgba(20,30,36,.06); }
.outcome-icon { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid #cbd0d1; border-radius: 50%; color: var(--orange); font-size: 22px; }
.service-outcomes strong { margin-top: 42px; font-size: 23px; }
.service-outcomes strong .lang-en { margin-top: 5px; font-size: .76em; }
.service-outcomes p { margin: 18px 0 0; color: #697278; font-size: 13px; line-height: 1.75; }
.service-outcomes p .lang-en { margin-top: 7px; }
.service-quote { display: grid; grid-template-columns: 72px 1fr; align-items: start; gap: 20px; max-width: 980px; margin: 70px 0 0 auto; padding-top: 34px; border-top: 1px solid #cbd0d1; }
.service-quote > span { color: var(--orange); font-family: Georgia, serif; font-size: 86px; line-height: .7; }
.service-quote p { margin: 0; font-size: clamp(26px, 2.5vw, 40px); line-height: 1.2; letter-spacing: -.035em; }
.service-quote p .lang-en { margin-top: 8px; font-size: .64em; color: #818a90; }

.service-proof {
  color: #fff;
  background:
    radial-gradient(circle at 75% 18%, rgba(75,146,229,.13), transparent 28%),
    linear-gradient(140deg, #111c24, #070c10 70%);
}
.service-proof .belief-heading { max-width: 980px; }
.service-dashboard { display: grid; grid-template-columns: 1.2fr .8fr .8fr; grid-template-rows: repeat(2, 210px); gap: 1px; margin-top: 70px; background: #303d47; border: 1px solid #303d47; }
.service-dashboard article { position: relative; padding: 26px; background: #0d161d; overflow: hidden; }
.service-dashboard .dashboard-main { grid-row: 1 / 3; display: flex; flex-direction: column; }
.dashboard-label { color: #78858f; font-size: 9px; letter-spacing: .14em; }
.dashboard-value { display: block; margin-top: 38px; color: var(--orange); font-size: 42px; line-height: 1; }
.service-dashboard p { margin: 24px 0 0; color: #c2c9ce; font-size: 14px; }
.service-dashboard p .lang-en { margin-top: 4px; color: #71808a; font-size: .76em; }
.life-chart { height: 235px; display: flex; align-items: end; gap: 12px; margin: 40px 0 28px; padding: 0 8px 18px; border-bottom: 1px solid #34414a; }
.life-chart i { flex: 1; height: var(--h); min-width: 12px; background: linear-gradient(0deg, var(--orange), #ff8a4d); opacity: .78; }
.dashboard-main > strong { margin-top: auto; font-size: 24px; }
.dashboard-main > strong .lang-en { margin-top: 5px; font-size: .72em; }

.products { background: #0a1016; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 80px; max-width: var(--max); margin: 0 auto 62px; }
.section-head > p { max-width: 460px; color: #8f99a2; line-height: 1.8; }
.section-head.dark { color: var(--ink); }
.section-head.dark > p { color: #697177; }
.product-grid { max-width: var(--max); margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: #26313a; }
.product-card { min-height: 460px; background: #111820; display: grid; grid-template-columns: 38% 62%; overflow: hidden; }
.product-card.featured { grid-column: 1 / -1; min-height: 520px; grid-template-columns: 55% 45%; }
.product-card.featured { transform-style: preserve-3d; will-change: transform; }
.product-visual { position: relative; min-height: 100%; overflow: hidden; background: radial-gradient(circle at 45% 45%, #45505a, #151c22 65%); }
.product-visual::after { content:""; position:absolute; inset:0; background: linear-gradient(135deg,transparent,rgba(240,68,29,.14)); }
.slide-plate span, .slide-plate i { position: absolute; left: 50%; top: 50%; width: 240px; height: 300px; border-radius: 26px; background: linear-gradient(145deg,#aaa49b,#4b4a48 55%,#222); box-shadow: inset 0 0 0 8px #64615c, 0 34px 70px #000; transform: translate(-62%,-47%) rotate(-14deg); }
.slide-plate span::before, .slide-plate i::before { content:""; position:absolute; width:82px; height:82px; border-radius:50%; background:#111; border:12px solid #7f7a71; left:50%; top:50%; transform:translate(-50%,-50%); }
.slide-plate i { transform:translate(0,-58%) rotate(14deg) scale(.78); opacity:.8; }
.slide-plate-real { display: grid; place-items: center; background: radial-gradient(circle at 46% 48%, #4d565f 0%, #1b232a 46%, #10161c 82%); }
.slide-plate-real img { position: relative; z-index: 1; width: 135%; height: auto; max-width: none; filter: contrast(1.05) saturate(.82) drop-shadow(0 28px 24px rgba(0,0,0,.6)); transform: scale(var(--product-image-zoom, 1)); transform-origin: center; transition: transform .26s ease; }
.slide-plate-real::after { z-index: 2; background: linear-gradient(135deg, rgba(9,14,19,.08), rgba(240,68,29,.2)); pointer-events: none; }
.nozzle-real, .outlet-real, .ceramic-real { display: grid; place-items: center; background: radial-gradient(circle at 50% 47%, #3b4650 0%, #172027 52%, #10161c 88%); }
.nozzle-real::before, .outlet-real::before, .ceramic-real::before { content: ""; position: absolute; z-index: 0; inset: -26px; background: center / cover no-repeat; filter: blur(18px) brightness(.52) saturate(.72); opacity: .5; transform: scale(1.08); }
.nozzle-real::before { background-image: url("assets/products/nozzle-products-portrait.jpg"); }
.outlet-real::before { background-image: url("assets/products/converter-tap-hole-portrait.jpg"); }
.ceramic-real::before { background-image: url("assets/products/industrial-ceramics-extended.png"); }
.nozzle-real img, .outlet-real img, .ceramic-real img { position: relative; z-index: 1; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; filter: saturate(.9) contrast(1.06); transform: scale(var(--product-image-zoom, 1)); transform-origin: center; transition: transform .26s ease; }
.nozzle-real::after, .outlet-real::after, .ceramic-real::after { z-index: 2; background: linear-gradient(135deg, rgba(9,14,19,.06), rgba(240,68,29,.12)); pointer-events: none; }
.product-zoom-controls { position: absolute; z-index: 3; left: 24px; bottom: 24px; display: inline-flex; align-items: center; min-height: 34px; overflow: hidden; border: 1px solid rgba(208,218,224,.48); background: rgba(8,14,19,.62); box-shadow: 0 10px 24px rgba(0,0,0,.2); backdrop-filter: blur(10px); }
.product-zoom-controls button { width: 34px; height: 34px; border: 0; background: transparent; color: #fff; font: inherit; font-size: 21px; line-height: 1; cursor: pointer; transition: background .2s ease, color .2s ease; }
.product-zoom-controls button:hover, .product-zoom-controls button:focus-visible { color: var(--orange-hot); background: rgba(240,68,29,.14); outline: 0; }
.product-zoom-controls button:disabled { color: #657079; cursor: not-allowed; background: transparent; }
.product-zoom-controls output { display: grid; place-items: center; min-width: 47px; height: 34px; border-inline: 1px solid rgba(208,218,224,.28); color: #dce3e7; font-size: 11px; font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.nozzle span { position:absolute; width:150px; height:320px; border-radius:55px 55px 30px 30px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(12deg); background:linear-gradient(90deg,#2b2d2e,#a19d91 35%,#585856 70%,#16191b); box-shadow:0 25px 45px #000; }
.nozzle span::after { content:""; position:absolute; width:70px; height:34px; left:40px; top:-14px; border-radius:50%; background:#111; border:8px solid #6e6b64; }
.nozzle i { position:absolute; inset:15%; border:1px solid rgba(255,255,255,.09); transform:rotate(24deg); }
.outlet span { position:absolute; width:250px; height:210px; border-radius:24px; left:50%; top:53%; transform:translate(-50%,-50%) rotate(-8deg); background:linear-gradient(145deg,#8c867c,#323434); box-shadow:0 32px 55px #000; }
.outlet span::before { content:""; position:absolute; width:110px; height:110px; border-radius:50%; left:70px; top:48px; background:#171a1c; box-shadow:inset 0 0 0 18px #5e5a53; }
.outlet i { position:absolute; width:80%; height:1px; background:rgba(240,68,29,.65); top:32%; left:10%; transform:rotate(17deg); }
.product-copy { padding: 38px; display: flex; flex-direction: column; align-items: flex-start; }
.card-index { font-size: 10px; letter-spacing: .14em; color: var(--orange-hot); }
.product-copy h3 { margin: auto 0 18px; font-size: clamp(25px, 2.1vw, 34px); line-height: 1.12; letter-spacing: -.04em; }
.product-card.featured .product-copy h3 { font-size: clamp(30px, 2.6vw, 42px); }
.product-copy h3 .lang-zh { word-break: keep-all; }
.product-copy h3 .lang-en { font-size: .76em; line-height: 1.12; }
.product-copy p { margin: 0 0 22px; color: #97a1aa; font-size: 14px; line-height: 1.8; }
.product-copy ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; padding: 0; }
.product-copy li { padding: 7px 10px; border: 1px solid #38434d; color: #c3c9ce; font-size: 11px; }
.product-copy a, .text-link { margin-top: auto; color: #fff; border-bottom: 1px solid var(--orange); padding-bottom: 6px; font-size: 13px; }
.product-copy a span, .text-link span { color: var(--orange); margin-left: 12px; }
.service-card { background: var(--orange); }
.service-card .card-index, .service-card .product-copy p { color: rgba(255,255,255,.75); }
.service-card .product-copy a { border-color: #fff; }
.service-ring { display:grid; place-items:center; position:relative; min-height:100%; overflow:hidden; }
.service-ring::before,.service-ring::after { content:""; position:absolute; width:280px; height:280px; border:1px solid rgba(255,255,255,.35); border-radius:50%; }
.service-ring::after { width:190px; height:190px; }
.service-ring span { font-size:56px; font-weight:800; letter-spacing:-4px; }

.cases { color: #fff; background: linear-gradient(155deg,#111a21,#080d12 68%); }
.cases .section-head > p { color: #8f9aa2; }
.partner-logo-launch { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:center; gap:clamp(32px,8vw,140px); max-width:var(--max); margin:1px auto 0; padding:clamp(42px,6vw,80px) clamp(24px,4vw,54px) 0; border-top:1px solid rgba(109,139,155,.26); }
.partner-logo-copy .eyebrow { margin-bottom:18px; }.partner-logo-copy h3{max-width:560px;margin:0;font-size:clamp(30px,3.2vw,49px);letter-spacing:-.055em;line-height:1.08}.partner-logo-copy h3 .lang-en{margin-top:9px;color:#83939d;font-size:.58em;line-height:1.14;letter-spacing:-.04em}.partner-logo-copy > p:last-child{max-width:520px;margin:24px 0 0;color:#9ba9b2;font-size:14px;line-height:1.8}.partner-logo-copy > p:last-child .lang-en{margin-top:7px;color:#72818b;font-size:.86em}
.partner-logo-orb { position:relative; isolation:isolate; justify-self:end; width:280px; aspect-ratio:1; overflow:hidden; border:1px solid rgba(104,155,190,.45); border-radius:50%; color:#fff; background:radial-gradient(circle at 38% 32%,#273d4a 0,#111e27 39%,#071016 72%); box-shadow:inset 0 0 60px rgba(69,152,209,.18),0 22px 54px rgba(0,0,0,.36); cursor:pointer; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.partner-logo-orb::before,.partner-logo-orb::after { content:""; position:absolute; inset:15%; z-index:-1; border:1px solid rgba(105,174,220,.24); border-radius:50%; }.partner-logo-orb::after{inset:6% 18%;transform:rotate(52deg);border-color:rgba(240,68,29,.24)}
.partner-logo-orb:hover,.partner-logo-orb:focus-visible { transform:translateY(-6px) scale(1.03); border-color:rgba(240,68,29,.9); box-shadow:inset 0 0 72px rgba(69,152,209,.24),0 30px 70px rgba(0,0,0,.5),0 0 28px rgba(240,68,29,.18); outline:0; }.partner-logo-orb:focus-visible{outline:2px solid #fff;outline-offset:5px}
.partner-orb-glow { position:absolute; z-index:-2; inset:22%; border-radius:50%; background:radial-gradient(circle,rgba(240,68,29,.46),rgba(240,68,29,0) 70%); filter:blur(16px); animation:partnerOrbPulse 5s ease-in-out infinite; }
.partner-orb-core { position:absolute; top:50%; left:50%; z-index:2; display:grid; place-items:center; width:116px; height:116px; border:1px solid rgba(174,206,222,.32); border-radius:50%; background:rgba(6,15,20,.84); box-shadow:0 0 32px rgba(72,156,211,.2); transform:translate(-50%,-50%); }.partner-orb-core b{color:var(--orange);font-size:37px;letter-spacing:-.08em}.partner-orb-core small{position:absolute;bottom:20px;color:#a6b4bc;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.partner-orb-core small .lang-en{margin-top:2px;font-size:.86em;letter-spacing:.1em}
.partner-orb-mark { position:absolute; top:50%; left:50%; z-index:1; color:#c1d0d8; font-size:8px; font-weight:800; line-height:1; letter-spacing:.05em; text-shadow:0 1px 8px #000; transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r)); }.partner-orb-mark--one{--x:-84px;--y:-68px;--r:-14deg;color:#7db7e7}.partner-orb-mark--two{--x:54px;--y:-84px;--r:8deg;color:#dce6ea}.partner-orb-mark--three{--x:96px;--y:-18px;--r:18deg;color:#8eb8db}.partner-orb-mark--four{--x:62px;--y:65px;--r:-18deg;color:#d8e3e8}.partner-orb-mark--five{--x:-34px;--y:100px;--r:-6deg;color:#d16a56}.partner-orb-mark--six{--x:-105px;--y:34px;--r:12deg;color:#cfdde4}.partner-orb-mark--seven{--x:-107px;--y:-12px;--r:-16deg;color:#8abc9a}.partner-orb-mark--eight{--x:0;--y:-110px;--r:0deg;color:#d2a365}.partner-orb-mark--nine{--x:2px;--y:105px;--r:5deg;color:#dfe6e9}
.partner-orb-action { position:absolute; left:50%; bottom:-52px; display:grid; grid-template-columns:auto 28px; grid-template-rows:auto auto; align-items:center; column-gap:9px; min-width:168px; color:#edf4f6; font-size:13px; font-weight:800; letter-spacing:.1em; line-height:1; text-align:center; text-transform:uppercase; transform:translateX(-50%); }.partner-orb-action .lang-zh{grid-column:1;grid-row:1;justify-self:end;white-space:nowrap}.partner-orb-action .lang-en{grid-column:1;grid-row:2;justify-self:end;margin-top:5px;color:#9aabb5;font-size:9px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.partner-orb-action i{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(240,68,29,.82);border-radius:50%;color:var(--orange);font-size:21px;font-style:normal;line-height:1}
body[data-lang-focus="zh"] .partner-orb-action .lang-zh,body[data-lang-focus="en"] .partner-orb-action .lang-en{color:#edf4f6;font-size:13px;font-weight:800}body[data-lang-focus="zh"] .partner-orb-action .lang-en,body[data-lang-focus="en"] .partner-orb-action .lang-zh{color:#9aabb5;font-size:9px;font-weight:700}
.partner-logo-modal { position:fixed; z-index:126; inset:0; display:grid; place-items:center; padding:clamp(14px,4vw,64px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .28s ease,visibility 0s linear .58s; }.partner-logo-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.partner-logo-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,8,12,.86);backdrop-filter:blur(12px);cursor:pointer}.partner-logo-modal-panel{position:relative;z-index:1;width:min(1200px,100%);max-height:calc(100vh - clamp(28px,8vw,128px));overflow:auto;overscroll-behavior:contain;padding:clamp(28px,5vw,68px);border:1px solid rgba(107,155,184,.42);background:linear-gradient(135deg,#0c171e,#071015 66%,#161316);box-shadow:0 42px 130px rgba(0,0,0,.65);transform:scale(.72);transform-origin:50% 50%;opacity:0;transition:transform .58s cubic-bezier(.2,.8,.18,1),opacity .3s ease}.partner-logo-modal.is-open .partner-logo-modal-panel{transform:scale(1);opacity:1}.partner-logo-modal-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(93,142,173,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,142,173,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.partner-logo-modal-topline{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3.6vw,48px)}.partner-logo-modal-topline .eyebrow{margin-bottom:17px}.partner-logo-modal-topline h2{margin:0;font-size:clamp(34px,4.5vw,68px);line-height:1}.partner-logo-modal-topline h2 .lang-en{margin-top:11px;color:#82939d;font-size:.52em;letter-spacing:-.045em}.partner-logo-modal-close{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid rgba(159,183,196,.48);color:#e5edf0;background:rgba(9,18,24,.76);cursor:pointer;font:300 31px/1 Arial,sans-serif;transition:border-color .2s ease,color .2s ease,background .2s ease}.partner-logo-modal-close:hover,.partner-logo-modal-close:focus-visible{border-color:var(--orange);color:#fff;background:rgba(240,68,29,.16);outline:0}
.partner-logo-wall { position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid rgba(104,137,154,.45);background:rgba(104,137,154,.45); }.partner-brand{--partner-color:#d7e4ea;position:relative;display:flex;min-height:160px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:23px;background:rgba(10,21,27,.94);transition:transform .52s cubic-bezier(.2,.8,.18,1),opacity .46s ease,background .3s ease}.partner-brand::before{content:"";position:absolute;top:-55px;right:-55px;width:160px;height:160px;border:1px solid color-mix(in srgb,var(--partner-color) 42%,transparent);border-radius:50%;opacity:.45}.partner-brand:hover{background:#12232c}.partner-brand-index{position:absolute;left:23px;top:20px;color:var(--partner-color);font-size:10px;letter-spacing:.16em}.partner-brand strong{position:relative;color:var(--partner-color);font-size:clamp(18px,2.1vw,30px);line-height:1;letter-spacing:-.055em}.partner-brand small{position:relative;margin-top:7px;color:#8496a0;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.partner-brand--salzgitter{--partner-color:#d6dde0}.partner-brand--posco{--partner-color:#68b7da}.partner-brand--shagang{--partner-color:#ec5140}.partner-brand--shougang{--partner-color:#dce4e8}.partner-brand--ansteel{--partner-color:#ee5a4d}.partner-brand--jfe{--partner-color:#7cc1e2}.partner-brand--baosteel{--partner-color:#a9c5dc}.partner-brand--pzss{--partner-color:#8bbf6e}.partner-brand--handan{--partner-color:#57b7d5}.partner-brand--hualing{--partner-color:#6bb1dc}.partner-brand--chongqing{--partner-color:#e45746}.partner-logo-modal:not(.is-open) .partner-brand{opacity:0;transform:scale(.18) translateY(180px)}.partner-logo-modal.is-open .partner-brand:nth-child(1){transition-delay:.08s}.partner-logo-modal.is-open .partner-brand:nth-child(2){transition-delay:.12s}.partner-logo-modal.is-open .partner-brand:nth-child(3){transition-delay:.16s}.partner-logo-modal.is-open .partner-brand:nth-child(4){transition-delay:.2s}.partner-logo-modal.is-open .partner-brand:nth-child(5){transition-delay:.24s}.partner-logo-modal.is-open .partner-brand:nth-child(6){transition-delay:.28s}.partner-logo-modal.is-open .partner-brand:nth-child(7){transition-delay:.32s}.partner-logo-modal.is-open .partner-brand:nth-child(8){transition-delay:.36s}.partner-logo-modal.is-open .partner-brand:nth-child(9){transition-delay:.4s}.partner-logo-modal.is-open .partner-brand:nth-child(10){transition-delay:.44s}.partner-logo-modal.is-open .partner-brand:nth-child(11){transition-delay:.48s}
body.partner-logo-modal-open{overflow:hidden}@keyframes partnerOrbPulse{0%,100%{opacity:.58;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

/* Global partner panorama: each partner name is a window into one shared steelmaking scene. */
.partner-logo-modal-panel{width:min(1480px,100%)}
.partner-collaboration-canvas{--partner-scene:url("assets/partners/global-steel-collaboration-v1.png");position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(103,139,159,.48);background:rgba(91,129,150,.42)}
.partner-collaboration-canvas::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(110deg,rgba(3,11,15,.78),rgba(12,25,34,.56) 52%,rgba(84,35,24,.58)),var(--partner-scene);background-position:center;background-size:cover;filter:saturate(.72) contrast(1.08)}
.partner-collaboration-canvas::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(rgba(109,159,186,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(109,159,186,.1) 1px,transparent 1px);background-size:46px 46px;opacity:.54}
.partner-collaboration-caption{position:relative;z-index:1;margin:14px 0 0;color:rgba(215,230,237,.5);font-size:9px;font-weight:800;letter-spacing:.16em;line-height:1.2;text-align:right}
.partner-wordmark{--scene-x:50%;--scene-y:50%;position:relative;display:flex;min-height:clamp(152px,14vw,212px);flex-direction:column;justify-content:flex-end;overflow:hidden;padding:23px;background:linear-gradient(135deg,rgba(4,13,18,.78),rgba(7,18,25,.47));transition:transform .52s cubic-bezier(.2,.8,.18,1),opacity .46s ease,background .32s ease}
.partner-wordmark::before{content:"";position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(135deg,rgba(116,177,212,.16),transparent 46%,rgba(240,68,29,.2)) border-box;opacity:.65;pointer-events:none}
.partner-wordmark::after{content:"";position:absolute;right:-54px;bottom:-60px;width:148px;height:148px;border:1px solid rgba(99,171,213,.22);border-radius:50%;pointer-events:none}
.partner-wordmark:hover{z-index:1;background:linear-gradient(135deg,rgba(10,29,39,.55),rgba(16,26,31,.23));transform:translateY(-4px)}
.partner-wordmark-zh{position:absolute;z-index:0;top:21px;right:21px;margin:0;color:rgba(216,230,236,.18);font-size:clamp(18px,1.9vw,31px);font-style:normal;font-weight:760;letter-spacing:.1em;line-height:1;white-space:nowrap;pointer-events:none;transition:color .32s ease,transform .32s ease}.partner-wordmark:hover .partner-wordmark-zh{color:rgba(240,248,250,.3);transform:translateX(-2px)}
.partner-wordmark small{position:relative;z-index:1;margin:0 0 10px;color:rgba(209,224,231,.66);font-size:9px;font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}
.partner-wordmark strong{position:relative;z-index:1;display:block;max-width:100%;overflow:hidden;color:transparent;background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)),var(--partner-scene);background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat;background-size:1160px auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:contrast(1.12) saturate(1.08);font-size:clamp(25px,3.2vw,51px);font-weight:900;letter-spacing:-.095em;line-height:.88;text-shadow:0 0 1px rgba(225,239,244,.52)}
.partner-wordmark--salzgitter{--scene-x:8%;--scene-y:12%}.partner-wordmark--posco{--scene-x:46%;--scene-y:12%}.partner-wordmark--shagang{--scene-x:92%;--scene-y:18%}.partner-wordmark--shougang{--scene-x:6%;--scene-y:84%}.partner-wordmark--ansteel{--scene-x:51%;--scene-y:84%}.partner-wordmark--jfe{--scene-x:94%;--scene-y:82%}.partner-wordmark--baosteel{--scene-x:28%;--scene-y:43%}.partner-wordmark--pzss{--scene-x:80%;--scene-y:37%}.partner-wordmark--handan{--scene-x:13%;--scene-y:57%}.partner-wordmark--hualing{--scene-x:63%;--scene-y:64%}.partner-wordmark--chongqing{--scene-x:99%;--scene-y:58%}
.partner-logo-modal:not(.is-open) .partner-wordmark{opacity:0;transform:scale(.3) translateY(140px)}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(1){transition-delay:.08s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(2){transition-delay:.12s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(3){transition-delay:.16s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(4){transition-delay:.2s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(5){transition-delay:.24s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(6){transition-delay:.28s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(7){transition-delay:.32s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(8){transition-delay:.36s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(9){transition-delay:.4s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(10){transition-delay:.44s}.partner-logo-modal.is-open .partner-wordmark:nth-of-type(11){transition-delay:.48s}

.factory { min-height: 720px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8vw; background: radial-gradient(circle at 24% 50%, #1b3039, #081015 42%, #070b0f 75%); overflow: hidden; }
.factory-art { height: 500px; position: relative; display:grid; place-items:center; }
.factory-core { width:180px; height:180px; display:grid; place-items:center; text-align:center; border-radius:50%; font-size:38px; font-weight:800; color:var(--orange); background:radial-gradient(circle,#293840,#0b1217 70%); box-shadow:0 0 80px rgba(64,146,229,.22), inset 0 0 30px rgba(255,255,255,.08); }
.factory-core small { display:block; margin-top:-50px; color:#8c9aa3; font-size:12px; letter-spacing:.3em; }
.factory-orbit { position:absolute; border:1px solid rgba(79,151,198,.33); border-radius:50%; }
.factory-orbit::before,.factory-orbit::after { content:""; position:absolute; width:11px; height:11px; background:var(--orange); border-radius:50%; box-shadow:0 0 22px var(--orange); }
.orbit-one { width:360px; height:360px; animation:spin 16s linear infinite; }
.orbit-one::before { left:20px; top:80px; }.orbit-one::after{right:20px;bottom:80px;}
.orbit-two { width:500px; height:240px; transform:rotate(38deg); animation:pulse 5s ease-in-out infinite; }
.orbit-two::before { left:90px; bottom:15px; }.orbit-two::after{right:90px;top:15px;}
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes pulse { 50% { opacity:.4; transform:rotate(28deg) scale(.95); } }
.factory-copy { max-width: 650px; }
.factory-copy > p:not(.eyebrow) { color:#95a0a9; line-height:1.9; max-width:600px; margin:30px 0; }
.factory-flow { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:20px 0 34px; border-top:1px solid var(--line); }
.factory-flow span { font-size:12px; color:#c8d0d5; }.factory-flow i{font-style:normal;color:var(--orange);}
.datatalks-launch { position:relative; isolation:isolate; display:flex; align-items:center; gap:12px; overflow:hidden; appearance:none; border:0; background:transparent; cursor:pointer; text-align:left; font-family:inherit; }
.datatalks-launch::before { content:""; position:absolute; z-index:0; top:-135%; bottom:-135%; left:0; width:42%; pointer-events:none; opacity:0; background:linear-gradient(102deg, transparent 0%, rgba(255,222,204,.08) 28%, rgba(255,236,224,.88) 49%, rgba(240,68,29,.45) 60%, transparent 78%); transform:translateX(-170%) skewX(-17deg); animation:datatalks-launch-sweep 2.9s ease-in-out infinite; }
.datatalks-launch > span { position:relative; z-index:1; }
.datatalks-launch .button-label { margin-left:0; }
@keyframes datatalks-launch-sweep { 0%, 48% { opacity:0; transform:translateX(-170%) skewX(-17deg); } 54% { opacity:1; } 76% { opacity:.7; } 100% { opacity:0; transform:translateX(420%) skewX(-17deg); } }

.datatalks {
  position: relative;
  min-height: auto;
  padding: 120px clamp(24px, 6vw, 100px);
  color: #fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(75,146,229,.16), transparent 26%),
    radial-gradient(circle at 18% 28%, rgba(240,68,29,.08), transparent 24%),
    linear-gradient(145deg, #09141b, #050a0e 72%);
  overflow: hidden;
}
.datatalks-grid {
  position: absolute;
  inset: 0;
  opacity: .055;
  background-image: linear-gradient(rgba(119,181,219,.55) 1px, transparent 1px), linear-gradient(90deg, rgba(119,181,219,.55) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, #000, transparent 78%);
}
.datatalks-shell { position: relative; z-index: 1; width: min(100%, var(--max)); margin: auto; }
.datatalks-intro { max-width: 760px; }
.datatalks-badge { display: flex; align-items: center; gap: 12px; color: #8e9ba5; font-size: 10px; letter-spacing: .18em; }
.datatalks-badge > span { width: 36px; height: 2px; background: var(--orange); }
.datatalks-intro h2 { margin: 28px 0 0; font-size: clamp(56px, 6vw, 94px); line-height: .95; letter-spacing: -.07em; }
.datatalks-intro h2 em { color: var(--orange-hot); font-style: normal; }
.datatalks-intro h3 { margin: 28px 0 0; font-size: clamp(30px, 3.15vw, 50px); line-height: 1.08; letter-spacing: -.045em; }
.datatalks-intro h3 .lang-en { margin-top: 8px; font-size: .62em; line-height: 1.08; color: #80909b; }
.datatalks-intro > p { max-width: 700px; margin: 28px 0 0; color: #a2adb5; font-size: 15px; line-height: 1.8; }
.datatalks-intro > p .lang-en { margin-top: 8px; line-height: 1.55; }
.datatalks-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 32px; background: #27353e; border: 1px solid #27353e; }
.datatalks-values > span { min-width: 170px; display: flex; flex-direction: column; gap: 4px; padding: 15px 18px; background: #0c161d; color: #c4ccd1; font-size: 11px; }
.datatalks-values b { margin-bottom: 3px; color: var(--orange); font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.datatalks-values .lang-en { color: #6f7f89; font-size: .72em; }
.datatalks-cta { margin-top: 34px; }

.partner-network { position: absolute; top: 18px; right: 0; width: 560px; height: 440px; }
.network-node { position: absolute; z-index: 2; display: grid; place-items: center; border-radius: 50%; text-align: center; background: #0d1820; box-shadow: 0 0 45px rgba(75,146,229,.15), inset 0 0 0 1px #32434e; }
.network-node i { color: var(--orange); font-size: 11px; font-style: normal; }
.network-node strong { margin-top: -24px; font-size: 16px; }
.network-node strong .lang-en { margin-top: 2px; font-size: .7em; }
.supplier-node { left: 0; top: 96px; width: 150px; height: 150px; }
.customer-node { right: 0; top: 96px; width: 150px; height: 150px; }
.acr-node { left: 50%; top: 39%; width: 220px; height: 220px; transform: translate(-50%,-50%); color: var(--orange); }
.acr-node span { font-size: 50px; font-weight: 800; letter-spacing: -.07em; }
.acr-node small { margin-top: -58px; color: #87949d; font-size: 12px; letter-spacing: .12em; }
.network-line { position: absolute; z-index: 1; top: 170px; height: 1px; width: 180px; background: linear-gradient(90deg, #405360, var(--orange)); }
.network-line::after { content: ""; position: absolute; right: 8px; top: -4px; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 15px var(--orange); animation: pulse 2.8s ease-in-out infinite; }
.line-one { left: 112px; transform: rotate(8deg); }
.line-two { right: 112px; transform: rotate(172deg); }
.network-caption { position: absolute; bottom: 18px; left: 0; right: 0; color: #7d8b94; text-align: center; font-size: 12px; letter-spacing: .04em; }
.network-caption .lang-en { margin-top: 4px; }

.datatalks-categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 70px; background: #283740; border: 1px solid #283740; }
.datatalks-categories article { min-height: 150px; padding: 25px 28px; background: rgba(10,20,27,.92); }
.datatalks-categories article > span { color: var(--orange); font-size: 9px; letter-spacing: .14em; }
.datatalks-categories strong { margin-top: 22px; font-size: 19px; }
.datatalks-categories strong .lang-en { margin-top: 4px; font-size: .72em; }
.datatalks-categories p { margin: 15px 0 0; color: #83919a; font-size: 11px; line-height: 1.6; }
.datatalks-categories p .lang-en { margin-top: 4px; }

.datatalks-dashboard { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1px; margin-top: 34px; background: #2c3b45; border: 1px solid #2c3b45; box-shadow: 0 35px 100px rgba(0,0,0,.36); }
.datatalks-modal { position:fixed; z-index:120; inset:0; display:grid; place-items:center; padding:clamp(12px, 3vw, 48px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s ease, visibility 0s linear .62s; }
.datatalks-modal.is-open { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
.datatalks-modal-backdrop { position:absolute; inset:0; background:rgba(2,7,10,.82); backdrop-filter:blur(10px); }
.datatalks-modal-panel { position:relative; z-index:1; width:min(1560px, 100%); max-height:calc(100vh - clamp(24px, 6vw, 96px)); overflow:auto; overscroll-behavior:contain; border:1px solid rgba(109,142,161,.4); background:#081118; box-shadow:0 36px 120px rgba(0,0,0,.64); clip-path:inset(100% 0 0 100% round 10px); transform:translate3d(6%, 6%, 0) scale(.68); transform-origin:right bottom; opacity:0; transition:clip-path .78s cubic-bezier(.2,.8,.18,1), transform .78s cubic-bezier(.2,.8,.18,1), opacity .22s ease; }
.datatalks-modal.is-open .datatalks-modal-panel { clip-path:inset(0 round 10px); transform:translate3d(0,0,0) scale(1); opacity:1; }
.datatalks-modal .datatalks-dashboard { margin:0; min-width:0; border:0; box-shadow:none; }
.datatalks-modal-close { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid rgba(152,174,186,.42); color:#dce7ec; background:rgba(7,14,19,.72); cursor:pointer; font:300 26px/1 Arial,sans-serif; transition:border-color .2s ease, color .2s ease, background .2s ease; }
.datatalks-modal-close:hover, .datatalks-modal-close:focus-visible { border-color:var(--orange); color:#fff; background:rgba(240,68,29,.16); outline:0; }
body.datatalks-modal-open { overflow:hidden; }
.dt-topbar { grid-column: 1 / -1; min-height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; background: #111d24; }
.dt-topbar > div { display: flex; align-items: center; gap: 18px; }
.dt-topbar > div:first-child { align-items: flex-start; flex-direction: column; gap: 3px; }
.dt-logo { font-size: 18px; font-weight: 700; letter-spacing: -.03em; }.dt-logo b{color:var(--orange);}
.dt-topbar small { color: #687984; font-size: 8px; letter-spacing: .13em; }
.dt-status { display: flex; align-items: center; gap: 7px; color: #87bc62; font-size: 9px; letter-spacing: .12em; }
.dt-status i { width: 7px; height: 7px; border-radius: 50%; background: #87bc62; box-shadow: 0 0 12px #87bc62; }
.demo-global { padding: 7px 10px; color: #ff8a62; border: 1px solid rgba(240,68,29,.45); background: rgba(240,68,29,.08); font-size: 9px; letter-spacing: .1em; }
.dt-card { position: relative; min-height: 250px; padding: 22px; background: #0c161d; overflow: hidden; }
.dt-card::after { content: ""; position: absolute; right: -50px; bottom: -70px; width: 170px; height: 170px; border: 1px solid rgba(75,146,229,.09); border-radius: 50%; }
.dt-card-head { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 16px; color: #9ba8b0; font-size: 11px; }
.dt-card-head > span .lang-en { margin-top: 3px; font-size: .7em; color: #647580; }
.dt-card-head > small { align-self: flex-start; padding: 4px 6px; color: var(--orange); border: 1px solid rgba(240,68,29,.35); font-size: 7px; letter-spacing: .12em; }
.dt-metric { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 9px; margin-top: 18px; }
.dt-metric strong { font-size: 48px; line-height: 1; letter-spacing: -.055em; }
.dt-metric > span { color: #7e8b94; font-size: 12px; }.dt-metric > span .lang-en{font-size:.72em;}
.dt-metric.positive strong { color: #86bf45; }
.dt-metric.positive > span { font-size: 8px; letter-spacing: .12em; }
.lifetime-card { grid-column: span 7; min-height: 310px; }
.inventory-card { grid-column: span 5; min-height: 310px; }
.material-card { grid-column: span 4; }
.vibration-card { grid-column: span 5; }
.dt-stack { grid-column: span 3; display: grid; grid-template-rows: 1fr 1fr; gap: 1px; background: #2c3b45; }
.dt-stack .dt-card { min-height: 0; padding: 18px; }
.dt-stack .reports-card ul { margin-top: 12px; }
.dt-stack .reports-card li { padding: 7px 8px; }
.dt-stack .report-summary { margin-top: 12px; }
.dt-stack .exception-count { margin: 12px 0; }
.dt-line-chart, .vibration-chart { position: relative; z-index: 1; display: block; width: 100%; height: 90px; margin-top: 14px; overflow: visible; }
.dt-axis { position: relative; z-index: 1; display: flex; justify-content: space-between; color: #52626d; font-size: 8px; }
.inventory-card { display: flex; flex-direction: column; align-items: center; }
.inventory-card .dt-card-head { align-self: stretch; }
.inventory-ring { --ring-progress: 72%; position: relative; width: 140px; height: 140px; display: grid; place-items: center; margin-top: 22px; border-radius: 50%; background: conic-gradient(var(--orange) 0 var(--ring-progress), #23313a var(--ring-progress) 100%); }
.inventory-ring::before { content: ""; position: absolute; width: 104px; height: 104px; border-radius: 50%; background: #0c161d; }
.inventory-ring > div { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 5px; }
.inventory-ring strong { font-size: 38px; }.inventory-ring span{color:#9aa5ac;font-size:11px;}.inventory-ring span .lang-en{font-size:.7em;}
.inventory-card > p { margin: 13px 0 0; color: #667680; font-size: 9px; text-align: center; }
.inventory-card > p .lang-en { margin-top: 3px; }
.material-progress { position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 24px; }
.material-progress > span { position: relative; display: block; height: 16px; background: #1c2a33; }
.material-progress > span::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--value); background: linear-gradient(90deg, #3b7fc8, #6aa7e7); }
.material-progress i { position: relative; z-index: 1; display: block; padding: 2px 7px; color: #d2d9dd; font-size: 8px; font-style: normal; }
.report-summary { display: flex; align-items: baseline; gap: 12px; margin-top: 20px; }.report-summary strong{font-size:42px;}.report-summary span{color:#72818a;font-size:10px;}.report-summary .lang-en{font-size:.7em;}
.reports-card ul { display: grid; gap: 1px; margin: 19px 0 0; padding: 0; list-style: none; background: #25343d; }
.reports-card li { display: flex; justify-content: space-between; gap: 12px; padding: 10px; background: #111d24; color: #82909a; font-size: 9px; }.reports-card li b{color:#87bc62;font-size:7px;letter-spacing:.1em;}
.exception-count { display: flex; align-items: baseline; gap: 8px; margin: 24px 0; }.exception-count strong{color:var(--orange);font-size:48px;}.exception-count span{color:#697983;font-size:8px;letter-spacing:.1em;}
.exception-card > p { position: relative; z-index: 1; margin: 9px 0; padding-left: 14px; color: #9aa6ae; font-size: 9px; }.exception-card > p i{position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:var(--orange);}.exception-card > p .lang-en{margin-top:3px;color:#62737e;}

/* DataTalks dashboard entrance sequence. The static state remains readable without JS. */
.datatalks-dashboard.dashboard-is-primed .dt-line-chart polyline,
.datatalks-dashboard.dashboard-is-primed .vibration-chart polyline {
  stroke-dasharray: var(--chart-length);
  stroke-dashoffset: var(--chart-length);
}
.datatalks-dashboard.dashboard-is-primed .dt-line-chart path { transform: scaleX(0); transform-origin: left center; opacity: 0; }
.datatalks-dashboard.dashboard-is-primed .material-progress > span::after { width: 0; }
.datatalks-dashboard.dashboard-is-primed .reports-card li,
.datatalks-dashboard.dashboard-is-primed .exception-card > p { opacity: 0; transform: translateY(8px); }
.datatalks-dashboard.dashboard-is-running .dt-line-chart polyline,
.datatalks-dashboard.dashboard-is-running .vibration-chart polyline {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.45s cubic-bezier(.22,.72,.22,1);
}
.datatalks-dashboard.dashboard-is-running .vibration-chart polyline { transition-delay: .28s; }
.datatalks-dashboard.dashboard-is-running .dt-line-chart path {
  transform: scaleX(1);
  opacity: 1;
  transition: transform 1.35s cubic-bezier(.22,.72,.22,1), opacity .35s ease;
}
.datatalks-dashboard.dashboard-is-running .material-progress > span::after {
  width: var(--value);
  transition: width 1.05s cubic-bezier(.22,.72,.22,1);
}
.datatalks-dashboard.dashboard-is-running .material-progress > span:nth-child(2)::after { transition-delay: .14s; }
.datatalks-dashboard.dashboard-is-running .material-progress > span:nth-child(3)::after { transition-delay: .28s; }
.datatalks-dashboard.dashboard-is-running .reports-card li,
.datatalks-dashboard.dashboard-is-running .exception-card > p {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .45s ease, transform .45s ease;
}
.datatalks-dashboard.dashboard-is-running .reports-card li:nth-child(1) { transition-delay: .55s; }
.datatalks-dashboard.dashboard-is-running .reports-card li:nth-child(2) { transition-delay: .7s; }
.datatalks-dashboard.dashboard-is-running .reports-card li:nth-child(3) { transition-delay: .85s; }
.datatalks-dashboard.dashboard-is-running .exception-card > p:nth-of-type(1) { transition-delay: .68s; }
.datatalks-dashboard.dashboard-is-running .exception-card > p:nth-of-type(2) { transition-delay: .84s; }
.datatalks-dashboard.dashboard-is-live .dt-status i { animation: data-status-pulse 2.4s ease-in-out infinite; }
.datatalks-dashboard.dashboard-is-live .inventory-ring { animation: data-ring-breathe 3.6s ease-in-out infinite; }
.datatalks-dashboard.dashboard-is-live .dt-line-chart polyline,
.datatalks-dashboard.dashboard-is-live .vibration-chart polyline { filter: drop-shadow(0 0 4px rgba(75,146,229,.24)); }
@keyframes data-status-pulse { 50% { opacity: .45; box-shadow: 0 0 4px #87bc62; } }
@keyframes data-ring-breathe { 50% { filter: drop-shadow(0 0 10px rgba(240,68,29,.2)); } }

/* Lightweight Magic Bento effects, tuned for ACR's industrial palette. */
.magic-surface { --pointer-x: 50%; --pointer-y: 50%; position: relative; isolation: isolate; }
.magic-surface::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(300px circle at var(--pointer-x) var(--pointer-y), rgba(75,146,229,.13), rgba(240,68,29,.055) 35%, transparent 68%);
  box-shadow: inset 0 0 0 1px rgba(94,170,225,.34), inset 0 0 34px rgba(75,146,229,.055);
  transition: opacity .28s ease;
}
.magic-surface.is-pointer-active::before { opacity: 1; }
.dt-card.magic-surface::before {
  background: radial-gradient(280px circle at var(--pointer-x) var(--pointer-y), rgba(75,146,229,.17), rgba(240,68,29,.06) 34%, transparent 70%);
}
.product-card.magic-surface::before {
  background: radial-gradient(380px circle at var(--pointer-x) var(--pointer-y), rgba(240,68,29,.13), rgba(75,146,229,.06) 36%, transparent 72%);
  box-shadow: inset 0 0 0 1px rgba(240,68,29,.34), inset 0 0 42px rgba(240,68,29,.045);
}
.product-card.featured.magic-surface { transition: opacity .8s ease, transform .18s ease-out; }
.ripple-target { position: relative; overflow: hidden; isolation: isolate; }
.effect-ripple { position: absolute; z-index: 8; width: 18px; height: 18px; margin: -9px 0 0 -9px; border: 1px solid rgba(255,128,83,.78); border-radius: 50%; pointer-events: none; background: rgba(240,68,29,.14); transform: scale(0); animation: acr-ripple .62s ease-out forwards; }
@keyframes acr-ripple { to { opacity: 0; transform: scale(18); } }
.effect-particles { position: absolute; z-index: 0; inset: 0; pointer-events: none; overflow: hidden; }
.effect-particle { position: absolute; left: var(--x); top: var(--y); width: var(--size); height: var(--size); border-radius: 50%; background: var(--particle-color, var(--orange-hot)); box-shadow: 0 0 12px var(--particle-color, var(--orange-hot)); opacity: 0; animation: acr-particle var(--duration) ease-in-out var(--delay) infinite; }
.hero .effect-particles { left: 58%; }
.hero .effect-particle { --particle-color: #ff6a2f; }
.datatalks .effect-particle:nth-child(even) { --particle-color: #4b92e5; }
@keyframes acr-particle {
  0%, 100% { opacity: 0; transform: translate3d(0, 16px, 0) scale(.55); }
  25% { opacity: .72; }
  70% { opacity: .3; }
  100% { transform: translate3d(var(--drift), -46px, 0) scale(1); }
}

.progress { background: var(--paper); color: var(--ink); }
.news-grid { max-width:var(--max); margin:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.news-card { min-height:520px; background:#fff; display:flex; flex-direction:column; overflow:hidden; }
.news-main { grid-row:span 2; min-height:1060px; }
.news-card-link { display:flex; flex:1; flex-direction:column; color:inherit; text-decoration:none; }
.news-card-link:focus-visible { outline:3px solid var(--orange); outline-offset:-3px; }
.news-card-link:not([href]) { cursor:default; }
.news-graphic { position:relative; isolation:isolate; min-height:280px; overflow:hidden; background:#17232a; }
.news-main .news-graphic { flex:1; }
.news-cover { position:absolute; z-index:0; inset:-4%; background-image:var(--cover-image); background-repeat:no-repeat; background-position:center; background-size:cover; filter:grayscale(1) sepia(.13) hue-rotate(158deg) saturate(.3) contrast(1.12) brightness(.24); opacity:0; transform:scale(1.035); transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease, opacity .8s ease; }
.news-card-link:hover .news-cover { filter:grayscale(1) sepia(.1) hue-rotate(158deg) saturate(.38) contrast(1.16) brightness(.32); opacity:0; transform:scale(1.08); }
.news-graphic::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(118deg,rgba(5,11,16,.94) 0%,rgba(9,21,29,.72) 48%,rgba(240,68,29,.3) 100%),linear-gradient(0deg,rgba(4,10,15,.55),rgba(4,10,15,.14)); pointer-events:none; }
.news-graphic.has-cover::after { content:"Altruism · 利他\A Creativity · 创新\A Responsibility · 责任"; position:absolute; z-index:2; right:9%; bottom:9%; color:rgba(204,222,231,.46); font-size:9px; font-weight:700; line-height:1.9; letter-spacing:.12em; text-align:right; text-transform:uppercase; white-space:pre; pointer-events:none; }
.news-editorial-grid { position:absolute; z-index:2; inset:0; opacity:.52; background-image:linear-gradient(rgba(157,182,198,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(157,182,198,.24) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,rgba(0,0,0,.95),transparent 88%); pointer-events:none; }
.news-photo-lettermark { position:absolute; z-index:3; inset:8% 7% 10%; display:flex; align-items:center; justify-content:center; overflow:hidden; pointer-events:none; }
.news-photo-letter { display:block; color:#9eb7c6; font-family:Arial,sans-serif; font-size:clamp(250px,37vw,620px); font-weight:900; line-height:.72; letter-spacing:-.12em; background-color:#9eb7c6; background-image:linear-gradient(135deg,rgba(217,235,242,.08),rgba(88,129,150,.18)),var(--cover-image); background-blend-mode:soft-light,normal; background-repeat:no-repeat; background-position:center; background-size:cover; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-text-stroke:1px rgba(197,225,237,.32); filter:contrast(1.08) saturate(.92) brightness(1.08); opacity:.98; text-shadow:0 0 24px rgba(240,246,248,.14); transform:scaleY(1.04); }
.news-card:not(.news-main) .news-photo-letter { font-size:clamp(180px,25vw,405px); }
.news-graphic:not(.has-cover) .news-photo-letter { color:rgba(141,159,169,.15); background-image:none; -webkit-text-fill-color:rgba(141,159,169,.08); -webkit-text-stroke:1px rgba(115,151,180,.42); text-shadow:none; }
.news-main .news-photo-letter { margin-left:-.07em; }
.news-card-link:hover .news-photo-letter { filter:contrast(1.22) saturate(.82) brightness(1.04); transform:scale(1.025) scaleY(1.04); }
.news-editorial-signal { position:absolute; z-index:4; left:12%; bottom:23%; width:70%; height:3px; background:var(--orange); box-shadow:0 0 20px rgba(240,68,29,.62); transform-origin:left center; pointer-events:none; }
.news-editorial-detail { position:absolute; z-index:4; right:12%; top:16%; width:118px; height:118px; border:1px solid rgba(112,177,224,.7); border-radius:50%; box-shadow:inset 0 0 0 22px rgba(112,177,224,.08),0 0 32px rgba(65,132,177,.12); pointer-events:none; }
.news-editorial-caption { position:absolute; z-index:4; left:12%; top:14%; padding:7px 9px; border-left:2px solid var(--orange); background:rgba(5,12,17,.45); color:#ff6945; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; pointer-events:none; }
.template-progress { background:linear-gradient(145deg,#151e24,#35464f); }
.template-progress .news-editorial-signal { transform:rotate(-16deg); }
.template-progress .news-editorial-detail { border-radius:8px; transform:rotate(45deg); }
.template-research { background:radial-gradient(circle at 62% 42%,#31475a,#111c24 68%); }
.template-research .news-editorial-signal { bottom:30%; width:66%; background:#4b92e5; box-shadow:0 0 18px rgba(75,146,229,.45); }
.template-research .news-editorial-detail { width:150px; height:150px; border-radius:50% 44% 50% 44%; border-color:rgba(104,175,222,.65); transform:rotate(26deg); }
.template-people { background:linear-gradient(145deg,#202932,#4b3d38); }
.template-people .news-cover { background-position:center 32%; }
.template-people .news-editorial-grid { background-size:34px 34px; opacity:.22; }
.template-people .news-editorial-signal { bottom:18%; width:55%; }
.template-people .news-editorial-detail { width:112px; height:148px; border-radius:56px 56px 12px 12px; border-color:rgba(255,164,121,.55); }
.news-copy { padding:32px; }
.news-copy > span { color:var(--orange); font-size:11px; letter-spacing:.12em; }
.news-copy h3 { font-size:clamp(22px,2vw,32px); line-height:1.35; margin:16px 0; letter-spacing:-.03em; }
.news-copy p { margin:0; color:#70787d; line-height:1.75; font-size:13px; }
.news-empty { position:relative; isolation:isolate; overflow:hidden; display:grid; min-height:100%; place-items:center; padding:32px; text-align:center; background:linear-gradient(145deg,#202d34,#34424a); color:#fff; }
.news-empty::before { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(rgba(92,128,153,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(92,128,153,.1) 1px,transparent 1px); background-size:52px 52px; opacity:.38; }
.news-empty-letter { position:absolute; z-index:0; top:50%; left:50%; color:rgba(93,136,173,.09); font-family:Arial,sans-serif; font-size:clamp(245px,34vw,575px); font-weight:900; line-height:.72; letter-spacing:-.12em; transform:translate(-50%,-50%) scaleY(1.04); -webkit-text-fill-color:rgba(18,34,46,.06); -webkit-text-stroke:1px rgba(77,137,181,.52); pointer-events:none; }
.news-empty-slot-2 .news-empty-letter,.news-empty-slot-3 .news-empty-letter { font-size:clamp(180px,23vw,370px); }
.news-empty b { position:relative; z-index:1; display:block; align-self:start; color:var(--orange); font-size:11px; letter-spacing:.16em; }
.news-empty strong { position:relative; z-index:1; display:block; margin:18px 0 8px; font-size:clamp(24px,2.2vw,38px); }
.news-empty small { position:relative; z-index:1; display:block; align-self:end; color:#b9c3c7; font-size:13px; line-height:1.6; }

.certificates { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; max-width: var(--max); margin: 90px auto 0; padding-top: 60px; border-top: 1px solid #cbd0d1; }
.certificate-heading > span { color: var(--orange); font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.certificate-heading h3 { margin: 22px 0 0; font-size: 32px; }.certificate-heading h3 .lang-en{margin-top:5px;color:#778187;font-size:.68em}
.certificate-links { display: grid; gap: 1px; background: #cbd0d1; border: 1px solid #cbd0d1; }
.certificate-links a { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 20px; min-height: 94px; padding: 18px 22px; background: #fff; cursor: not-allowed; }
.certificate-links b { color: var(--orange); font-size: 10px; }
.certificate-links .bilingual { font-size: 15px; font-weight: 700; }.certificate-links .bilingual .lang-en{margin-top:3px;color:#7c868c;font-size:.7em}
.certificate-links small { color: #9a8d85; font-size: 9px; text-align: right; }.certificate-links small .lang-en{margin-top:3px;font-size:.72em}

.contact { padding:110px clamp(24px,6vw,100px); display:grid; grid-template-columns:1.4fr .6fr; align-items:end; gap:80px; background:linear-gradient(120deg,#0c151b,#111e25); }
.contact h2 { margin-bottom:40px; }
.contact address { display:flex; flex-direction:column; gap:12px; font-style:normal; color:#9da7ae; font-size:13px; padding-left:30px; border-left:1px solid var(--line); }
.contact address strong { color:#fff; font-size:16px; margin-bottom:12px; }
footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; padding:25px clamp(24px,6vw,100px); color:#6f7a82; font-size:11px; border-top:1px solid var(--line); }
.footer-brand .brand-mark { font-size:28px; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1000px) {
  .desktop-nav,.header-contact { display:none; }
  .site-header { grid-template-columns:1fr auto auto; height:72px; gap: 18px; }
  .menu-button { display:block; }
  .mobile-nav { position:fixed; z-index:45; inset:72px 0 auto; padding:24px; background:rgba(7,12,17,.97); backdrop-filter:blur(18px); transform:translateY(-130%); transition:transform .3s; display:flex; flex-direction:column; }
  .mobile-nav.open { transform:none; }
  .mobile-nav a { padding:15px 0; border-bottom:1px solid var(--line); }
  .hero { padding-top:130px; align-items:flex-start; }
  .hero-content { width:75%; }
  .hero-index { display:none; }
  .about-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journey-track { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 72px; }
  .belief-page { min-height: auto; padding: 100px clamp(24px, 5vw, 60px); }
  .belief-heading { max-width: 76%; }
  .material-dna-visual { top: 95px; right: -95px; width: 500px; transform: scale(.82); transform-origin: right top; }
  .principle-grid { position: relative; z-index: 2; margin-top: 80px; }
  .principle-card { grid-template-columns: 1fr; }
  .principle-micrograph { min-height: 250px; margin: 0 22px 22px; }
  .process-chain { grid-template-columns: repeat(3, 1fr); }
  .process-card:nth-child(3) { border-right: 0; }
  .process-card:nth-child(-n+3) { border-bottom: 1px solid #2b3740; }
  .responsibility-heading { grid-template-columns: 1fr; gap: 36px; }
  .responsibility-heading > p { max-width: 720px; }
  .energy-flow { grid-template-columns: repeat(2,1fr); }
  .care-grid { grid-template-columns: repeat(3,1fr); }
  .team-showcase { grid-template-columns: 1fr; }
  .team-intro { min-height: 620px; }
  .team-stage,.team-track article { min-height: 680px; }
  .service-outcomes { grid-template-columns: 1fr 1fr; }
  .service-outcomes article:last-child { grid-column: 1 / -1; }
  .service-dashboard { grid-template-columns: 1.15fr .85fr; grid-template-rows: repeat(4, 170px); }
  .service-dashboard .dashboard-main { grid-row: 1 / 3; }
  .product-card,.product-card.featured { grid-template-columns:1fr; }
  .product-visual { min-height:360px; }
  .certificates { grid-template-columns: 1fr; gap: 34px; }
  .factory { grid-template-columns:1fr; }
  .factory-art { order:2; }
  .datatalks { min-height: auto; padding: 100px clamp(24px, 5vw, 60px); }
  .datatalks-intro { max-width: 100%; }
  .partner-network { position: relative; top: auto; right: auto; width: 420px; max-width: 100%; height: 360px; margin: 55px auto 0; }
  .supplier-node, .customer-node { top: 72px; width: 116px; height: 116px; }
  .acr-node { top: 38%; width: 168px; height: 168px; }
  .acr-node span { font-size: 38px; }
  .acr-node small { margin-top: -46px; font-size: 10px; }
  .network-node i { font-size: 9px; }
  .network-node strong { margin-top: -20px; font-size: 13px; }
  .network-line { top: 125px; width: 138px; }
  .line-one { left: 88px; }.line-two { right: 88px; }
  .network-caption { bottom: 12px; font-size: 10px; }
  .datatalks-categories { margin-top: 40px; }
  .datatalks-dashboard { grid-template-columns: repeat(2, 1fr); }
  .dt-topbar { grid-column: 1 / -1; }
  .dt-card { grid-column: auto; }
  .dt-stack { grid-column: auto; }
  .lifetime-card, .vibration-card { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .brand-mark { font-size:31px; }.brand-copy{font-size:8px;}
  .effect-particles, .magic-surface::before { display: none; }
  .product-card.featured { transform: none !important; }
  .language-toggle { padding: 7px 8px; gap: 6px; font-size: 11px; }
  .hero { min-height:900px; padding:112px 22px 104px; }
  .hero-backdrop { background:linear-gradient(180deg,rgba(3,8,13,.9),rgba(3,8,13,.55) 48%,rgba(3,8,13,.95) 80%),url("assets/acr-hero.png") 67% center / cover no-repeat; }
  .hero-grid { background-size:48px 48px; }
  .hero-content { width:100%; }
  .hero h1 strong { font-size:92px; }
  .hero h1 > span { font-size:35px; margin-top:28px; }
  .hero-bilingual-title .hero-brand { gap: 10px; }
  .hero-bilingual-title .hero-main-title { gap: 10px; margin-top: 28px; }
  body[data-lang-focus="zh"] .hero-brand .lang-zh { font-size: 46px; white-space: normal; }
  body[data-lang-focus="zh"] .hero-brand .lang-en { font-size: 17px; }
  body[data-lang-focus="en"] .hero-brand .lang-en { font-size: 39px; }
  body[data-lang-focus="en"] .hero-brand .lang-zh { font-size: 24px; }
  body[data-lang-focus="zh"] .hero-main-title .lang-zh,
  body[data-lang-focus="en"] .hero-main-title .lang-en { font-size: 34px; }
  body[data-lang-focus="zh"] .hero-main-title .lang-en,
  body[data-lang-focus="en"] .hero-main-title .lang-zh { font-size: 17px; }
  .hero-slogan { font-size:23px; line-height:1.55; }
  .hero-intro { max-width:330px; font-size:12px; }.hero-intro br{display:none;}
  .hero-actions { flex-direction:column; align-items:flex-start; }.button{width:100%;max-width:320px;}
  .hero-facts { left:22px; right:22px; grid-template-columns:1fr; }
  .hero-facts > div { display:none; }.hero-facts > div:first-child{display:flex;border:0;}
  .mobile-only { display:block; }
  .section-pad { padding:90px 22px; }
  .about-cards { margin-top: 50px; }
  .statement-copy h2,.section-head h2,.factory-copy h2,.contact h2{font-size:42px;}
  body[data-lang-focus="en"] .statement-copy h2,
  body[data-lang-focus="en"] .section-head h2,
  body[data-lang-focus="en"] .factory-copy h2,
  body[data-lang-focus="en"] .contact h2 { font-size: 36px; }
  .statement-copy > p:last-child{font-size:15px;}
  .about-cards { grid-template-columns:1fr; }
  .journey { min-height: auto; }
  .journey::before { background-position: 64% center; }
  .journey-heading h2 { font-size: 42px; }
  .journey-track { grid-template-columns: 1fr; min-height: 0; margin-top: 65px; border-top: 0; border-left: 1px solid rgba(255,255,255,.24); }
  .journey-route { display: none; }
  .journey-track::before { content: ""; position: absolute; top: 0; left: -2px; width: 3px; height: 70%; background: linear-gradient(180deg, var(--orange), #e7eef3); transform: scaleY(0); transform-origin: top; transition: transform 1.4s ease; }
  .journey-track.journey-playing::before { transform: scaleY(1); }
  .journey-track article { min-height: 220px; padding: 10px 0 45px 34px; }
  .journey-track article:nth-of-type(1), .journey-track article:nth-of-type(2), .journey-track article:nth-of-type(3), .journey-track article:nth-of-type(4), .journey-track article:nth-of-type(5) { --journey-card-offset: 0px; transform: translateY(var(--journey-card-offset)); }
  .journey-track.journey-ready article { transform: translateY(24px); }
  .journey-track.journey-ready article.milestone-visible { transform: translateY(0); }
  .journey-track article::before { content: ""; position: absolute; top: 2px; left: -7px; width: 13px; height: 13px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 18px rgba(240,68,29,.65); }
  .belief-page { padding: 82px 22px; }
  .belief-shell { min-height: 0; }
  .belief-heading { max-width: 100%; }
  .belief-number { margin-bottom: 42px; }
  .belief-heading h2 { font-size: 40px; }
  body[data-lang-focus="en"] .belief-heading h2 { font-size: 35px; }
  .belief-lead { font-size: 14px; }
  .material-dna-visual { position: relative; top: auto; right: auto; width: 100%; height: auto; display: block; margin: 42px auto 0; transform: none; }
  .material-dna-orbit { left: 50%; width: min(82vw, 340px); height: min(82vw, 340px); transform: translateX(-50%); }
  .material-dna-disc { left: auto; width: min(62vw, 260px); height: min(62vw, 260px); margin: 38px auto 54px; }
  .material-dna-label strong { font-size: 38px; }
  .material-dna-label span { margin-top: -22px; font-size: 8px; }
  .material-callout { position: relative; left: auto; top: auto; width: 100%; min-height: 74px; padding: 14px 12px 14px 42px; border-top: 1px solid rgba(255,255,255,.14); }
  .material-callout::before { top: 22px; right: auto; left: 10px; width: 20px; }
  .material-callout i { top: 17px; right: auto; left: 28px; }
  .principle-grid { grid-template-columns: 1fr; margin-top: 28px; }
  .principle-grid article { min-height: 0; }
  .principle-copy { padding: 28px; }
  .principle-micrograph { min-height: 360px; margin: 0 14px 14px; }
  .principle-grid h3 { margin-top: 26px; }
  .process-chain {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(270px, 82vw);
    margin-top: 55px;
    border: 1px solid #2b3740;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--orange) #1b252d;
  }
  .process-card { min-height: 400px; border-right: 1px solid #2b3740; border-bottom: 0; scroll-snap-align: start; }
  .process-card:nth-child(-n+3) { border-bottom: 0; }
  .process-card:last-child { border-right: 0; }
  .process-front i { top: 28px; left: auto; right: 24px; }
  .process-front strong { margin-top: 32px; }
  .process-face { padding: 28px 24px; }
  .process-back ul { grid-template-columns: 1fr 1fr; gap: 8px 18px; }
  .assurance-band { grid-template-columns: 1fr; }
  .assurance-band > div { grid-template-columns: 62px 1fr; padding: 24px; }
  .assurance-band > div > span { width: 58px; height: 58px; font-size: 20px; }
  .responsibility-bridge { min-height: 400px; }
  .bridge-copy h2 { font-size: 31px; line-height: 1.13; }
  .sustainability::before { display: none; }
  .responsibility-heading .section-number,.people-heading .section-number { margin-bottom: 42px; }
  .responsibility-heading h2,.people-heading h2 { font-size: 33px; line-height: 1.12; }
  .energy-flow { grid-template-columns: 1fr; margin-top: 55px; }
  .energy-flow article { min-height: 270px; }
  .care-grid { grid-template-columns: 1fr; margin-top: 55px; }
  .care-grid article { min-height: 220px; }
  .care-grid h3 { margin-top: 52px; }
  .team-showcase { grid-template-columns: 1fr; }
  .team-intro { min-height: 600px; padding: 90px 22px; }
  .team-intro h2 { font-size: 42px; }
  .team-stage,.team-track article { min-height: 560px; }
  .team-track article { padding: 36px 24px; }
  .team-track h3 { font-size: 40px; }
  .service-outcomes { grid-template-columns: 1fr; margin-top: 52px; }
  .service-outcomes article:last-child { grid-column: auto; }
  .service-outcomes article { min-height: 0; }
  .service-quote { grid-template-columns: 42px 1fr; margin-top: 50px; }
  .service-quote > span { font-size: 64px; }
  .service-quote p { font-size: 26px; }
  .service-dashboard { grid-template-columns: 1fr; grid-template-rows: auto; margin-top: 52px; }
  .service-dashboard article { min-height: 190px; }
  .service-dashboard .dashboard-main { grid-row: auto; min-height: 430px; }
  .life-chart { height: 210px; }
  .section-head { display:block; margin-bottom:40px; }.section-head > p{margin-top:24px;}
  .product-grid { grid-template-columns:1fr; }
  .product-card,.product-card.featured { grid-column:auto; min-height:auto; }
  .partner-logo-launch{grid-template-columns:1fr;gap:32px;padding:42px 0 0}.partner-logo-orb{justify-self:center;width:min(280px,82vw)}.partner-logo-copy{text-align:center}.partner-logo-copy h3,.partner-logo-copy>p:last-child{margin-left:auto;margin-right:auto}.partner-logo-copy .eyebrow{justify-content:center}.partner-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-brand{min-height:125px;padding:18px}.partner-brand-index{left:18px;top:16px}.partner-logo-modal{padding:0}.partner-logo-modal-panel{width:100%;height:100vh;max-height:100vh;border:0;padding:28px 20px}.partner-logo-modal-topline{margin-bottom:28px}.partner-logo-modal-topline h2{font-size:38px}
  .partner-collaboration-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-collaboration-caption{margin-top:12px;font-size:8px;letter-spacing:.12em}.partner-wordmark{min-height:128px;padding:17px 14px}.partner-wordmark-zh{top:16px;right:14px;font-size:clamp(16px,5.2vw,24px)}.partner-wordmark small{margin-bottom:8px;font-size:7px;letter-spacing:.11em}.partner-wordmark strong{background-size:780px auto;font-size:clamp(24px,10vw,43px)}.partner-wordmark--salzgitter strong,.partner-wordmark--shougang strong{font-size:clamp(20px,8.4vw,36px)}.partner-wordmark:last-child{grid-column:span 2}
  .product-visual { min-height:310px; }.product-copy{padding:30px;min-height:330px;}
  .service-ring { min-height:260px; }
  .factory { min-height:auto; gap:30px; }.factory-art{height:340px;transform:scale(.74);margin:-30px -80px;}
  .factory-flow { gap:8px; }.factory-flow span{font-size:10px;}
  .datatalks { padding: 90px 22px; }
  .datatalks-intro h2 { font-size: 52px; }
  .datatalks-intro h3 { font-size: 34px; }
  body[data-lang-focus="en"] .datatalks-intro h3 { font-size: 31px; }
  .datatalks-intro > p { font-size: 14px; }
  .datatalks-values { display: grid; grid-template-columns: 1fr; }
  .datatalks-values > span { min-width: 0; }
  .datatalks-cta { width: 100%; }
  .partner-network { width: 344px; height: 320px; margin-top: 42px; }
  .supplier-node, .customer-node { width: 92px; height: 92px; }
  .supplier-node { left: 0; }.customer-node{right:0;}
  .acr-node { width: 142px; height: 142px; }
  .acr-node span { font-size: 32px; }
  .network-line { width: 108px; }
  .line-one { left: 68px; }.line-two{right:68px;}
  .network-caption { bottom: 6px; }
  .datatalks-categories { grid-template-columns: 1fr; }
  .datatalks-categories article { min-height: 0; }
  .datatalks-dashboard { grid-template-columns: 1fr; }
  .dt-topbar { grid-column: auto; align-items: flex-start; gap: 16px; }
  .dt-topbar > div:last-child { flex-direction: column; align-items: flex-end; gap: 8px; }
  .dt-card, .lifetime-card, .vibration-card, .inventory-card, .material-card, .reports-card, .exception-card { grid-column: auto; min-height: 240px; }
  .dt-stack { grid-column: auto; grid-template-rows: auto; }
  .dt-stack .dt-card { min-height: 240px; padding: 22px; }
  .lifetime-card, .vibration-card { min-height: 290px; }
  .inventory-card { min-height: 280px; }
  .dt-metric strong { font-size: 44px; }
  .dt-line-chart, .vibration-chart { height: 100px; }
  .datatalks-modal { padding:0; }
  .datatalks-modal-panel { width:100%; max-height:100vh; height:100vh; border:0; }
  .datatalks-modal .dt-topbar { position:sticky; top:0; z-index:5; }
  .datatalks-modal-close { width:30px; height:30px; }
  .news-grid { grid-template-columns:1fr; }.news-main{grid-row:auto;min-height:620px;}.news-main .news-graphic{min-height:340px;}
  .certificates { grid-template-columns: 1fr; gap: 30px; margin-top: 70px; }
  .certificate-links a { grid-template-columns: 32px 1fr; }
  .certificate-links small { grid-column: 2; text-align: left; }
  .contact { grid-template-columns:1fr; padding:90px 22px; gap:60px; }.contact address{padding:25px 0 0;border-left:0;border-top:1px solid var(--line);}
  footer { flex-direction:column; align-items:flex-start; gap:15px; padding:35px 22px; }
}

/* Partner constellation: a restrained cue while the network is closed. */
.partner-logo-orb { overflow:visible; margin-bottom:156px; }
.partner-orb-action { top:calc(100% + 58px); bottom:auto; grid-template-columns:auto 40px; column-gap:12px; min-width:218px; font-size:16px; letter-spacing:.11em; }
.partner-orb-action .lang-en { margin-top:6px; font-size:11px; letter-spacing:.15em; }
.partner-orb-action i { width:36px; height:36px; font-size:26px; }
body[data-lang-focus="zh"] .partner-orb-action .lang-zh,body[data-lang-focus="en"] .partner-orb-action .lang-en { font-size:16px; }
body[data-lang-focus="zh"] .partner-orb-action .lang-en,body[data-lang-focus="en"] .partner-orb-action .lang-zh { font-size:11px; }
.partner-orb-glow { animation:none; }
.partner-orb-signal { position:absolute; z-index:0; inset:-5px; border:1px solid rgba(89,168,220,.58); border-radius:50%; opacity:0; pointer-events:none; }
.partner-orb-signal--orange { border-color:rgba(240,68,29,.54); }
.partner-logo-orb[aria-expanded="false"] .partner-orb-signal--blue { animation:partnerOrbSignal 5.8s cubic-bezier(.16,.84,.32,1) infinite; }
.partner-logo-orb[aria-expanded="false"] .partner-orb-signal--orange { animation:partnerOrbSignal 5.8s cubic-bezier(.16,.84,.32,1) 2.9s infinite; }
.partner-logo-orb[aria-expanded="false"] .partner-orb-glow { animation:partnerOrbPulse 5.8s ease-in-out infinite; }
.partner-logo-orb[aria-expanded="false"] .partner-orb-core { animation:partnerOrbCorePulse 5.8s ease-in-out infinite; }
.partner-logo-orb[aria-expanded="false"] .partner-orb-action { animation:partnerOrbActionCue 5.8s ease-in-out infinite; }
.partner-logo-orb:hover .partner-orb-signal,.partner-logo-orb:focus-visible .partner-orb-signal { animation:none!important; opacity:0; }
.partner-logo-orb:hover .partner-orb-glow,.partner-logo-orb:focus-visible .partner-orb-glow { animation:none!important; opacity:1; transform:scale(1.04); }
.partner-logo-orb:hover .partner-orb-core,.partner-logo-orb:focus-visible .partner-orb-core { animation:none!important; transform:translate(-50%,-50%) scale(1.03); }
.partner-logo-orb:hover .partner-orb-action,.partner-logo-orb:focus-visible .partner-orb-action { animation:none!important; color:#fff; text-shadow:0 0 13px rgba(240,68,29,.56); }
@keyframes partnerOrbSignal { 0%,16% { opacity:0; transform:scale(.84); } 23% { opacity:.72; } 67%,100% { opacity:0; transform:scale(1.23); } }
@keyframes partnerOrbCorePulse { 0%,100% { transform:translate(-50%,-50%) scale(1); } 50% { transform:translate(-50%,-50%) scale(1.035); } }
@keyframes partnerOrbActionCue { 0%,56%,100% { color:#edf4f6; text-shadow:none; transform:translateX(-50%); } 64%,72% { color:#fff; text-shadow:0 0 13px rgba(240,68,29,.56); transform:translateX(calc(-50% + 3px)); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .reveal { opacity:1; transform:none; }
  .effect-particles { display:none; }
  .partner-logo-orb[aria-expanded="false"] { border-color:rgba(240,68,29,.74); }
  .partner-logo-orb[aria-expanded="false"] .partner-orb-signal { opacity:.32; transform:scale(1.04); }
  .partner-logo-orb[aria-expanded="false"] .partner-orb-action { color:#fff; text-shadow:0 0 10px rgba(240,68,29,.42); }
}

@media (hover: none), (pointer: coarse) {
  .effect-particles { display: none; }
  .magic-surface::before { display: none; }
  .product-card.featured { transform: none !important; }
}

/* Certificate documents: Bitable-driven public index. */
.certificates {
  display: block;
  max-width: none;
  margin: 0;
  padding: clamp(78px, 8vw, 138px) clamp(24px, 6vw, 104px);
  border: 0;
  background: #f2f3f1;
}

.certificate-heading {
  max-width: 790px;
  margin: 0 0 clamp(30px, 3.5vw, 48px);
}

.certificate-heading > span {
  color: var(--orange);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.certificate-heading h3 {
  margin: 22px 0 0;
  font-size: clamp(42px, 5vw, 76px);
  line-height: 0.98;
}

.certificate-heading h3 .lang-en {
  margin-top: 10px;
  color: #879299;
  font-size: 0.63em;
  line-height: 1.08;
}

.certificate-links {
  display: grid;
  width: 100%;
  gap: 0;
  background: transparent;
  border: 1px solid #c8cdce;
}

.certificate-row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) minmax(190px, auto);
  align-items: center;
  gap: 26px;
  min-height: 148px;
  padding: 28px 44px;
  background: rgba(255, 255, 255, 0.72);
  border: 0;
  border-bottom: 1px solid #c8cdce;
  color: #101820;
  text-decoration: none;
}

.certificate-row:last-child {
  border-bottom: 0;
}

.certificate-row.is-ready {
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.certificate-row.is-ready:hover,
.certificate-row.is-ready:focus-visible {
  background: #fff;
  outline: 0;
}

.certificate-row.is-ready:focus-visible {
  box-shadow: inset 4px 0 0 var(--orange);
}

.certificate-row.is-pending {
  cursor: default;
}

.certificate-order {
  color: var(--orange);
  font-size: 15px;
  font-weight: 750;
  letter-spacing: 0.09em;
}

.certificate-name .lang-zh,
.certificate-name .lang-en,
.certificate-action .lang-zh,
.certificate-action .lang-en {
  display: block;
}

.certificate-name .lang-zh {
  color: #101820;
  font-size: 24px;
  font-weight: 750;
  line-height: 1.2;
}

.certificate-name .lang-en {
  margin-top: 7px;
  color: #7a858c;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.32;
}

.certificate-action {
  color: #7b858a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: right;
}

.certificate-action .lang-en {
  margin-top: 6px;
  color: #98a0a4;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.certificate-row.is-ready .certificate-action .lang-zh {
  color: #fff;
  font-size: 14px;
  font-weight: 750;
}

.certificate-row.is-ready .certificate-action {
  position: relative;
  align-self: center;
  justify-self: end;
  min-width: 194px;
  padding: 12px 46px 12px 18px;
  border: 1px solid var(--orange);
  background: var(--orange);
  box-shadow: 0 10px 20px rgba(255, 75, 38, 0.18);
  color: #fff;
  text-align: left;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

.certificate-row.is-ready .certificate-action .lang-en {
  color: rgba(255, 255, 255, 0.76);
  font-size: 10px;
}

.certificate-row.is-ready .certificate-action::after {
  content: "\2197";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-54%);
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.certificate-row.is-ready:hover .certificate-action,
.certificate-row.is-ready:focus-visible .certificate-action {
  background: #17242a;
  border-color: #17242a;
}

.certificate-row.is-ready:hover .certificate-action .lang-zh,
.certificate-row.is-ready:hover .certificate-action .lang-en,
.certificate-row.is-ready:focus-visible .certificate-action .lang-zh,
.certificate-row.is-ready:focus-visible .certificate-action .lang-en {
  color: #fff;
}

body[data-lang-focus="en"] .certificate-name .lang-en {
  color: #101820;
  font-size: 25px;
  font-weight: 750;
}

body[data-lang-focus="en"] .certificate-name .lang-zh {
  margin-top: 6px;
  color: #7a858c;
  font-size: 14px;
  font-weight: 600;
}

body[data-lang-focus="en"] .certificate-row.is-pending .certificate-action .lang-en {
  color: var(--orange);
  font-size: 11px;
  font-weight: 700;
}

body[data-lang-focus="en"] .certificate-row.is-pending .certificate-action .lang-zh {
  margin-top: 5px;
  color: #8e989e;
  font-size: 10px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .certificates {
    padding: 74px 22px;
  }

  .certificate-heading h3 {
    font-size: 44px;
  }

  .certificate-row {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    min-height: 132px;
    padding: 22px 18px;
  }

  .certificate-order {
    font-size: 12px;
  }

  .certificate-name .lang-zh {
    font-size: 20px;
  }

  body[data-lang-focus="en"] .certificate-name .lang-en {
    font-size: 21px;
  }

  .certificate-action {
    grid-column: 2;
    margin-top: -3px;
    text-align: left;
  }

  .certificate-row.is-ready .certificate-action {
    min-width: 166px;
    width: fit-content;
    margin-top: 2px;
    padding: 10px 40px 10px 13px;
  }
}

@media (max-width: 390px) {
  .certificate-heading h3 {
    font-size: 38px;
  }

  .certificate-row {
    padding: 20px 15px;
  }

  .certificate-name .lang-zh {
    font-size: 18px;
  }
}