/* Parallel industrial direction. The existing orange edition is unchanged. */
:root { --yellow:#f18310; --ink:#171a1d; --paper:#eceeec; --panel:#d9dddc; --muted:#50595d; --line:#bbc1c2; --control-line:#7b8589; --dark-muted:#aeb5b8; --gutter:40px; }
html { scroll-padding-top:28px; }
body.industrial { background:#0b0d0f; }
.industrial .shell { max-width:1440px; }
.industrial .section-pad { padding-block:110px; }
.industrial :is(button,a,summary):focus-visible { outline-color:var(--yellow); }
.industrial :is(input,select,textarea):focus-visible { outline-color:#8b4100; }
.industrial .button { min-height:56px; font-size:15px; }
.industrial .button-yellow:hover { background:#ff9d33; }
.industrial .site-header { background:#0b0d0f; border-bottom:1px solid #ffffff24; }
.industrial .header-inner { height:98px; }
.industrial-brand { width:200px; }
.industrial-brand img { width:172px; height:auto; }
.industrial-brand>span { display:block; font-size:11px; letter-spacing:2.1px; margin-top:9px; color:#adb4b7; line-height:1.2; }
.lang-en .industrial-brand>span { font:9px/1.4 var(--font-mono); letter-spacing:.3px; }
.industrial .site-nav { gap:30px; font-size:14px; }
.industrial .site-nav .nav-cta { background:none; border:1px solid #f1831070; color:#f3f5f4; padding:13px 17px; gap:24px; }
.industrial .site-nav .nav-cta span { color:var(--yellow); }
.industrial .site-nav .nav-cta:hover { background:var(--yellow); color:var(--ink); }
.industrial .site-nav .nav-cta:hover span { color:var(--ink); }
.industrial-hero { background:#090c0e; position:relative; overflow:hidden; color:#f4f6f5; }
.industrial-hero-image { position:absolute; inset:0; overflow:hidden; }
.industrial-hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.03); }
.industrial-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#080b0ee8 0%,#080b0eb0 26%,#080b0e2c 53%,transparent 75%),linear-gradient(0deg,#080b0e 0%,transparent 22%,transparent 80%,#080b0e44 100%); }
.industrial-hero-inner { position:relative; min-height:710px; display:flex; flex-direction:column; }
.industrial-hero-meta { display:flex; align-items:center; justify-content:space-between; padding-block:24px; border-bottom:1px solid #ffffff24; color:#bac0c3; font:12px/1.6 var(--font-mono); letter-spacing:1.4px; }
.industrial-hero-meta>span:first-child { display:flex; gap:11px; align-items:center; }
.industrial-hero-meta i { display:block; width:5px; height:5px; background:var(--yellow); box-shadow:0 0 12px #f1831066; }
.industrial-hero-copy { position:relative; z-index:2; padding-block:79px 65px; width:54%; }
.industrial-eyebrow { font:12px/1.5 var(--font-mono); color:#bbc1c4; letter-spacing:3px; margin-bottom:28px; }
.industrial-hero h1 { font-size:clamp(56px,6.1vw,88px); line-height:1.22; letter-spacing:-4px; font-weight:750; }
.industrial-hero h1 span { color:var(--yellow); }
.industrial-description { color:#c1c7ca; font-size:16px; line-height:1.9; margin-top:29px; max-width:520px; }
.industrial-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:30px; margin-top:35px; }
.industrial-discover { display:flex; gap:23px; align-items:center; font-size:14px; border-bottom:1px solid #7c8487; padding:12px 0; }
.industrial-discover span { color:var(--yellow); font-size:20px; }
.industrial-discover:hover { color:var(--yellow); }
.industrial-annotation { display:flex; gap:14px; align-items:center; position:absolute; right:9%; bottom:113px; color:#d8dedf; font:10px/1.9 var(--font-mono); letter-spacing:1px; }
.annotation-cross { color:var(--yellow); font-size:28px; }
.industrial-annotation b { font-weight:400; font-size:9px; color:#bac1c3; }
.industrial-hero-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:auto; padding-block:22px; font:12px/1.7 var(--font-mono); color:#b7bec1; }
.industrial-motion-toggle { color:#c1c8cb; font-size:12px; background:none; border:0; border-bottom:1px solid #657075; padding:5px 0; white-space:nowrap; }
.industrial-motion-toggle::before { content:'Ⅱ'; color:var(--yellow); margin-right:8px; }
.industrial-motion-toggle[aria-pressed=true]::before { content:'▷'; }
.industrial-motion-toggle:disabled { cursor:default; }
.industrial-sequence { background:#121619; border-block:1px solid #31383c; color:#ecefee; }
.industrial-sequence>.shell { display:grid; grid-template-columns:repeat(3,1fr); }
.industrial-sequence-item { display:flex; gap:24px; align-items:center; padding:29px 32px; border-right:1px solid #353c40; }
.industrial-sequence-item:first-child { padding-left:0; }
.industrial-sequence-item:last-child { border-right:0; padding-right:0; }
.sequence-no { font:28px/1 var(--font-mono); color:#8c979d; }
.industrial-sequence-item small { display:block; font:10px/1.6 var(--font-mono); color:#a2acb0; letter-spacing:1.3px; }
.industrial-sequence-item strong { display:block; font-size:20px; line-height:1.5; font-weight:550; letter-spacing:.5px; margin-top:4px; }
.sequence-arrow { margin-left:auto; color:var(--yellow); font:25px/1 var(--font-mono); }
.industrial-explore { position:relative; color:#e2e7e7; background-color:#0b0d0f; background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px); background-size:48px 48px; }
.industrial-explore .section-label { color:#aab3b8; border-color:#353d41; }
.industrial-explore .section-label>span:last-child { color:var(--yellow); }
.industrial-explore-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:44px; }
.industrial-explore-heading h2 { font-size:clamp(38px,3.8vw,54px); line-height:1.28; letter-spacing:-2px; font-weight:650; }
.industrial-explore-heading h2 em { font-style:normal; color:#8c979d; }
.industrial-explore-heading p { font-size:15px; color:#aeb8bd; line-height:1.9; }
.industrial-fallback { padding:50px 30px; border:1px solid #374047; color:#b7c0c4; }
.industrial .capabilities-section { color:#171d20; background:linear-gradient(115deg,#e9eeed 0%,#d5dadb 50%,#e9ecec 100%); }
.industrial .capabilities-section .section-label { color:#49555b; border-color:#adb5b8; }
.industrial .capability-layout { grid-template-columns:.78fr 1.5fr; gap:80px; }
.industrial .capability-intro { top:50px; }
.industrial .capability-intro h2 { font-size:46px; line-height:1.3; }
.industrial .capability-intro h2 em { font-style:normal; }
.industrial .capability-intro>p { color:#4b555b; font-size:16px; margin-top:28px; }
.industrial .capability-note { border-color:#adb5b8; margin-top:33px; }
.industrial .capability-note>.micro { color:#4a555b; }
.industrial .capability-note p { font-size:15px; }
.industrial .capability-list { display:grid; grid-template-columns:1fr 1fr; border:1px solid #a8b1b5; }
.industrial .capability-row { position:relative; display:grid; grid-template-columns:1fr 44px; align-content:start; gap:18px 12px; padding:28px; min-height:252px; border-bottom:1px solid #a8b1b5; transition:background .25s,box-shadow .25s; }
.industrial .capability-row:nth-child(odd) { border-right:1px solid #a8b1b5; }
.industrial .capability-row::before { content:'+'; position:absolute; top:8px; right:11px; color:#7f8a90; font:14px/1 var(--font-mono); }
.industrial .capability-row:hover { background:#f9fbfa88; box-shadow:inset 3px 0 var(--yellow); }
.industrial .cap-number { font:12px/1.5 var(--font-mono); color:#525e64; grid-row:1; grid-column:1/-1; }
.industrial .cap-title { grid-row:2; grid-column:1; }
.industrial .cap-title h3 { font-size:25px; font-weight:650; }
.industrial .cap-title>span { color:#58666c; font-size:10px; letter-spacing:.5px; margin-top:7px; }
.industrial .technical-icon { grid-row:2; grid-column:2; stroke:#4a5a61; width:42px; height:42px; }
.industrial .capability-row>p { grid-column:1/-1; color:#515e64; font-size:14px; line-height:1.85; }
.industrial .capability-boundary { grid-column:1/-1; margin:0; padding:20px 27px; font-size:12px; color:#55636a; }
.industrial .process-section { color:#e7ebeb; background:#161b1e; }
.industrial .process-section .section-label { color:#a8b3b9; border-color:#3a454b; }
.industrial .process-section .section-heading>p { color:#a8b3b9; font-size:15px; }
.industrial .process-grid { gap:0; border:1px solid #3a454b; }
.industrial .process-step { padding:28px; border-right:1px solid #3a454b; }
.industrial .process-step:last-child { border:0; }
.industrial .process-top { color:var(--yellow); border-color:#57646c; }
.industrial .process-dot { background:var(--yellow); }
.industrial .process-step h3 { font-size:25px; }
.industrial .process-step .process-subtitle { color:#dae1e4; font-size:14px; }
.industrial .process-step>p,.industrial .process-step details>p { color:#aeb9bf; font-size:14px; }
.industrial .process-step details { border-color:#445159; }
.industrial .process-step summary { font-size:14px; }
.industrial .process-step summary>span { color:var(--yellow); }
.industrial .project-section { background:#dce1e1; }
.industrial .section-heading h2 { line-height:1.28; }
.industrial .section-heading>p { font-size:15px; }
.industrial .project-desk { box-shadow:0 18px 44px #0c192e0c; }
.industrial .project-guidance { background:#d3d9da; }
.industrial .inquiry-form-area { background:#f1f3f2; }
.industrial .stage-panel>p,.industrial .stage-preparation>p,.industrial .desk-aside { font-size:14px; }
.industrial .stage-tab:hover:not([aria-selected=true]) { background:#bdc7cc; }
.industrial .faq-section { background:#ecefed; }
.industrial .faq-list details>p { font-size:14px; }
.industrial .site-footer { position:relative; overflow:hidden; color:#e5eaea; background:#0b0f12; padding-top:64px; border-top:5px solid var(--yellow); }
.industrial .footer-top { border-bottom:1px solid #36434a; padding-bottom:40px; }
.industrial .footer-top h2 { font-size:36px; }
.industrial .footer-wordmark { width:100%; padding-block:46px; margin-top:0; border-bottom:1px solid #36434a; }
.industrial .footer-wordmark img { width:100%; height:auto; opacity:.96; }
.industrial .footer-grid { border:0; padding-block:38px; gap:50px; }
.industrial .footer-grid address { font-size:15px; color:#b7c1c6; }
.industrial .footer-grid address strong { color:var(--yellow); font:12px/1.9 var(--font-mono); letter-spacing:2px; }
.industrial .footer-company { font-size:15px; }
.industrial .footer-tag,.industrial .footer-address-note { color:#9ba9b1; }
.industrial .footer-wechat .copy-wechat { border-color:#657078; }
.industrial .footer-bottom { border-color:#36434a; color:#91a0aa; }
.industrial .mobile-cta { background:var(--yellow); color:var(--ink); }
.lang-en .industrial-hero h1 { font-size:clamp(58px,5.8vw,84px); line-height:1.08; letter-spacing:-4px; }
.lang-en .industrial-hero-copy { width:60%; }
.lang-en .industrial-description { max-width:480px; }
.lang-en .industrial-description br { display:none; }
.lang-en .industrial-sequence-item strong { font-size:18px; }
.lang-en.industrial .capability-intro h2 { font-size:43px; }
.lang-en.industrial .cap-title h3 { font-size:21px; }
.lang-en.industrial .process-step h3 { font-size:22px; }
/* Motion is restrained, pausable, and disabled by the system preference. */
@media(prefers-reduced-motion:no-preference) {
  .industrial.motion-ready .industrial-hero-image img { animation:industrial-breathe 18s ease-in-out infinite alternate; }
  .industrial.motion-ready .industrial-hero-copy { animation:industrial-arrive .9s ease-out both; }
  .industrial.motion-ready .industrial-annotation { animation:industrial-arrive 1.6s ease-out both; }
  .industrial.motion-ready [data-reveal] { transition:opacity .6s ease,transform .6s ease; }
  .industrial.motion-ready [data-reveal].industrial-pending { opacity:0; transform:translateY(22px); }
}
.industrial.motion-paused *, .industrial.hero-offscreen .industrial-hero-image img { animation-play-state:paused!important; }
.industrial.motion-paused [data-reveal].industrial-pending { opacity:1; transform:none; }
@keyframes industrial-breathe { from { transform:scale(1.015); } to { transform:scale(1.06); } }
@keyframes industrial-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:1700px) { .industrial-hero-inner { min-height:820px; } .industrial-hero-copy { padding-top:115px; } }
@media(max-width:1200px) {
  :root { --gutter:28px; }
  .industrial .site-nav { gap:19px; font-size:13px; }
  .industrial-brand { width:180px; }
  .industrial-hero-inner { min-height:660px; }
  .industrial-hero-copy { width:61%; padding-top:72px; }
  .industrial-hero h1 { font-size:70px; }
  .industrial-description { font-size:15px; }
  .industrial .capability-layout { gap:40px; grid-template-columns:.8fr 1.5fr; }
  .industrial .capability-intro h2 { font-size:36px; }
  .industrial .capability-row { padding:24px; }
  .industrial .process-step { padding:24px; }
  .industrial-sequence-item { gap:18px; padding-inline:22px; }
}
@media(max-width:900px) {
  .industrial .header-inner { height:82px; }
  .industrial .site-nav { top:82px; background:#101619; padding-inline:var(--gutter); gap:4px; }
  .industrial-brand img { width:142px; }
  .industrial-brand>span { font-size:10px; margin-top:7px; }
  .industrial-hero-inner { min-height:700px; }
  .industrial-hero-image img { object-position:62% center; }
  .industrial-hero-shade { background:linear-gradient(90deg,#080b0ee8 0%,#080b0e8a 55%,#080b0e1a 100%),linear-gradient(0deg,#080b0e 0%,transparent 30%); }
  .industrial-hero-copy { width:78%; padding-top:85px; }
  .lang-en .industrial-hero-copy { width:80%; }
  .industrial-hero h1 { font-size:66px; }
  .industrial-annotation { display:none; }
  .industrial-sequence-item { padding:22px 17px; gap:12px; }
  .sequence-no { font-size:22px; }
  .industrial-sequence-item small { font-size:9px; letter-spacing:.4px; }
  .industrial-sequence-item strong,.lang-en .industrial-sequence-item strong { font-size:16px; }
  .sequence-arrow { display:none; }
  .industrial .section-pad { padding-block:78px; }
  .industrial-explore-heading { align-items:flex-start; gap:26px; }
  .industrial-explore-heading h2 { font-size:38px; }
  .industrial-explore-heading p { font-size:14px; padding-top:8px; }
  .industrial .capability-layout { grid-template-columns:1fr; gap:36px; }
  .industrial .capability-intro { position:static; display:grid; grid-template-columns:1fr 1fr; gap:22px 36px; }
  .industrial .capability-intro>p { margin:0; max-width:none; }
  .industrial .capability-note { display:none; }
  .industrial .capability-intro>.button { justify-self:start; margin-top:0; }
  .industrial .capability-row { min-height:224px; padding:28px; }
  .industrial .process-grid { grid-template-columns:1fr 1fr; }
  .industrial .process-step:nth-child(2) { border-right:0; }
  .industrial .process-step:nth-child(-n+2) { border-bottom:1px solid #3a454b; }
  .industrial .footer-top h2 { font-size:30px; }
  .industrial .footer-phone { font-size:24px; }
}
@media(max-width:600px) {
  :root { --gutter:22px; }
  .industrial .header-inner { height:78px; }
  .industrial .site-nav { top:78px; }
  .industrial .section-pad { padding-block:64px; }
  .industrial .section-label { margin-bottom:30px; font-size:10px; letter-spacing:.8px; }
  .industrial-hero-inner { min-height:815px; }
  .industrial-hero-image { top:325px; height:440px; bottom:auto; }
  .industrial-hero-image img { object-fit:cover; object-position:74% center; }
  .industrial-hero-shade { background:linear-gradient(180deg,#090c0e 0%,#090c0e 36%,#090c0e88 49%,#090c0e00 62%,#090c0e00 80%,#090c0e 96%); }
  .industrial-hero-meta { padding-block:18px; font-size:9px; letter-spacing:.7px; gap:12px; }
  .industrial-hero-meta>span:last-child { white-space:nowrap; }
  .industrial-hero-meta>span:first-child { gap:7px; }
  .industrial-hero-copy,.lang-en .industrial-hero-copy { padding-top:36px; padding-bottom:0; width:100%; }
  .industrial-eyebrow { font-size:10px; letter-spacing:2px; margin-bottom:20px; }
  .industrial-hero h1 { font-size:48px; line-height:1.24; letter-spacing:-2.5px; }
  .lang-en .industrial-hero h1 { font-size:clamp(33px,9vw,44px); line-height:1.15; letter-spacing:-1.8px; }
  .industrial-description { font-size:14px; margin-top:21px; line-height:1.8; }
  .industrial-hero-actions { gap:22px; margin-top:25px; }
  .industrial-hero-actions .button { padding:13px 16px; gap:22px; font-size:13px; min-height:49px; }
  .industrial-discover { font-size:12px; gap:14px; background:#090c0eb3; }
  .industrial-hero-bottom { align-items:flex-start; gap:12px; padding-bottom:22px; font-size:10px; }
  .industrial-hero-bottom p { max-width:230px; }
  .industrial-motion-toggle { font-size:10px; padding-top:0; }
  .industrial-sequence>.shell { padding-inline:22px; grid-template-columns:1fr; }
  .industrial-sequence-item,.industrial-sequence-item:first-child,.industrial-sequence-item:last-child { padding:20px 0; border-right:0; border-bottom:1px solid #353c40; gap:24px; }
  .industrial-sequence-item:last-child { border-bottom:0; }
  .sequence-no { font-size:25px; }
  .industrial-sequence-item small { font-size:10px; letter-spacing:1px; }
  .industrial-sequence-item strong,.lang-en .industrial-sequence-item strong { font-size:19px; }
  .sequence-arrow { display:block; }
  .industrial-explore-heading { flex-direction:column; gap:17px; margin-bottom:28px; }
  .industrial-explore-heading h2 { font-size:36px; letter-spacing:-1.5px; }
  .industrial-explore-heading p { font-size:14px; padding:0; }
  .industrial .capability-intro { display:block; }
  .industrial .capability-intro h2,.lang-en.industrial .capability-intro h2 { font-size:35px; }
  .industrial .capability-intro>p { margin-top:20px; font-size:15px; }
  .industrial .capability-intro>.button { margin-top:24px; }
  .industrial .capability-list { grid-template-columns:1fr; }
  .industrial .capability-row { min-height:0; grid-template-columns:1fr 40px; padding:24px; gap:16px 12px; }
  .industrial .capability-row:nth-child(odd) { border-right:0; }
  .industrial .capability-row>p { font-size:14px; }
  .industrial .capability-boundary { padding:21px 24px; }
  .industrial .section-heading h2 { font-size:35px; letter-spacing:-1.7px; }
  .industrial .process-grid { grid-template-columns:1fr; }
  .industrial .process-step { padding:26px; border-right:0; border-bottom:1px solid #3a454b; }
  .industrial .process-top { height:38px; margin-bottom:22px; }
  .industrial .process-step h3,.lang-en.industrial .process-step h3 { min-height:0; font-size:25px; }
  .industrial .project-guidance,.industrial .inquiry-form-area { padding:25px 20px; }
  .industrial .stage-panel>p,.industrial .stage-preparation>p,.industrial .desk-aside { font-size:13px; }
  .industrial .footer-top { grid-template-columns:1fr; gap:28px; padding-bottom:30px; }
  .industrial .footer-top h2 { font-size:30px; }
  .industrial .footer-contact { justify-self:start; }
  .industrial .footer-wordmark { padding-block:32px; }
  .industrial .footer-grid { grid-template-columns:1fr; gap:25px; padding-block:30px; }
  .industrial .footer-links { align-items:flex-start; }
  .industrial .footer-bottom { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .industrial * { animation:none!important; transition:none!important; } }