/* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; }[Truncated] /* Contained rounded frame for the synthesis evidence section. */ .container:has(#wx-synthesis-library){max-width:1140px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important;padding:32px!important;border:1px solid #dce5e9!important;border-radius:24px!important;background:white;box-shadow:0 3px 14px #0a173d08} #wx-synthesis-case .wx-case-tabs a{transition:background .18s,color .18s,border-color .18s} #wx-synthesis-case .wx-case-tabs a:hover,#wx-synthesis-case .wx-case-tabs a:focus-visible{background:#63ded5!important;color:#0a173d!important;border-color:#63ded5!important} @media(max-width:720px){.container:has(#wx-synthesis-library){width:calc(100% - 32px)!important;padding:22px 18px!important;border-radius:20px!important}} @media(prefers-reduced-motion:reduce){#wx-synthesis-case .wx-case-tabs a{transition:none}} #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; }[Truncated] .container:has(#wx-synthesis-library)>.grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:40px!important;align-items:start!important} #wx-synthesis-case.wx-case-interactive .wx-case-metrics>div{border:0!important;padding:0!important;margin:0!important;font-size:inherit!important} #wx-synthesis-case.wx-case-interactive #wx-case-stage>p{border:0!important;padding:0!important;margin:0!important;font-size:14px!important;line-height:1.6!important} @media(max-width:900px){.container:has(#wx-synthesis-library)>.grid{grid-template-columns:1fr!important;gap:28px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; }[Truncated] /* Library evidence table and interactive case study: local IDs only. */ .container:has(#wx-synthesis-library){grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:40px!important;align-items:start!important} .container:has(#wx-synthesis-library)>div{min-width:0} #wx-synthesis-library .wx-library-table{width:100%;border-collapse:collapse;margin:24px 0 26px;text-align:left;table-layout:fixed} #wx-synthesis-library .wx-library-table th{background:#f3f5f6;color:#586c7c;text-transform:uppercase;letter-spacing:1px;font-size:11px;padding:13px 12px;font-weight:600;text-align:left} #wx-synthesis-library .wx-library-table th:first-child{width:22%} #wx-synthesis-library .wx-library-table th:last-child{width:25%} #wx-synthesis-library .wx-library-table td{padding:20px 12px;border-bottom:1px solid #dce5e9;font-size:15px;line-height:1.55;vertical-align:middle;color:#0a173d} #wx-synthesis-library .wx-library-table td:first-child{font-family:'Funnel Display',sans-serif;font-size:25px;font-weight:500} #wx-synthesis-library .wx-library-table tr:last-child td:first-child{font-size:17px} #wx-synthesis-library .wx-library-table td:last-child{font-size:13px;color:#586c7c} #wx-synthesis-library .wx-library-table tbody tr{transition:background .2s} #wx-synthesis-library .wx-library-table tbody tr:hover{background:#eaf5f3} #wx-synthesis-case.wx-case-interactive{background:#f3f5f6!important;border:0!important;border-radius:20px!important;padding:30px!important;margin:0!important;box-shadow:none!important;overflow:hidden!important} #wx-synthesis-case .wx-case-accent{height:3px;width:42px;background:#007e87;margin-bottom:18px} #wx-synthesis-case .wx-case-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#007e87;font-weight:600;margin:0 0 18px} #wx-synthesis-case.wx-case-interactive h2{font-family:'Funnel Display',sans-serif;font-size:28px;line-height:1.25;font-weight:500;margin:0 0 26px;color:#0a173d} #wx-synthesis-case .wx-case-tabs{display:flex;gap:7px;margin:0 0 24px;border:0!important;padding:0!important} #wx-synthesis-case .wx-case-tabs a{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid #d6e1e5;border-radius:24px;background:white;color:#0a173d;padding:10px 9px;font-size:13px;line-height:1.3;text-decoration:none;min-height:42px} #wx-synthesis-case .wx-case-tabs a[aria-selected=true]{background:#0a173d;color:white;border-color:#0a173d} #wx-synthesis-case .wx-case-tabs a:focus-visible{outline:3px solid #007e87;outline-offset:3px} #wx-synthesis-case #wx-case-stage{min-height:104px;padding:0 0 22px;border-bottom:1px solid #dce5e9} #wx-synthesis-case #wx-case-stage h3{font-size:19px;line-height:1.3;font-weight:500;margin:0 0 12px} #wx-synthesis-case #wx-case-stage p{font-size:14px;line-height:1.6;margin:0} #wx-synthesis-case .wx-case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #dce5e9} #wx-synthesis-case .wx-case-metrics .wx-case-result{font-family:'Funnel Display',sans-serif;font-size:29px;line-height:1.2;font-weight:500;margin:0 0 10px;color:#0a173d} #wx-synthesis-case .wx-case-result span,#wx-synthesis-case .wx-case-metrics>div:nth-child(2) .wx-case-result{color:#007e87} #wx-synthesis-case .wx-case-metrics p:not(.wx-case-result){font-size:12px;line-height:1.5;color:#586c7c;margin:0} #wx-synthesis-case.wx-case-interactive>.wx-case-support{border:0!important;padding:0!important;margin:22px 0 0!important;font-size:14px!important;line-height:1.65!important} @media(max-width:900px){.container:has(#wx-synthesis-library){grid-template-columns:1fr!important;gap:28px!important}#wx-synthesis-case.wx-case-interactive{padding:26px!important}} @media(max-width:420px){#wx-synthesis-library .wx-library-table td{font-size:13px;padding:16px 7px}#wx-synthesis-library .wx-library-table td:first-child{font-size:21px}#wx-synthesis-library .wx-library-table th{padding:12px 7px;font-size:10px}#wx-synthesis-case.wx-case-interactive{padding:22px!important}#wx-synthesis-case .wx-case-metrics .wx-case-result{font-size:25px}} @media(prefers-reduced-motion:reduce){#wx-synthesis-library .wx-library-table tbody tr{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Wider, more compact platforms panel; clear separation above Locations. */ #wuxi-home-narrative .wxhn-platform{max-width:1200px;padding:30px 34px;gap:36px!important} #wuxi-home-narrative .wxhn-visual{height:420px} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3vw,40px);margin-bottom:20px} #wuxi-home-narrative .wxhn-platform p{line-height:1.65;margin-bottom:16px} section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:64px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px!important}#wuxi-home-narrative .wxhn-visual{height:440px}} @media(max-width:720px){section:has(h2):has(a[href$="/about-us/locations/"]):not(:has(#wuxi-home-narrative)){margin-top:40px}#wuxi-home-narrative .wxhn-platform{padding:22px 18px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{max-width:1200px!important;padding:30px 34px!important} #wuxi-home-narrative .wxhn-visual{height:420px!important} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px!important}#wuxi-home-narrative .wxhn-visual{height:440px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Original preview feel, narrower panel with native section overlap. */ #wuxi-home-narrative .wxhn-platform{max-width:1100px;margin:64px auto 0;background:#f3f4f5;border-radius:20px;padding:38px;gap:34px;box-shadow:0 3px 14px #0a173d16} #wuxi-home-narrative .wxhn-platform h2{font-size:clamp(30px,3.1vw,42px)} #wuxi-home-narrative .wxhn-platform p{font-size:16px;line-height:1.8} #wuxi-home-narrative .wxhn-visual{height:535px} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{padding:26px;gap:24px;margin-top:40px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-platform{padding:22px 16px}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} #wuxi-home-narrative .wxhn-platform{background:#f3f4f5!important;max-width:1100px;gap:34px!important;margin-top:64px!important} section:has(> .container > #wuxi-home-narrative) + section{padding-top:140px!important} @media(max-width:720px){section:has(> .container > #wuxi-home-narrative) + section{padding-top:110px!important}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Homepage shared-capability image panel */ #wuxi-home-narrative .wxhn-platform{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:50px;padding:38px;background:#fff;border-radius:20px} #wuxi-home-narrative .wxhn-platform-copy{min-width:0} #wuxi-home-narrative .wxhn-platform .wxhn-copy{display:block} #wuxi-home-narrative .wxhn-visual{height:535px;position:relative;overflow:hidden;border-radius:16px;background:#0a173d;min-width:0} #wuxi-home-narrative .wxhn-cap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;opacity:0;transition:opacity .5s} #wuxi-home-narrative .wxhn-cap-image.is-active{opacity:1} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(3){object-position:25% center} #wuxi-home-narrative .wxhn-cap-image:nth-of-type(4){object-position:30% center} #wuxi-home-narrative .wxhn-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,23,46,.35) 20%,rgba(4,23,46,.92) 65%);pointer-events:none} #wuxi-home-narrative .wxhn-visual .wxhn-capabilities{position:absolute;right:18px;top:24px;bottom:24px;width:190px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0} #wuxi-home-narrative .wxhn-visual h3{color:white;font-size:19px;margin:0 0 12px} #wuxi-home-narrative .wxhn-visual .wxhn-track{display:flex;flex-direction:column;padding:0;gap:8px} #wuxi-home-narrative .wxhn-visual .wxhn-track:before,#wuxi-home-narrative .wxhn-visual .wxhn-indicator,#wuxi-home-narrative .wxhn-visual .wxhn-dot{display:none} #wuxi-home-narrative .wxhn-visual .wxhn-node{justify-content:flex-start;border-left:2px solid #ffffff45;border-radius:0;color:white;font-size:15px;padding:18px 12px;min-height:68px} #wuxi-home-narrative .wxhn-visual .wxhn-node.is-active{border-color:#63ded5;background:linear-gradient(90deg,#63ded52e,transparent);color:#85eee3} @media(max-width:1000px){#wuxi-home-narrative .wxhn-platform{grid-template-columns:1fr;gap:24px;padding:26px 0;margin-top:30px}#wuxi-home-narrative .wxhn-visual{height:480px}} @media(max-width:420px){#wuxi-home-narrative .wxhn-visual .wxhn-capabilities{width:165px;right:12px}#wuxi-home-narrative .wxhn-visual .wxhn-node{font-size:14px;padding:16px 10px}} @media(prefers-reduced-motion:reduce){#wuxi-home-narrative .wxhn-cap-image{transition:none}} /* Homepage narrative — 2026.10.16.1. All selectors are local to the new module. */ #wuxi-home-narrative { --wxhn-teal:#007e87; color:#0a173d; } #wuxi-home-narrative * { box-sizing:border-box; } #wuxi-home-narrative h2 { font-family:'Funnel Display',sans-serif; font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.16; margin:0 0 26px; color:#0a173d; } #wuxi-home-narrative p { font-size:17px; line-height:1.75; margin:0 0 20px; color:#0a173d; } #wuxi-home-narrative .wxhn-who { background:#f3f4f5; border-radius:4px; padding:clamp(24px,4vw,60px); display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(28px,5vw,80px); align-items:center; } #wuxi-home-narrative .wxhn-about h2:before { content:''; display:block; width:44px; height:3px; background:var(--wxhn-teal); margin-bottom:22px; } #wuxi-home-narrative .wxhn-metrics { display:grid; border-left:2px solid #b7d5d7; padding-left:28px; } #wuxi-home-narrative .wxhn-metric { padding:20px 0; border-bottom:1px solid #d8dfe2; transition:transform .2s ease; } #wuxi-home-narrative .wxhn-metric:last-child { border-bottom:0; } #wuxi-home-narrative .wxhn-metric:hover { transform:translateX(5px); } #wuxi-home-narrative .wxhn-number { font-family:'Funnel Display',sans-serif; font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-metric p { font-size:14px; line-height:1.5; margin:8px 0 0; } #wuxi-home-narrative .wxhn-platform { padding-top:clamp(36px,5vw,72px); } #wuxi-home-narrative .wxhn-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; } #wuxi-home-narrative .wxhn-phrase { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .2s ease; } #wuxi-home-narrative .wxhn-phrase.is-active { text-decoration-color:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-capabilities { padding-top:24px; margin-top:12px; } #wuxi-home-narrative h3 { font-family:'Funnel Display',sans-serif; font-size:21px; font-weight:500; line-height:1.3; margin:0 0 26px; } #wuxi-home-narrative .wxhn-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:22px; } #wuxi-home-narrative .wxhn-track:before { content:''; position:absolute; height:2px; background:#cbdcde; left:12.5%; right:12.5%; top:0; } #wuxi-home-narrative .wxhn-node { appearance:none; position:relative; display:flex; gap:10px; align-items:center; justify-content:center; padding:16px 12px; border:0; background:transparent; cursor:pointer; border-radius:6px; min-width:0; min-height:72px; font:inherit; font-size:14px; line-height:1.5; color:#0a173d; text-align:left; transition:background .2s ease; } #wuxi-home-narrative .wxhn-node.is-active { background:#e3f2f1; color:#005b63; } #wuxi-home-narrative .wxhn-node:focus-visible { outline:2px solid var(--wxhn-teal); outline-offset:3px; } #wuxi-home-narrative .wxhn-dot { display:block; flex:0 0 12px; width:12px; height:12px; border:2px solid var(--wxhn-teal); border-radius:50%; } #wuxi-home-narrative .wxhn-node.is-active .wxhn-dot { background:var(--wxhn-teal); } #wuxi-home-narrative .wxhn-indicator { position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:var(--wxhn-teal); box-shadow:0 0 0 5px #e0f1f0; transform:translate(calc(var(--wxhn-x, 0px) - 6px),calc(var(--wxhn-y, 0px) - 5px)); transition:transform .25s ease; pointer-events:none; visibility:hidden; } #wuxi-home-narrative.wxhn-ready .wxhn-indicator { visibility:visible; } @media(max-width:720px) { #wuxi-home-narrative .wxhn-who, #wuxi-home-narrative .wxhn-copy { grid-template-columns:1fr; } #wuxi-home-narrative .wxhn-copy { gap:0; } #wuxi-home-narrative .wxhn-track { grid-template-columns:1fr; padding:0 0 0 24px; gap:8px; } #wuxi-home-narrative .wxhn-track:before { top:36px; bottom:36px; left:0; right:auto; height:auto; width:2px; } #wuxi-home-narrative .wxhn-node { justify-content:flex-start; } #wuxi-home-narrative .wxhn-indicator { transform:translate(calc(var(--wxhn-x, 0px) - 5px),calc(var(--wxhn-y, 0px) - 6px)); } } @media(prefers-reduced-motion:reduce) { #wuxi-home-narrative .wxhn-metric, #wuxi-home-narrative .wxhn-node, #wuxi-home-narrative .wxhn-phrase, #wuxi-home-narrative .wxhn-indicator { transition:none; animation:none; } #wuxi-home-narrative .wxhn-metric:hover { transform:none; } } /* Discovery library editorial layout — 2026.10.17.2 */ .container:has(#wx-synthesis-library){margin-top:64px!important;margin-bottom:64px!important} #wx-synthesis-library>div{display:block!important;margin:0!important} #wx-synthesis-library>div>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);column-gap:22px;row-gap:3px;background:transparent!important;border:0!important;border-top:1px solid #dfe5eb!important;border-radius:0!important;padding:18px 0!important;min-width:0!important} #wx-synthesis-library>div>div>p:first-child{grid-column:1;grid-row:1 / span 2;font-family:'Funnel Display',sans-serif!important;font-size:30px!important;font-weight:500!important;line-height:1.2!important;color:#0a173d!important;margin:0!important;align-self:center} #wx-synthesis-library>div>div:last-child>p:first-child{font-size:24px!important} #wx-synthesis-library>div>div>p:nth-child(2){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.5!important;margin:0!important;color:#0a173d!important} #wx-synthesis-library>div>div>p:nth-child(3){grid-column:2;grid-row:2;font-size:14px!important;line-height:1.5!important;margin:0!important;color:#4d6175!important} #wx-synthesis-library>p:last-child{border-top:1px solid #dfe5eb;padding-top:20px;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important} #wx-synthesis-case{background:transparent!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;padding:0 0 0 32px!important;margin:0!important;overflow:visible!important;box-shadow:none!important} #wx-synthesis-case>img[aria-hidden="true"]{display:none!important} #wx-synthesis-case>p:empty{display:none} #wx-synthesis-case>div>h2{font-family:'Funnel Display',sans-serif!important;font-size:30px!important;line-height:1.25!important;font-weight:500!important;margin:0 0 26px!important;color:#0a173d!important} #wx-synthesis-case>div>h2:before{content:'';display:block;width:40px;height:3px;background:#007e87;margin-bottom:20px} #wx-synthesis-case>div>div:first-of-type{font-size:38px!important;gap:18px!important;margin-bottom:24px!important} #wx-synthesis-case>div>div:first-of-type>span[aria-hidden="true"]{color:#007e87!important} #wx-synthesis-case>div>div:nth-of-type(2){border-top:1px solid #dfe5eb!important;padding-top:22px!important} #wx-synthesis-case>div>div:nth-of-type(2)>p:first-child{font-size:36px!important;color:#007e87!important;margin-bottom:9px!important} #wx-synthesis-case>div>p:last-child{border-top:1px solid #dfe5eb!important;font-size:15px!important;line-height:1.7!important;margin-top:24px!important;padding-top:20px!important} @media(max-width:767px){.container:has(#wx-synthesis-library){margin-top:40px!important;margin-bottom:40px!important}#wx-synthesis-library>div>div{grid-template-columns:112px minmax(0,1fr);column-gap:16px}#wx-synthesis-case{margin-top:32px!important;padding:28px 0 0!important;border-left:0!important;border-top:1px solid #dfe5eb!important}#wx-synthesis-case>div>h2{font-size:27px!important}} /* White background for homepage introduction. */ #wuxi-home-narrative .wxhn-who{background:#fff;} /* Single external frame; open interior columns. */ main .container:has(#wx-synthesis-case.wx-case-interactive){max-width:1140px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important;padding:32px!important;border:1px solid #dce5e9!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important} main #wx-synthesis-case.wx-case-interactive{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important} @media(max-width:720px){main .container:has(#wx-synthesis-case.wx-case-interactive){width:calc(100% - 32px)!important;padding:22px 18px!important;border-radius:20px!important}} /* Wider compact evidence section with grey case-study half. */ main .container:has(#wx-synthesis-case.wx-case-interactive){max-width:1220px!important;padding:26px!important;overflow:hidden!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:28px!important;align-items:stretch!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div{grid-column:auto!important;min-width:0!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div:has(#wx-synthesis-case){background:#f3f5f6!important;margin:-26px -26px -26px 0!important;padding:26px!important} main #wx-synthesis-case.wx-case-interactive{background:#f3f5f6!important;padding:0!important;border-radius:0!important} main .container:has(#wx-synthesis-case.wx-case-interactive) h2{font-size:28px!important;margin-bottom:20px!important} main #wx-synthesis-library .wx-library-table{margin:18px 0!important} main #wx-synthesis-library .wx-library-table td{padding:15px 10px!important} main #wx-synthesis-library>p:last-child{padding-top:14px!important;margin-top:14px!important;font-size:14px!important;line-height:1.6!important} main #wx-synthesis-case .wx-case-label{margin-bottom:12px!important} main #wx-synthesis-case .wx-case-tabs{margin-bottom:18px!important} main #wx-synthesis-case #wx-case-stage{min-height:82px!important;padding-bottom:16px!important} main #wx-synthesis-case .wx-case-metrics{padding:18px 0!important} main #wx-synthesis-case.wx-case-interactive>.wx-case-support{margin-top:16px!important} @media(max-width:900px){main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid{grid-template-columns:1fr!important}main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div:has(#wx-synthesis-case){margin:0 -26px -26px!important;padding:26px!important}} /* Match the homepage Two platforms desktop height. */ @media(min-width:1001px){ main .container:has(#wx-synthesis-case.wx-case-interactive){min-height:480px!important;padding:22px 26px!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div>.flex{gap:16px!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div:has(#wx-synthesis-case){margin:-22px -26px -22px 0!important;padding:22px 26px!important} main .container:has(#wx-synthesis-case.wx-case-interactive) h2{font-size:26px!important;margin:0 0 14px!important;line-height:1.2!important} main #wx-synthesis-library>p:first-child{margin:0 0 12px!important} main #wx-synthesis-library .wx-library-table{margin:12px 0!important} main #wx-synthesis-library .wx-library-table th{padding:10px!important} main #wx-synthesis-library .wx-library-table td{padding:11px 10px!important;line-height:1.45!important} main #wx-synthesis-library>p:last-child{margin-top:10px!important;padding-top:10px!important;line-height:1.5!important;font-size:13px!important} main #wx-synthesis-case .wx-case-accent{margin-bottom:10px!important} main #wx-synthesis-case .wx-case-label{margin-bottom:12px!important} main #wx-synthesis-case .wx-case-tabs{margin:0 0 14px!important} main #wx-synthesis-case #wx-case-stage{min-height:72px!important;padding-bottom:12px!important} main #wx-synthesis-case .wx-case-metrics{padding:14px 0!important} main #wx-synthesis-case.wx-case-interactive>.wx-case-support{margin-top:12px!important;line-height:1.5!important} } @media(min-width:1001px){main #wx-synthesis-library .wx-library-table td{padding:10px!important}} /* Shallow photographic feature within the existing section footprint. */ main .container:has(#wx-synthesis-case.wx-case-interactive){padding:0!important} main .container:has(#wx-synthesis-case.wx-case-interactive)::before{content:'';display:block;height:90px;background:linear-gradient(90deg,rgba(10,23,61,.08),rgba(10,23,61,.48)),url('/wp-content/uploads/2026/10/tides-506-192channel-1.jpg') center 48% / cover no-repeat} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid{padding:18px 24px!important;gap:26px!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div:has(#wx-synthesis-case){margin:-18px -24px -18px 0!important;padding:18px 24px!important} @media(min-width:1001px){ main .container:has(#wx-synthesis-case.wx-case-interactive){min-height:480px!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid{min-height:388px!important} main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div>.flex{gap:8px!important} main .container:has(#wx-synthesis-case.wx-case-interactive) h2{font-size:24px!important;margin:0 0 10px!important} main #wx-synthesis-library>p:first-child{font-size:14px!important;margin:0 0 8px!important} main #wx-synthesis-library .wx-library-table{margin:8px 0!important} main #wx-synthesis-library .wx-library-table th{padding:8px!important} main #wx-synthesis-library .wx-library-table td{padding:6px 8px!important;font-size:14px!important;line-height:1.4!important} main #wx-synthesis-library .wx-library-table td:first-child{font-size:23px!important} main #wx-synthesis-library .wx-library-table tr:last-child td:first-child{font-size:15px!important} main #wx-synthesis-library .wx-library-table td:last-child{font-size:12px!important} main #wx-synthesis-library>p:last-child{font-size:12px!important;line-height:1.5!important;margin:8px 0 0!important;padding-top:8px!important} main #wx-synthesis-case .wx-case-accent{margin-bottom:8px!important} main #wx-synthesis-case .wx-case-label{font-size:11px!important;margin-bottom:8px!important} main #wx-synthesis-case .wx-case-tabs{margin:0 0 10px!important} main #wx-synthesis-case .wx-case-tabs a{min-height:34px!important;padding:8px!important;font-size:12px!important} main #wx-synthesis-case #wx-case-stage{min-height:58px!important;padding-bottom:8px!important} main #wx-synthesis-case #wx-case-stage h3{font-size:17px!important;margin:0 0 6px!important} main #wx-synthesis-case #wx-case-stage p{font-size:13px!important} main #wx-synthesis-case .wx-case-metrics{padding:10px 0!important} main #wx-synthesis-case .wx-case-metrics .wx-case-result{font-size:27px!important;margin-bottom:5px!important} main #wx-synthesis-case.wx-case-interactive>.wx-case-support{margin-top:10px!important;font-size:13px!important;line-height:1.5!important} } @media(max-width:900px){main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid{padding:22px 18px!important}main .container:has(#wx-synthesis-case.wx-case-interactive)>.grid>div:has(#wx-synthesis-case){margin:0 -18px -22px!important;padding:22px 18px!important}} main .container:has(#wx-synthesis-case.wx-case-interactive){display:block!important;gap:0!important} /* Selected photographic reference, fitted to existing 1220 x 480 desktop frame. */ main .container:has(#wx-synthesis-case.wx-case-reference){position:relative!important} main .container:has(#wx-synthesis-case.wx-case-reference)::before{height:90px!important;background:linear-gradient(90deg,rgba(10,23,61,.05),rgba(10,23,61,.15) 42%,rgba(10,23,61,.92)),url('/wp-content/uploads/2026/10/tides-292-oligonucleotide-analytical-team.jpg') center 30% / cover no-repeat!important} #wx-feature-banner{position:absolute!important;top:10px;right:26px;width:31%;height:72px;z-index:2;color:white;display:flex;flex-direction:column;justify-content:center;gap:4px} #wx-feature-banner p{padding:0!important;margin:0!important;border:0!important;color:white;font-size:11px;line-height:1.3} #wx-feature-banner .wx-feature-eyebrow{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7fe9dc;font-weight:600} #wx-feature-banner .wx-feature-heading{font-family:'Funnel Display',sans-serif;font-size:19px;line-height:1.2} #wx-feature-banner .wx-feature-subtitle{font-size:9px;color:#e0ebf1} main .container:has(#wx-synthesis-case.wx-case-reference)>.grid{padding:16px 24px!important} main .container:has(#wx-synthesis-case.wx-case-reference)>.grid>div:has(#wx-synthesis-case){padding:16px 24px!important;margin:-16px -24px -16px 0!important} main #wx-synthesis-case.wx-case-reference .wx-case-tabs{position:relative;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;padding-top:15px!important;margin:0 0 10px!important} main #wx-synthesis-case.wx-case-reference .wx-case-tabs:before{content:'';position:absolute;top:8px;left:12px;right:12px;height:2px;background:#bfd5d6} main #wx-synthesis-case.wx-case-reference .wx-case-tabs a{position:relative;display:block!important;border:0!important;border-radius:0!important;background:transparent!important;padding:12px 0 0!important;color:#0a173d!important;font-size:11px!important;min-height:32px!important;line-height:1.25!important;text-align:center} main #wx-synthesis-case.wx-case-reference .wx-case-tabs a:before{content:'';position:absolute;top:-15px;left:calc(50% - 7px);width:14px;height:14px;background:#f3f5f6;border:1px solid #007e87;border-radius:50%} main #wx-synthesis-case.wx-case-reference .wx-case-tabs a[aria-selected=true]{color:#007e87!important} main #wx-synthesis-case.wx-case-reference .wx-case-tabs a[aria-selected=true]:before{background:#007e87;box-shadow:inset 0 0 0 4px #007e87,inset 0 0 0 6px white} main #wx-synthesis-case.wx-case-reference .wx-case-tabs a:hover{color:#007e87!important} main #wx-synthesis-case.wx-case-reference #wx-case-stage{background:white!important;border:1px solid #e1e8eb!important;border-radius:11px!important;padding:12px 16px!important;min-height:118px!important;margin:0 0 10px!important} main #wx-synthesis-case.wx-case-reference #wx-case-stage h3{font-size:10px!important;line-height:1.3!important;letter-spacing:.7px;text-transform:uppercase;color:#007e87;margin:0 0 8px!important} main #wx-synthesis-case.wx-case-reference #wx-case-stage .wx-case-graphic{display:flex!important;justify-content:space-between;align-items:center;border:0!important;padding:0!important;margin:0 0 8px!important;gap:18px!important;font-family:'Funnel Display',sans-serif;font-size:34px!important;line-height:1.1!important;color:#0a173d} main #wx-synthesis-case.wx-case-reference .wx-case-arrow{flex:1;text-align:center;color:#007e87;font-size:34px} main #wx-synthesis-case.wx-case-reference #wx-case-stage>p{font-size:12px!important;line-height:1.4!important;padding:0!important;margin:0!important;border:0!important} main #wx-synthesis-case.wx-case-reference .wx-case-timeline{background:#e0efed;display:flex;align-items:center;gap:18px;padding:8px 14px;border:0;border-radius:8px;margin:0 0 10px;font-size:12px;line-height:1.2} main #wx-synthesis-case.wx-case-reference .wx-case-timeline strong{font-family:'Funnel Display',sans-serif;font-size:23px;font-weight:500;color:#007e87} main #wx-synthesis-case.wx-case-reference>.wx-case-support{font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important;border:0!important} @media(min-width:1001px){main .container:has(#wx-synthesis-case.wx-case-reference)>.grid{height:388px;min-height:388px!important}main #wx-synthesis-case.wx-case-reference h2{font-size:21px!important;line-height:1.2!important;margin:0 0 12px!important}main #wx-synthesis-case.wx-case-reference .wx-case-label{margin:0 0 8px!important;font-size:10px!important}} @media(max-width:900px){#wx-feature-banner{width:45%;right:18px}#wx-feature-banner .wx-feature-heading{font-size:16px}main .container:has(#wx-synthesis-case.wx-case-reference)>.grid{height:auto!important}main #wx-synthesis-case.wx-case-reference .wx-case-tabs{margin-top:14px!important}} /* Tighter transition from synthesis scale into the case-study feature. */ main section:has(+ section #wx-synthesis-library){margin-bottom:0!important} main .container:has(#wx-synthesis-case.wx-case-reference){margin-top:48px!important} @media(max-width:720px){main .container:has(#wx-synthesis-case.wx-case-reference){margin-top:30px!important}} /* Return to the original theme spacing between sections. */ main section:has(+ section #wx-synthesis-library){margin-bottom:var(--spacing-margins)!important} main .container:has(#wx-synthesis-case.wx-case-reference){margin-top:64px!important} @media(max-width:767px){main .container:has(#wx-synthesis-case.wx-case-reference){margin-top:40px!important}} /* Subtle case-study onward link. */ main #wx-synthesis-case.wx-case-reference>.wx-case-more{margin:8px 0 0!important;padding:0!important;border:0!important;text-align:right;font-size:12px!important;line-height:1.3!important} main #wx-synthesis-case .wx-case-more a{color:#007e87;text-decoration:none;font-weight:500} main #wx-synthesis-case .wx-case-more a:hover{text-decoration:underline;text-underline-offset:4px} main #wx-synthesis-case .wx-case-more a:focus-visible{outline:2px solid #007e87;outline-offset:3px} /* Align the onward link with the methods-ready sentence. */ main #wx-synthesis-case.wx-case-reference{display:flow-root!important} main #wx-synthesis-case.wx-case-reference>.wx-case-support{float:left;width:calc(100% - 96px);margin:0!important;line-height:1.4!important} main #wx-synthesis-case.wx-case-reference>.wx-case-more{float:right;width:88px;margin:0!important;padding:0!important;line-height:1.4!important;text-align:right;white-space:nowrap} @media(max-width:420px){main #wx-synthesis-case.wx-case-reference>.wx-case-support{width:calc(100% - 88px)}main #wx-synthesis-case.wx-case-reference>.wx-case-more{width:82px}} /* Conjugation case-study feature: matching discovery synthesis component. */ #wx-conjugate-feature{max-width:1220px;width:100%;margin:32px auto 0;border:1px solid #dce5e9;border-radius:24px;overflow:hidden;color:#0a173d;background:white;font-family:Manrope,sans-serif;box-sizing:border-box} #wx-conjugate-feature *{box-sizing:border-box} #wx-conjugate-feature p,#wx-conjugate-feature h2,#wx-conjugate-feature h3{margin:0} #wx-conjugate-feature .wxc-photo{height:90px;background:linear-gradient(90deg,rgba(10,23,61,.05),rgba(10,23,61,.15) 42%,rgba(10,23,61,.92)),url('/wp-content/uploads/2026/10/tides-292-oligonucleotide-analytical-team.jpg') center 30% / cover no-repeat;position:relative} #wx-conjugate-feature .wxc-photo>div{position:absolute;right:26px;top:10px;width:31%;height:72px;display:flex;flex-direction:column;justify-content:center;gap:4px} #wx-conjugate-feature .wxc-eyebrow{font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:600;color:#007e87;line-height:1.3} #wx-conjugate-feature .wxc-photo .wxc-eyebrow{font-size:9px;color:#7fe9dc} #wx-conjugate-feature .wxc-photo-title{font-family:'Funnel Display',sans-serif;font-size:19px;line-height:1.2;color:white} #wx-conjugate-feature .wxc-photo-sub{font-size:9px;line-height:1.3;color:#e0ebf1} #wx-conjugate-feature .wxc-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:388px} #wx-conjugate-feature .wxc-summary,#wx-conjugate-feature .wxc-featured{padding:20px 24px;min-width:0} #wx-conjugate-feature .wxc-featured{background:#f3f5f6} #wx-conjugate-feature h2{font-family:'Funnel Display',sans-serif;font-size:26px;font-weight:500;line-height:1.2;margin-bottom:18px} #wx-conjugate-feature .wxc-intro{font-size:14px;line-height:1.5;margin-bottom:16px} #wx-conjugate-feature table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;font-size:14px} #wx-conjugate-feature th{padding:9px;background:#f3f5f6;text-align:left;text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#586c7c;font-weight:600} #wx-conjugate-feature th:first-child{width:38%} #wx-conjugate-feature td{padding:15px 9px;border-bottom:1px solid #dce5e9;vertical-align:middle;line-height:1.5} #wx-conjugate-feature td strong{font-weight:500;color:#0a173d} #wx-conjugate-feature td span{font-size:12px;color:#586c7c} #wx-conjugate-feature tbody tr:hover{background:#eaf5f3} #wx-conjugate-feature .wxc-selectors{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:20px;margin:12px 0 14px} #wx-conjugate-feature .wxc-selectors:before{content:'';position:absolute;top:8px;left:12%;right:12%;height:2px;background:#bfd5d6} #wx-conjugate-feature .wxc-selectors a{position:relative;display:block;padding:8px 0 0;color:#0a173d;text-align:center;text-decoration:none;font-size:11px;line-height:1.25} #wx-conjugate-feature .wxc-selectors a:before{content:'';position:absolute;top:-19px;left:calc(50% - 7px);width:14px;height:14px;border:1px solid #007e87;border-radius:50%;background:#f3f5f6} #wx-conjugate-feature .wxc-selectors a[aria-selected=true],#wx-conjugate-feature .wxc-selectors a:hover{color:#007e87} #wx-conjugate-feature .wxc-selectors a[aria-selected=true]:before{background:#007e87;box-shadow:inset 0 0 0 4px #007e87,inset 0 0 0 6px white} #wx-conjugate-feature a:focus-visible{outline:2px solid #007e87;outline-offset:3px} #wx-conjugate-feature .wxc-panel{display:none} #wx-conjugate-feature .wxc-panel.wxc-active{display:block} #wx-conjugate-feature h3{font-family:'Funnel Display',sans-serif;font-size:22px;font-weight:500;line-height:1.2;margin-bottom:10px} #wx-conjugate-feature .wxc-result-card{background:white;border:1px solid #e1e8eb;border-radius:11px;padding:13px 16px} #wx-conjugate-feature .wxc-result{font-family:'Funnel Display',sans-serif;font-size:32px;line-height:1.05;margin-bottom:9px} #wx-conjugate-feature .wxc-result span{font-family:Manrope,sans-serif;font-size:12px;line-height:1.4;color:#586c7c;margin-left:12px} #wx-conjugate-feature .wxc-result-card>p{font-size:13px;line-height:1.5} #wx-conjugate-feature .wxc-badge{background:#e0efed;color:#007e87;font-family:'Funnel Display',sans-serif;font-size:20px;line-height:1.2;padding:8px 13px;border-radius:8px;margin-top:10px} #wx-conjugate-feature .wxc-more{text-align:right;font-size:12px;line-height:1.4;margin-top:8px} #wx-conjugate-feature .wxc-more a{color:#007e87;text-decoration:none} #wx-conjugate-feature .wxc-more a:hover{text-decoration:underline;text-underline-offset:4px} @media(min-width:1001px){#wx-conjugate-feature{height:480px}#wx-conjugate-feature .wxc-body{height:388px}} @media(max-width:900px){#wx-conjugate-feature .wxc-body{grid-template-columns:1fr}#wx-conjugate-feature .wxc-photo>div{width:45%;right:18px}#wx-conjugate-feature .wxc-photo-title{font-size:16px}} /* Conjugation capabilities: approved video feature, scoped to page component. */ #wx-conjugation-capabilities{max-width:1220px;width:100%;margin:32px auto 80px;border:1px solid #dce3e8;border-radius:24px;overflow:hidden;background:#fff;color:#091537;box-sizing:border-box}#wx-conjugation-capabilities *{box-sizing:border-box}#wx-conjugation-capabilities .wxcap-header{height:90px;position:relative;overflow:hidden;background:#102452;color:#fff}#wx-conjugation-capabilities video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}#wx-conjugation-capabilities .wxcap-header:after{content:"";position:absolute;inset:0;background:rgba(7,22,55,.18);pointer-events:none}#wx-conjugation-capabilities .wxcap-title{position:relative;z-index:1;margin-left:45%;padding:16px 24px;text-shadow:0 1px 4px #0008}#wx-conjugation-capabilities .wxcap-title p{margin:0 0 5px;color:#a4e5ed;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:1.6px}#wx-conjugation-capabilities .wxcap-title h2{margin:0;font-size:26px;line-height:1.15;color:#fff;font-family:"Funnel Display",sans-serif;font-weight:500}#wx-conjugation-capabilities .wxcap-pause{position:absolute;z-index:2;right:14px;bottom:6px;background:#091537aa;color:#fff;border:1px solid #ffffff70;border-radius:4px;padding:2px 7px;font-size:10px;line-height:1.4;cursor:pointer}#wx-conjugation-capabilities .wxcap-body{display:grid;grid-template-columns:1.15fr 1fr}#wx-conjugation-capabilities .wxcap-left,#wx-conjugation-capabilities .wxcap-right{padding:18px 24px;min-width:0}#wx-conjugation-capabilities h3{margin:0 0 14px;font-family:"Funnel Display",sans-serif;font-weight:500;font-size:24px;line-height:1.2;color:#091537}#wx-conjugation-capabilities .wxcap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#wx-conjugation-capabilities .wxcap-tile{border:1px solid #dce3e8;border-radius:9px;overflow:hidden;background:white;transition:border-color .18s,background .18s}#wx-conjugation-capabilities .wxcap-tile:hover{border-color:#087d86;background:#f0f8f5}#wx-conjugation-capabilities .wxcap-placeholder{height:50px;display:flex;align-items:center;justify-content:center;background:#f3f5f7;color:#667386;font-size:10px;line-height:1.3;letter-spacing:1px;text-transform:uppercase;border-bottom:1px dashed #bdc8d1}#wx-conjugation-capabilities .wxcap-label{padding:8px 10px;min-height:54px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}#wx-conjugation-capabilities .wxcap-right{background:#eaf4f1}#wx-conjugation-capabilities .wxcap-row{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #c6dbd3}#wx-conjugation-capabilities .wxcap-row p{margin:0;font-size:14px;line-height:1.5;color:#091537}#wx-conjugation-capabilities .wxcap-diagram{height:63px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f3f8f6;color:#496c62;font-size:9px;line-height:1.5;letter-spacing:.7px;text-transform:uppercase;border:1px dashed #a8c4bc;border-radius:6px}#wx-conjugation-capabilities .wxcap-reference{display:flex;align-items:center;gap:12px;margin-top:10px}#wx-conjugation-capabilities .wxcap-reference img{width:70px;height:44px;object-fit:cover;border-radius:6px}#wx-conjugation-capabilities .wxcap-reference p{margin:0;font-size:11px;line-height:1.4;color:#091537}#wx-conjugation-capabilities .wxcap-reference span{color:#627182}#wx-conjugation-capabilities .wxcap-note{font-size:11px;line-height:1.4;color:#627182;margin:8px 0 0}@media(min-width:1001px){#wx-conjugation-capabilities{height:480px}#wx-conjugation-capabilities .wxcap-body{height:388px}}@media(max-width:900px){#wx-conjugation-capabilities .wxcap-body{grid-template-columns:1fr}#wx-conjugation-capabilities .wxcap-title{margin-left:30%}}@media(max-width:500px){#wx-conjugation-capabilities .wxcap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#wx-conjugation-capabilities .wxcap-title h2{font-size:21px}#wx-conjugation-capabilities .wxcap-left,#wx-conjugation-capabilities .wxcap-right{padding:18px}#wx-conjugation-capabilities .wxcap-row{grid-template-columns:70px 1fr}}@media(prefers-reduced-motion:reduce){#wx-conjugation-capabilities .wxcap-tile{transition:none}} #wx-conjugation-capabilities .wxcap-reference img{margin:0;flex:0 0 70px}#wx-conjugation-capabilities .wxcap-reference p:empty{display:none}#wx-conjugation-capabilities .wxcap-header>p{margin:0}#wx-conjugation-capabilities .wxcap-left,#wx-conjugation-capabilities .wxcap-right{min-height:0} #wx-conjugation-capabilities .wxcap-reference img{margin:0!important}#wx-conjugation-capabilities .wxcap-reference p:empty{display:none!important}