/* Shared visual layer. Keep brand artwork, media and inquiry behavior intact. */
:root {
  --sf-ink: #202c35;
  --sf-muted: #5c6971;
  --sf-line: #dce2e5;
  --sf-surface: #f4f6f6;
  --sf-accent: #cc3c32;
  --sf-shadow: 0 8px 24px rgba(29, 46, 56, .055);
}
body[data-sf-lang], body.sf-cn-body, body.sfgeo-body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
:where(body[data-sf-lang], body.sf-cn-body, body.sfgeo-body) :where(h1,h2,h3,p,a,button,span,strong,small,label,li) { letter-spacing: 0 !important; }
:where(body[data-sf-lang], body.sf-cn-body, body.sfgeo-body) :where(h1,h2,h3) { text-wrap: balance; }
:where(body[data-sf-lang], body.sf-cn-body, body.sfgeo-body) :where(a,button,input,textarea,summary):focus-visible { outline: 3px solid #267c9b; outline-offset: 4px; }
html { scroll-padding-top: 100px; }

/* Navigation: stable hit areas, recognizable active state, light brand surface. */
body[data-sf-lang="en"] header, .sf-cn-body .sf-cn-header, .sfgeo-body .sfgeo-header {
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid var(--sf-line) !important;
  box-shadow: 0 3px 18px rgba(25,45,54,.035) !important;
}
body[data-sf-lang="en"] header > div:first-child { max-width: 1344px; gap: 20px; }
body[data-sf-lang="en"] header nav { gap: 19px !important; }
.sf-cn-body .sf-cn-header { padding-inline: max(28px, calc((100% - 1280px) / 2)); gap: 20px; }
.sf-cn-body .sf-cn-header nav { gap: 20px; }
body[data-sf-lang="en"] header .brand-logo-svg, .sf-cn-body .sf-cn-header .sf-cn-logo-svg { color: var(--sf-ink) !important; }
.sfgeo-body .sfgeo-header .sfgeo-brand-logo { color: var(--sf-ink) !important; }
.sfgeo-body .sfgeo-menu-button { color: var(--sf-ink); border-color: var(--sf-line); }
.sfgeo-body .sfgeo-menu-button span { background: var(--sf-ink); }
.sf-cn-body .sf-cn-header nav a, .sfgeo-cn .sfgeo-header nav a { color: var(--sf-ink) !important; }
.sf-cn-body .sf-cn-header nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; font-weight: 650; white-space: nowrap; }
body[data-sf-lang="en"] header nav a, body[data-sf-lang="en"] header .nav-dropdown>button { font-weight: 650 !important; }
.sf-nav-current, .sf-cn-body .sf-cn-header nav a.sf-nav-current, .sfgeo-header nav a.sf-nav-current { color: var(--sf-accent) !important; }
.sf-cn-header nav a.sf-nav-current::after, .sfgeo-header nav a.sf-nav-current::after { content: ""; position: absolute; bottom: 4px; left: 0; right: 0; height: 2px; background: var(--sf-accent); }
body[data-sf-lang="en"] header nav .nav-link.sf-nav-current::after { transform: scaleX(1) !important; }
body[data-sf-lang="en"] header .nav-dropdown>div { border-radius: 6px !important; padding: 8px !important; }
body[data-sf-lang="en"] header .nav-dropdown>div::before { background: #fff !important; border-color: var(--sf-line) !important; }
.sf-cn-body .sfgeo-language-switch-dark { background: #f3f5f6; border-color: var(--sf-line); }
.sf-cn-body .sfgeo-language-switch-dark a { color: #52616b !important; }
.sf-cn-body .sfgeo-language-switch-dark a.is-active { background: #293c48; color: #fff !important; }
.sf-cn-body .sfgeo-language-switch-dark a:hover { background: #e4eaed; color: #20333f !important; }
.sf-cn-body .sf-cn-menu-toggle { border-color: #cbd5da !important; }
.sf-cn-body .sf-cn-menu-toggle span { background: #243843 !important; }
body[data-sf-lang="en"] header a.bg-accent, .sf-cn-body .sf-cn-cta, .sfgeo-nav-cta { border-radius: 4px; box-shadow: none !important; background: var(--sf-accent) !important; font-weight: 700 !important; }

/* Homepage: controlled type leaves the real production imagery visible. */
body[data-sf-lang="en"] .hero { min-height: min(780px, 92svh) !important; min-height: clamp(610px, 92svh, 780px) !important; }
body[data-sf-lang="en"] .hero > .relative { min-height: inherit !important; max-width: 1280px; padding: 150px 32px 66px !important; justify-content: flex-start; }
body[data-sf-lang="en"] .hero h1 { max-width: 870px !important; font-size: 64px !important; font-weight: 760 !important; line-height: 1.09 !important; margin-top: 20px !important; }
body[data-sf-lang="en"] .hero p { max-width: 630px; font-size: 18px !important; line-height: 1.65 !important; }
body[data-sf-lang="en"] .hero p:first-child { font-size: 12px !important; color: #fff !important; }
body[data-sf-lang="en"] .hero .hero-video { filter: none; }
body[data-sf-lang="en"] main .hero>div.bg-gradient-to-r { background: linear-gradient(90deg,rgba(10,24,31,.83),rgba(10,24,31,.46) 62%,rgba(10,24,31,.12)) !important; }
body[data-sf-lang="en"] .hero a { min-height: 50px; padding: 14px 23px !important; font-size: 14px !important; font-weight: 700 !important; border-radius: 4px; }
.sf-cn-home .sf-cn-hero { box-sizing: border-box; min-height: clamp(570px, 88svh, 740px) !important; align-items: center !important; padding: 128px 0 60px !important; }
.sf-cn-home .sf-hero-copy { width: min(1216px, calc(100% - 64px)) !important; margin: auto !important; padding: 0 !important; }
.sf-cn-home .sf-hero-copy h1 { max-width: 930px; font-size: 56px !important; margin: 24px 0 28px !important; line-height: 1.22 !important; }
.sf-cn-home .sf-hero-copy h1 span:first-child { font-size: 56px !important; font-weight: 750 !important; white-space: normal !important; }
.sf-cn-home .sf-hero-copy h1 span:last-child { font-size: 44px !important; font-weight: 600 !important; margin-top: 14px; line-height: 1.3; }
.sf-cn-home .sf-hero-copy > p { font-size: 13px !important; font-weight: 600 !important; }
.sf-cn-home .sf-cn-hero-video { filter: brightness(.9) saturate(.9) !important; }
.sf-cn-home .sf-cn-hero::before { background: linear-gradient(90deg,rgba(10,24,31,.8),rgba(10,24,31,.5) 55%,rgba(10,24,31,.18)) !important; }
.sf-cn-home .sf-cn-hero::after { background: linear-gradient(0deg,rgba(10,24,31,.36),transparent 60%) !important; }
.sf-cn-home .sf-hero-actions a { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 14px; font-weight: 700; min-height: 50px; }

/* A consistent vertical rhythm for the existing page modules. */
body[data-sf-lang="en"] main > section:not(.hero):not(.factory-hero):not([data-sf-page-hero]):not(.sfgeo-contact-hero) { padding-top: 76px; padding-bottom: 76px; }
body[data-sf-lang="en"] main section[class*="bg-slate-950"], body[data-sf-lang="en"] main section[class*="bg-[#081426]"] { background: #f5f7f7 !important; }
body[data-sf-lang="en"] main section[class*="bg-[#0b1829]"] { background: #fff !important; }
body[data-sf-lang="en"] main h2 { font-size: 38px !important; line-height: 1.22 !important; font-weight: 720 !important; max-width: 830px; }
body[data-sf-lang="en"] main h3 { font-size: 22px; line-height: 1.35; font-weight: 700; }
body[data-sf-lang="en"] main h3[class*="text-4xl"] { font-size: 34px !important; line-height: 1.25 !important; font-weight: 700 !important; }
body[data-sf-lang="en"] main p.uppercase { font-size: 11px !important; font-weight: 750 !important; }
body[data-sf-lang="en"] main > section > .mb-10 { margin-bottom: 34px; }
body[data-sf-lang="en"] [data-sf-page-hero] h1 { max-width: 770px !important; font-size: 50px !important; font-weight: 750 !important; line-height: 1.12 !important; }
body[data-sf-lang="en"] [data-sf-page-hero] > div { box-sizing: border-box; width: 100% !important; max-width: 1280px !important; padding-inline: 32px !important; margin-inline: auto !important; }
body[data-sf-lang="en"] .factory-hero h1 { font-size: 52px !important; font-weight: 750 !important; line-height: 1.16 !important; max-width: 850px; }
.sf-cn-template:not(.sf-cn-home) .sf-cn-hero, .sf-cn-body .factory-hero-pro { box-sizing: border-box; min-height: 540px; padding: 148px max(32px,calc((100% - 1216px) / 2)) 72px; }
.sf-cn-template:not(.sf-cn-home) .sf-cn-hero h1, .sf-cn-body .factory-hero-pro h1 { font-size: 48px !important; font-weight: 700 !important; line-height: 1.3 !important; max-width: 850px; }
.sf-cn-body .factory-section-pro h2 { font-size: 34px !important; line-height: 1.4 !important; font-weight: 700 !important; }
.sf-cn-body .factory-section-pro { padding-block: 72px; }
.sf-cn-body :is(.sf-cn-section,.sf-cn-visual-band,.sf-cn-media-text,.sf-cn-intent,.sf-cn-rich,.sf-cn-rich-cta,.sf-about,.sf-types-head,.sf-production,.sf-process-head) h2 { font-size: 34px !important; font-weight: 700 !important; line-height: 1.4 !important; }
.sf-cn-home :is(.sf-about,.sf-types,.sf-production,.sf-process-wrap) { padding: 76px max(32px, calc((100% - 1216px) / 2)) !important; }
.sf-cn-home .sf-about-grid { gap: 64px; }
.sf-cn-home .sf-about-copy { font-size: 15px; line-height: 1.95; }
.sf-cn-home .sf-about-stats { border: 0; gap: 0 28px; }
.sf-cn-home .sf-about-stats article { padding: 24px 0; min-height: 130px; border: 0; border-bottom: 1px solid var(--sf-line); background: transparent; }
.sf-cn-home .sf-about-stats strong { font-size: 38px; font-weight: 650; color: #294650; }
.sf-cn-home .sf-section-label { font-size: 11px; color: var(--sf-accent); font-weight: 700; }

/* Product and industry photos are never dimmed or covered by copy. */
body[data-sf-lang="en"] main .industry-card, body[data-sf-lang="en"] main .case-card {
  display: flex !important; flex-direction: column !important; min-height: 0 !important; height: auto !important;
  background: #fff !important; border: 1px solid var(--sf-line) !important; border-radius: 6px; box-shadow: var(--sf-shadow) !important; color: var(--sf-ink) !important;
}
body[data-sf-lang="en"] main .industry-card::after { display: none; }
body[data-sf-lang="en"] main .industry-card img, body[data-sf-lang="en"] main .case-card img {
  position: static !important; flex: 0 0 auto; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 4/3;
  object-fit: contain !important; background: #f1f3f3 !important; opacity: 1 !important; padding: 12px !important;
}
body[data-sf-lang="en"] main .industry-card > div, body[data-sf-lang="en"] main .case-card > div { position: static !important; display: flex; flex: 1; flex-direction: column; padding: 24px !important; background: #fff !important; }
body[data-sf-lang="en"] main .industry-card h3, body[data-sf-lang="en"] main .case-card h3 { margin-top: 0; color: var(--sf-ink) !important; font-size: 22px; font-weight: 700; }
body[data-sf-lang="en"] main .industry-card span, body[data-sf-lang="en"] main .case-card span { margin-top: 12px; font-size: 14px; line-height: 1.7; color: var(--sf-muted) !important; }
body[data-sf-lang="en"] main .industry-card a, body[data-sf-lang="en"] main .case-card a { align-self: flex-start; padding-top: 20px; margin-top: auto; color: var(--sf-accent) !important; font-size: 13px; font-weight: 700; }
body[data-sf-lang="en"] main :is(.product-card,.adv-card,.blog-card,.feature-panel,.qc-card,.deep-card,.cert-card,.faq-item), .sf-cn-body :is(.sf-product-card,.sf-showcase,.sf-cn-card,.sf-cn-blog article,.sf-cn-cases article) { border: 1px solid var(--sf-line) !important; border-radius: 6px; box-shadow: var(--sf-shadow) !important; }
body[data-sf-lang="en"] main :is(.industry-card,.product-card,.case-card):hover, .sf-cn-home .sf-showcase:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(29,46,56,.10) !important; }
body[data-sf-lang="en"] main :is(.industry-card,.product-card,.case-card):hover img { transform: scale(1.025); }
body[data-sf-lang="en"] .product-card { display: flex; flex-direction: column; }
body[data-sf-lang="en"] main .product-card.is-hidden { display: none !important; }
body[data-sf-lang="en"] main .product-card > img { width: 100%; height: auto !important; aspect-ratio: 4/3; object-fit: contain !important; padding: 12px; background: #f1f3f3 !important; }
body[data-sf-lang="en"] .product-card > div { display: flex; flex-direction: column; flex: 1; padding: 24px; }
body[data-sf-lang="en"] .product-card h3 { font-size: 22px !important; line-height: 1.35 !important; font-weight: 700 !important; }
body[data-sf-lang="en"] .product-card p:not(.product-tag) { font-size: 14px; line-height: 1.7; }
body[data-sf-lang="en"] .product-card ul { padding-top: 15px; border-top: 1px solid #e5eaeb; font-size: 12px; line-height: 1.8; margin-bottom: 20px; }
body[data-sf-lang="en"] .product-card .sfgeo-index-link { margin-top: auto; padding-top: 18px; font-size: 13px; font-weight: 700; }
body[data-sf-lang="en"] .adv-card { padding: 0 0 20px; }
body[data-sf-lang="en"] .adv-card img { height: 150px; }
body[data-sf-lang="en"] .adv-card h3, body[data-sf-lang="en"] .adv-card p { margin-inline: 20px; }
body[data-sf-lang="en"] .adv-card h3 { font-size: 18px; margin-top: 20px; }
body[data-sf-lang="en"] .adv-card p { margin-top: 5px; font-size: 14px; }
body[data-sf-lang="en"] :is(.showcase-frame,.split-image) { padding: 0 !important; border: 0 !important; border-radius: 6px; box-shadow: none !important; }
body[data-sf-lang="en"] :is(.showcase-frame,.split-image)::before { display: none; }
body[data-sf-lang="en"] .filter-bar, .sf-cn-body .sf-filter { padding-bottom: 20px; border-bottom: 1px solid var(--sf-line); gap: 8px; }
body[data-sf-lang="en"] .filter-bar button, .sf-cn-body .sf-filter button { border-radius: 4px; font-size: 12px; font-weight: 650; padding: 11px 14px; }
.sf-cn-home .sf-showcase-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.sf-cn-home .sf-showcase { grid-template-columns: 1fr; min-height: 0; }
.sf-cn-home .sf-slider { min-height: 0 !important; aspect-ratio: 4/3; background: #f1f3f3; }
.sf-cn-home .sf-slider img { object-fit: contain !important; padding: 12px; box-sizing: border-box; }
.sf-cn-home .sf-showcase-copy { min-height: 0 !important; padding: 24px !important; }
.sf-cn-home .sf-showcase-copy > span { background: transparent; color: var(--sf-accent); padding: 0; min-height: 0; font-size: 11px; }
.sf-cn-home .sf-showcase-copy h3 { font-size: 22px !important; font-weight: 700; line-height: 1.4; margin: 12px 0; }
.sf-cn-home .sf-showcase-copy p { font-size: 14px; line-height: 1.8; }
.sf-cn-home .sf-showcase-copy a { padding-top: 20px; color: var(--sf-accent); }
.sf-cn-body .sf-products-intro { padding: 138px max(32px,calc((100% - 1216px) / 2)) 48px !important; background: #eef2f2 !important; color: var(--sf-ink) !important; border-bottom: 1px solid var(--sf-line); }
.sf-cn-body .sf-products-intro h1 { font-size: 46px !important; color: var(--sf-ink) !important; line-height: 1.3; font-weight: 700; }
.sf-cn-body .sf-products-intro > p:last-child { color: var(--sf-muted) !important; max-width: 760px; line-height: 1.8; }
.sf-cn-body .sf-products-main { padding: 36px max(32px,calc((100% - 1216px) / 2)) 76px !important; background: #fafbfb; }
.sf-cn-body .sf-product-grid { gap: 24px; }
.sf-cn-body .sf-product-grid h2 { font-size: 23px !important; line-height: 1.4; font-weight: 700; }
.sf-cn-body .sf-product-grid > article { border-radius: 6px; overflow: hidden; border: 1px solid var(--sf-line); box-shadow: var(--sf-shadow); }

/* Production and order modules: aligned media with quieter captions. */
body[data-sf-lang="en"] .production-view-grid { align-items: stretch !important; }
body[data-sf-lang="en"] .production-view-grid .media-side h2 { font-size: 34px !important; }
body[data-sf-lang="en"] .production-view-grid .media-video { box-shadow: none !important; border-radius: 6px; }
body[data-sf-lang="en"] .production-view-grid .media-mini-grid { gap: 12px; }
body[data-sf-lang="en"] .gallery img, .sf-cn-body .sf-cn-gallery img { border-radius: 5px; box-shadow: none !important; }
body[data-sf-lang="en"] .process-step { border-radius: 4px; padding: 18px; box-shadow: none !important; }
.sf-cn-home .sf-production-video { border-radius: 6px; }
.sf-cn-home .sf-production-detail figure { border-radius: 4px; }
.sf-cn-home .sf-process-wrap { background: #f5f7f7; }
.sf-cn-home .sf-process article { border-top: 2px solid #c6d3d8; background: #fff; box-shadow: none; }
.sf-cn-home .sf-process article > span { color: #3b7278; font-size: 26px; font-weight: 600; }

/* Detail pages and long-form guides use the same scale and reading measure. */
.sfgeo-body { --ink: #202c35; --muted: #5c6971; --soft: #f4f6f6; --line: #dce2e5; --red: #cc3c32; --shadow: 0 8px 24px rgba(29,46,56,.055); }
.sfgeo-body .sfgeo-hero h1 { font-size: 48px; line-height: 1.16; font-weight: 750; }
.sfgeo-body .sfgeo-hero-lead { font-size: 17px; line-height: 1.75; }
.sfgeo-index-hub .sfgeo-hero, .sfgeo-index-hub .sfgeo-hero-grid { min-height: 500px; }
.sfgeo-index-hub .sfgeo-hero-copy { padding-block: 60px; }
.sfgeo-body .sfgeo-section { padding-block: 72px; }
.sfgeo-body :is(.sfgeo-section-head,.sfgeo-answer,.sfgeo-split,.sfgeo-case-split) h2 { font-size: 34px; line-height: 1.25; font-weight: 700; }
.sfgeo-body .sfgeo-section-head p { font-size: 16px; }
.sfgeo-body .sfgeo-answer { background: #eff4f3; color: var(--sf-ink); border-top: 1px solid #dce7e4; border-bottom: 1px solid #dce7e4; }
.sfgeo-body .sfgeo-answer h2 { color: var(--sf-ink); }
.sfgeo-body .sfgeo-answer .sfgeo-narrow>p:last-child { color: #435d60; font-size: 18px; }
.sfgeo-body .sfgeo-answer .sfgeo-eyebrow { color: #347378; }
.sfgeo-body .sfgeo-article-body h2 { font-size: 29px; line-height: 1.35; font-weight: 700; }
.sfgeo-body .sfgeo-article-body p { line-height: 1.9; color: #465760; }
.sfgeo-body .sfgeo-article-body section + section { margin-top: 44px; padding-top: 40px; }
.sfgeo-body .sfgeo-checklist { background: #f3f6f6; color: var(--sf-ink); box-shadow: none; border: 1px solid var(--sf-line); border-top: 3px solid #3b7278; }
.sfgeo-body .sfgeo-checklist h2 { font-size: 23px; color: var(--sf-ink); }
.sfgeo-body .sfgeo-checklist li { color: #546872; font-size: 14px; line-height: 1.75; }
.sfgeo-body .sfgeo-checklist .sfgeo-eyebrow { color: #347378; }
.sfgeo-body .sfgeo-data-table-wrap { box-shadow: none; }
.sfgeo-body .sfgeo-data-table-wrap thead th { background: #e5eeef; color: #253e48; }
.sfgeo-body .sfgeo-faq details { box-shadow: none; }
.sfgeo-body .sfgeo-faq summary { font-weight: 650; }
.sfgeo-body .sfgeo-button { font-weight: 700; box-shadow: none; font-size: 14px; }
.sfgeo-body .sfgeo-related-grid span { font-size: 19px; font-weight: 700; }
.sfgeo-body .sfgeo-related-grid img { height: auto; aspect-ratio: 4/3; background: #f1f3f3; }
.sfgeo-body .sfgeo-hub-grid small { font-size: 14px; font-weight: 400; }
.sfgeo-commercial h2 { font-size: 36px !important; line-height: 1.25 !important; }

/* Preserve inquiry geometry and behavior; soften only the surface treatment. */
.sfgeo-compact-form { box-shadow: var(--sf-shadow); border-radius: 6px; }
.sfgeo-compact-head { background: #f7f9f9; }
.sfgeo-compact-head h3 { font-weight: 700 !important; font-size: 22px !important; }
.sfgeo-compact-submit { background: var(--sf-accent) !important; box-shadow: none !important; }
body[data-sf-lang="en"] main .sf-en-quote-guide h2 { font-size: 30px !important; }
.sfgeo-contact-page .sfgeo-contact-hero h1 { font-size: 50px !important; font-weight: 750 !important; }
.sfgeo-contact-page .sfgeo-contact-brief { box-shadow: none; }
.sfgeo-contact-page .sfgeo-contact-brief h2 { font-size: 29px !important; }
.sfgeo-contact-page .sfgeo-contact-cards article { min-height: 270px; border-radius: 6px; background: #f7f9f9; }
.sfgeo-contact-page .sfgeo-contact-cards h3 { font-size: 21px !important; }
.sf-cn-home .sf-cn-quote { background: #edf2f2; color: var(--sf-ink); }
.sf-cn-home .sf-cn-quote>h2 { color: var(--sf-ink); font-size: 34px; }

/* Footer keeps a deliberate contrast without the previous blue-heavy surface. */
body[data-sf-lang="en"] footer, .sf-cn-body .sf-cn-footer, .sfgeo-body .sfgeo-footer { background: #23343b !important; border-color: #3b4c53 !important; }
body[data-sf-lang="en"] footer p, .sf-cn-body .sf-cn-footer p, .sfgeo-body .sfgeo-footer p { font-size: 14px; line-height: 1.85; }
body[data-sf-lang="en"] footer a { display: inline-block; padding-block: 3px; }

@media (max-width: 1180px) and (min-width: 1024px) {
  body[data-sf-lang="en"] header nav { gap: 13px !important; }
  body[data-sf-lang="en"] header > div:first-child { gap: 12px; padding-inline: 22px; }
  body[data-sf-lang="en"] header .brand-logo-svg { width: 180px; }
  body[data-sf-lang="en"] header nav a, body[data-sf-lang="en"] header .nav-dropdown>button { font-size: 12px; }
  body[data-sf-lang="en"] header a.bg-accent { padding-inline: 13px; font-size: 12px; }
}
@media (max-width: 1120px) {
  .sf-cn-body .sf-cn-header nav { background: #fff !important; border-color: var(--sf-line) !important; }
  .sfgeo-body .sfgeo-menu-button { display: block; margin-left: auto; }
  .sfgeo-body .sfgeo-nav-cta { display: none; }
  .sfgeo-body .sfgeo-header nav { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 22px 20px; background: #fff; border-top: 1px solid var(--sf-line); box-shadow: var(--sf-shadow); }
  .sfgeo-body .sfgeo-header nav.is-open { display: flex; }
  .sfgeo-body .sfgeo-header nav a { position: relative; display: flex; align-items: center; min-height: 46px; font-size: 14px; border-bottom: 1px solid var(--sf-line); }
}
@media (max-width: 1023px) {
  body[data-sf-lang="en"] main h2 { font-size: 32px !important; }
  body[data-sf-lang="en"] .hero h1 { font-size: 52px !important; }
  .sf-cn-home .sf-showcase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sf-cn-home .sf-about-grid { gap: 36px; }
  .sfgeo-contact-quote-grid > .sfgeo-compact-form, .sf-en-inquiry-layout > .sfgeo-compact-form { order: -1; }
}
@media (max-width: 680px) {
  html { scroll-padding-top: 86px; }
  body[data-sf-lang="en"] header > div:first-child { gap: 10px; padding-inline: 18px; }
  body[data-sf-lang="en"] header .brand-logo-svg { width: 165px; max-width: 43vw; }
  .sf-cn-body .sf-cn-header { padding-inline: 18px !important; gap: 10px !important; }
  .sf-cn-body .sf-cn-header .sf-cn-cta { display: none; }
  .sf-cn-body .sf-cn-header .sf-cn-brand { flex: 0 0 175px !important; width: 175px !important; }
  .sf-cn-body .sf-cn-menu-toggle { flex: 0 0 40px; margin-left: 0; }
  .sf-cn-body .sf-cn-header .sf-cn-logo-svg { width: 175px !important; max-width: 100% !important; }
  body[data-sf-lang="en"] .hero { min-height: 640px !important; }
  body[data-sf-lang="en"] .hero > .relative { padding: 126px 22px 54px !important; }
  body[data-sf-lang="en"] .hero h1 { font-size: 39px !important; line-height: 1.13 !important; }
  body[data-sf-lang="en"] .hero p { font-size: 16px !important; }
  body[data-sf-lang="en"] .hero p:first-child { font-size: 11px !important; }
  body[data-sf-lang="en"] .hero a { padding: 13px 17px !important; font-size: 13px !important; }
  .sf-cn-home .sf-cn-hero { min-height: 580px !important; padding: 128px 0 56px !important; }
  .sf-cn-home .sf-hero-copy { width: calc(100% - 40px) !important; }
  .sf-cn-home .sf-hero-copy h1 { font-size: 32px !important; }
  .sf-cn-home .sf-hero-copy h1 span:first-child { font-size: 32px !important; }
  .sf-cn-home .sf-hero-copy h1 span:last-child { font-size: 27px !important; white-space: normal !important; }
  .sf-cn-home .sf-hero-actions { gap: 10px; flex-wrap: wrap; }
  .sf-cn-home .sf-hero-actions a { margin: 0; padding: 14px 18px; font-size: 13px; }
  body[data-sf-lang="en"] main > section:not(.hero):not(.factory-hero):not([data-sf-page-hero]):not(.sfgeo-contact-hero) { padding-block: 52px; }
  body[data-sf-lang="en"] main h2 { font-size: 28px !important; }
  body[data-sf-lang="en"] main h3[class*="text-4xl"] { font-size: 27px !important; }
  body[data-sf-lang="en"] [data-sf-page-hero] h1 { font-size: 36px !important; }
  body[data-sf-lang="en"] .factory-hero h1 { font-size: 36px !important; }
  .sf-cn-template:not(.sf-cn-home) .sf-cn-hero, .sf-cn-body .factory-hero-pro { min-height: 500px; padding: 126px 20px 54px; }
  .sf-cn-template:not(.sf-cn-home) .sf-cn-hero h1, .sf-cn-body .factory-hero-pro h1 { font-size: 34px !important; }
  .sf-cn-body .factory-section-pro h2 { font-size: 28px !important; }
  body[data-sf-lang="en"] [data-sf-page-hero] > div { padding-inline: 22px !important; }
  .sf-cn-body :is(.sf-cn-section,.sf-cn-visual-band,.sf-cn-media-text,.sf-cn-intent,.sf-cn-rich,.sf-cn-rich-cta,.sf-about,.sf-types-head,.sf-production,.sf-process-head) h2 { font-size: 28px !important; }
  .sf-cn-home :is(.sf-about,.sf-types,.sf-production,.sf-process-wrap) { padding: 52px 20px !important; }
  .sf-cn-home .sf-about-stats strong { font-size: 32px; }
  .sf-cn-home .sf-showcase-grid { grid-template-columns: 1fr; gap: 24px; }
  .sf-cn-home .sf-showcase-copy { padding: 22px !important; }
  .sf-cn-body .sf-products-intro { padding: 120px 20px 34px !important; }
  .sf-cn-body .sf-products-intro h1 { font-size: 36px !important; }
  .sf-cn-body .sf-products-main { padding: 28px 20px 52px !important; }
  .sfgeo-body .sfgeo-hero h1, .sfgeo-cn .sfgeo-hero h1 { font-size: 34px; }
  .sfgeo-index-hub .sfgeo-hero-copy { padding-block: 270px 46px; }
  .sfgeo-body .sfgeo-section { padding-block: 52px; }
  .sfgeo-body :is(.sfgeo-section-head,.sfgeo-answer,.sfgeo-split,.sfgeo-case-split) h2 { font-size: 28px; }
  .sfgeo-body .sfgeo-article-body h2 { font-size: 26px; }
  .sfgeo-contact-page .sfgeo-contact-hero h1 { font-size: 37px !important; }
  body[data-sf-lang="en"] main .sf-en-quote-guide h2 { font-size: 28px !important; }
}
@media (max-width: 380px) {
  .sf-cn-body .sf-cn-header { padding-inline: 12px !important; gap: 6px !important; }
  .sf-cn-body .sf-cn-header .sf-cn-brand { flex-basis: 138px !important; width: 138px !important; }
  .sf-cn-body .sf-cn-header .sf-cn-logo-svg { width: 138px !important; }
  body[data-sf-lang="en"] header > div:first-child { padding-inline: 12px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :is(.reveal,.product-card,.industry-card,.case-card,.sf-showcase,.sfgeo-related-grid a) { transition: none !important; transform: none !important; }
  .reveal { opacity: 1 !important; }
}