/* * Full-site theme review layer. * * This file is intentionally inert unless JavaScript places * data-site-theme-preview="a"…"e" on . It therefore cannot alter the * canonical review baseline or any future production build by accident. */ :root { --stp-switcher-height: 0px; } /* Full-site architecture differentiation for the approved structure review. */ @media (min-width:1080px) { html[data-review-concept="2"] body.site-theme-preview-active .content-grid { grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(58px,8vw,120px); align-items:start; } html[data-review-concept="2"] body.site-theme-preview-active .content-grid>.content-block:first-child { position:sticky; top:112px; } html[data-review-concept="2"] body.site-theme-preview-active :is(.company-gallery,.quality-control-grid,.inspection-grid,.manufacturing-gallery,.product-grid) { gap:22px; } html[data-review-concept="2"] body.site-theme-preview-active :is(.company-photo,.quality-equipment,.manufacturing-photo):nth-child(3n+1) { grid-column:span 2; } html[data-review-concept="2"] body.site-theme-preview-active .section:nth-of-type(even) { background:#f2f6f7; } html[data-review-concept="3"] body.site-theme-preview-active .content-grid { grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr); gap:18px; align-items:stretch; } html[data-review-concept="3"] body.site-theme-preview-active .content-grid>.content-block { padding:38px; background:#fff; border:1px solid #d8e2ed; } html[data-review-concept="3"] body.site-theme-preview-active .content-grid>.content-block:nth-child(even) { color:#fff; background:#092c47; border-color:#092c47; } html[data-review-concept="3"] body.site-theme-preview-active .content-grid>.content-block:nth-child(even) :is(h2,h3) { color:#fff; } html[data-review-concept="3"] body.site-theme-preview-active .content-grid>.content-block:nth-child(even) :is(p,li) { color:#c2d0da; } html[data-review-concept="3"] body.site-theme-preview-active :is(.product-grid,.quality-equipment-grid,.manufacturing-gallery) { gap:12px; } html[data-review-concept="3"] body.site-theme-preview-active .section-head { display:grid; grid-template-columns:1fr minmax(300px,.72fr); gap:48px; align-items:end; } html[data-review-concept="3"] body.site-theme-preview-active .section-system .section-head { border-bottom:1px solid rgba(9,44,71,.3); padding-bottom:28px; } } /* ========================================================================== Concept 2 — bright corporate full-site layer ========================================================================== */ html[data-review-concept="2"] { --ink: #2f363a; --ink-soft: #46545b; --muted: #5b6970; --paper: #fff; --paper-soft: #f2f6f7; --line: #d6dfe2; --line-dark: #607078; --accent: #0b8fa8; --accent-dark: #08758a; --factory: #173a45; --factory-accent: #fff; --system: #0b8fa8; --system-soft: #e8f4f6; --container: 1240px; --header-height: 82px; --stp-canvas: #fff; --stp-surface: #fff; --stp-surface-raised: #fff; --stp-soft: #f2f6f7; --stp-deep: #173a45; --stp-deep-ink: #fff; --stp-deep-muted: #c7d8dd; --stp-input: #fff; --stp-image-bed: #dfeaec; --stp-shadow: 0 10px 28px rgba(38, 54, 60, .07); --stp-hero-overlay: none; --stp-hero-ink: #fff; --stp-hero-muted: rgba(255,255,255,.82); --stp-card-radius: 0; --stp-heading-weight: 600; --stp-heading-tracking: -.02em; --stp-title-section-size: clamp(31px, 2.8vw, 36px); --stp-title-subsection-size: clamp(27px, 2.3vw, 31px); --stp-title-panel-size: clamp(23px, 2vw, 27px); } html[data-review-concept="2"] body.site-theme-preview-active { color: #2f363a; background: #fff; font-family: "Source Sans 3", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 17px; line-height: 1.62; } html[data-review-concept="2"] body.site-theme-preview-active .topbar { color: #536168; background: #f3f5f5; border-color: #d9dfe1; font-size: 12px; } html[data-review-concept="2"] body.site-theme-preview-active .topbar a { color: #263237; } html[data-review-concept="2"] body.site-theme-preview-active .site-header { color: #2f363a; background: rgba(255,255,255,.98); border-color: #d9dfe1; } html[data-review-concept="2"] body.site-theme-preview-active .brand strong { font-size: 18px; font-weight: 600; } html[data-review-concept="2"] body.site-theme-preview-active .brand small { color: #657178; font-size: 10px; } html[data-review-concept="2"] body.site-theme-preview-active .desktop-nav > a { color: #4b575d; font-size: 14px; font-weight: 600; } html[data-review-concept="2"] body.site-theme-preview-active .desktop-nav > a:hover, html[data-review-concept="2"] body.site-theme-preview-active .desktop-nav > a[aria-current="page"] { border-color: #0b8fa8; } html[data-review-concept="2"] body.site-theme-preview-active .nav-rfq { min-height: 44px; padding-inline: 22px; color: #fff; background: #0b8fa8; border-radius: 24px; font-size: 14px; } html[data-review-concept="2"] body.site-theme-preview-active .language-menu summary { border-radius: 22px; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero { min-height: 430px; color: #fff; background: #078daa; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero > picture { left: 52%; width: 48%; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero > picture img { object-fit: cover; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero::before { right: 48%; background: linear-gradient(140deg,transparent 0 55%,rgba(255,255,255,.055) 55% 69%,transparent 69%); } html[data-review-concept="2"] body.site-theme-preview-active .page-hero-inner { width: min(var(--container),calc(100% - 48px)); padding-block: 76px 62px; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero-inner > * { max-width: calc(48% - 38px); } html[data-review-concept="2"] body.site-theme-preview-active .page-hero h1 { max-width: 520px; color: #fff; font-size: 46px; font-weight: 600; letter-spacing: -.025em; line-height: 1.13; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero :is(p,.breadcrumbs,.breadcrumbs span) { color: rgba(255,255,255,.84); } html[data-review-concept="2"] body.site-theme-preview-active .page-hero .button-dark { color: #273338; background: #fff; border-color: #fff; border-radius: 24px; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero .button-outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.75); border-radius: 24px; } html[data-review-concept="2"] body.site-theme-preview-active .section { padding-block: 82px; } html[data-review-concept="2"] body.site-theme-preview-active .section-head h2, html[data-review-concept="2"] body.site-theme-preview-active :is(.content-grid>.content-block>h2,.iso-certificate-copy h2,.answer-panel h2,.guide-question-main>h2,.guide-related h2,.knowledge-path h2,.rfq-support-head h2) { color: #2f363a; font-size: 36px; font-weight: 600; line-height: 1.22; } html[data-review-concept="2"] body.site-theme-preview-active :is(.section-head p,.content-block p,.plain-list,.notice,.context-item p) { color: #5b6970; } html[data-review-concept="2"] body.site-theme-preview-active :is(.product-card,.product-library-group,.knowledge-card,.quality-equipment,.company-photo,.manufacturing-photo,.rfq-form) { background: #fff; border-color: #d6dfe2; box-shadow: 0 7px 22px rgba(38,54,60,.045); } html[data-review-concept="2"] body.site-theme-preview-active :is(.product-card,.product-library-group,.knowledge-card):hover { border-color: #0b8fa8; box-shadow: 0 12px 28px rgba(38,54,60,.09); } html[data-review-concept="2"] body.site-theme-preview-active :is(.route-grid,.detail-proof,.product-start-grid,.guide-route-grid,.guide-photo-grid,.product-review-grid) { border-top-color: #0b8fa8; } html[data-review-concept="2"] body.site-theme-preview-active .process-evidence-copy { padding: 30px; color: #2f363a; background: #f2f6f7; } html[data-review-concept="2"] body.site-theme-preview-active .process-evidence-copy h3 { color: #2f363a; } html[data-review-concept="2"] body.site-theme-preview-active .process-evidence-copy p { color: #5b6970; } html[data-review-concept="2"] body.site-theme-preview-active .button { border-radius: 24px; } html[data-review-concept="2"] body.site-theme-preview-active .button-accent { background: #0b8fa8; border-color: #0b8fa8; } html[data-review-concept="2"] body.site-theme-preview-active .site-footer { color: #2f363a; background: #f2f5f5; border-color: #d6dddf; } html[data-review-concept="2"] body.site-theme-preview-active .footer-column strong { color: #0b8fa8; } html[data-review-concept="2"] body.site-theme-preview-active :is(.footer-brand p,.footer-column a,.footer-column span,.footer-bottom) { color: #59666c; } html[data-review-concept="2"] body.site-theme-preview-active .footer-inquiry-link { color: #2f363a; border-color: #829198; border-radius: 22px; } /* ========================================================================== Concept 3 — digital manufacturing full-site layer ========================================================================== */ html[data-review-concept="3"] { --ink: #092c47; --ink-soft: #24485f; --muted: #526d80; --paper: #fff; --paper-soft: #f1f5fa; --line: #d8e2ed; --line-dark: #35556c; --accent: #0e6aed; --accent-dark: #0758cd; --factory: #092c47; --factory-accent: #d8f56b; --system: #0e6aed; --system-soft: #edf4ff; --container: 1280px; --header-height: 82px; --stp-canvas: #fff; --stp-surface: #fff; --stp-surface-raised: #fff; --stp-soft: #f1f5fa; --stp-deep: #092c47; --stp-deep-ink: #fff; --stp-deep-muted: #c2d0da; --stp-input: #fff; --stp-image-bed: #1b3c57; --stp-shadow: 0 12px 32px rgba(9,44,71,.08); --stp-hero-overlay: linear-gradient(90deg,rgba(4,27,50,.94),rgba(6,34,62,.75) 50%,rgba(5,27,51,.17) 85%); --stp-hero-ink: #fff; --stp-hero-muted: #d7e1e8; --stp-card-radius: 0; --stp-heading-weight: 600; --stp-heading-tracking: -.025em; --stp-title-section-size: clamp(31px, 2.8vw, 36px); --stp-title-subsection-size: clamp(27px, 2.3vw, 31px); --stp-title-panel-size: clamp(23px, 2vw, 27px); } html[data-review-concept="3"] body.site-theme-preview-active { color: #092c47; background: #fff; font-family: "Open Sans","PingFang SC","Microsoft YaHei",sans-serif; font-size: 15px; line-height: 1.62; } html[data-review-concept="3"] body.site-theme-preview-active :is(h1,h2,h3,.brand strong) { font-family: "Poppins","PingFang SC","Microsoft YaHei",sans-serif; } html[data-review-concept="3"] body.site-theme-preview-active .topbar { color: #fff; background: #0e6aed; border-color: #0e6aed; font-size: 12px; } html[data-review-concept="3"] body.site-theme-preview-active .topbar a { color: #fff; } html[data-review-concept="3"] body.site-theme-preview-active .site-header { color: #092c47; background: #fff; border-color: #d8e2ed; } html[data-review-concept="3"] body.site-theme-preview-active .brand strong { color: #092c47; font-size: 18px; font-weight: 600; } html[data-review-concept="3"] body.site-theme-preview-active .brand small { color: #536a7b; font-size: 10px; } html[data-review-concept="3"] body.site-theme-preview-active .desktop-nav > a { color: #163b56; font-size: 14px; font-weight: 600; } html[data-review-concept="3"] body.site-theme-preview-active .desktop-nav > a:hover, html[data-review-concept="3"] body.site-theme-preview-active .desktop-nav > a[aria-current="page"] { border-color: #0e6aed; } html[data-review-concept="3"] body.site-theme-preview-active .nav-rfq { min-height: 42px; padding-inline: 20px; color: #fff; background: #0e6aed; font-size: 14px; } html[data-review-concept="3"] body.site-theme-preview-active .page-hero { min-height: 500px; color: #fff; background: #092c47; } html[data-review-concept="3"] body.site-theme-preview-active .page-hero::before { background: linear-gradient(90deg,rgba(4,27,50,.94),rgba(6,34,62,.75) 50%,rgba(5,27,51,.17) 85%); } html[data-review-concept="3"] body.site-theme-preview-active .page-hero h1 { max-width: 820px; color: #fff; font-size: 48px; font-weight: 600; letter-spacing: -.025em; line-height: 1.18; } html[data-review-concept="3"] body.site-theme-preview-active .page-hero h1::after { content: ""; width: 76px; height: 6px; margin-top: 20px; display: block; background: #d8f56b; } html[data-review-concept="3"] body.site-theme-preview-active .page-hero :is(p,.breadcrumbs,.breadcrumbs span) { color: #d5e0e7; } html[data-review-concept="3"] body.site-theme-preview-active .page-hero .button-dark { color: #0e6aed; background: #fff; border-color: #fff; } html[data-review-concept="3"] body.site-theme-preview-active .page-hero .button-outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.78); } html[data-review-concept="3"] body.site-theme-preview-active .section { padding-block: 82px; } html[data-review-concept="3"] body.site-theme-preview-active .section-head h2, html[data-review-concept="3"] body.site-theme-preview-active :is(.content-grid>.content-block>h2,.iso-certificate-copy h2,.answer-panel h2,.guide-question-main>h2,.guide-related h2,.knowledge-path h2,.rfq-support-head h2) { color: #092c47; font-size: 36px; font-weight: 600; line-height: 1.2; } html[data-review-concept="3"] body.site-theme-preview-active :is(.section-head p,.content-block p,.plain-list,.notice,.context-item p) { color: #526d80; } html[data-review-concept="3"] body.site-theme-preview-active .section-soft { background: #f1f5fa; } html[data-review-concept="3"] body.site-theme-preview-active .section-system { color: #092c47; background: #d8f56b; } html[data-review-concept="3"] body.site-theme-preview-active .section-system :is(p,span,dd,dt) { color: #24485f; } html[data-review-concept="3"] body.site-theme-preview-active :is(.product-card,.product-library-group,.knowledge-card,.quality-equipment,.company-photo,.manufacturing-photo,.rfq-form) { background: #fff; border-color: #d8e2ed; box-shadow: 0 8px 24px rgba(9,44,71,.05); } html[data-review-concept="3"] body.site-theme-preview-active :is(.product-card,.product-library-group,.knowledge-card):hover { border-color: #0e6aed; box-shadow: 0 14px 34px rgba(14,106,237,.12); transform: translateY(-2px); } html[data-review-concept="3"] body.site-theme-preview-active :is(.route-grid,.detail-proof,.product-start-grid,.guide-route-grid,.guide-photo-grid,.product-review-grid) { border-top-color: #0e6aed; } html[data-review-concept="3"] body.site-theme-preview-active .process-evidence-copy { padding: 30px; color: #fff; background: #092c47; } html[data-review-concept="3"] body.site-theme-preview-active .process-evidence-copy h3 { color: #fff; } html[data-review-concept="3"] body.site-theme-preview-active .process-evidence-copy p { color: #c2d0da; } html[data-review-concept="3"] body.site-theme-preview-active .process-evidence-number { color: #d8f56b; } html[data-review-concept="3"] body.site-theme-preview-active .button-accent { background: #0e6aed; border-color: #0e6aed; } html[data-review-concept="3"] body.site-theme-preview-active .site-footer { color: #fff; background: #092c47; border-color: #24485f; } html[data-review-concept="3"] body.site-theme-preview-active .footer-column strong { color: #d8f56b; } html[data-review-concept="3"] body.site-theme-preview-active :is(.footer-brand p,.footer-column a,.footer-column span,.footer-bottom) { color: #c1ced7; } html[data-review-concept="3"] body.site-theme-preview-active .footer-inquiry-link { color: #fff; border-color: rgba(255,255,255,.52); } @media (max-width: 767px) { html[data-review-concept="2"] body.site-theme-preview-active, html[data-review-concept="3"] body.site-theme-preview-active { font-size: 16px; } html[data-review-concept="2"] body.site-theme-preview-active .topbar, html[data-review-concept="3"] body.site-theme-preview-active .topbar { display: none; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero { min-height: 430px; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero > picture { left: 0; width: 100%; opacity: .32; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero::before { right: 0; background: linear-gradient(180deg,rgba(5,116,141,.62),rgba(4,104,127,.94)); } html[data-review-concept="2"] body.site-theme-preview-active .page-hero-inner { width: min(var(--container),calc(100% - 32px)); } html[data-review-concept="2"] body.site-theme-preview-active .page-hero-inner > * { max-width: 100%; } html[data-review-concept="2"] body.site-theme-preview-active .page-hero h1, html[data-review-concept="3"] body.site-theme-preview-active .page-hero h1 { font-size: 36px; line-height: 1.18; } html[data-review-concept="2"] body.site-theme-preview-active .section-head h2, html[data-review-concept="3"] body.site-theme-preview-active .section-head h2, html[data-review-concept="2"] body.site-theme-preview-active :is(.content-grid>.content-block>h2,.iso-certificate-copy h2,.answer-panel h2,.guide-question-main>h2,.guide-related h2,.knowledge-path h2,.rfq-support-head h2), html[data-review-concept="3"] body.site-theme-preview-active :is(.content-grid>.content-block>h2,.iso-certificate-copy h2,.answer-panel h2,.guide-question-main>h2,.guide-related h2,.knowledge-path h2,.rfq-support-head h2) { font-size: 30px; } html[data-review-concept="2"] body.site-theme-preview-active .section, html[data-review-concept="3"] body.site-theme-preview-active .section { padding-block: 60px; } } html[data-site-theme-preview] { color-scheme: light; scroll-padding-top: calc(var(--stp-switcher-height) + var(--header-height) + 18px); } html[data-site-theme-preview="a"] { color-scheme: dark; --ink: #f4f1eb; --ink-soft: #d0cdc6; --muted: #aaa69e; --paper: #090909; --paper-soft: #141413; --line: #34332f; --line-dark: #4a4842; --accent: #d71920; --accent-dark: #b81319; --factory: #070707; --factory-accent: #ffffff; --system: #d71920; --system-soft: #1a1918; --container: 1360px; --header-height: 88px; --stp-canvas: #090909; --stp-surface: #111110; --stp-surface-raised: #191918; --stp-soft: #141413; --stp-deep: #050505; --stp-deep-ink: #f4f1eb; --stp-deep-muted: #aaa69e; --stp-input: #131312; --stp-image-bed: #1c1b19; --stp-shadow: none; --stp-hero-overlay: linear-gradient(90deg, rgba(4, 4, 4, .94) 0%, rgba(4, 4, 4, .72) 48%, rgba(4, 4, 4, .22) 82%), linear-gradient(0deg, rgba(0, 0, 0, .48), transparent 58%); --stp-hero-ink: #ffffff; --stp-hero-muted: #d0cdc6; --stp-card-radius: 0px; --stp-heading-weight: 700; --stp-heading-tracking: -.045em; } html[data-site-theme-preview="b"] { --ink: #121a20; --ink-soft: #39444b; --muted: #5b666d; --paper: #ffffff; --paper-soft: #f3f6f7; --line: #d3dade; --line-dark: #344047; --accent: #d71920; --accent-dark: #b81319; --factory: #172127; --factory-accent: #ffffff; --system: #243944; --system-soft: #edf2f4; --container: 1240px; --header-height: 78px; --stp-canvas: #ffffff; --stp-surface: #ffffff; --stp-surface-raised: #ffffff; --stp-soft: #f3f6f7; --stp-deep: #172127; --stp-deep-ink: #ffffff; --stp-deep-muted: #c8d0d4; --stp-input: #ffffff; --stp-image-bed: #e7ecee; --stp-shadow: 0 12px 34px rgba(18, 26, 32, .07); --stp-hero-overlay: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .92) 54%, rgba(255, 255, 255, .18) 86%); --stp-hero-ink: #121a20; --stp-hero-muted: #46525a; --stp-card-radius: 0px; --stp-heading-weight: 650; --stp-heading-tracking: -.025em; } html[data-site-theme-preview="c"] { --ink: #181715; --ink-soft: #45413c; --muted: #6b6760; --paper: #f8f6f1; --paper-soft: #ece9e2; --line: #cbc6bc; --line-dark: #46423c; --accent: #ce1f26; --accent-dark: #aa171d; --factory: #161616; --factory-accent: #ffffff; --system: #1e1e1d; --system-soft: #e8e5de; --container: 1300px; --header-height: 80px; --stp-canvas: #f8f6f1; --stp-surface: #fdfcf8; --stp-surface-raised: #ffffff; --stp-soft: #ece9e2; --stp-deep: #151515; --stp-deep-ink: #f7f4ed; --stp-deep-muted: #bcb7ad; --stp-input: #fffefb; --stp-image-bed: #dfdbd2; --stp-shadow: none; --stp-hero-overlay: linear-gradient(90deg, rgba(16, 16, 16, .91) 0%, rgba(16, 16, 16, .64) 49%, rgba(16, 16, 16, .14) 82%), linear-gradient(0deg, rgba(0, 0, 0, .4), transparent 56%); --stp-hero-ink: #f9f6ef; --stp-hero-muted: #d5d0c7; --stp-card-radius: 0px; --stp-heading-weight: 600; --stp-heading-tracking: -.035em; } html[data-site-theme-preview="d"] { --ink: #202622; --ink-soft: #424a45; --muted: #676e68; --paper: #f8f5ed; --paper-soft: #ebe6da; --line: #cfc7b9; --line-dark: #444b46; --accent: #c9232b; --accent-dark: #a51a21; --factory: #252b27; --factory-accent: #ffffff; --system: #39463e; --system-soft: #e7e6dc; --container: 1280px; --header-height: 82px; --stp-canvas: #f8f5ed; --stp-surface: #fffdf8; --stp-surface-raised: #fffdf8; --stp-soft: #ebe6da; --stp-deep: #252b27; --stp-deep-ink: #f5f2e9; --stp-deep-muted: #c4c7c2; --stp-input: #fffdf8; --stp-image-bed: #e4ded2; --stp-shadow: 0 16px 44px rgba(32, 38, 34, .08); --stp-hero-overlay: linear-gradient(90deg, rgba(248, 245, 237, .97) 0%, rgba(248, 245, 237, .88) 52%, rgba(248, 245, 237, .12) 86%); --stp-hero-ink: #202622; --stp-hero-muted: #4e5751; --stp-card-radius: 0px; --stp-heading-weight: 600; --stp-heading-tracking: -.035em; } html[data-site-theme-preview="e"] { --ink: #171a1d; --ink-soft: #393e42; --muted: #686d71; --paper: #ffffff; --paper-soft: #f6f6f4; --line: #dcdddd; --line-dark: #3b3e40; --accent: #d71920; --accent-dark: #b81319; --factory: #171a1d; --factory-accent: #ffffff; --system: #343a3d; --system-soft: #f1f2f1; --container: 1200px; --header-height: 72px; --stp-canvas: #ffffff; --stp-surface: #ffffff; --stp-surface-raised: #ffffff; --stp-soft: #f6f6f4; --stp-deep: #171a1d; --stp-deep-ink: #ffffff; --stp-deep-muted: #c5c8ca; --stp-input: #ffffff; --stp-image-bed: #eeeeeb; --stp-shadow: none; --stp-hero-overlay: linear-gradient(90deg, rgba(8, 10, 12, .82) 0%, rgba(8, 10, 12, .52) 48%, rgba(8, 10, 12, .1) 80%), linear-gradient(0deg, rgba(8, 10, 12, .3), transparent 58%); --stp-hero-ink: #ffffff; --stp-hero-muted: rgba(255, 255, 255, .75); --stp-card-radius: 0px; --stp-heading-weight: 500; --stp-heading-tracking: -.035em; --stp-title-section-size: clamp(28px, 2.6vw, 36px); --stp-title-subsection-size: clamp(25px, 2.2vw, 28px); --stp-title-panel-size: clamp(22px, 1.9vw, 25px); } html[data-site-theme-preview] body { background: var(--stp-canvas); color: var(--ink); font-family: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html[data-site-theme-preview="c"] body, html[data-site-theme-preview="c"] .redesign-2w { font-family: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; } html[data-site-theme-preview] body.site-theme-preview-active h1, html[data-site-theme-preview] body.site-theme-preview-active h2, html[data-site-theme-preview] body.site-theme-preview-active h3 { color: var(--ink); font-weight: var(--stp-heading-weight); letter-spacing: var(--stp-heading-tracking); } html[data-site-theme-preview] body.site-theme-preview-active p, html[data-site-theme-preview] body.site-theme-preview-active li, html[data-site-theme-preview] body.site-theme-preview-active dd { text-wrap: pretty; } /* Review utility — deliberately neutral and identical in every concept. */ .site-theme-preview-switcher { min-height: var(--stp-switcher-height); padding: 6px 18px; position: sticky; top: 0; z-index: 260; display: grid; grid-template-columns: minmax(170px, 1fr) auto minmax(150px, 1fr); align-items: center; gap: 18px; color: #17191b; background: rgba(247, 247, 245, .98); border-bottom: 1px solid #d5d5d2; backdrop-filter: blur(12px); font-size: 12px; line-height: 1.2; } .site-theme-preview-switcher > strong { font-size: 12px; font-weight: 600; } .site-theme-preview-switcher nav { display: flex; gap: 5px; } .site-theme-preview-switcher nav a { min-width: 118px; padding: 8px 11px; display: flex; align-items: center; gap: 8px; color: #292b2d; background: #fff; border: 1px solid #d0d0cc; transition: color 180ms ease, background 180ms ease, border-color 180ms ease; } .site-theme-preview-switcher nav a:hover { border-color: #555; } .site-theme-preview-switcher nav a[aria-current="page"] { color: #fff; background: #17191b; border-color: #17191b; } .site-theme-preview-switcher nav b { color: #d71920; font-size: 14px; } .site-theme-preview-switcher .site-theme-home-link { justify-self: end; color: #555; } .site-theme-preview-switcher a:focus-visible { outline: 3px solid rgba(215, 25, 32, .3); outline-offset: 2px; } html[data-site-theme-preview] .skip-link { top: calc(var(--stp-switcher-height) + 10px); } html[data-site-theme-preview="e"] body.site-theme-preview-active .skip-link { opacity: 0; pointer-events: none; transform: translateY(-180%); } html[data-site-theme-preview="e"][data-keyboard-navigation="true"] body.site-theme-preview-active .skip-link:focus-visible { opacity: 1; pointer-events: auto; transform: translateY(0); } html[data-site-theme-preview] .site-header { top: var(--stp-switcher-height); color: var(--ink); background: color-mix(in srgb, var(--stp-canvas) 96%, transparent); border-color: var(--line); box-shadow: none; } html[data-site-theme-preview="a"] .site-header { background: rgba(8, 8, 8, .98); } html[data-site-theme-preview] .topbar { color: var(--stp-deep-muted); background: var(--stp-deep); border-color: var(--line-dark); } html[data-site-theme-preview] .brand strong, html[data-site-theme-preview] .desktop-nav a, html[data-site-theme-preview] .language-link { color: var(--ink); } html[data-site-theme-preview] .brand small { color: var(--muted); } html[data-site-theme-preview] .desktop-nav a { font-weight: 600; } html[data-site-theme-preview="a"] .desktop-nav a { color: #e9e6df; } html[data-site-theme-preview="e"] .desktop-nav a { font-size: 11px; font-weight: 500; } html[data-site-theme-preview] .language-link, html[data-site-theme-preview] .menu-button { color: var(--ink); background: var(--stp-surface); border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .language-menu { position: relative; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary { min-width: 104px; min-height: 40px; padding: 0 28px 0 12px; position: relative; display: flex; align-items: center; justify-content: center; color: var(--ink); background: var(--stp-surface); border: 1px solid var(--line); cursor: pointer; list-style: none; font-size: 11px; font-weight: 700; letter-spacing: .04em; gap: 7px; transition: color 180ms ease, background 180ms ease, border-color 180ms ease; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-icon { width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-hint { color: var(--muted); font-size: 9px; font-weight: 600; letter-spacing: .06em; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-code { color: var(--ink); } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary::-webkit-details-marker { display: none; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary::after { content: ""; width: 6px; height: 6px; position: absolute; right: 12px; top: 50%; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-70%) rotate(45deg); transition: transform 180ms ease; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu[open] summary::after { transform: translateY(-30%) rotate(225deg); } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary:hover { border-color: var(--line-dark); } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary:focus-visible, html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel > a:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 32%, transparent); outline-offset: 3px; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel { width: 224px; padding: 8px; position: absolute; z-index: 280; top: calc(100% + 9px); right: 0; color: var(--ink); background: var(--stp-surface-raised); border: 1px solid var(--line); box-shadow: 0 18px 42px rgba(0, 0, 0, .18); } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel > strong { padding: 9px 10px 11px; display: block; color: var(--muted); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel > a, html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel > span { min-height: 40px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--ink); border-top: 1px solid var(--line); font-size: 12px; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel > a:hover, html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel > a[aria-current="page"] { background: var(--stp-soft); } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel small { color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel .is-disabled { color: var(--muted); cursor: not-allowed; } html[data-site-theme-preview] .menu-button span { background: var(--ink); } html[data-site-theme-preview] .nav-rfq, html[data-site-theme-preview] .button-accent { color: #fff; background: var(--accent); border-color: var(--accent); } html[data-site-theme-preview] .mobile-menu { color: var(--ink); background: var(--stp-surface); border-color: var(--line); } html[data-site-theme-preview] .mobile-menu a { border-color: var(--line); } /* Page foundations and content rhythm. */ html[data-site-theme-preview] body.site-theme-preview-active .section { background: var(--stp-canvas); } html[data-site-theme-preview] body.site-theme-preview-active .section-soft { color: var(--ink); background: var(--stp-soft); } html[data-site-theme-preview] body.site-theme-preview-active .section-system { color: var(--ink); background: var(--system-soft); } html[data-site-theme-preview] body.site-theme-preview-active .section-system :is(p, span, dd, dt) { color: var(--muted); } html[data-site-theme-preview] body.site-theme-preview-active .section-system :is(h1, h2, h3, strong, b, a) { color: var(--ink); } html[data-site-theme-preview] body.site-theme-preview-active .section-dark { color: var(--stp-deep-ink); background: var(--stp-deep); } html[data-site-theme-preview] body.site-theme-preview-active .section-dark h1, html[data-site-theme-preview] body.site-theme-preview-active .section-dark h2, html[data-site-theme-preview] body.site-theme-preview-active .section-dark h3, html[data-site-theme-preview] body.site-theme-preview-active .section-dark strong { color: var(--stp-deep-ink); } html[data-site-theme-preview] body.site-theme-preview-active .section-dark p, html[data-site-theme-preview] body.site-theme-preview-active .section-dark span { color: var(--stp-deep-muted); } html[data-site-theme-preview] body.site-theme-preview-active .section-head h2 { color: var(--ink); font-size: clamp(30px, 3vw, 43px); } html[data-site-theme-preview="a"] body.site-theme-preview-active .section-head h2 { font-size: clamp(34px, 3.5vw, 50px); } html[data-site-theme-preview="e"] body.site-theme-preview-active .section-head h2 { font-size: var(--stp-title-section-size); } /* Concept 1 uses one restrained, role-based title scale across every inner page. These selectors normalize the same semantic role while keeping article, card, side-panel and dialog headings intentionally subordinate. */ html[data-site-theme-preview="e"] body.site-theme-preview-active :is( .section-head h2, .content-grid > .content-block > h2, .iso-certificate-copy h2, .answer-panel h2, .guide-question-main > h2, .guide-related h2, .knowledge-path h2, .rfq-support-head h2 ) { font-size: var(--stp-title-section-size); line-height: 1.16; } html[data-site-theme-preview="e"] body.site-theme-preview-active :is( .guide-detail-main > .content-block > h2, .rfq-guide > h2, .rfq-form-head h2, .rfq-success h2 ) { font-size: var(--stp-title-subsection-size); line-height: 1.2; } html[data-site-theme-preview="e"] body.site-theme-preview-active :is( .knowledge-card h2, .guide-spec-panel h2, .guide-send-panel h2, .product-guide-link h2, .legal-copy h2 ) { font-size: var(--stp-title-panel-size); line-height: 1.28; } html[data-site-theme-preview] body.site-theme-preview-active .section-head p, html[data-site-theme-preview] body.site-theme-preview-active .content-block p, html[data-site-theme-preview] body.site-theme-preview-active .plain-list, html[data-site-theme-preview] body.site-theme-preview-active .notice, html[data-site-theme-preview] body.site-theme-preview-active .context-item p { color: var(--muted); } html[data-site-theme-preview] body.site-theme-preview-active .eyebrow { color: var(--accent); } html[data-site-theme-preview="e"] body.site-theme-preview-active .eyebrow { font-size: 9px; letter-spacing: .15em; } html[data-site-theme-preview] body.site-theme-preview-active .button { border-radius: 0; } html[data-site-theme-preview] body.site-theme-preview-active .button-dark { color: var(--stp-deep-ink); background: var(--stp-deep); border-color: var(--stp-deep); } html[data-site-theme-preview] body.site-theme-preview-active .button-outline { color: var(--ink); background: color-mix(in srgb, var(--stp-surface) 82%, transparent); border-color: var(--ink); } html[data-site-theme-preview] body.site-theme-preview-active .text-link { color: var(--ink); } /* Heroes: each concept keeps one coherent light or dark language. */ html[data-site-theme-preview] body.site-theme-preview-active .page-hero { min-height: 500px; color: var(--stp-hero-ink); background: var(--stp-image-bed); } /* Concept 1 repeats the restrained image reveal on image-led subpage heroes. */ html.c1-subpage-motion-ready[data-review-concept="1"] body.site-theme-preview-active .page-hero > picture.c1-page-hero-media-wipe:not(.is-visible) { clip-path: inset(0 100% 0 0); } html[data-review-concept="1"] body.site-theme-preview-active .page-hero > picture.c1-page-hero-media-wipe { clip-path: inset(0); transition: clip-path 820ms cubic-bezier(.16, .76, .3, 1); will-change: clip-path; } html[data-site-theme-preview] body.site-theme-preview-active .page-hero::before, html[data-site-theme-preview] body.site-theme-preview-active .page-hero-dark::before { background: var(--stp-hero-overlay); } html[data-site-theme-preview] body.site-theme-preview-active .page-hero h1 { max-width: 900px; color: var(--stp-hero-ink); font-size: clamp(48px, 5vw, 66px); font-weight: var(--stp-heading-weight); letter-spacing: var(--stp-heading-tracking); } html[data-site-theme-preview="a"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="c"] body.site-theme-preview-active .page-hero h1 { font-size: clamp(54px, 5.7vw, 76px); } html[data-site-theme-preview="e"] body.site-theme-preview-active .page-hero { min-height: 450px; } html[data-site-theme-preview] body.site-theme-preview-active.page-products .page-hero { min-height: 390px; border-bottom: 1px solid var(--line); } html[data-site-theme-preview="a"] body.site-theme-preview-active.page-products .page-hero, html[data-site-theme-preview="c"] body.site-theme-preview-active.page-products .page-hero { min-height: 420px; } html[data-site-theme-preview="e"] body.site-theme-preview-active .page-hero h1 { max-width: 760px; font-size: clamp(40px, 4vw, 54px); } html[data-site-theme-preview] body.site-theme-preview-active .page-hero p, html[data-site-theme-preview] body.site-theme-preview-active .page-hero-dark p, html[data-site-theme-preview] body.site-theme-preview-active .page-hero .breadcrumbs { color: var(--stp-hero-muted); } html[data-site-theme-preview] body.site-theme-preview-active .page-hero .eyebrow, html[data-site-theme-preview] body.site-theme-preview-active .page-hero .breadcrumbs span { color: var(--accent); } html[data-site-theme-preview] body.site-theme-preview-active .page-hero .button-outline { color: var(--stp-hero-ink); background: color-mix(in srgb, var(--stp-canvas) 76%, transparent); border-color: var(--stp-hero-ink); } @media (prefers-reduced-motion: reduce) { html[data-review-concept="1"] body.site-theme-preview-active .page-hero > picture.c1-page-hero-media-wipe { clip-path: inset(0) !important; transition: none !important; } } /* Product-directory hero. Surface inspection is the shared A-E default; query variants remain additive. */ html[data-site-theme-preview] body.site-theme-preview-active.page-products.product-hero-photo-sample .page-hero { min-height: clamp(460px, 42vw, 560px); overflow: hidden; border-bottom: 0; background: #111315; isolation: isolate; } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero > picture, html[data-site-theme-preview] body.product-hero-photo-sample .page-hero::before { display: block; } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero > picture img { object-fit: cover; object-position: 54% 54%; filter: saturate(.82) contrast(1.06); } html[data-site-theme-preview] body[data-product-hero-sample="surface-inspection"] .page-hero > picture img { object-position: 64% 56%; filter: saturate(.76) contrast(1.04); } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero { background: var(--stp-deep); } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero > picture { left: 43%; width: 57%; } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero > picture img { object-position: 50% 43%; filter: saturate(.68) contrast(1.04); } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero::before { background: linear-gradient(90deg, var(--stp-deep) 0%, var(--stp-deep) 42%, color-mix(in srgb, var(--stp-deep) 72%, transparent) 54%, transparent 72%); } html[data-site-theme-preview="b"] body[data-product-hero-sample="finished-blades"] .page-hero, html[data-site-theme-preview="d"] body[data-product-hero-sample="finished-blades"] .page-hero { background: var(--stp-canvas); } html[data-site-theme-preview="b"] body[data-product-hero-sample="finished-blades"] .page-hero::before, html[data-site-theme-preview="d"] body[data-product-hero-sample="finished-blades"] .page-hero::before { background: linear-gradient(90deg, var(--stp-canvas) 0%, var(--stp-canvas) 42%, color-mix(in srgb, var(--stp-canvas) 74%, transparent) 54%, transparent 72%); } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero::before { z-index: 1; background: var(--stp-hero-overlay); } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero-inner { z-index: 2; width: min(var(--container), calc(100% - 48px)); padding-top: 68px; padding-bottom: 64px; } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero h1 { max-width: 760px; color: var(--stp-hero-ink); text-wrap: balance; } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero p, html[data-site-theme-preview] body.product-hero-photo-sample .page-hero .breadcrumbs { color: var(--stp-hero-muted); } .product-hero-sample-label { position: absolute; z-index: 3; right: 24px; bottom: 20px; padding: 6px 9px; border: 1px solid rgba(255, 255, 255, .38); color: rgba(255, 255, 255, .72); background: rgba(6, 8, 9, .38); font-size: 9px; font-weight: 700; letter-spacing: .12em; line-height: 1; backdrop-filter: blur(8px); } html[data-site-theme-preview="a"] body.site-theme-preview-active .page-hero .button-dark, html[data-site-theme-preview="c"] body.site-theme-preview-active .page-hero .button-dark, html[data-site-theme-preview="e"] body.site-theme-preview-active .page-hero .button-dark { color: #17191b; background: #fff; border-color: #fff; } html[data-site-theme-preview="a"] body.site-theme-preview-active .page-hero .button-outline, html[data-site-theme-preview="c"] body.site-theme-preview-active .page-hero .button-outline, html[data-site-theme-preview="e"] body.site-theme-preview-active .page-hero .button-outline { color: #fff; background: transparent; border-color: rgba(255, 255, 255, .72); } /* Cards, directories, evidence, timelines and image frames. */ html[data-site-theme-preview] body.site-theme-preview-active :is( .product-card, .capability-card, .application-case, .photo-gallery-item, .knowledge-card, .rfq-form, .choice-option ) { color: var(--ink); background: var(--stp-surface-raised); border-color: var(--line); border-radius: var(--stp-card-radius); box-shadow: var(--stp-shadow); } html[data-site-theme-preview="a"] body.site-theme-preview-active :is( .product-card, .capability-card, .application-case, .photo-gallery-item, .knowledge-card, .rfq-form, .choice-option ) { box-shadow: none; } html[data-site-theme-preview] body.site-theme-preview-active :is( .product-image, .blade-media, .catalog-card-media, .application-case picture, .photo-gallery-item picture, .company-photo, .manufacturing-photo, .equipment-item, .quality-preview figure, .process-evidence-detail, .process-evidence-media ) { background: var(--stp-image-bed); border-color: var(--line); } /* Equipment cards use their own surface, so their text must not inherit the surrounding dark-section palette. This stays light-on-dark in A and becomes dark-on-light in B-E through each theme's ink tokens. */ html[data-site-theme-preview] body.site-theme-preview-active .section-dark .equipment-item { color: var(--ink); } html[data-site-theme-preview] body.site-theme-preview-active .section-dark .equipment-item strong { color: var(--ink); } html[data-site-theme-preview] body.site-theme-preview-active .section-dark .equipment-item span { color: var(--ink-soft); } html[data-site-theme-preview] body.site-theme-preview-active :is( .product-card-summary, .product-card-specs dd, .application-case-copy small, .photo-gallery-item > span, .capability-card p, .company-photo figcaption, .manufacturing-photo figcaption ) { color: var(--muted); } html[data-site-theme-preview] body.site-theme-preview-active :is( .detail-proof, .product-start-grid, .guide-route-grid, .rfq-checklist, .application-cases ) { border-top-color: var(--accent); } html[data-site-theme-preview] body.site-theme-preview-active :is( .detail-proof-item, .product-start-option, .product-review-item, .guide-route, .quality-flow-step, .inspection-scope, .timeline-row, .context-item, .evidence-row, .plain-list, .plain-list li, .process-list, .process-step, .product-directory-assist, .application-case-summary ) { border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active :is( .detail-proof-item span, .product-start-option p, .product-review-item span, .guide-route > p, .quality-flow-step p, .inspection-scope p, .timeline-row p, .context-item p, .evidence-row p ) { color: var(--muted); } html[data-site-theme-preview] body.site-theme-preview-active :is( .product-review-item b, .quality-flow-step b, .guide-route > b, .product-start-option > b, .process-step::before, .timeline-year ) { color: var(--accent); } html[data-site-theme-preview] body.site-theme-preview-active :is( .product-review-grid, .quality-flow, .guide-review-grid ) { border-top-color: var(--system); } html[data-site-theme-preview] body.site-theme-preview-active :is( .notice, .guide-spec-note, .product-review-boundary, .rfq-guide-note, .rfq-file-handoff ) { color: var(--ink-soft); background: var(--stp-soft); border-color: var(--accent); } html[data-site-theme-preview="c"] body.site-theme-preview-active .product-card, html[data-site-theme-preview="c"] body.site-theme-preview-active .capability-card { border-top: 3px solid var(--ink); } html[data-site-theme-preview="d"] body.site-theme-preview-active .product-card, html[data-site-theme-preview="d"] body.site-theme-preview-active .capability-card { background: #fffdf8; } html[data-site-theme-preview="e"] body.site-theme-preview-active :is( .product-card-body, .application-case-copy, .photo-gallery-item > span ) { font-size: 11px; } html[data-site-theme-preview="e"] body.site-theme-preview-active .product-card h3 { font-size: 18px; } /* Manufacturing and quality evidence stay legible in all five systems. */ html[data-site-theme-preview] body.site-theme-preview-active :is( .process-band, .inspection-equipment-full ) { color: var(--stp-deep-ink); background: var(--stp-deep); } html[data-site-theme-preview] body.site-theme-preview-active :is( .process-band h2, .process-band h3, .inspection-equipment-full h2, .inspection-equipment-full h3 ) { color: var(--stp-deep-ink); } html[data-site-theme-preview] body.site-theme-preview-active :is( .process-band p, .process-band span, .inspection-equipment-full p, .inspection-equipment-full span ) { color: var(--stp-deep-muted); } html[data-site-theme-preview] body.site-theme-preview-active .quality-preview figcaption { color: var(--stp-deep-muted); background: var(--stp-deep); } html[data-site-theme-preview] body.site-theme-preview-active .logo-wall { background: var(--line); border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .logo-item { background: #ffffff; border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .logo-item img { filter: none; opacity: 1; } /* RFQ and form controls. */ html[data-site-theme-preview] body.site-theme-preview-active .rfq-section { background: var(--stp-soft); } html[data-site-theme-preview] body.site-theme-preview-active :is( .field input, .field select, .field textarea, .file-upload-field input[type="file"] ) { color: var(--ink); background: var(--stp-input); border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active :is( .rfq-progress, .rfq-progress li + li, .rfq-review, .rfq-review dt, .rfq-review dd, .file-selection, .file-list li ) { border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .rfq-progress b { color: var(--muted); background: var(--stp-soft); border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .choice-option:has(input:checked) { background: var(--system-soft); border-color: var(--system); box-shadow: inset 0 -3px 0 var(--system); } html[data-site-theme-preview="a"] body.site-theme-preview-active .file-upload-field input[type="file"]::file-selector-button { color: #fff; background: var(--accent); } /* Contact band and footer close each theme with the same visual logic. */ html[data-site-theme-preview] body.site-theme-preview-active .rfq-band { color: var(--stp-deep-ink); background: var(--stp-deep); border-color: var(--line-dark); } html[data-site-theme-preview] body.site-theme-preview-active .rfq-band h2 { color: var(--stp-deep-ink); } html[data-site-theme-preview] body.site-theme-preview-active .rfq-band p { color: var(--stp-deep-muted); } html[data-site-theme-preview="a"] body.site-theme-preview-active .rfq-band, html[data-site-theme-preview="c"] body.site-theme-preview-active .rfq-band { color: var(--ink); background: var(--paper-soft); border-color: var(--line); } html[data-site-theme-preview="a"] body.site-theme-preview-active .rfq-band h2, html[data-site-theme-preview="c"] body.site-theme-preview-active .rfq-band h2 { color: var(--ink); } html[data-site-theme-preview="a"] body.site-theme-preview-active .rfq-band p, html[data-site-theme-preview="c"] body.site-theme-preview-active .rfq-band p { color: var(--muted); } html[data-site-theme-preview="d"] body.site-theme-preview-active .rfq-band { color: var(--ink); background: #e6e0d4; border-color: #c8c0b2; } html[data-site-theme-preview="d"] body.site-theme-preview-active .rfq-band h2 { color: var(--ink); } html[data-site-theme-preview="d"] body.site-theme-preview-active .rfq-band p { color: var(--muted); } html[data-site-theme-preview="e"] body.site-theme-preview-active .rfq-band { color: var(--ink); background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } html[data-site-theme-preview="e"] body.site-theme-preview-active .rfq-band h2 { color: var(--ink); font-size: clamp(27px, 2.7vw, 38px); } html[data-site-theme-preview="e"] body.site-theme-preview-active .rfq-band p { color: var(--muted); } /* Product-to-guide bridge stays editorial and follows each concept's contrast. */ html[data-site-theme-preview] body.site-theme-preview-active .product-guide-link-section { color: var(--stp-deep-ink); background: var(--stp-deep); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); } html[data-site-theme-preview] body.site-theme-preview-active .product-guide-link h2, html[data-site-theme-preview] body.site-theme-preview-active .product-guide-link .text-link { color: var(--stp-deep-ink); } html[data-site-theme-preview] body.site-theme-preview-active .product-guide-link p { color: var(--stp-deep-muted); } html[data-site-theme-preview="e"] body.site-theme-preview-active .product-guide-link-section { color: var(--ink); background: var(--paper-soft); border-color: var(--line); } html[data-site-theme-preview="e"] body.site-theme-preview-active .product-guide-link h2, html[data-site-theme-preview="e"] body.site-theme-preview-active .product-guide-link .text-link { color: var(--ink); } html[data-site-theme-preview="e"] body.site-theme-preview-active .product-guide-link p { color: var(--muted); } html[data-site-theme-preview] body.site-theme-preview-active .site-footer { color: var(--stp-deep-ink); background: var(--stp-deep); border-color: var(--line-dark); } html[data-site-theme-preview] body.site-theme-preview-active .footer-column strong { color: var(--stp-deep-ink); } html[data-site-theme-preview] body.site-theme-preview-active :is( .footer-brand p, .footer-column a, .footer-column span, .footer-bottom ) { color: var(--stp-deep-muted); } html[data-site-theme-preview] body.site-theme-preview-active .footer-bottom { border-color: color-mix(in srgb, var(--stp-deep-muted) 28%, transparent); } html[data-site-theme-preview="b"] body.site-theme-preview-active .site-footer, html[data-site-theme-preview="e"] body.site-theme-preview-active .site-footer { color: var(--ink); background: var(--stp-soft); border-color: var(--line); } html[data-site-theme-preview="b"] body.site-theme-preview-active .footer-column strong, html[data-site-theme-preview="e"] body.site-theme-preview-active .footer-column strong { color: var(--ink); } html[data-site-theme-preview="b"] body.site-theme-preview-active :is( .footer-brand p, .footer-column a, .footer-column span, .footer-bottom ), html[data-site-theme-preview="e"] body.site-theme-preview-active :is( .footer-brand p, .footer-column a, .footer-column span, .footer-bottom ) { color: var(--muted); } html[data-site-theme-preview="b"] body.site-theme-preview-active .footer-bottom, html[data-site-theme-preview="e"] body.site-theme-preview-active .footer-bottom { border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .nav-section-panel { color: var(--ink); background: var(--stp-surface-raised); border-color: var(--line); box-shadow: var(--stp-shadow); } html[data-site-theme-preview] body.site-theme-preview-active .desktop-nav .nav-section-panel a { color: var(--ink-soft); border-color: var(--line); } html[data-site-theme-preview] body.site-theme-preview-active .desktop-nav .nav-section-panel a:hover, html[data-site-theme-preview] body.site-theme-preview-active .desktop-nav .nav-section-panel a[aria-current="page"] { color: var(--ink); background: var(--stp-soft); } html[data-site-theme-preview] body.site-theme-preview-active .footer-inquiry-link { color: var(--stp-deep-ink); border-color: color-mix(in srgb, var(--stp-deep-ink) 38%, transparent); } html[data-site-theme-preview="b"] body.site-theme-preview-active .footer-inquiry-link, html[data-site-theme-preview="e"] body.site-theme-preview-active .footer-inquiry-link { color: var(--ink); border-color: color-mix(in srgb, var(--ink) 35%, transparent); } html[data-site-theme-preview="e"] body.site-theme-preview-active .footer-inquiry-area { min-width: max-content; display: flex; align-self: end; justify-content: flex-end; } html[data-site-theme-preview="e"] body.site-theme-preview-active .footer-inquiry-area .footer-inquiry-link { margin-top: 0; color: var(--ink); } @media (min-width: 768px) { html[data-site-theme-preview="e"] body.site-theme-preview-active .footer-grid { grid-template-columns: minmax(240px, 1.15fr) minmax(150px, .55fr) minmax(280px, 1fr) auto; align-items: stretch; } } /* The manufacturing-process copy panel uses a deliberate high-contrast pair in every review system instead of inheriting nearby surface colours. */ html[data-site-theme-preview="a"] body.site-theme-preview-active .process-evidence-copy, html[data-site-theme-preview="c"] body.site-theme-preview-active .process-evidence-copy { color: var(--stp-deep-ink); background: var(--stp-deep); } html[data-site-theme-preview="a"] body.site-theme-preview-active .process-evidence-copy h3, html[data-site-theme-preview="c"] body.site-theme-preview-active .process-evidence-copy h3 { color: var(--stp-deep-ink); } html[data-site-theme-preview="a"] body.site-theme-preview-active .process-evidence-copy p, html[data-site-theme-preview="c"] body.site-theme-preview-active .process-evidence-copy p { color: var(--stp-deep-muted); } html[data-site-theme-preview="b"] body.site-theme-preview-active .process-evidence-copy, html[data-site-theme-preview="d"] body.site-theme-preview-active .process-evidence-copy, html[data-site-theme-preview="e"] body.site-theme-preview-active .process-evidence-copy { color: var(--ink); background: var(--stp-surface-raised); border: 1px solid var(--line); } html[data-site-theme-preview="b"] body.site-theme-preview-active .process-evidence-copy h3, html[data-site-theme-preview="d"] body.site-theme-preview-active .process-evidence-copy h3, html[data-site-theme-preview="e"] body.site-theme-preview-active .process-evidence-copy h3 { color: var(--ink); } html[data-site-theme-preview="b"] body.site-theme-preview-active .process-evidence-copy p, html[data-site-theme-preview="d"] body.site-theme-preview-active .process-evidence-copy p, html[data-site-theme-preview="e"] body.site-theme-preview-active .process-evidence-copy p { color: var(--muted); } /* The editorial guide uses its own stylesheet; these bridge selectors keep it themed. */ html[data-site-theme-preview] body.guide-refined .guide-shell, html[data-site-theme-preview] body.guide-refined .buyer-guide-article, html[data-site-theme-preview] body.guide-refined .knowledge-intro { color: var(--ink); background: var(--stp-canvas); } html[data-site-theme-preview] body.guide-refined :is( .guide-decision, .answer-panel, .knowledge-card, .guide-send-panel, .guide-spec-panel ) { color: var(--ink); background: var(--stp-surface); border-color: var(--line); box-shadow: var(--stp-shadow); } html[data-site-theme-preview] body.guide-refined :is( .guide-decision p, .answer-panel p, .knowledge-card p, .guide-spec-panel p, .guide-question-list li ) { color: var(--muted); } @media (max-width: 1079px) { .site-theme-preview-switcher { grid-template-columns: 1fr auto; } .site-theme-preview-switcher > strong { display: none; } .site-theme-preview-switcher .site-theme-home-link { display: none; } } @media (max-width: 767px) { :root { --stp-switcher-height: 0px; } html[data-site-theme-preview="e"] { --stp-title-section-size: clamp(27px, 7.4vw, 30px); --stp-title-subsection-size: clamp(24px, 6.4vw, 26px); --stp-title-panel-size: clamp(21px, 5.7vw, 23px); } .site-theme-preview-switcher { padding-inline: 10px; display: block; } .site-theme-preview-switcher nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); } .site-theme-preview-switcher nav a { min-width: 0; justify-content: center; } .site-theme-preview-switcher nav span { display: none; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary { min-width: 68px; min-height: 44px; padding-left: 10px; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-hint { display: none; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu-panel { width: min(224px, calc(100vw - 32px)); } html[data-site-theme-preview] body.site-theme-preview-active .page-hero { min-height: 460px; } html[data-site-theme-preview] body.site-theme-preview-active .page-hero::before, html[data-site-theme-preview] body.site-theme-preview-active .page-hero-dark::before { background: linear-gradient(180deg, rgba(10, 12, 13, .35) 0%, rgba(10, 12, 13, .82) 100%); } html[data-site-theme-preview="b"] body.site-theme-preview-active .page-hero::before, html[data-site-theme-preview="d"] body.site-theme-preview-active .page-hero::before { background: linear-gradient(180deg, rgba(248, 248, 246, .3) 0%, rgba(248, 248, 246, .95) 100%); } html[data-site-theme-preview] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="a"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="c"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="e"] body.site-theme-preview-active .page-hero h1 { max-width: 9em; font-size: clamp(36px, 10vw, 46px); line-height: 1.05; } html[data-site-theme-preview] body.site-theme-preview-active .page-hero-inner { padding-top: 56px; padding-bottom: 44px; } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero::before { background: linear-gradient(180deg, rgba(6, 8, 9, .24) 0%, rgba(6, 8, 9, .48) 34%, rgba(6, 8, 9, .94) 100%); } html[data-site-theme-preview="b"] body.product-hero-photo-sample .page-hero::before, html[data-site-theme-preview="d"] body.product-hero-photo-sample .page-hero::before { background: linear-gradient(180deg, rgba(248, 248, 246, .24) 0%, rgba(248, 248, 246, .52) 34%, rgba(248, 248, 246, .97) 100%); } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero > picture img { object-position: 61% 50%; } html[data-site-theme-preview] body[data-product-hero-sample="surface-inspection"] .page-hero > picture img { object-position: 67% 52%; } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero > picture { inset: 0 0 auto; width: 100%; height: 52%; } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero > picture img { object-position: 50% 35%; } html[data-site-theme-preview] body[data-product-hero-sample="finished-blades"] .page-hero::before { background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--stp-deep) 74%, transparent) 35%, var(--stp-deep) 54%, var(--stp-deep) 100%); } html[data-site-theme-preview="b"] body[data-product-hero-sample="finished-blades"] .page-hero::before, html[data-site-theme-preview="d"] body[data-product-hero-sample="finished-blades"] .page-hero::before { background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--stp-canvas) 76%, transparent) 35%, var(--stp-canvas) 54%, var(--stp-canvas) 100%); } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero-inner { width: min(var(--container), calc(100% - 32px)); padding-top: 96px; padding-bottom: 66px; } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero h1 { color: var(--stp-hero-ink); } html[data-site-theme-preview] body.product-hero-photo-sample .page-hero p, html[data-site-theme-preview] body.product-hero-photo-sample .page-hero .breadcrumbs { color: var(--stp-hero-muted); } .product-hero-sample-label { right: 16px; bottom: 12px; } html[data-site-theme-preview] body.site-theme-preview-active .section { padding-block: 62px; } html[data-site-theme-preview] body.site-theme-preview-active .section-head h2 { font-size: clamp(27px, 8.5vw, 36px); } } @media (max-width: 359px) { html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary { min-width: 64px; padding-right: 19px; padding-left: 8px; } html[data-site-theme-preview] body.site-theme-preview-active .language-menu summary::after { right: 8px; } } @media (prefers-reduced-motion: reduce) { html[data-site-theme-preview] *, html[data-site-theme-preview] *::before, html[data-site-theme-preview] *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } } /* Concept 2/3 final cascade layer. The earlier A-E review system remains available as the neutral content base; these selectors deliberately outrank its legacy E declarations. */ html[data-site-theme-preview="e"][data-review-concept="2"] { --ink: #2f363a; --ink-soft: #46545b; --muted: #5b6970; --paper: #fff; --paper-soft: #f2f6f7; --line: #d6dfe2; --line-dark: #607078; --accent: #0b8fa8; --accent-dark: #08758a; --factory: #173a45; --factory-accent: #fff; --system: #0b8fa8; --system-soft: #e8f4f6; --stp-canvas: #fff; --stp-surface: #fff; --stp-surface-raised: #fff; --stp-soft: #f2f6f7; --stp-deep: #173a45; --stp-deep-ink: #fff; --stp-deep-muted: #c7d8dd; } html[data-site-theme-preview="e"][data-review-concept="3"] { --ink: #092c47; --ink-soft: #24485f; --muted: #526d80; --paper: #fff; --paper-soft: #f1f5fa; --line: #d8e2ed; --line-dark: #35556c; --accent: #0e6aed; --accent-dark: #0758cd; --factory: #092c47; --factory-accent: #d8f56b; --system: #0e6aed; --system-soft: #edf4ff; --stp-canvas: #fff; --stp-surface: #fff; --stp-surface-raised: #fff; --stp-soft: #f1f5fa; --stp-deep: #092c47; --stp-deep-ink: #fff; --stp-deep-muted: #c2d0da; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.page-products.product-hero-photo-sample .page-hero { min-height: 430px; color: #fff; background: #078daa; border-bottom: 0; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero > picture, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero > picture { left: 52%; width: 48%; display: block; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero::before, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero::before { right: 48%; display: block; background: linear-gradient(140deg, transparent 0 55%, rgba(255,255,255,.055) 55% 69%, transparent 69%); } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero-inner, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero-inner { width: min(var(--container), calc(100% - 48px)); padding-block: 76px 62px; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero-inner > * { max-width: calc(48% - 38px); } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero h1 { max-width: 520px; color: #fff; font-size: 46px; font-weight: 600; letter-spacing: -.025em; line-height: 1.13; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero :is(p,.breadcrumbs,.breadcrumbs span) { color: rgba(255,255,255,.84); } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero .button-dark { color: #273338; background: #fff; border-color: #fff; border-radius: 24px; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero .button-outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.75); border-radius: 24px; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .site-footer { color: #2f363a; background: #f2f5f5; border-color: #d6dddf; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .footer-column strong { color: #0b8fa8; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active :is(.footer-brand p,.footer-column a,.footer-column span,.footer-bottom) { color: #59666c; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .footer-inquiry-link { color: #2f363a; border-color: #829198; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active.page-products.product-hero-photo-sample .page-hero { min-height: 500px; color: #fff; background: #092c47; border-bottom: 0; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero::before, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active.product-hero-photo-sample .page-hero::before { background: linear-gradient(90deg,rgba(4,27,50,.94),rgba(6,34,62,.75) 50%,rgba(5,27,51,.17) 85%); } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active.product-hero-photo-sample .page-hero h1 { max-width: 820px; color: #fff; font-size: 48px; font-weight: 600; letter-spacing: -.025em; line-height: 1.18; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero h1::after { content: ""; width: 76px; height: 6px; margin-top: 20px; display: block; background: #d8f56b; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero :is(p,.breadcrumbs,.breadcrumbs span) { color: #d5e0e7; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero .button-dark { color: #0e6aed; background: #fff; border-color: #fff; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero .button-outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.78); } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .process-evidence-copy { color: #fff; background: #092c47; border-color: #24485f; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .process-evidence-copy h3 { color: #fff; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .process-evidence-copy p { color: #c2d0da; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .site-footer { color: #fff; background: #092c47; border-color: #24485f; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .footer-column strong { color: #d8f56b; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active :is(.footer-brand p,.footer-column a,.footer-column span,.footer-bottom) { color: #c1ced7; } html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .footer-inquiry-link { color: #fff; border-color: rgba(255,255,255,.52); } html[data-review-concept="2"] body.site-theme-preview-active .home-logo-section, html[data-review-concept="3"] body.site-theme-preview-active .home-logo-section { overflow: hidden; } @media (min-width: 768px) and (max-width: 1079px) { html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .footer-grid, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 44px; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .footer-inquiry-area, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .footer-inquiry-area { min-width: 0; align-self: start; justify-content: flex-start; } } @media (max-width: 767px) { html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.page-products.product-hero-photo-sample .page-hero, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active.page-products.product-hero-photo-sample .page-hero { min-height: 430px; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero > picture, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero > picture { left: 0; width: 100%; opacity: .32; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero::before, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero::before { right: 0; background: linear-gradient(180deg,rgba(5,116,141,.62),rgba(4,104,127,.94)); } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero-inner, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero-inner { width: min(var(--container), calc(100% - 32px)); padding-block: 64px 54px; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero-inner > * { max-width: 100%; } html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active .page-hero h1, html[data-site-theme-preview="e"][data-review-concept="2"] body.site-theme-preview-active.product-hero-photo-sample .page-hero h1, html[data-site-theme-preview="e"][data-review-concept="3"] body.site-theme-preview-active.product-hero-photo-sample .page-hero h1 { max-width: 9em; font-size: 36px; line-height: 1.16; } }