.blueprint-hero-copy,
.blueprint-hero-badge,
.blueprint-feature-strip,
.blueprint-products {
  display: none;
}

html[data-theme="softlight"] {
  color-scheme: light;
  --ink: #061b39;
  --ink-2: #102f59;
  --paper: #f4f8fc;
  --white: #fff;
  --muted: #60728b;
  --line: rgba(13, 50, 92, .12);
  --blue: #0d4f91;
  --cyan: #2f78c6;
  --red: #e32622;
  --header-h: 72px;
  --blueprint-navy: #061b39;
  --blueprint-blue: #0d4f91;
  --blueprint-sky: #eaf3ff;
  --blueprint-card: #ffffff;
  --blueprint-red: #e32622;
}

html[data-theme="softlight"] body {
  color: var(--blueprint-navy);
  background:
    radial-gradient(circle at 78% 0, rgba(47, 120, 198, .15), transparent 28vw),
    linear-gradient(180deg, #f7fbff 0%, #edf4fb 100%);
}

html[data-theme="softlight"] .page-noise {
  opacity: .012;
  mix-blend-mode: multiply;
}

html[data-theme="softlight"] .site-header {
  height: var(--header-h);
  color: #0a2445;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid rgba(13, 50, 92, .1);
  box-shadow: 0 10px 30px rgba(10, 38, 72, .06);
  backdrop-filter: blur(16px);
}

html[data-theme="softlight"] .site-header.scrolled {
  height: 64px;
  color: #0a2445;
  background: rgba(255, 255, 255, .9);
  border-color: rgba(13, 50, 92, .12);
}

html[data-theme="softlight"] .brand {
  gap: 10px;
  min-width: 178px;
}

html[data-theme="softlight"] .official-logo {
  width: 42px;
  height: 42px;
}

html[data-theme="softlight"] .brand-name {
  color: #0a2445;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .08em;
}

html[data-theme="softlight"] .stock-ticker {
  color: rgba(10, 36, 69, .56);
}

html[data-theme="softlight"] .stock-ticker.is-up {
  color: var(--blueprint-red);
}

html[data-theme="softlight"] .stock-ticker.is-down {
  color: #0c9a62;
}

html[data-theme="softlight"] .desktop-nav {
  gap: clamp(16px, 1.7vw, 32px);
}

html[data-theme="softlight"] .desktop-nav a {
  color: rgba(6, 27, 57, .82);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .02em;
}

html[data-theme="softlight"] .desktop-nav a::after {
  bottom: -9px;
  height: 2px;
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .desktop-nav a:hover,
html[data-theme="softlight"] .desktop-nav a[aria-current="page"] {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .desktop-nav a[aria-current="page"]::after {
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .desktop-nav-submenu,
html[data-theme="softlight"] .language-panel {
  color: #0a2445;
  background: rgba(255, 255, 255, .98);
  border: 1px solid rgba(13, 50, 92, .12);
  box-shadow: 0 24px 70px rgba(10, 38, 72, .16);
}

html[data-theme="softlight"] .desktop-nav-submenu a,
html[data-theme="softlight"] .language-list button {
  color: rgba(6, 27, 57, .68);
}

html[data-theme="softlight"] .desktop-nav-submenu a::before {
  border-color: var(--blueprint-red);
}

html[data-theme="softlight"] .desktop-nav-submenu a:hover,
html[data-theme="softlight"] .desktop-nav-submenu a:focus-visible,
html[data-theme="softlight"] .desktop-nav-submenu a[aria-current="page"],
html[data-theme="softlight"] .language-list button:hover,
html[data-theme="softlight"] .language-list button.active {
  color: var(--blueprint-blue);
  background: rgba(13, 79, 145, .06);
}

html[data-theme="softlight"] .language-panel-head {
  border-color: rgba(13, 50, 92, .12);
}

html[data-theme="softlight"] .language-panel-head small,
html[data-theme="softlight"] .language-list button.active {
  color: var(--blueprint-red);
}

html[data-theme="softlight"] .language-list button small {
  color: rgba(6, 27, 57, .35);
}

html[data-theme="softlight"] .language-trigger {
  color: rgba(6, 27, 57, .7);
}

html[data-theme="softlight"] .language-trigger:hover {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .hero {
  min-height: clamp(610px, 74svh, 820px);
  color: #fff;
  background: var(--blueprint-navy);
}

html[data-theme="softlight"] .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 18, 40, .92) 0%, rgba(5, 32, 69, .78) 38%, rgba(5, 32, 69, .18) 70%, rgba(5, 32, 69, .34) 100%),
    linear-gradient(0deg, rgba(3, 18, 40, .35), transparent 46%);
}

html[data-theme="softlight"] .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: .35;
  background-image:
    linear-gradient(rgba(255, 255, 255, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .09) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .68), transparent 74%);
}

html[data-theme="softlight"] .hero-media::after {
  background: linear-gradient(180deg, rgba(5, 21, 43, .08), rgba(5, 21, 43, .26) 64%, rgba(5, 21, 43, .54) 100%);
}

html[data-theme="softlight"] .hero-slide img {
  filter: saturate(.85) contrast(1.05) brightness(.82);
}

html[data-theme="softlight"] .blueprint-hero-copy {
  position: absolute;
  z-index: 7;
  top: clamp(132px, 22vh, 198px);
  left: var(--section-x);
  display: block;
  width: min(650px, 58vw);
}

html[data-theme="softlight"] .blueprint-kicker {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, .78);
  font: 800 12px/1 var(--display);
  letter-spacing: .18em;
  text-transform: uppercase;
}

html[data-theme="softlight"] .blueprint-hero-copy h1 {
  margin: 0;
  font: 850 clamp(42px, 5.7vw, 86px)/1.02 var(--display);
  letter-spacing: -.035em;
}

html[data-theme="softlight"] .blueprint-hero-copy h1 span,
html[data-theme="softlight"] .blueprint-hero-copy h1 b {
  display: block;
}

html[data-theme="softlight"] .blueprint-hero-copy h1 b {
  color: var(--blueprint-red);
}

html[data-theme="softlight"] .blueprint-summary {
  max-width: 560px;
  margin: 22px 0 30px;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.85;
}

html[data-theme="softlight"] .blueprint-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

html[data-theme="softlight"] .blueprint-primary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 132px;
  height: 44px;
  padding: 0 5px 0 17px;
  color: #fff;
  background: var(--blueprint-red);
  border-radius: 2px;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 18px 38px rgba(227, 38, 34, .28);
}

html[data-theme="softlight"] .blueprint-primary i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-left: 13px;
  color: var(--blueprint-red);
  background: #fff;
  font-style: normal;
}

html[data-theme="softlight"] .blueprint-play {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .86);
  font-size: 13px;
}

html[data-theme="softlight"] .blueprint-play span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 50%;
  font-size: 11px;
}

html[data-theme="softlight"] .blueprint-hero-badge {
  position: absolute;
  z-index: 7;
  right: var(--section-x);
  bottom: 126px;
  display: grid;
  gap: 10px;
  width: min(260px, 24vw);
  padding: 20px 22px;
  color: #fff;
  background: rgba(6, 27, 57, .72);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 3px;
  box-shadow: 0 24px 60px rgba(4, 18, 39, .24);
  backdrop-filter: blur(12px);
}

html[data-theme="softlight"] .blueprint-hero-badge span,
html[data-theme="softlight"] .blueprint-hero-badge small {
  color: rgba(255, 255, 255, .62);
  font: 800 9px/1 var(--display);
  letter-spacing: .16em;
}

html[data-theme="softlight"] .blueprint-hero-badge b {
  color: #fff;
  font: 850 38px/.92 var(--display);
}

html[data-theme="softlight"] .hero-carousel-controls {
  top: auto;
  right: var(--section-x);
  bottom: 42px;
  z-index: 8;
  color: #fff;
  background: rgba(6, 27, 57, .58);
  border-color: rgba(255, 255, 255, .22);
}

html[data-theme="softlight"] .hero-carousel-dots button.is-active::after {
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .hero-rail,
html[data-theme="softlight"] .scroll-cue {
  display: none;
}

html[data-theme="softlight"] .hero-footer {
  z-index: 7;
  left: var(--section-x);
  right: auto;
  bottom: 30px;
  width: min(760px, calc(100vw - var(--section-x) * 2 - 280px));
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  gap: 0;
  color: var(--blueprint-navy);
  background: rgba(255, 255, 255, .94);
  border-radius: 3px;
  box-shadow: 0 22px 55px rgba(6, 27, 57, .2);
  overflow: hidden;
}

html[data-theme="softlight"] .hero-footer div {
  padding: 16px 18px;
  border-top: 0;
  border-right: 1px solid rgba(13, 50, 92, .1);
}

html[data-theme="softlight"] .hero-footer div:last-child {
  border-right: 0;
}

html[data-theme="softlight"] .hero-footer span {
  color: var(--blueprint-blue);
  font-size: 26px;
  font-weight: 850;
}

html[data-theme="softlight"] .hero-footer small {
  color: rgba(6, 27, 57, .62);
}

html[data-theme="softlight"] .blueprint-feature-strip {
  position: relative;
  z-index: 9;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  margin: -18px var(--section-x) 0;
  color: var(--blueprint-navy);
  background: #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 4px;
  box-shadow: 0 20px 60px rgba(10, 38, 72, .1);
  overflow: hidden;
}

html[data-theme="softlight"] .blueprint-feature-strip article {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 4px 14px;
  align-items: center;
  min-height: 92px;
  padding: 18px 20px;
  border-right: 1px solid rgba(13, 50, 92, .08);
}

html[data-theme="softlight"] .blueprint-feature-strip article:last-child {
  border-right: 0;
}

html[data-theme="softlight"] .blueprint-strip-icon {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: var(--blueprint-blue);
  border: 1px solid rgba(13, 79, 145, .18);
  border-radius: 50%;
  background: #f5f9ff;
  font-size: 18px;
  font-weight: 800;
}

html[data-theme="softlight"] .blueprint-feature-strip b {
  font-size: 14px;
  font-weight: 800;
}

html[data-theme="softlight"] .blueprint-feature-strip small {
  color: rgba(6, 27, 57, .58);
  font-size: 11px;
  line-height: 1.45;
}

html[data-theme="softlight"] .blueprint-products {
  display: block;
  padding: 72px var(--section-x) 96px;
  color: var(--blueprint-navy);
  background:
    radial-gradient(circle at 92% 14%, rgba(47, 120, 198, .1), transparent 25vw),
    #f6faff;
}

html[data-theme="softlight"] .blueprint-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}

html[data-theme="softlight"] .blueprint-section-head p {
  margin: 0 0 6px;
  color: var(--blueprint-blue);
  font-weight: 850;
}

html[data-theme="softlight"] .blueprint-section-head h2 {
  margin: 0;
  color: rgba(6, 27, 57, .48);
  font: 850 12px/1 var(--display);
  letter-spacing: .16em;
}

html[data-theme="softlight"] .blueprint-section-head a {
  color: var(--blueprint-blue);
  font-size: 12px;
  font-weight: 750;
}

html[data-theme="softlight"] .blueprint-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

html[data-theme="softlight"] .blueprint-product-card {
  min-height: 194px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 4px;
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

html[data-theme="softlight"] .blueprint-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(13, 79, 145, .28);
  box-shadow: 0 24px 58px rgba(10, 38, 72, .12);
}

html[data-theme="softlight"] .blueprint-product-card img {
  width: 100%;
  height: 132px;
  object-fit: cover;
  background: #e5edf7;
  filter: saturate(.86) contrast(1.03);
}

html[data-theme="softlight"] .blueprint-product-card div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 0 14px;
}

html[data-theme="softlight"] .blueprint-product-card b {
  font-size: 13px;
  font-weight: 800;
}

html[data-theme="softlight"] .blueprint-product-card span {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .section-light,
html[data-theme="softlight"] .section-paper,
html[data-theme="softlight"] .section-dark,
html[data-theme="softlight"] .section-ink,
html[data-theme="softlight"] .module-page-main {
  color: var(--blueprint-navy);
  background:
    radial-gradient(circle at 84% 8%, rgba(47, 120, 198, .09), transparent 24vw),
    linear-gradient(180deg, #f7fbff 0%, #eef5fc 100%);
}

html[data-theme="softlight"] .section-dark,
html[data-theme="softlight"] .section-ink {
  color: var(--blueprint-navy);
}

html[data-theme="softlight"] .display-title {
  color: var(--blueprint-navy);
  font-weight: 850;
  letter-spacing: -.03em;
}

html[data-theme="softlight"] .overline,
html[data-theme="softlight"] .section-dark .overline,
html[data-theme="softlight"] .section-ink .overline,
html[data-theme="softlight"] .country-code,
html[data-theme="softlight"] .global-detail-address {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .intro-copy p,
html[data-theme="softlight"] .official-copy p,
html[data-theme="softlight"] .innovation-intro,
html[data-theme="softlight"] .manufacturing-copy > p:not(.overline),
html[data-theme="softlight"] .global-detail-card p,
html[data-theme="softlight"] .news-card p,
html[data-theme="softlight"] .job-card p,
html[data-theme="softlight"] .hr-subhead p,
html[data-theme="softlight"] .hr-join-hero p,
html[data-theme="softlight"] .hr-responsibility-hero p,
html[data-theme="softlight"] .hr-policy-grid p,
html[data-theme="softlight"] .hr-honor-card > p,
html[data-theme="softlight"] .hr-founder p,
html[data-theme="softlight"] .sustainability-copy p,
html[data-theme="softlight"] .technology-capability-panel p,
html[data-theme="softlight"] .technology-organization-panel p,
html[data-theme="softlight"] .technology-content-grid p,
html[data-theme="softlight"] .technology-programs p,
html[data-theme="softlight"] .technology-outlook p,
html[data-theme="softlight"] .laboratory-system-card p {
  color: rgba(6, 27, 57, .66);
}

html[data-theme="softlight"] .intro-copy .lead,
html[data-theme="softlight"] .official-copy .lead,
html[data-theme="softlight"] .country-name h3,
html[data-theme="softlight"] .news-card h3,
html[data-theme="softlight"] .job-card h3,
html[data-theme="softlight"] .hr-join-hero h2,
html[data-theme="softlight"] .hr-responsibility-hero h2,
html[data-theme="softlight"] .technology-capability-panel h2,
html[data-theme="softlight"] .technology-organization-panel h2,
html[data-theme="softlight"] .technology-content-grid h2,
html[data-theme="softlight"] .technology-programs h2,
html[data-theme="softlight"] .technology-outlook h2,
html[data-theme="softlight"] .laboratory-system-card h2,
html[data-theme="softlight"] .laboratory-capability-band h2 {
  color: var(--blueprint-navy);
}

html[data-theme="softlight"] .material-strip,
html[data-theme="softlight"] .global-detail-grid,
html[data-theme="softlight"] .news-grid,
html[data-theme="softlight"] .hr-position-grid,
html[data-theme="softlight"] .hr-pillar-grid,
html[data-theme="softlight"] .manufacturing-evidence-grid,
html[data-theme="softlight"] .about-principles-grid,
html[data-theme="softlight"] .technology-capability-grid,
html[data-theme="softlight"] .technology-content-grid {
  gap: 16px;
  background: transparent;
  border: 0;
}

html[data-theme="softlight"] :is(.material-card, .global-detail-card, .news-card, .job-card, .job-filter-bar, .hr-pillar-card, .hr-founder, .hr-apply-band, .hr-responsibility-hero, .hr-policy-grid article, .hr-honor-card, .principle-card, .coverage-panel, .evidence-card, .innovation-detail, .about-customer-band, .sustainability-facts div, .official-facts span, .matrix-column, .technology-capability-panel, .technology-organization-panel, .technology-content-grid article, .technology-programs, .technology-outlook, .laboratory-system-card, .laboratory-network-card, .laboratory-capability-band) {
  color: var(--blueprint-navy);
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
}

html[data-theme="softlight"] :is(.material-card, .global-detail-card, .news-card, .job-card, .hr-pillar-card, .principle-card, .coverage-panel, .evidence-card, .innovation-detail):hover {
  border-color: rgba(13, 79, 145, .28);
  transform: translateY(-4px);
  box-shadow: 0 24px 58px rgba(10, 38, 72, .12);
}

html[data-theme="softlight"] .material-number,
html[data-theme="softlight"] .job-card-head small,
html[data-theme="softlight"] .news-card-date,
html[data-theme="softlight"] .country-name small,
html[data-theme="softlight"] .global-detail-card span,
html[data-theme="softlight"] .hr-honor-card summary small,
html[data-theme="softlight"] .about-fact-grid small {
  color: rgba(6, 27, 57, .45);
}

html[data-theme="softlight"] .material-visual,
html[data-theme="softlight"] .official-media,
html[data-theme="softlight"] .manufacturing-media,
html[data-theme="softlight"] .news-card-media,
html[data-theme="softlight"] .hr-join-hero figure,
html[data-theme="softlight"] .hr-responsibility-hero figure,
html[data-theme="softlight"] .hr-apply-band figure,
html[data-theme="softlight"] .laboratory-hero-media,
html[data-theme="softlight"] .research-page-hero figure {
  background: #e7eff8;
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(10, 38, 72, .09);
}

html[data-theme="softlight"] :is(.material-visual, .official-media, .manufacturing-media, .news-card-media, .hr-join-hero figure, .hr-responsibility-hero figure, .hr-apply-band figure, .laboratory-hero-media, .research-page-hero figure) img {
  filter: saturate(.88) contrast(1.02);
}

html[data-theme="softlight"] .about-fact-grid {
  gap: 14px;
  margin-top: 60px;
  border: 0;
}

html[data-theme="softlight"] .about-fact-grid > div {
  min-height: 118px;
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 16px 42px rgba(10, 38, 72, .06);
}

html[data-theme="softlight"] .about-fact-grid strong,
html[data-theme="softlight"] .metric-row strong,
html[data-theme="softlight"] .sustainability-facts span,
html[data-theme="softlight"] .job-card-head span,
html[data-theme="softlight"] .job-filter-count,
html[data-theme="softlight"] .hr-policy-title span,
html[data-theme="softlight"] .hr-ethics-section span,
html[data-theme="softlight"] .hr-honors-head span,
html[data-theme="softlight"] .hr-honor-card summary span,
html[data-theme="softlight"] .technology-capability-panel > span,
html[data-theme="softlight"] .technology-content-grid article > span,
html[data-theme="softlight"] .technology-programs > span,
html[data-theme="softlight"] .technology-outlook > span,
html[data-theme="softlight"] .laboratory-capability-band span {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .product-blueprint {
  border-color: rgba(13, 79, 145, .18);
  background-color: #08396e;
  background-image:
    linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    radial-gradient(circle at 62% 42%, rgba(255, 255, 255, .18), transparent 34%);
}

html[data-theme="softlight"] .product-reference {
  opacity: .36;
  filter: saturate(.86) contrast(1.04);
}

html[data-theme="softlight"] .ring {
  border-color: rgba(255, 255, 255, .28);
}

html[data-theme="softlight"] .cockpit-line {
  border-color: rgba(255, 255, 255, .92);
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, .18));
}

html[data-theme="softlight"] .product-tabs {
  background: #fff;
  border-color: rgba(13, 50, 92, .1);
  box-shadow: 0 16px 42px rgba(10, 38, 72, .06);
}

html[data-theme="softlight"] .product-tabs button {
  color: rgba(6, 27, 57, .62);
  border-color: rgba(13, 50, 92, .08);
  background: transparent;
}

html[data-theme="softlight"] .product-tabs button.active,
html[data-theme="softlight"] .product-tabs button:hover {
  color: var(--blueprint-blue);
  background: #eef6ff;
}

html[data-theme="softlight"] .process-line {
  margin-top: 58px;
  border-color: rgba(13, 50, 92, .12);
}

html[data-theme="softlight"] .process-line div {
  color: rgba(6, 27, 57, .68);
}

html[data-theme="softlight"] .process-line span {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .country-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

html[data-theme="softlight"] .country-row {
  grid-template-columns: 112px 1fr;
  gap: 18px 26px;
  align-items: start;
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
}

html[data-theme="softlight"] .country-row::before {
  width: 3px;
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .country-row:hover {
  background: #fff;
}

html[data-theme="softlight"] .country-row ul {
  grid-column: 1 / -1;
  gap: 8px;
}

html[data-theme="softlight"] .country-row li {
  color: rgba(6, 27, 57, .72);
  background: #f5f9ff;
  border-color: rgba(13, 50, 92, .1);
  border-radius: 3px;
}

html[data-theme="softlight"] .country-row li:hover {
  color: var(--blueprint-blue);
  border-color: rgba(13, 79, 145, .25);
  background: #eef6ff;
}

html[data-theme="softlight"] .global-copy {
  max-width: 720px;
}

html[data-theme="softlight"] .global-section::before {
  content: "";
  position: absolute;
  inset: 120px var(--section-x) auto auto;
  width: min(520px, 40vw);
  height: 260px;
  pointer-events: none;
  opacity: .18;
  background: url("/assets/official/world-map.png?v=20260831-world-map-lossless-v1") center/contain no-repeat;
}

html[data-theme="softlight"] .primary-cta,
html[data-theme="softlight"] .news-card-arrow,
html[data-theme="softlight"] .hr-subnav button.active::after {
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .primary-cta:hover {
  box-shadow: 0 16px 34px rgba(227, 38, 34, .22);
}

html[data-theme="softlight"] .text-link,
html[data-theme="softlight"] .news-card-arrow {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .news-card-category,
html[data-theme="softlight"] .dialog-meta span {
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .news-card-arrow {
  color: #fff;
}

html[data-theme="softlight"] .hr-subnav {
  color: rgba(6, 27, 57, .66);
  background: rgba(255, 255, 255, .92);
  border-color: rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 16px 42px rgba(10, 38, 72, .06);
}

html[data-theme="softlight"] .hr-subnav button {
  color: inherit;
  border-color: rgba(13, 50, 92, .08);
}

html[data-theme="softlight"] .hr-subnav button:hover,
html[data-theme="softlight"] .hr-subnav button.active {
  color: var(--blueprint-blue);
  background: #eef6ff;
}

html[data-theme="softlight"] .hr-ethics-section {
  color: var(--blueprint-navy);
  background:
    linear-gradient(135deg, rgba(13, 79, 145, .1), transparent 48%),
    #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
}

html[data-theme="softlight"] .sustainability-orbit {
  background: #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
}

html[data-theme="softlight"] .orbit-core {
  color: var(--blueprint-navy);
  background: #fff;
  box-shadow: 0 18px 44px rgba(10, 38, 72, .12);
}

html[data-theme="softlight"] .orbit-core span {
  color: var(--blueprint-red);
}

html[data-theme="softlight"] .news-dialog,
html[data-theme="softlight"] .system-dialog {
  color: var(--blueprint-navy);
  background: #fff;
  border-color: rgba(13, 50, 92, .14);
}

html[data-theme="softlight"] .dialog-close {
  color: #fff;
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .site-footer {
  color: #d8e4f0;
  background: #061b39;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

html[data-theme="softlight"] .footer-links a {
  color: rgba(216, 228, 240, .68);
}

html[data-theme="softlight"] .footer-links a:hover {
  color: #fff;
}

html[data-theme="softlight"] a:focus-visible,
html[data-theme="softlight"] button:focus-visible,
html[data-theme="softlight"] input:focus-visible,
html[data-theme="softlight"] select:focus-visible,
html[data-theme="softlight"] textarea:focus-visible {
  outline-color: var(--blueprint-red);
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-feature-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  html[data-theme="softlight"] .blueprint-feature-strip article:nth-child(3) {
    border-right: 0;
  }

  html[data-theme="softlight"] .blueprint-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  html[data-theme="softlight"] .hero-footer {
    width: min(660px, calc(100vw - var(--section-x) * 2));
  }

  html[data-theme="softlight"] .blueprint-hero-badge {
    display: none;
  }
}

@media (max-width: 900px) {
  html[data-theme="softlight"] .mobile-menu {
    color: var(--blueprint-navy);
    background: #fff;
    border-left: 1px solid rgba(13, 50, 92, .08);
    box-shadow: -18px 0 46px rgba(10, 38, 72, .06);
  }

  html[data-theme="softlight"] .mobile-menu nav a {
    color: var(--blueprint-navy);
    border-color: rgba(13, 50, 92, .1);
  }

  html[data-theme="softlight"] .mobile-menu nav a::before,
  html[data-theme="softlight"] .mobile-menu nav a[aria-current="page"],
  html[data-theme="softlight"] .mobile-menu nav .mobile-nav-parent .nav-caret,
  html[data-theme="softlight"] .mobile-menu nav .mobile-nav-submenu a::before,
  html[data-theme="softlight"] .mobile-menu nav .mobile-nav-submenu a[aria-current="page"] {
    color: var(--blueprint-red);
    border-color: var(--blueprint-red);
  }

  html[data-theme="softlight"] .blueprint-hero-copy {
    width: min(620px, calc(100vw - var(--section-x) * 2));
  }

  html[data-theme="softlight"] .hero-footer {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    bottom: 24px;
  }

  html[data-theme="softlight"] .blueprint-feature-strip,
  html[data-theme="softlight"] .country-list {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-feature-strip article {
    border-right: 0;
    border-bottom: 1px solid rgba(13, 50, 92, .08);
  }

  html[data-theme="softlight"] .blueprint-feature-strip article:last-child {
    border-bottom: 0;
  }

  html[data-theme="softlight"] .blueprint-product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .site-header {
    height: 66px;
  }

  html[data-theme="softlight"] .official-logo {
    width: 38px;
    height: 38px;
  }

  html[data-theme="softlight"] .brand-name {
    font-size: 15px;
  }

  html[data-theme="softlight"] .hero {
    min-height: 720px;
  }

  html[data-theme="softlight"] .hero::before {
    background: linear-gradient(90deg, rgba(3, 18, 40, .9), rgba(3, 18, 40, .58));
  }

  html[data-theme="softlight"] .blueprint-hero-copy {
    top: 118px;
    left: 20px;
    right: 20px;
    width: auto;
  }

  html[data-theme="softlight"] .blueprint-hero-copy h1 {
    font-size: clamp(38px, 13vw, 60px);
  }

  html[data-theme="softlight"] .blueprint-summary {
    font-size: 13px;
  }

  html[data-theme="softlight"] .blueprint-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  html[data-theme="softlight"] .hero-carousel-controls {
    display: none;
  }

  html[data-theme="softlight"] .hero-footer {
    left: 20px;
    right: 20px;
    width: auto;
  }

  html[data-theme="softlight"] .hero-footer div {
    padding: 13px 12px;
  }

  html[data-theme="softlight"] .blueprint-feature-strip {
    margin: 0 20px;
  }

  html[data-theme="softlight"] .blueprint-products {
    padding: 58px 20px 76px;
  }

  html[data-theme="softlight"] .blueprint-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  html[data-theme="softlight"] .blueprint-product-grid {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .country-row {
    grid-template-columns: 82px 1fr;
    padding: 20px;
  }
}

.blueprint-about-design {
  display: none;
}

html[data-theme="softlight"] #about.intro {
  min-height: calc(100svh - var(--header-h));
  padding: 0;
  background:
    radial-gradient(circle at 82% 12%, rgba(47, 120, 198, .13), transparent 28vw),
    linear-gradient(180deg, #f7fbff 0%, #eef5fc 100%);
}

html[data-theme="softlight"] #about > :not(.blueprint-about-design) {
  display: none;
}

html[data-theme="softlight"] .blueprint-about-design {
  display: block;
  padding: calc(var(--header-h) + 38px) var(--section-x) 90px;
  color: var(--blueprint-navy);
}

html[data-theme="softlight"] .blueprint-about-hero {
  display: grid;
  grid-template-columns: minmax(360px, .92fr) minmax(520px, 1.08fr);
  align-items: stretch;
  min-height: 410px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 22px 60px rgba(10, 38, 72, .08);
}

html[data-theme="softlight"] .blueprint-about-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px, 5.2vw, 70px);
}

html[data-theme="softlight"] .blueprint-page-kicker {
  margin: 0 0 12px;
  color: var(--blueprint-blue);
  font: 850 14px/1 var(--display);
  letter-spacing: .02em;
}

html[data-theme="softlight"] .blueprint-about-copy h1 {
  margin: 0;
  color: var(--blueprint-navy);
  font: 850 clamp(34px, 4.2vw, 58px)/1.05 var(--display);
  letter-spacing: -.035em;
}

html[data-theme="softlight"] .blueprint-about-copy p:not(.blueprint-page-kicker) {
  max-width: 620px;
  margin: 18px 0 0;
  color: rgba(6, 27, 57, .7);
  font-size: 14px;
  line-height: 1.9;
}

html[data-theme="softlight"] .blueprint-about-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(92px, 1fr));
  gap: clamp(20px, 2.8vw, 42px);
  margin-top: clamp(34px, 4.8vw, 58px);
}

html[data-theme="softlight"] .blueprint-about-stats div {
  min-width: 0;
}

html[data-theme="softlight"] .blueprint-about-stats strong {
  display: block;
  color: var(--blueprint-blue);
  font: 850 clamp(26px, 3.1vw, 42px)/1 var(--display);
  letter-spacing: -.035em;
}

html[data-theme="softlight"] .blueprint-about-stats span {
  display: block;
  margin-top: 10px;
  color: rgba(6, 27, 57, .64);
  font-size: 12px;
  font-weight: 650;
}

html[data-theme="softlight"] .blueprint-about-media {
  position: relative;
  min-height: 410px;
  margin: 0;
  overflow: hidden;
  background: linear-gradient(135deg, #d9e9f8, #f6fbff);
}

html[data-theme="softlight"] .blueprint-about-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .2), transparent 32%),
    linear-gradient(0deg, rgba(6, 27, 57, .12), transparent 48%);
}

html[data-theme="softlight"] .blueprint-about-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.9) contrast(1.02);
}

html[data-theme="softlight"] .blueprint-about-history {
  margin-top: 42px;
  padding: 34px 0 0;
}

html[data-theme="softlight"] .blueprint-about-history h2 {
  margin: 0 0 34px;
  color: var(--blueprint-navy);
  font: 850 22px/1.1 var(--display);
}

html[data-theme="softlight"] .blueprint-about-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  min-height: 136px;
}

html[data-theme="softlight"] .blueprint-about-timeline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  height: 2px;
  background: #1d4e89;
  opacity: .86;
}

html[data-theme="softlight"] .blueprint-about-timeline article {
  position: relative;
  padding-top: 78px;
}

html[data-theme="softlight"] .blueprint-about-timeline article::before {
  content: "";
  position: absolute;
  left: 0;
  top: 43px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--blueprint-blue);
  border: 4px solid #f5faff;
  box-shadow: 0 0 0 1px rgba(13, 79, 145, .22);
}

html[data-theme="softlight"] .blueprint-about-timeline article:last-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 44px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #1d4e89;
  border-right: 2px solid #1d4e89;
  transform: rotate(45deg);
}

html[data-theme="softlight"] .blueprint-about-timeline b {
  display: block;
  color: var(--blueprint-blue);
  font: 850 18px/1 var(--display);
}

html[data-theme="softlight"] .blueprint-about-timeline span {
  display: block;
  margin-top: 10px;
  color: rgba(6, 27, 57, .64);
  font-size: 12px;
  font-weight: 650;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-about-hero {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-about-media {
    min-height: 320px;
  }

  html[data-theme="softlight"] .blueprint-about-timeline {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px 18px;
  }

  html[data-theme="softlight"] .blueprint-about-timeline::before,
  html[data-theme="softlight"] .blueprint-about-timeline article:last-child::after {
    display: none;
  }

  html[data-theme="softlight"] .blueprint-about-timeline article {
    min-height: 112px;
    padding: 24px;
    background: #fff;
    border: 1px solid rgba(13, 50, 92, .1);
    border-radius: 5px;
    box-shadow: 0 14px 36px rgba(10, 38, 72, .06);
  }

  html[data-theme="softlight"] .blueprint-about-timeline article::before {
    left: 24px;
    top: -8px;
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .blueprint-about-design {
    padding: calc(var(--header-h) + 26px) 20px 72px;
  }

  html[data-theme="softlight"] .blueprint-about-copy {
    padding: 32px 24px 36px;
  }

  html[data-theme="softlight"] .blueprint-about-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 18px;
  }

  html[data-theme="softlight"] .blueprint-about-media {
    min-height: 250px;
  }

  html[data-theme="softlight"] .blueprint-about-history {
    margin-top: 30px;
  }

  html[data-theme="softlight"] .blueprint-about-timeline {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}


/* Blueprint about page: use the factory photo as the hero background image. */
html[data-theme="softlight"] .blueprint-about-hero {
  position: relative;
  display: block;
  min-height: clamp(430px, 45vw, 560px);
  isolation: isolate;
}

html[data-theme="softlight"] .blueprint-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .98) 34%, rgba(255, 255, 255, .78) 58%, rgba(255, 255, 255, .18) 100%),
    linear-gradient(0deg, rgba(6, 27, 57, .12), transparent 48%);
}

html[data-theme="softlight"] .blueprint-about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(13, 79, 145, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 79, 145, .07) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .62), transparent 80%);
}

html[data-theme="softlight"] .blueprint-about-copy {
  position: relative;
  z-index: 2;
  width: min(58%, 690px);
  min-height: inherit;
}

html[data-theme="softlight"] .blueprint-about-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-about-media::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .18), transparent 32%),
    linear-gradient(0deg, rgba(6, 27, 57, .14), transparent 52%);
}

html[data-theme="softlight"] .blueprint-about-media img {
  object-position: center right;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-about-hero {
    min-height: 520px;
  }

  html[data-theme="softlight"] .blueprint-about-hero::before {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .82)),
      linear-gradient(0deg, rgba(6, 27, 57, .14), transparent 52%);
  }

  html[data-theme="softlight"] .blueprint-about-copy {
    width: 100%;
    max-width: 720px;
    min-height: 520px;
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .blueprint-about-hero {
    min-height: 620px;
  }

  html[data-theme="softlight"] .blueprint-about-copy {
    min-height: 620px;
  }

  html[data-theme="softlight"] .blueprint-about-hero::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .9) 66%, rgba(255, 255, 255, .76) 100%),
      linear-gradient(0deg, rgba(6, 27, 57, .14), transparent 52%);
  }
}

html[data-theme="softlight"] .blueprint-about-customers {
  position: relative;
  margin-top: 42px;
  padding: clamp(30px, 4vw, 48px);
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(246, 251, 255, .94)),
    linear-gradient(90deg, rgba(13, 79, 145, .08), transparent 46%);
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 22px 60px rgba(10, 38, 72, .08);
}

html[data-theme="softlight"] .blueprint-about-customers::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(13, 79, 145, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 79, 145, .07) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .9), transparent 82%);
}

html[data-theme="softlight"] .blueprint-about-section-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(150px, .34fr) minmax(220px, .36fr) minmax(280px, .7fr);
  align-items: end;
  gap: 18px 28px;
  margin-bottom: 26px;
}

html[data-theme="softlight"] .blueprint-about-section-head > span {
  color: var(--blueprint-red);
  font: 850 12px/1 var(--display);
  letter-spacing: .14em;
}

html[data-theme="softlight"] .blueprint-about-section-head h2 {
  margin: 0;
  color: var(--blueprint-navy);
  font: 850 clamp(24px, 3vw, 36px)/1.05 var(--display);
  letter-spacing: -.03em;
}

html[data-theme="softlight"] .blueprint-about-section-head p {
  max-width: 640px;
  margin: 0;
  color: rgba(6, 27, 57, .66);
  font-size: 13px;
  line-height: 1.8;
}

html[data-theme="softlight"] .blueprint-about-customer-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

html[data-theme="softlight"] .customer-cloud {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

html[data-theme="softlight"] .blueprint-customer-card {
  display: flex;
  min-height: 86px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 16px 12px;
  color: var(--blueprint-navy);
  text-align: center;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(13, 79, 145, .13);
  border-radius: 4px;
  box-shadow: 0 12px 28px rgba(10, 38, 72, .05);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

html[data-theme="softlight"] .blueprint-customer-card:hover {
  transform: translateY(-3px);
  background: #fff;
  border-color: rgba(13, 79, 145, .34);
  box-shadow: 0 18px 36px rgba(10, 38, 72, .1);
}

html[data-theme="softlight"] .blueprint-customer-mark {
  display: inline-flex;
  min-width: 54px;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  color: #fff;
  background: linear-gradient(135deg, var(--blueprint-blue), #123f78);
  border-radius: 999px;
  font: 850 11px/1 var(--display);
  letter-spacing: .03em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-icon {
  display: block;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  padding: 0;
  color: var(--blueprint-navy);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  fill: currentColor;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-icon > path {
  fill: currentColor;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-icon--wide {
  flex-basis: 54px;
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  color: var(--blueprint-navy);
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-icon--wide g {
  stroke: currentColor;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-image {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/shacman-mark.png?v=20260831-shacman-mark-v1') center / contain no-repeat;
  mask: url('/assets/official/shacman-mark.png?v=20260831-shacman-mark-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-chery {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/chery-logo.svg?v=20260831-chery-v3') center / contain no-repeat;
  mask: url('/assets/official/chery-logo.svg?v=20260831-chery-v3') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-sinotruk {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/sinotruk-logo.svg?v=20260831-sinotruk-v2') center / contain no-repeat;
  mask: url('/assets/official/sinotruk-logo.svg?v=20260831-sinotruk-v2') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-li-auto {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/li-auto-logo.svg?v=20260831-li-auto-v1') center / contain no-repeat;
  mask: url('/assets/official/li-auto-logo.svg?v=20260831-li-auto-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-saic {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/saic-logo.svg?v=20260831-saic-v2') center / contain no-repeat;
  mask: url('/assets/official/saic-logo.svg?v=20260831-saic-v2') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-faw-jiefang {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/faw-jiefang-logo.svg?v=20260831-faw-jiefang-v1') center / contain no-repeat;
  mask: url('/assets/official/faw-jiefang-logo.svg?v=20260831-faw-jiefang-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-volkswagen {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/volkswagen-logo.svg?v=20260831-volkswagen-v1') center / contain no-repeat;
  mask: url('/assets/official/volkswagen-logo.svg?v=20260831-volkswagen-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-gac {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/gac-logo-fixed.svg?v=20260831-gac-v2') center / contain no-repeat;
  mask: url('/assets/official/gac-logo-fixed.svg?v=20260831-gac-v2') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-byd {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/byd-logo.svg?v=20260831-byd-v1') center / contain no-repeat;
  mask: url('/assets/official/byd-logo.svg?v=20260831-byd-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-nio {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/nio-logo.svg?v=20260831-nio-v1') center / contain no-repeat;
  mask: url('/assets/official/nio-logo.svg?v=20260831-nio-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-xiaomi {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/xiaomi-logo.svg?v=20260831-xiaomi-v2') center / contain no-repeat;
  mask: url('/assets/official/xiaomi-logo.svg?v=20260831-xiaomi-v2') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-ford {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/ford-logo.svg?v=20260831-ford-v1') center / contain no-repeat;
  mask: url('/assets/official/ford-logo.svg?v=20260831-ford-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-great-wall {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/great-wall-logo.svg?v=20260831-great-wall-v1') center / contain no-repeat;
  mask: url('/assets/official/great-wall-logo.svg?v=20260831-great-wall-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-audi {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/audi-logo.svg?v=20260831-audi-v1') center / contain no-repeat;
  mask: url('/assets/official/audi-logo.svg?v=20260831-audi-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-volvo {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/volvo-logo.svg?v=20260831-volvo-v1') center / contain no-repeat;
  mask: url('/assets/official/volvo-logo.svg?v=20260831-volvo-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-bmw {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/bmw-logo.svg?v=20260831-bmw-v1') center / contain no-repeat;
  mask: url('/assets/official/bmw-logo.svg?v=20260831-bmw-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-mercedes {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/mercedes-logo.svg?v=20260831-mercedes-v1') center / contain no-repeat;
  mask: url('/assets/official/mercedes-logo.svg?v=20260831-mercedes-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-geely {
  background-color: currentColor;
  -webkit-mask: url('/assets/official/geely-logo.svg?v=20260831-geely-v1') center / contain no-repeat;
  mask: url('/assets/official/geely-logo.svg?v=20260831-geely-v1') center / contain no-repeat;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-logo-image {
  display: block;
  flex: 0 0 54px;
  width: 148px;
  height: 54px;
  min-width: 148px;
  min-height: 54px;
  padding: 0;
  color: transparent;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(1494%) hue-rotate(176deg) brightness(88%) contrast(103%);
}

/* Optical sizing: source logos use different viewBox whitespace, so scale the
   rendered mark without changing the shared 54px layout slot. */
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-icon {
  transform-origin: center;
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-icon[src] {
  filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(1494%) hue-rotate(176deg) brightness(88%) contrast(103%);
}

html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-image { transform: scale(.92); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-chery { transform: scale(1.42); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-li-auto { transform: scale(1.72); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-saic { transform: scale(1.02); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-faw-jiefang { transform: scale(1.06); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-volkswagen { transform: scale(.94); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-gac { transform: scale(1.24); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-byd { transform: scale(3.5); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-nio { transform: scale(.82); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-xiaomi { transform: scale(1.02); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-ford { transform: scale(1.72); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-great-wall { transform: scale(1.24); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-audi { transform: scale(2.25); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-volvo { transform: scale(1.02); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-bmw { transform: scale(1.08); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-mercedes { transform: scale(1.02); }
html[data-theme="softlight"] .blueprint-customer-mark.customer-mark-geely { transform: scale(2.05); }

html[data-theme="softlight"] .blueprint-customer-name {
  color: rgba(6, 27, 57, .82);
  font-size: 13px;
  font-weight: 750;
}

@media (max-width: 1100px) {
  html[data-theme="softlight"] .blueprint-about-customer-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .customer-cloud {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html[data-theme="softlight"] .blueprint-about-section-head {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 10px;
  }

  html[data-theme="softlight"] .blueprint-about-customer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .customer-cloud {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  html[data-theme="softlight"] .blueprint-about-customers {
    margin-top: 28px;
    padding: 24px 18px;
  }

  html[data-theme="softlight"] .blueprint-about-customer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  html[data-theme="softlight"] .customer-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .blueprint-customer-card {
    min-height: 78px;
    padding: 14px 8px;
  }
}


/* Blueprint about page: keep the factory photo as a full background and place the copy on the right. */
html[data-theme="softlight"] .blueprint-about-hero {
  position: relative;
  display: block;
  min-height: clamp(450px, 45vw, 580px);
  overflow: hidden;
  background: #fff;
  isolation: isolate;
}

html[data-theme="softlight"] .blueprint-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .12) 34%, rgba(255, 255, 255, .7) 58%, #fff 100%),
    linear-gradient(0deg, rgba(6, 27, 57, .14), transparent 52%);
}

html[data-theme="softlight"] .blueprint-about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(rgba(13, 79, 145, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 79, 145, .07) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .28) 42%, #000 68%, rgba(0, 0, 0, .6) 100%);
}

html[data-theme="softlight"] .blueprint-about-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-about-media::after {
  background:
    linear-gradient(90deg, rgba(6, 27, 57, .1), rgba(255, 255, 255, .1) 45%, rgba(255, 255, 255, .46) 78%, rgba(255, 255, 255, .76) 100%),
    linear-gradient(0deg, rgba(6, 27, 57, .16), transparent 52%);
}

html[data-theme="softlight"] .blueprint-about-media img {
  object-position: center left;
}

html[data-theme="softlight"] .blueprint-about-copy {
  position: relative;
  z-index: 2;
  width: min(49%, 640px);
  max-width: none;
  min-height: inherit;
  margin-left: auto;
  padding: clamp(42px, 5vw, 72px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(246, 251, 255, .58)),
    linear-gradient(180deg, rgba(13, 79, 145, .06), transparent 54%);
  backdrop-filter: blur(2px);
}

html[data-theme="softlight"] .blueprint-about-copy p:not(.blueprint-page-kicker) {
  max-width: 560px;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-about-hero {
    min-height: 560px;
  }

  html[data-theme="softlight"] .blueprint-about-hero::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .86) 58%, #fff 100%),
      linear-gradient(0deg, rgba(6, 27, 57, .12), transparent 52%);
  }

  html[data-theme="softlight"] .blueprint-about-hero::after {
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .62) 52%, transparent 100%);
  }

  html[data-theme="softlight"] .blueprint-about-copy {
    width: 100%;
    max-width: none;
    min-height: 560px;
    margin-left: 0;
    justify-content: flex-end;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .92) 62%, #fff 100%);
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .blueprint-about-hero {
    min-height: 620px;
  }

  html[data-theme="softlight"] .blueprint-about-copy {
    min-height: 620px;
    padding: 32px 24px 36px;
  }
}

/* Blueprint scroll reveal: add depth and staggered content entrance while scrolling. */
html[data-theme="softlight"] .reveal {
  transform: translateY(34px);
  filter: blur(10px);
  transition:
    opacity .82s ease,
    transform .82s cubic-bezier(.18, .72, .12, 1),
    filter .82s ease;
  will-change: opacity, transform, filter;
}

html[data-theme="softlight"] .reveal.visible {
  opacity: 1;
  transform: none;
  filter: blur(0);
}

html[data-theme="softlight"] .blueprint-about-history.reveal,
html[data-theme="softlight"] .blueprint-about-customers.reveal {
  transition-delay: 0s;
}

html[data-theme="softlight"] .blueprint-about-history h2,
html[data-theme="softlight"] .blueprint-about-timeline article,
html[data-theme="softlight"] .blueprint-about-section-head > *,
html[data-theme="softlight"] .blueprint-customer-card {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  filter: blur(8px);
  transition:
    opacity .68s ease,
    transform .68s cubic-bezier(.18, .72, .12, 1),
    filter .68s ease;
  will-change: opacity, transform, filter;
}

html[data-theme="softlight"] .blueprint-about-history.visible h2,
html[data-theme="softlight"] .blueprint-about-history.visible .blueprint-about-timeline article,
html[data-theme="softlight"] .blueprint-about-customers.visible .blueprint-about-section-head > *,
html[data-theme="softlight"] .blueprint-about-customers.visible .blueprint-customer-card {
  opacity: 1;
  transform: none;
  filter: blur(0);
}

html[data-theme="softlight"] .blueprint-about-history.visible h2,
html[data-theme="softlight"] .blueprint-about-customers.visible .blueprint-about-section-head > span {
  transition-delay: .06s;
}

html[data-theme="softlight"] .blueprint-about-timeline article:nth-child(1),
html[data-theme="softlight"] .blueprint-about-customers.visible .blueprint-about-section-head h2 {
  transition-delay: .12s;
}

html[data-theme="softlight"] .blueprint-about-timeline article:nth-child(2),
html[data-theme="softlight"] .blueprint-about-customers.visible .blueprint-about-section-head p {
  transition-delay: .18s;
}

html[data-theme="softlight"] .blueprint-about-timeline article:nth-child(3) { transition-delay: .24s; }
html[data-theme="softlight"] .blueprint-about-timeline article:nth-child(4) { transition-delay: .30s; }
html[data-theme="softlight"] .blueprint-about-timeline article:nth-child(5) { transition-delay: .36s; }

html[data-theme="softlight"] .blueprint-customer-card:nth-child(1) { transition-delay: .14s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(2) { transition-delay: .18s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(3) { transition-delay: .22s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(4) { transition-delay: .26s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(5) { transition-delay: .30s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(6) { transition-delay: .34s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(7) { transition-delay: .38s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(8) { transition-delay: .42s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(9) { transition-delay: .46s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(10) { transition-delay: .50s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(11) { transition-delay: .54s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(12) { transition-delay: .58s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(13) { transition-delay: .62s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(14) { transition-delay: .66s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(15) { transition-delay: .70s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(16) { transition-delay: .74s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(17) { transition-delay: .78s; }
html[data-theme="softlight"] .blueprint-customer-card:nth-child(18) { transition-delay: .82s; }

@media (prefers-reduced-motion: reduce) {
  html[data-theme="softlight"] .reveal,
  html[data-theme="softlight"] .blueprint-about-history h2,
  html[data-theme="softlight"] .blueprint-about-timeline article,
  html[data-theme="softlight"] .blueprint-about-section-head > *,
  html[data-theme="softlight"] .blueprint-customer-card {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

/* Blueprint design-board restoration: white card system matching the supplied visual board. */
html[data-theme="softlight"] {
  --header-h: 64px;
  --section-x: clamp(28px, 5vw, 78px);
  --blueprint-page-bg: #f3f7fb;
  --blueprint-panel: #ffffff;
  --blueprint-panel-soft: #f8fbff;
  --blueprint-line: rgba(15, 45, 82, .1);
  --blueprint-shadow: 0 18px 48px rgba(13, 45, 82, .08);
  --blueprint-radius: 8px;
}

html[data-theme="softlight"] body {
  background:
    radial-gradient(circle at 82% 4%, rgba(40, 118, 205, .12), transparent 28vw),
    linear-gradient(180deg, #f8fbff 0%, var(--blueprint-page-bg) 100%);
  font-size: 14px;
}

html[data-theme="softlight"] .page-noise {
  display: none;
}

html[data-theme="softlight"] .site-header,
html[data-theme="softlight"] .site-header.scrolled {
  height: var(--header-h);
  padding: 0 clamp(26px, 4vw, 62px);
  color: var(--blueprint-navy);
  background: rgba(255, 255, 255, .97);
  border-bottom: 1px solid var(--blueprint-line);
  box-shadow: 0 8px 28px rgba(13, 45, 82, .07);
  backdrop-filter: blur(18px);
}

html[data-theme="softlight"] .official-logo {
  width: 38px;
  height: 38px;
}

html[data-theme="softlight"] .brand {
  min-width: 176px;
}

html[data-theme="softlight"] .brand-name {
  font-size: 15px;
  font-weight: 850;
  letter-spacing: .06em;
}

html[data-theme="softlight"] .stock-ticker {
  margin-top: 5px;
  font-size: 9.5px;
}

html[data-theme="softlight"] .desktop-nav {
  gap: clamp(16px, 2vw, 30px);
}

html[data-theme="softlight"] .desktop-nav a {
  color: rgba(6, 27, 57, .78);
  font-size: 11px;
  font-weight: 750;
}

html[data-theme="softlight"] .desktop-nav a::after {
  bottom: -8px;
  height: 2px;
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .header-actions {
  min-width: 198px;
}

html[data-theme="softlight"] .language-trigger {
  color: rgba(6, 27, 57, .72);
  font-size: 11px;
  letter-spacing: .08em;
}

html[data-theme="softlight"] .hero {
  min-height: clamp(500px, 62svh, 650px);
  margin-top: 0;
  overflow: hidden;
  background: #09264d;
}

html[data-theme="softlight"] .hero::before {
  background:
    linear-gradient(90deg, rgba(4, 20, 43, .94) 0%, rgba(4, 28, 61, .8) 38%, rgba(4, 28, 61, .18) 74%, rgba(4, 28, 61, .42) 100%),
    linear-gradient(0deg, rgba(4, 20, 43, .44), transparent 50%);
}

html[data-theme="softlight"] .blueprint-hero-copy {
  top: clamp(122px, 18vh, 168px);
  width: min(590px, 52vw);
}

html[data-theme="softlight"] .blueprint-kicker {
  margin-bottom: 14px;
  font-size: 11px;
  letter-spacing: .13em;
}

html[data-theme="softlight"] .blueprint-hero-copy h1 {
  font-size: clamp(40px, 4.8vw, 66px);
  line-height: 1.06;
}

html[data-theme="softlight"] .blueprint-summary {
  max-width: 520px;
  margin: 16px 0 24px;
  font-size: 14px;
  line-height: 1.8;
}

html[data-theme="softlight"] .blueprint-primary {
  height: 40px;
  min-width: 122px;
  border-radius: 3px;
  box-shadow: 0 14px 30px rgba(227, 38, 34, .25);
}

html[data-theme="softlight"] .blueprint-primary i {
  width: 28px;
  height: 28px;
  border-radius: 2px;
}

html[data-theme="softlight"] .blueprint-play span {
  width: 39px;
  height: 39px;
}

html[data-theme="softlight"] .hero-footer,
html[data-theme="softlight"] .blueprint-hero-badge {
  display: none;
}

html[data-theme="softlight"] .blueprint-feature-strip {
  margin: 0;
  padding: 0 var(--section-x);
  color: #fff;
  background: #07346c;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-feature-strip article {
  min-height: 86px;
  border-right: 1px solid rgba(255, 255, 255, .13);
}

html[data-theme="softlight"] .blueprint-feature-strip article:last-child {
  border-right: 0;
}

html[data-theme="softlight"] .blueprint-strip-icon {
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .22);
}

html[data-theme="softlight"] .blueprint-feature-strip b {
  color: #fff;
}

html[data-theme="softlight"] .blueprint-feature-strip small {
  color: rgba(255, 255, 255, .62);
}

html[data-theme="softlight"] .blueprint-products,
html[data-theme="softlight"] .module-page-main,
html[data-theme="softlight"] .section-light,
html[data-theme="softlight"] .section-paper,
html[data-theme="softlight"] .section-dark,
html[data-theme="softlight"] .section-ink {
  background:
    radial-gradient(circle at 84% 8%, rgba(47, 120, 198, .08), transparent 24vw),
    linear-gradient(180deg, #f8fbff 0%, #f3f7fb 100%);
}

html[data-theme="softlight"] .blueprint-products {
  padding: 54px var(--section-x) 66px;
}

html[data-theme="softlight"] .blueprint-section-head {
  margin-bottom: 20px;
}

html[data-theme="softlight"] .blueprint-section-head p,
html[data-theme="softlight"] .blueprint-page-kicker,
html[data-theme="softlight"] .overline {
  color: var(--blueprint-blue);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .02em;
}

html[data-theme="softlight"] .blueprint-section-head h2 {
  color: rgba(6, 27, 57, .5);
  font-size: 11px;
}

html[data-theme="softlight"] .blueprint-product-grid {
  gap: 16px;
}

html[data-theme="softlight"] .blueprint-product-card,
html[data-theme="softlight"] :is(.material-card, .global-detail-card, .news-card, .job-card, .job-filter-bar, .hr-pillar-card, .hr-founder, .hr-apply-band, .hr-responsibility-hero, .hr-policy-grid article, .hr-honor-card, .principle-card, .coverage-panel, .evidence-card, .innovation-detail, .about-customer-band, .sustainability-facts div, .official-facts span, .matrix-column, .technology-capability-panel, .technology-organization-panel, .technology-content-grid article, .technology-programs, .technology-outlook, .laboratory-system-card, .laboratory-network-card, .laboratory-capability-band) {
  background: var(--blueprint-panel);
  border: 1px solid var(--blueprint-line);
  border-radius: var(--blueprint-radius);
  box-shadow: var(--blueprint-shadow);
}

html[data-theme="softlight"] .blueprint-product-card img {
  height: 128px;
  background: #eef4fb;
}

html[data-theme="softlight"] .blueprint-product-card div {
  min-height: 54px;
}

html[data-theme="softlight"] #about.intro {
  min-height: auto;
  background: #f3f7fb;
}

html[data-theme="softlight"] .blueprint-about-design {
  max-width: 1440px;
  margin: 0 auto;
  padding: calc(var(--header-h) + 30px) clamp(24px, 4.4vw, 64px) 72px;
}

html[data-theme="softlight"] .blueprint-about-hero {
  display: grid;
  grid-template-columns: minmax(360px, .92fr) minmax(460px, 1.08fr);
  min-height: 420px;
  overflow: hidden;
  background: linear-gradient(90deg, #fff 0%, #fff 46%, #e9f3ff 100%);
  border: 1px solid var(--blueprint-line);
  border-radius: var(--blueprint-radius);
  box-shadow: var(--blueprint-shadow);
}

html[data-theme="softlight"] .blueprint-about-hero::before {
  z-index: 1;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .92) 44%, rgba(255, 255, 255, .1) 70%, transparent 100%);
}

html[data-theme="softlight"] .blueprint-about-hero::after {
  opacity: .18;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .58), transparent 68%);
}

html[data-theme="softlight"] .blueprint-about-copy {
  grid-column: 1;
  grid-row: 1;
  width: auto;
  min-height: 420px;
  margin-left: 0;
  padding: clamp(36px, 4.8vw, 64px);
  background: transparent;
  backdrop-filter: none;
}

html[data-theme="softlight"] .blueprint-about-copy h1 {
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
}

html[data-theme="softlight"] .blueprint-about-copy p:not(.blueprint-page-kicker) {
  max-width: 520px;
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.86;
}

html[data-theme="softlight"] .blueprint-about-media {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1;
  min-height: 420px;
  margin: 0;
  background: #dcecf9;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-about-media::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .2), transparent 28%), linear-gradient(0deg, rgba(6, 27, 57, .08), transparent 58%);
}

html[data-theme="softlight"] .blueprint-about-media img {
  object-position: center right;
}

html[data-theme="softlight"] .blueprint-about-stats {
  gap: 18px;
  margin-top: 34px;
}

html[data-theme="softlight"] .blueprint-about-stats strong {
  font-size: clamp(24px, 2.4vw, 34px);
}

/* Keep the wide employee metric from crowding the production-site metric. */
@media (min-width: 621px) {
  html[data-theme="softlight"] .blueprint-about-stats > div:nth-child(3) {
    margin-left: clamp(18px, 2vw, 30px);
  }
}

html[data-theme="softlight"] .blueprint-about-history {
  margin-top: 28px;
  padding: 28px 30px 32px;
  background: #fff;
  border: 1px solid var(--blueprint-line);
  border-radius: var(--blueprint-radius);
  box-shadow: var(--blueprint-shadow);
}

html[data-theme="softlight"] .blueprint-about-history h2,
html[data-theme="softlight"] .blueprint-about-culture h2 {
  margin: 0 0 26px;
  font-size: 19px;
  line-height: 1.15;
}

html[data-theme="softlight"] .blueprint-about-timeline::before {
  top: 42px;
  height: 1px;
  background: rgba(13, 79, 145, .5);
}

html[data-theme="softlight"] .blueprint-about-timeline article {
  padding-top: 66px;
}

html[data-theme="softlight"] .blueprint-about-timeline article::before {
  top: 35px;
  width: 13px;
  height: 13px;
  border-width: 3px;
}

html[data-theme="softlight"] .blueprint-about-timeline article:last-child::after {
  top: 36px;
}

html[data-theme="softlight"] .blueprint-about-culture {
  margin-top: 28px;
  padding: 30px;
  background: #fff;
  border: 1px solid var(--blueprint-line);
  border-radius: var(--blueprint-radius);
  box-shadow: var(--blueprint-shadow);
}

html[data-theme="softlight"] .blueprint-about-culture-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

html[data-theme="softlight"] .blueprint-about-culture-grid article {
  min-height: 132px;
  padding: 22px;
  background: #f8fbff;
  border: 1px solid rgba(13, 79, 145, .12);
  border-radius: 7px;
}

html[data-theme="softlight"] .blueprint-about-culture-grid span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--blueprint-blue);
  border: 1px solid rgba(13, 79, 145, .18);
  border-radius: 50%;
  background: #fff;
  font-weight: 850;
}

html[data-theme="softlight"] .blueprint-about-culture-grid h3 {
  margin: 18px 0 8px;
  font-size: 16px;
}

html[data-theme="softlight"] .blueprint-about-culture-grid p {
  margin: 0;
  color: rgba(6, 27, 57, .62);
  font-size: 12px;
  line-height: 1.75;
}

html[data-theme="softlight"] .blueprint-about-customers {
  margin-top: 28px;
  border-radius: var(--blueprint-radius);
}

html[data-theme="softlight"] .blueprint-about-section-head {
  grid-template-columns: minmax(130px, .26fr) minmax(180px, .3fr) minmax(260px, .7fr);
}

html[data-theme="softlight"] .blueprint-customer-card {
  min-height: 78px;
  border-radius: 7px;
}

html[data-theme="softlight"] .global-section {
  padding-top: 72px;
  padding-bottom: 78px;
}

html[data-theme="softlight"] .country-row,
html[data-theme="softlight"] .about-fact-grid > div {
  border-radius: var(--blueprint-radius);
  box-shadow: var(--blueprint-shadow);
}

html[data-theme="softlight"] .site-footer {
  margin-top: 0;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-about-hero {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-about-copy,
  html[data-theme="softlight"] .blueprint-about-media {
    grid-column: 1;
  }

  html[data-theme="softlight"] .blueprint-about-copy {
    grid-row: 1;
    min-height: auto;
    padding: 34px 28px;
  }

  html[data-theme="softlight"] .blueprint-about-media {
    grid-row: 2;
    min-height: 310px;
  }

  html[data-theme="softlight"] .blueprint-about-hero::before,
  html[data-theme="softlight"] .blueprint-about-hero::after {
    display: none;
  }

  html[data-theme="softlight"] .blueprint-about-culture-grid,
  html[data-theme="softlight"] .blueprint-about-customer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] {
    --header-h: 62px;
  }

  html[data-theme="softlight"] .site-header,
  html[data-theme="softlight"] .site-header.scrolled {
    height: var(--header-h);
    padding: 0 18px;
  }

  html[data-theme="softlight"] .brand {
    min-width: 0;
  }

  html[data-theme="softlight"] .hero {
    min-height: 640px;
  }

  html[data-theme="softlight"] .blueprint-hero-copy {
    top: 110px;
  }

  html[data-theme="softlight"] .blueprint-feature-strip {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }

  html[data-theme="softlight"] .blueprint-feature-strip article {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
  }

  html[data-theme="softlight"] .blueprint-about-design {
    padding: calc(var(--header-h) + 22px) 18px 58px;
  }

  html[data-theme="softlight"] .blueprint-about-stats,
  html[data-theme="softlight"] .blueprint-about-culture-grid,
  html[data-theme="softlight"] .blueprint-about-customer-grid {
    grid-template-columns: 1fr 1fr;
  }

  html[data-theme="softlight"] .blueprint-about-history,
  html[data-theme="softlight"] .blueprint-about-culture,
  html[data-theme="softlight"] .blueprint-about-customers {
    padding: 24px 18px;
  }
}


/* Blueprint global footprint map */
.blueprint-global-map {
  display: none;
}

html[data-theme="softlight"] .global-section::before {
  display: none;
}

html[data-theme="softlight"] .blueprint-global-map {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(260px, .35fr) minmax(520px, .65fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: stretch;
  margin: 34px 0 24px;
  padding: clamp(24px, 3.8vw, 42px);
  overflow: hidden;
  color: var(--blueprint-navy);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .94)),
    radial-gradient(circle at 78% 18%, rgba(47, 120, 198, .16), transparent 30vw);
  border: 1px solid var(--blueprint-line);
  border-radius: var(--blueprint-radius);
  box-shadow: var(--blueprint-shadow);
}

html[data-theme="softlight"] .blueprint-global-map::before {
  content: "";
  position: absolute;
  inset: 16px;
  pointer-events: none;
  border: 1px solid rgba(13, 79, 145, .06);
  border-radius: calc(var(--blueprint-radius) - 2px);
}

html[data-theme="softlight"] .blueprint-map-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
  padding: 8px 0;
}

html[data-theme="softlight"] .blueprint-map-copy > span {
  color: var(--blueprint-blue);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .16em;
}

html[data-theme="softlight"] .blueprint-map-copy h3 {
  margin: 14px 0 16px;
  color: var(--blueprint-navy);
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.08;
}

html[data-theme="softlight"] .blueprint-map-copy p {
  max-width: 360px;
  margin: 0;
  color: rgba(6, 27, 57, .66);
  font-size: 13px;
  line-height: 1.86;
}

html[data-theme="softlight"] .blueprint-map-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
}

html[data-theme="softlight"] .blueprint-map-stats div {
  min-height: 82px;
  padding: 16px 14px;
  background: #f7fbff;
  border: 1px solid rgba(13, 79, 145, .1);
  border-radius: 7px;
}

html[data-theme="softlight"] .blueprint-map-stats strong {
  display: block;
  color: var(--blueprint-red);
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1;
}

html[data-theme="softlight"] .blueprint-map-stats small {
  display: block;
  margin-top: 8px;
  color: rgba(6, 27, 57, .58);
  font-size: 11px;
  line-height: 1.35;
}

html[data-theme="softlight"] .blueprint-map-stage {
  position: relative;
  z-index: 2;
  min-height: 390px;
  overflow: hidden;
  background:
    linear-gradient(rgba(13, 79, 145, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 79, 145, .05) 1px, transparent 1px),
    radial-gradient(circle at 70% 42%, rgba(47, 120, 198, .14), transparent 24vw),
    #f5f9ff;
  background-size: 42px 42px, 42px 42px, auto, auto;
  border: 1px solid rgba(13, 79, 145, .1);
  border-radius: 8px;
}

html[data-theme="softlight"] .blueprint-map-stage img {
  position: absolute;
  inset: 8% 3% 8% 3%;
  width: 94%;
  height: 84%;
  object-fit: contain;
  opacity: .72;
  filter: saturate(1.08) contrast(1.04) drop-shadow(0 18px 34px rgba(13, 45, 82, .08));
}

html[data-theme="softlight"] .blueprint-map-routes {
  display: none;
  position: absolute;
  inset: 16% 7% 13% 7%;
  width: 86%;
  height: 71%;
  overflow: visible;
  pointer-events: none;
}

html[data-theme="softlight"] .blueprint-map-routes path {
  fill: none;
  stroke: none;
  stroke-width: 0;
  stroke-linecap: round;
  stroke-dasharray: none;
  filter: none;
}

html[data-theme="softlight"] .blueprint-map-marker {
  --x: 50%;
  --y: 50%;
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transform: translate(-8px, -8px);
  color: var(--blueprint-navy);
  white-space: nowrap;
}

html[data-theme="softlight"] .blueprint-map-marker > i {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background: var(--blueprint-red);
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(227, 38, 34, .12), 0 8px 18px rgba(227, 38, 34, .24);
}

html[data-theme="softlight"] .blueprint-map-marker > i::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(227, 38, 34, .32);
  border-radius: 50%;
  animation: blueprintMapPulse 2.4s ease-out infinite;
}

html[data-theme="softlight"] .blueprint-map-marker > span {
  padding: 7px 9px;
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(13, 79, 145, .12);
  border-radius: 6px;
  box-shadow: 0 10px 24px rgba(13, 45, 82, .08);
  backdrop-filter: blur(10px);
}

html[data-theme="softlight"] .blueprint-map-marker b {
  display: block;
  font-size: 11px;
  line-height: 1.2;
}

html[data-theme="softlight"] .blueprint-map-marker small {
  display: block;
  margin-top: 2px;
  color: rgba(6, 27, 57, .56);
  font-size: 9px;
  line-height: 1.2;
}

html[data-theme="softlight"] .marker-cn { --x: 72%; --y: 49%; }
html[data-theme="softlight"] .marker-us { --x: 21%; --y: 42%; }
html[data-theme="softlight"] .marker-mx { --x: 18%; --y: 57%; }
html[data-theme="softlight"] .marker-de { --x: 50%; --y: 38%; }
html[data-theme="softlight"] .marker-sk { --x: 53%; --y: 41%; }

html[data-theme="softlight"] .blueprint-map-hub {
  position: absolute;
  right: 22px;
  bottom: 18px;
  z-index: 3;
  padding: 12px 14px;
  color: #fff;
  background: #07346c;
  border-radius: 6px;
  box-shadow: 0 14px 28px rgba(7, 52, 108, .18);
}

html[data-theme="softlight"] .blueprint-map-hub b,
html[data-theme="softlight"] .blueprint-map-hub span {
  display: block;
}

html[data-theme="softlight"] .blueprint-map-hub b {
  font-size: 13px;
}

html[data-theme="softlight"] .blueprint-map-hub span {
  margin-top: 3px;
  color: rgba(255, 255, 255, .58);
  font-size: 9px;
  letter-spacing: .08em;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list {
  margin-top: 24px;
}

@keyframes blueprintMapPulse {
  0% { opacity: .85; transform: scale(.62); }
  100% { opacity: 0; transform: scale(1.55); }
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-global-map {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-map-copy {
    min-height: auto;
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .blueprint-global-map {
    margin-top: 24px;
    padding: 18px;
  }

  html[data-theme="softlight"] .blueprint-map-stats {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-map-stage {
    min-height: 310px;
  }

  html[data-theme="softlight"] .blueprint-map-marker > span {
    display: none;
  }

  html[data-theme="softlight"] .blueprint-map-hub {
    right: 14px;
    bottom: 14px;
  }
}

/* Blueprint global map: align to supplied design board with a wide map canvas. */
html[data-theme="softlight"] .global-section {
  position: relative;
  padding-top: 74px;
  background:
    radial-gradient(circle at 74% 30%, rgba(46, 116, 198, .11), transparent 30vw),
    linear-gradient(180deg, #f8fbff 0%, #eef5fc 100%);
}

html[data-theme="softlight"] .global-copy {
  max-width: none;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

html[data-theme="softlight"] .global-copy .display-title {
  max-width: 520px;
  color: var(--blueprint-navy);
  font-size: clamp(30px, 3.8vw, 54px);
}

html[data-theme="softlight"] .blueprint-global-map {
  display: block;
  min-height: clamp(430px, 43vw, 610px);
  margin: 26px 0 30px;
  padding: 0;
  overflow: hidden;
  color: var(--blueprint-navy);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 251, 255, .96)),
    radial-gradient(circle at 64% 42%, rgba(13, 79, 145, .12), transparent 34vw);
  border: 1px solid rgba(13, 79, 145, .1);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(13, 45, 82, .08);
}

html[data-theme="softlight"] .blueprint-global-map::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .82) 28%, rgba(255, 255, 255, .2) 55%, rgba(255, 255, 255, .72) 100%),
    linear-gradient(rgba(13, 79, 145, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 79, 145, .045) 1px, transparent 1px);
  background-size: auto, 54px 54px, 54px 54px;
}

html[data-theme="softlight"] .blueprint-global-map::after {
  content: "GLOBAL FOOTPRINT";
  position: absolute;
  right: clamp(22px, 3.2vw, 46px);
  top: clamp(20px, 3vw, 42px);
  z-index: 4;
  color: rgba(13, 79, 145, .11);
  font-size: clamp(26px, 4.4vw, 68px);
  font-weight: 850;
  letter-spacing: .06em;
  pointer-events: none;
}

html[data-theme="softlight"] .blueprint-map-copy {
  position: absolute;
  left: clamp(24px, 4.2vw, 58px);
  top: clamp(26px, 4vw, 56px);
  z-index: 5;
  width: min(360px, 35vw);
  min-height: auto;
  padding: 0;
  display: block;
}

html[data-theme="softlight"] .blueprint-map-copy > span {
  color: var(--blueprint-red);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .18em;
}

html[data-theme="softlight"] .blueprint-map-copy h3 {
  margin: 12px 0 14px;
  color: var(--blueprint-navy);
  font-size: clamp(24px, 2.8vw, 40px);
  line-height: 1.08;
}

html[data-theme="softlight"] .blueprint-map-copy p {
  max-width: 330px;
  color: rgba(6, 27, 57, .64);
  font-size: 13px;
  line-height: 1.8;
}

html[data-theme="softlight"] .blueprint-map-stats {
  width: min(520px, 43vw);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(24px, 3vw, 42px);
  border: 1px solid rgba(13, 79, 145, .12);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 14px 34px rgba(13, 45, 82, .08);
  backdrop-filter: blur(12px);
}

html[data-theme="softlight"] .blueprint-map-stats div {
  min-height: 74px;
  padding: 15px 16px;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(13, 79, 145, .1);
  border-radius: 0;
}

html[data-theme="softlight"] .blueprint-map-stats div:last-child {
  border-right: 0;
}

html[data-theme="softlight"] .blueprint-map-stats strong {
  color: var(--blueprint-blue);
  font-size: clamp(22px, 2.4vw, 36px);
  font-weight: 850;
}

html[data-theme="softlight"] .blueprint-map-stats small {
  color: rgba(6, 27, 57, .58);
  font-size: 11px;
}

html[data-theme="softlight"] .blueprint-map-stage {
  position: absolute;
  inset: 0;
  z-index: 2;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
}

html[data-theme="softlight"] .blueprint-map-stage img {
  position: absolute;
  left: 13%;
  top: 8%;
  width: 82%;
  height: 82%;
  object-fit: contain;
  opacity: .56;
  filter: sepia(1) saturate(2.2) hue-rotate(171deg) brightness(1.04) contrast(.98) drop-shadow(0 22px 38px rgba(13, 45, 82, .08));
  mix-blend-mode: multiply;
}

html[data-theme="softlight"] .blueprint-map-routes {
  inset: 11% 6% 16% 14%;
  width: 80%;
  height: 73%;
  z-index: 3;
}

html[data-theme="softlight"] .blueprint-map-routes path {
  stroke: none;
  stroke-width: 0;
  stroke-dasharray: none;
}

html[data-theme="softlight"] .blueprint-map-marker {
  z-index: 4;
  gap: 7px;
  transform: translate(-7px, -7px);
}

html[data-theme="softlight"] .blueprint-map-marker > i {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
  background: var(--blueprint-red);
  border: 3px solid #fff;
  box-shadow: 0 0 0 8px rgba(227, 38, 34, .1), 0 8px 18px rgba(227, 38, 34, .24);
}

html[data-theme="softlight"] .blueprint-map-marker > span {
  padding: 6px 10px;
  background: rgba(255, 255, 255, .9);
  border-color: rgba(13, 79, 145, .14);
  border-radius: 4px;
  box-shadow: 0 12px 28px rgba(13, 45, 82, .1);
}

html[data-theme="softlight"] .blueprint-map-marker b {
  font-size: 11px;
}

html[data-theme="softlight"] .blueprint-map-marker small {
  font-size: 9px;
}

html[data-theme="softlight"] .marker-cn { --x: 74%; --y: 48%; }
html[data-theme="softlight"] .marker-us { --x: 28%; --y: 43%; }
html[data-theme="softlight"] .marker-mx { --x: 24%; --y: 57%; }
html[data-theme="softlight"] .marker-de { --x: 54%; --y: 39%; }
html[data-theme="softlight"] .marker-sk { --x: 57%; --y: 41%; }

html[data-theme="softlight"] .blueprint-map-hub {
  right: clamp(22px, 3vw, 42px);
  bottom: clamp(20px, 2.8vw, 38px);
  z-index: 5;
  background: var(--blueprint-red);
  border-radius: 4px;
  box-shadow: 0 18px 36px rgba(227, 38, 34, .2);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list {
  margin-top: 26px;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-global-map {
    min-height: 620px;
  }

  html[data-theme="softlight"] .blueprint-map-copy {
    width: auto;
    right: 24px;
  }

  html[data-theme="softlight"] .blueprint-map-stage {
    inset: 180px 0 0;
  }

  html[data-theme="softlight"] .blueprint-map-stage img {
    left: 4%;
    width: 92%;
  }

  html[data-theme="softlight"] .blueprint-map-stats {
    width: min(560px, 100%);
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .global-copy {
    display: block;
  }

  html[data-theme="softlight"] .blueprint-global-map {
    min-height: 560px;
    margin-top: 22px;
  }

  html[data-theme="softlight"] .blueprint-map-copy {
    left: 20px;
    right: 20px;
    top: 24px;
  }

  html[data-theme="softlight"] .blueprint-map-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .blueprint-map-stats div {
    min-height: 66px;
    padding: 12px 10px;
  }

  html[data-theme="softlight"] .blueprint-map-stage {
    inset: 220px 0 0;
  }

  html[data-theme="softlight"] .blueprint-map-marker > span {
    display: none;
  }
}

/* Blueprint reference global layout: map, plant cards and KPI strip matching the supplied design. */
html[data-theme="softlight"] .global-section {
  min-height: calc(100svh - var(--header-h));
  padding: calc(var(--header-h) + 28px) clamp(30px, 4vw, 58px) 28px;
  background:
    radial-gradient(circle at 82% 28%, rgba(100, 165, 242, .22), transparent 34vw),
    linear-gradient(180deg, #f5f9ff 0%, #eaf3ff 100%);
}

html[data-theme="softlight"] .global-copy {
  display: none;
}

html[data-theme="softlight"] .blueprint-global-map {
  display: flex;
  flex-direction: column;
  min-height: auto;
  margin: 0 auto;
  padding: 0;
  max-width: 1920px;
  color: #071f4a;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

html[data-theme="softlight"] .blueprint-global-map::before,
html[data-theme="softlight"] .blueprint-global-map::after {
  display: none;
}

html[data-theme="softlight"] .blueprint-map-copy {
  position: absolute;
  left: clamp(34px, 4.5vw, 78px);
  top: clamp(20px, 3vw, 48px);
  z-index: 8;
  width: min(520px, 42vw);
}

html[data-theme="softlight"] .blueprint-map-copy > span {
  display: none;
}

html[data-theme="softlight"] .blueprint-map-copy h3 {
  margin: 0 0 12px;
  color: #09275d;
  font-size: clamp(36px, 4.1vw, 64px);
  font-weight: 850;
  letter-spacing: .02em;
  line-height: 1.06;
}

html[data-theme="softlight"] .blueprint-map-copy p {
  max-width: 620px;
  color: #12376d;
  font-size: clamp(14px, 1.1vw, 18px);
  font-weight: 650;
  line-height: 1.55;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading {
  position: relative;
  left: auto;
  top: auto;
  z-index: 8;
  width: min(760px, 100%);
  margin: 0 0 18px;
  padding: 0 clamp(2px, .5vw, 8px);
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading h3 {
  margin-bottom: 10px;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading p {
  max-width: 680px;
}

html[data-theme="softlight"] .blueprint-map-stage {
  position: relative;
  z-index: 2;
  height: clamp(500px, 47vw, 690px);
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 49% 42%, rgba(255, 255, 255, .78), transparent 28vw),
    radial-gradient(circle at 80% 30%, rgba(91, 159, 243, .2), transparent 24vw),
    linear-gradient(180deg, rgba(241, 247, 255, .36), rgba(231, 241, 255, .66));
  border: 0;
  border-radius: 0;
}

html[data-theme="softlight"] .blueprint-map-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 60%, rgba(255, 255, 255, .8) 0 2px, transparent 3px),
    radial-gradient(circle at 36% 26%, rgba(255, 255, 255, .82) 0 2px, transparent 3px),
    radial-gradient(circle at 60% 18%, rgba(255, 255, 255, .85) 0 2px, transparent 3px),
    radial-gradient(circle at 89% 45%, rgba(255, 255, 255, .85) 0 2px, transparent 3px),
    linear-gradient(116deg, transparent 0 32%, rgba(255, 255, 255, .35) 33%, transparent 45%),
    linear-gradient(153deg, transparent 0 40%, rgba(255, 255, 255, .28) 41%, transparent 55%);
}

html[data-theme="softlight"] .blueprint-map-stage img {
  position: absolute;
  left: 4.2%;
  top: 9.5%;
  z-index: 2;
  width: 91.5%;
  height: 73%;
  object-fit: contain;
  opacity: .78;
  filter: sepia(1) saturate(2.5) hue-rotate(176deg) brightness(1.18) contrast(.94) drop-shadow(0 16px 32px rgba(40, 111, 202, .18));
  mix-blend-mode: multiply;
}

html[data-theme="softlight"] .blueprint-map-routes {
  position: absolute;
  inset: 13% 5% 20% 5%;
  z-index: 3;
  width: 90%;
  height: 67%;
  pointer-events: none;
}

html[data-theme="softlight"] .blueprint-map-routes path {
  fill: none;
  stroke: none;
  stroke-width: 0;
  stroke-linecap: round;
  stroke-dasharray: none;
  filter: none;
}

html[data-theme="softlight"] .blueprint-map-marker {
  --x: 50%;
  --y: 50%;
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transform: translate(-18px, -34px);
  color: #071f4a;
  white-space: nowrap;
}

html[data-theme="softlight"] .blueprint-map-marker > i {
  position: relative;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  background: #df1d16;
  border: 0;
  border-radius: 50% 50% 50% 0;
  box-shadow: 0 12px 22px rgba(223, 29, 22, .32), 0 0 0 9px rgba(255, 255, 255, .7);
  transform: rotate(-45deg);
}

html[data-theme="softlight"] .blueprint-map-marker > i::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}

html[data-theme="softlight"] .blueprint-map-marker > i::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(223, 29, 22, .28);
  border-radius: 50%;
  animation: blueprintMapPulse 2.6s ease-out infinite;
}

html[data-theme="softlight"] .blueprint-map-marker > span {
  padding: 10px 18px 11px;
  min-width: 126px;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(162, 189, 229, .5);
  border-radius: 7px;
  box-shadow: 0 14px 30px rgba(25, 68, 131, .16);
  backdrop-filter: blur(12px);
}

html[data-theme="softlight"] .blueprint-map-marker b {
  display: block;
  color: #071f4a;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
}

html[data-theme="softlight"] .blueprint-map-marker small {
  display: block;
  margin-top: 6px;
  color: rgba(7, 31, 74, .68);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

html[data-theme="softlight"] .marker-us { --x: 23.5%; --y: 42%; }
html[data-theme="softlight"] .marker-mx { --x: 25%; --y: 56%; }
html[data-theme="softlight"] .marker-de { --x: 53%; --y: 27%; }
html[data-theme="softlight"] .marker-sk { --x: 59%; --y: 39%; }
html[data-theme="softlight"] .marker-cn { --x: 74%; --y: 48%; }

html[data-theme="softlight"] .blueprint-map-hub {
  display: none;
}

html[data-theme="softlight"] .blueprint-factory-strip {
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: -26px 0 0;
}

html[data-theme="softlight"] .blueprint-factory-card {
  overflow: hidden;
  min-width: 0;
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(162, 189, 229, .44);
  border-radius: 7px;
  box-shadow: 0 15px 34px rgba(25, 68, 131, .13);
  backdrop-filter: blur(14px);
}

html[data-theme="softlight"] .blueprint-factory-card figure {
  position: relative;
  height: 96px;
  margin: 0;
  overflow: hidden;
  background: #d7e7fa;
}

html[data-theme="softlight"] .blueprint-factory-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.03) contrast(.98);
}

html[data-theme="softlight"] .blueprint-factory-card figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 61, 126, 0), rgba(13, 61, 126, .1));
}

html[data-theme="softlight"] .blueprint-factory-card figure span {
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 2;
  font-size: 18px;
  filter: none;
}

html[data-theme="softlight"] .blueprint-factory-card div {
  padding: 14px 14px 15px;
}

html[data-theme="softlight"] .blueprint-factory-card h3 {
  margin: 0;
  color: #071f4a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

html[data-theme="softlight"] .blueprint-factory-card p {
  margin: 10px 0 0;
  color: rgba(7, 31, 74, .66);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list {
  display: none;
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .global-section {
    padding: calc(var(--header-h) + 22px) 20px 24px;
  }

  html[data-theme="softlight"] .blueprint-map-stage {
    height: 580px;
  }

  html[data-theme="softlight"] .blueprint-map-copy {
    left: 20px;
    top: 24px;
    width: calc(100% - 40px);
  }

  html[data-theme="softlight"] .blueprint-map-stage img {
    left: -12%;
    top: 24%;
    width: 124%;
    height: 58%;
  }

  html[data-theme="softlight"] .blueprint-map-marker > span {
    display: none;
  }

  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: -10px;
  }
}

@media (max-width: 520px) {
  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: 1fr;
  }
}


/* Blueprint Natural Earth global map: SVG/GeoJSON land, blue supply routes, red factory pins. */
html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  position: relative;
  height: clamp(560px, 49vw, 740px);
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 30%, rgba(65, 145, 244, .18), transparent 29vw),
    radial-gradient(circle at 44% 48%, rgba(255, 255, 255, .9), transparent 34vw),
    linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
  border: 1px solid rgba(45, 92, 152, .1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .62), 0 24px 54px rgba(20, 72, 134, .1);
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 28%, rgba(8, 75, 156, .06) 0 2px, transparent 3px),
    radial-gradient(circle at 82% 66%, rgba(8, 75, 156, .06) 0 2px, transparent 3px),
    linear-gradient(rgba(14, 69, 132, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 69, 132, .045) 1px, transparent 1px);
  background-size: auto, auto, 56px 56px, 56px 56px;
}

html[data-theme="softlight"] .blueprint-natural-earth-svg {
  position: absolute;
  left: 50%;
  top: 51%;
  z-index: 2;
  width: min(1260px, 104%);
  height: auto;
  transform: translate(-50%, -50%);
  overflow: visible;
}

html[data-theme="softlight"] .blueprint-map-ocean {
  fill: transparent;
}

html[data-theme="softlight"] .blueprint-map-grid path {
  fill: none;
  stroke: none;
  stroke-width: 0;
  stroke-dasharray: none;
}

html[data-theme="softlight"] .blueprint-map-land path {
  fill: #4b97e8;
  stroke: #0d376f;
  stroke-width: .72;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  opacity: .9;
  filter: none;
  transition: fill .25s ease, opacity .25s ease;
}

html[data-theme="softlight"] .blueprint-map-land path.is-xinquan-country {
  fill: #0d63c6;
  opacity: .98;
}

html[data-theme="softlight"] .blueprint-map-factory-marker {
  cursor: pointer;
  outline: none;
  opacity: 1;
  animation: none;
  animation-delay: var(--pin-delay, 0ms);
  filter: none;
}

html[data-theme="softlight"] .blueprint-map-factory-marker:focus-visible .blueprint-map-pin,
html[data-theme="softlight"] .blueprint-map-factory-marker:hover .blueprint-map-pin,
html[data-theme="softlight"] .blueprint-map-factory-marker.is-active .blueprint-map-pin {
  fill: #c91513;
  stroke: #fff;
  stroke-width: .7;
}

html[data-theme="softlight"] .blueprint-map-pin-hit {
  fill: transparent;
  stroke: transparent;
}

html[data-theme="softlight"] .blueprint-map-pin-pulse {
  fill: rgba(228, 31, 28, .16);
  stroke: rgba(228, 31, 28, .22);
  stroke-width: .34;
  animation: none;
}

html[data-theme="softlight"] .blueprint-map-pin {
  fill: #e32622;
  stroke: rgba(255, 255, 255, .96);
  stroke-width: .48;
  paint-order: stroke fill;
  transition: fill .2s ease, stroke-width .2s ease;
}

html[data-theme="softlight"] .blueprint-map-country-lists {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}

html[data-theme="softlight"] .blueprint-map-country-group {
  position: absolute;
  left: var(--country-x);
  top: var(--country-y);
  transform: translate(-50%, -50%);
  pointer-events: auto;
  outline: none;
}

html[data-theme="softlight"] .blueprint-map-country-group[data-list-dock="left"] {
  transform: translate(0, -50%);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-list-dock="right"] {
  transform: translate(-100%, -50%);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-list-dock="bottom"] {
  transform: translate(-50%, 16px);
}

html[data-theme="softlight"] .blueprint-map-country-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 6px 10px;
  color: #062452;
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(13, 79, 145, .2);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(16, 68, 132, .14);
  backdrop-filter: blur(14px);
  cursor: pointer;
}

html[data-theme="softlight"] .blueprint-map-country-chip span {
  font-size: 14px;
  line-height: 1;
}

html[data-theme="softlight"] .blueprint-map-country-chip b {
  max-width: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #062452;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

html[data-theme="softlight"] .blueprint-map-country-chip small {
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  color: #fff;
  background: #e32622;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
}

html[data-theme="softlight"] .blueprint-map-country-panel {
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  width: min(300px, 32vw);
  max-height: 300px;
  overflow: hidden;
  color: #061b39;
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(15, 75, 147, .18);
  border-radius: 12px;
  box-shadow: 0 24px 56px rgba(13, 55, 111, .18), 0 0 0 1px rgba(255, 255, 255, .72) inset;
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  transform: translate(8px, -50%);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="left"] .blueprint-map-country-panel {
  left: auto;
  right: calc(100% + 12px);
  transform: translate(-8px, -50%);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="top"] .blueprint-map-country-panel {
  left: 50%;
  right: auto;
  top: auto;
  bottom: calc(100% + 12px);
  transform: translate(-50%, -8px);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="bottom"] .blueprint-map-country-panel {
  left: 50%;
  right: auto;
  top: calc(100% + 12px);
  bottom: auto;
  transform: translate(-50%, 8px);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="bottom"] .blueprint-map-country-panel {
  width: min(340px, 30vw);
}

html[data-theme="softlight"] .blueprint-map-country-group:hover .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group:focus-within .blueprint-map-country-panel {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="top"]:hover .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="top"]:focus-within .blueprint-map-country-panel {
  transform: translate(-50%, 0);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="bottom"]:hover .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="bottom"]:focus-within .blueprint-map-country-panel {
  transform: translate(-50%, 0);
}

html[data-theme="softlight"] .blueprint-map-country-group:hover .blueprint-map-country-chip,
html[data-theme="softlight"] .blueprint-map-country-group:focus-within .blueprint-map-country-chip {
  border-color: rgba(227, 38, 34, .36);
  box-shadow: 0 18px 34px rgba(227, 38, 34, .14), 0 0 0 4px rgba(227, 38, 34, .08);
}

html[data-theme="softlight"] .blueprint-map-country-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 15px 10px;
  border-bottom: 1px solid rgba(13, 79, 145, .1);
}

html[data-theme="softlight"] .blueprint-map-country-panel-head strong {
  color: #061b39;
  font-size: 14px;
  font-weight: 900;
}

html[data-theme="softlight"] .blueprint-map-country-panel-head span {
  color: rgba(6, 27, 57, .58);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

html[data-theme="softlight"] .blueprint-map-country-panel ul {
  max-height: 238px;
  margin: 0;
  padding: 8px 7px 10px;
  overflow: auto;
  list-style: none;
}

html[data-theme="softlight"] .blueprint-map-country-panel li {
  padding: 8px 9px;
  border-radius: 8px;
}

html[data-theme="softlight"] .blueprint-map-country-panel li + li {
  border-top: 1px solid rgba(13, 79, 145, .08);
}

html[data-theme="softlight"] .blueprint-map-country-panel li:hover {
  background: rgba(13, 99, 198, .06);
}

html[data-theme="softlight"] .blueprint-map-country-panel li b,
html[data-theme="softlight"] .blueprint-map-country-panel li span {
  display: block;
}

html[data-theme="softlight"] .blueprint-map-country-panel li b {
  color: #062452;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
}

html[data-theme="softlight"] .blueprint-map-country-panel li span {
  margin-top: 3px;
  color: rgba(6, 27, 57, .58);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

html[data-theme="softlight"] .blueprint-map-tooltip {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  min-width: 230px;
  max-width: min(310px, calc(100vw - 56px));
  padding: 16px 18px 15px;
  color: #061b39;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(15, 75, 147, .18);
  border-radius: 10px;
  box-shadow: 0 24px 56px rgba(13, 55, 111, .18), 0 0 0 1px rgba(255, 255, 255, .72) inset;
  backdrop-filter: blur(18px);
  transform: translate(-8%, calc(-100% - 20px));
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

html[data-theme="softlight"] .blueprint-map-tooltip[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  transform: translate(-8%, calc(-100% - 28px));
}

html[data-theme="softlight"] .blueprint-map-tooltip::after {
  content: "";
  position: absolute;
  left: 22px;
  bottom: -8px;
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, .94);
  border-right: 1px solid rgba(15, 75, 147, .18);
  border-bottom: 1px solid rgba(15, 75, 147, .18);
  transform: rotate(45deg);
}

html[data-theme="softlight"] .blueprint-map-tooltip strong,
html[data-theme="softlight"] .blueprint-map-tooltip span,
html[data-theme="softlight"] .blueprint-map-tooltip p,
html[data-theme="softlight"] .blueprint-map-tooltip a {
  position: relative;
  z-index: 1;
}


html[data-theme="softlight"] .blueprint-map-tooltip span {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 5px;
  color: rgba(6, 27, 57, .58);
  font-size: 12px;
  font-weight: 700;
}

html[data-theme="softlight"] .blueprint-map-tooltip strong {
  display: block;
  color: #061b39;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
}

html[data-theme="softlight"] .blueprint-map-tooltip p {
  margin: 12px 0 0;
  color: rgba(6, 27, 57, .78);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

html[data-theme="softlight"] .blueprint-map-tooltip a {
  display: inline-flex;
  margin-top: 13px;
  color: #e32622;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

@keyframes blueprintSupplyDash {
  to { stroke-dashoffset: -80; }
}

@keyframes blueprintPinEnter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    height: 600px;
  }

  html[data-theme="softlight"] .blueprint-natural-earth-svg {
    width: 1320px;
    max-width: none;
    left: 56%;
    top: 56%;
  }

  html[data-theme="softlight"] .blueprint-map-tooltip {
    min-width: 216px;
    transform: translate(-14%, calc(-100% - 18px));
  }

  html[data-theme="softlight"] .blueprint-map-tooltip[aria-hidden="false"] {
    transform: translate(-14%, calc(-100% - 24px));
  }
}

@media (max-width: 520px) {
  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    height: 540px;
  }

  html[data-theme="softlight"] .blueprint-natural-earth-svg {
    width: 1180px;
    left: 58%;
  }

  html[data-theme="softlight"] .blueprint-map-tooltip {
    left: 20px !important;
    right: 20px;
    top: auto !important;
    bottom: 72px;
    max-width: none;
    transform: none;
  }

  html[data-theme="softlight"] .blueprint-map-tooltip[aria-hidden="false"] {
    transform: none;
  }

  html[data-theme="softlight"] .blueprint-map-tooltip::after {
    display: none;
  }
}


/* Blueprint product matrix: replaced from the design reference. */
html[data-theme="softlight"] .blueprint-products {
  position: relative;
  display: block;
  isolation: isolate;
  padding: clamp(76px, 7vw, 112px) var(--section-x) clamp(80px, 7vw, 104px);
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(44, 139, 255, .2), transparent 28vw),
    radial-gradient(circle at 82% 28%, rgba(227, 38, 34, .13), transparent 20vw),
    linear-gradient(135deg, #06172d 0%, #082d5b 48%, #041226 100%);
}

html[data-theme="softlight"] .blueprint-products::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .86), rgba(0, 0, 0, .55));
}

html[data-theme="softlight"] .blueprint-products::after {
  content: "";
  position: absolute;
  inset: auto -8vw -20vw 42vw;
  z-index: -1;
  height: 34vw;
  pointer-events: none;
  background: radial-gradient(circle, rgba(36, 111, 210, .34), transparent 64%);
  filter: blur(12px);
}

html[data-theme="softlight"] .blueprint-products-shell {
  position: relative;
  width: min(1440px, 100%);
  margin: 0 auto;
}

html[data-theme="softlight"] .blueprint-products-brand {
  position: absolute;
  top: 2px;
  left: 0;
  display: grid;
  gap: 2px;
  width: 96px;
  padding-left: 14px;
  color: #fff;
  border-left: 4px solid var(--blueprint-red);
}

html[data-theme="softlight"] .blueprint-products-brand span {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
}

html[data-theme="softlight"] .blueprint-products-brand small {
  color: rgba(255, 255, 255, .62);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
}

html[data-theme="softlight"] .blueprint-products .blueprint-section-head {
  align-items: flex-start;
  margin: 0 0 clamp(30px, 4vw, 48px);
  padding-left: min(130px, 12vw);
}

html[data-theme="softlight"] .blueprint-products .blueprint-section-head p {
  margin: 0 0 9px;
  color: #fff;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 900;
  letter-spacing: .02em;
}

html[data-theme="softlight"] .blueprint-products .blueprint-section-head h2 {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, .42);
  font-size: clamp(18px, 2.2vw, 34px);
  font-weight: 900;
  letter-spacing: .11em;
}

html[data-theme="softlight"] .blueprint-products-tagline-en,
html[data-theme="softlight"] .blueprint-products-tagline {
  display: block;
  min-height: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .14em;
  line-height: 1.5;
  text-transform: uppercase;
}

html[data-theme="softlight"] .blueprint-products-tagline {
  margin-top: 5px;
  color: rgba(255, 255, 255, .9);
  font-size: 15px;
  letter-spacing: .08em;
}

html[data-theme="softlight"] .blueprint-products .blueprint-section-head a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: 6px;
  padding: 0 16px;
  color: #fff;
  background: var(--blueprint-red);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 16px 34px rgba(227, 38, 34, .28);
}

html[data-theme="softlight"] .blueprint-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 1.1vw, 18px);
}

html[data-theme="softlight"] .blueprint-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: clamp(500px, 39vw, 560px);
  padding: clamp(18px, 1.7vw, 24px);
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045)),
    rgba(5, 23, 48, .72);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .26);
  backdrop-filter: blur(10px);
  transform: translateZ(0);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

html[data-theme="softlight"] .blueprint-product-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--blueprint-red), rgba(255, 255, 255, .1));
  opacity: .9;
}

html[data-theme="softlight"] .blueprint-product-card::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -38px;
  width: 120px;
  height: 120px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 255, 255, .14), transparent 66%);
}

html[data-theme="softlight"] .blueprint-product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, .34);
  box-shadow: 0 30px 84px rgba(0, 0, 0, .34);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .06)),
    rgba(6, 34, 72, .82);
}

html[data-theme="softlight"] .blueprint-product-copy {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 0;
  padding: 0;
}

html[data-theme="softlight"] .blueprint-product-index {
  display: inline-flex;
  min-height: 0;
  margin-bottom: 18px;
  color: var(--blueprint-red);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .16em;
}

html[data-theme="softlight"] .blueprint-product-card h3 {
  margin: 0;
}

html[data-theme="softlight"] .blueprint-product-card h3 b,
html[data-theme="softlight"] .blueprint-product-card h3 small {
  display: block;
  min-height: 0;
}

html[data-theme="softlight"] .blueprint-product-card h3 b {
  color: #fff;
  font-size: clamp(16px, 1.4vw, 21px);
  font-weight: 900;
  line-height: 1.24;
  letter-spacing: .01em;
}

html[data-theme="softlight"] .blueprint-product-card h3 small {
  margin-top: 7px;
  color: rgba(255, 255, 255, .5);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  line-height: 1.25;
}

html[data-theme="softlight"] .blueprint-product-card p {
  min-height: 76px;
  margin: 18px 0 18px;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.75;
}

html[data-theme="softlight"] .blueprint-product-tags,
html[data-theme="softlight"] .blueprint-product-parts {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-theme="softlight"] .blueprint-product-tags li,
html[data-theme="softlight"] .blueprint-product-parts span {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 8px;
  color: rgba(255, 255, 255, .75);
  background: rgba(255, 255, 255, .075);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
}

html[data-theme="softlight"] .blueprint-product-tags li::before,
html[data-theme="softlight"] .blueprint-product-parts span::before {
  content: "";
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  margin-right: 7px;
  background: var(--blueprint-red);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(227, 38, 34, .12);
}

html[data-theme="softlight"] .blueprint-product-visual {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 154px;
  margin: auto 0 18px;
  padding: 10px;
  background:
    radial-gradient(circle at 50% 46%, rgba(47, 120, 198, .26), transparent 62%),
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: auto, 22px 22px, 22px 22px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
}

html[data-theme="softlight"] .blueprint-product-visual svg {
  width: 100%;
  max-width: 240px;
  min-height: 0;
  overflow: visible;
  fill: rgba(255, 255, 255, .055);
  stroke: rgba(255, 255, 255, .88);
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 16px 22px rgba(0, 0, 0, .26));
}

html[data-theme="softlight"] .blueprint-product-parts {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

html[data-theme="softlight"] .blueprint-product-parts span {
  background: rgba(2, 14, 30, .22);
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: clamp(26px, 3vw, 42px) 0 0;
  padding: 0;
  color: #fff;
  overflow: hidden;
  background: rgba(3, 18, 39, .62);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .22);
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 4px 14px;
  align-items: center;
  min-height: 88px;
  padding: 18px 20px;
  border-right: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 0;
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article:last-child {
  border-right: 0;
}

html[data-theme="softlight"] .blueprint-products .blueprint-strip-icon {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  min-height: 0;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  font-size: 18px;
  font-weight: 800;
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip b {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip small {
  color: rgba(255, 255, 255, .66);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article:nth-child(3) {
    border-right: 0;
  }

  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article:nth-child(n + 4) {
    border-top: 1px solid rgba(255, 255, 255, .12);
  }
}

@media (max-width: 760px) {
  html[data-theme="softlight"] .blueprint-products {
    padding: 64px 20px 72px;
  }

  html[data-theme="softlight"] .blueprint-products-brand {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 24px;
  }

  html[data-theme="softlight"] .blueprint-products .blueprint-section-head {
    flex-direction: column;
    gap: 18px;
    padding-left: 0;
  }

  html[data-theme="softlight"] .blueprint-product-grid,
  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-card {
    min-height: auto;
  }

  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article,
  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article:nth-child(3) {
    border-right: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
  }

  html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article:first-child {
    border-top: 0;
  }
}

@media (max-width: 520px) {
  html[data-theme="softlight"] .blueprint-product-tags,
  html[data-theme="softlight"] .blueprint-product-parts {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-card p {
    min-height: auto;
  }
}


/* Blueprint global map color fidelity: match the supplied light-blue design reference. */
html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  background:
    radial-gradient(circle at 49% 42%, rgba(255, 255, 255, .58), transparent 31vw),
    radial-gradient(circle at 77% 27%, rgba(100, 150, 231, .26), transparent 25vw),
    radial-gradient(circle at 16% 64%, rgba(175, 200, 238, .34), transparent 24vw),
    linear-gradient(180deg, #f0f3f6 0%, #e4ebf7 48%, #dce7f6 100%);
  border: 1px solid rgba(151, 178, 222, .42);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .72),
    inset 0 -34px 70px rgba(92, 114, 152, .08),
    0 24px 58px rgba(92, 114, 152, .13);
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map]::before {
  background:
    radial-gradient(circle at 12% 60%, rgba(255, 255, 255, .78) 0 2px, transparent 3px),
    radial-gradient(circle at 36% 26%, rgba(255, 255, 255, .8) 0 2px, transparent 3px),
    radial-gradient(circle at 60% 18%, rgba(255, 255, 255, .82) 0 2px, transparent 3px),
    radial-gradient(circle at 89% 45%, rgba(255, 255, 255, .82) 0 2px, transparent 3px),
    linear-gradient(rgba(92, 114, 152, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92, 114, 152, .055) 1px, transparent 1px);
  background-size: auto, auto, auto, auto, 64px 64px, 64px 64px;
  opacity: .78;
}

html[data-theme="softlight"] .blueprint-map-ocean {
  fill: #e4ebf7;
}

html[data-theme="softlight"] .blueprint-map-land path {
  fill: #6496e7;
  stroke: #5c7298;
  stroke-width: .62;
  opacity: .94;
  filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .2));
}

html[data-theme="softlight"] .blueprint-map-land path.is-xinquan-country {
  fill: #165095;
  stroke: #0a2a59;
  opacity: .98;
}

html[data-theme="softlight"] .blueprint-map-factory-marker {
  filter: drop-shadow(0 3px 8px rgba(10, 42, 89, .18));
}

html[data-theme="softlight"] .blueprint-map-pin-pulse {
  fill: rgba(227, 38, 34, .13);
  stroke: rgba(227, 38, 34, .2);
}

html[data-theme="softlight"] .blueprint-map-pin {
  fill: #e32622;
  stroke: #fff;
  stroke-width: .42;
}

html[data-theme="softlight"] .blueprint-map-factory-marker:focus-visible .blueprint-map-pin,
html[data-theme="softlight"] .blueprint-map-factory-marker:hover .blueprint-map-pin,
html[data-theme="softlight"] .blueprint-map-factory-marker.is-active .blueprint-map-pin {
  fill: #c91513;
  stroke: #fff;
  stroke-width: .62;
}

html[data-theme="softlight"] .blueprint-map-country-chip {
  color: #0a2a59;
  background: rgba(255, 255, 255, .82);
  border-color: rgba(151, 178, 222, .62);
  box-shadow: 0 12px 28px rgba(92, 114, 152, .18), 0 0 0 1px rgba(255, 255, 255, .68) inset;
}

html[data-theme="softlight"] .blueprint-map-country-chip b {
  color: #0a2a59;
}

html[data-theme="softlight"] .blueprint-map-country-chip small {
  background: #e32622;
  box-shadow: 0 6px 14px rgba(227, 38, 34, .2);
}

html[data-theme="softlight"] .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-tooltip {
  color: #0a2a59;
  background: rgba(255, 255, 255, .9);
  border-color: rgba(151, 178, 222, .66);
  box-shadow: 0 24px 56px rgba(92, 114, 152, .22), 0 0 0 1px rgba(255, 255, 255, .72) inset;
}

html[data-theme="softlight"] .blueprint-map-tooltip::after {
  background: rgba(255, 255, 255, .9);
  border-right-color: rgba(151, 178, 222, .66);
  border-bottom-color: rgba(151, 178, 222, .66);
}

html[data-theme="softlight"] .blueprint-map-country-panel-head {
  border-bottom-color: rgba(151, 178, 222, .34);
}

html[data-theme="softlight"] .blueprint-map-country-panel-head strong,
html[data-theme="softlight"] .blueprint-map-country-panel li b,
html[data-theme="softlight"] .blueprint-map-tooltip strong {
  color: #0a2a59;
}

html[data-theme="softlight"] .blueprint-map-country-panel-head span,
html[data-theme="softlight"] .blueprint-map-country-panel li span,
html[data-theme="softlight"] .blueprint-map-tooltip span {
  color: rgba(10, 42, 89, .58);
}

html[data-theme="softlight"] .blueprint-map-country-panel li + li {
  border-top-color: rgba(151, 178, 222, .28);
}

html[data-theme="softlight"] .blueprint-map-country-panel li:hover {
  background: rgba(100, 150, 231, .12);
}


/* Remove the blueprint map background grid layer while preserving the design-reference colors. */
html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map]::before {
  background: none;
  opacity: 0;
}


/* Remove the outer frame of the blueprint global map. */
html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  border: 0;
  box-shadow: none;
}


/* Full-bleed blueprint global map: remove the module wrapper and let the map fill the available space. */
html[data-theme="softlight"] .global-section {
  min-height: calc(100svh - var(--header-h));
  padding: 0;
  background: transparent;
  overflow: hidden;
}

html[data-theme="softlight"] .global-section::before,
html[data-theme="softlight"] .global-section::after {
  display: none;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading {
  display: none;
}

html[data-theme="softlight"] .blueprint-global-map {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

html[data-theme="softlight"] .blueprint-global-map::before,
html[data-theme="softlight"] .blueprint-global-map::after {
  display: none;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  width: 100%;
  height: calc(100svh - var(--header-h));
  min-height: 640px;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-natural-earth-svg {
  width: min(1480px, 112%);
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    height: 720px;
    min-height: 720px;
  }

  html[data-theme="softlight"] .blueprint-natural-earth-svg {
    width: 1220px;
    max-width: none;
  }
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    height: 620px;
    min-height: 620px;
  }
}


/* Make Natural Earth country borders thin white lines on the blueprint map. */
html[data-theme="softlight"] .blueprint-map-land path,
html[data-theme="softlight"] .blueprint-map-land path.is-xinquan-country {
  stroke: rgba(255, 255, 255, .9);
  stroke-width: .42;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}


/* Subsidiary module: keep only the world map and the legacy country text list. */
html[data-theme="softlight"] .global-section {
  overflow: visible;
}

html[data-theme="softlight"] .blueprint-map-country-lists,
html[data-theme="softlight"] .blueprint-map-tooltip,
html[data-theme="softlight"] .blueprint-factory-strip {
  display: none !important;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list {
  display: block;
  margin: 0;
  padding: clamp(42px, 5vw, 72px) clamp(30px, 4vw, 58px) clamp(64px, 6vw, 88px);
  background:
    linear-gradient(180deg, rgba(244, 248, 255, .96), rgba(255, 255, 255, .98));
  border-top: 1px solid rgba(13, 79, 145, .14);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row {
  display: grid;
  grid-template-columns: 150px minmax(180px, .42fr) 1fr;
  gap: clamp(24px, 4vw, 68px);
  align-items: start;
  padding: 34px 0 34px clamp(26px, 3.4vw, 58px);
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(13, 79, 145, .14);
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row::before {
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 2px;
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row:hover {
  background: linear-gradient(90deg, rgba(13, 79, 145, .045), transparent 70%);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-code-group {
  padding-top: 7px;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-code {
  color: var(--blueprint-blue);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-name h3 {
  color: var(--blueprint-navy);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-name small {
  color: rgba(6, 27, 57, .56);
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row ul {
  grid-column: auto;
  gap: 10px;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row li {
  color: rgba(6, 27, 57, .72);
  background: rgba(255, 255, 255, .68);
  border-color: rgba(13, 79, 145, .14);
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row li:hover {
  color: var(--blueprint-blue);
  background: #eef6ff;
  border-color: rgba(13, 79, 145, .3);
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row {
    grid-template-columns: 118px 1fr;
    gap: 20px 28px;
    padding-left: 22px;
  }

  html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row ul {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  html[data-theme="softlight"] .blueprint-global-map + .country-list {
    padding: 34px 20px 54px;
  }

  html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row {
    grid-template-columns: 1fr;
    padding: 26px 0 26px 18px;
  }

  html[data-theme="softlight"] .blueprint-global-map + .country-list .country-row li {
    min-width: calc(50% - 5px);
  }
}
/* Core product assets matrix: high-fidelity dark board from the supplied design reference. */
html[data-theme="softlight"] .blueprint-products {
  padding: clamp(24px, 2vw, 34px);
  color: #fff;
  background:
    radial-gradient(circle at 15% 0%, rgba(13, 74, 168, .34), transparent 28vw),
    radial-gradient(circle at 84% 12%, rgba(181, 14, 24, .22), transparent 22vw),
    linear-gradient(180deg, #030914 0%, #041022 48%, #020712 100%);
}

html[data-theme="softlight"] .blueprint-products::before {
  background-image:
    linear-gradient(128deg, rgba(33, 93, 185, .12), transparent 24%),
    linear-gradient(rgba(39, 107, 195, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39, 107, 195, .065) 1px, transparent 1px);
  background-size: auto, 38px 38px, 38px 38px;
  opacity: .55;
  mask-image: none;
}

html[data-theme="softlight"] .blueprint-products-shell {
  width: min(1840px, 100%);
}

html[data-theme="softlight"] .blueprint-product-board {
  position: relative;
  overflow: hidden;
  padding: 16px 14px 14px;
  background:
    linear-gradient(180deg, rgba(9, 22, 45, .96), rgba(3, 8, 18, .98)),
    #050b16;
  border: 1px solid rgba(43, 126, 255, .42);
  border-radius: 6px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .05) inset,
    0 0 34px rgba(16, 92, 204, .22),
    0 34px 90px rgba(0, 0, 0, .42);
}

html[data-theme="softlight"] .blueprint-product-board::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 72px;
  height: 2px;
  background: linear-gradient(90deg, #e32622, #0a64cf 62%, transparent);
  box-shadow: 0 0 12px rgba(29, 117, 255, .75);
}

html[data-theme="softlight"] .blueprint-products-header {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: clamp(18px, 2vw, 32px);
  align-items: center;
  min-height: 54px;
  padding: 0 8px 18px;
}

html[data-theme="softlight"] .blueprint-products-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-right: clamp(18px, 2vw, 30px);
  border-right: 1px solid rgba(255, 255, 255, .6);
}

html[data-theme="softlight"] .blueprint-logo-mark {
  position: relative;
  display: grid;
  width: 42px;
  height: 32px;
}

html[data-theme="softlight"] .blueprint-logo-mark i {
  position: absolute;
  inset: 3px 11px;
  transform: skewX(-34deg);
  background: #1279df;
}

html[data-theme="softlight"] .blueprint-logo-mark i:first-child {
  left: 0;
  right: 20px;
  background: #e32622;
}

html[data-theme="softlight"] .blueprint-logo-mark i:last-child {
  left: 18px;
  right: 0;
}

html[data-theme="softlight"] .blueprint-products-logo b,
html[data-theme="softlight"] .blueprint-products-logo small {
  display: block;
  color: #fff;
  line-height: 1;
}

html[data-theme="softlight"] .blueprint-products-logo b {
  font-size: clamp(20px, 1.7vw, 28px);
  font-weight: 950;
  letter-spacing: .06em;
}

html[data-theme="softlight"] .blueprint-products-logo small {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .28em;
}

html[data-theme="softlight"] .blueprint-products-title {
  display: inline-flex;
  align-items: baseline;
  gap: 18px;
}

html[data-theme="softlight"] .blueprint-products-title h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 2.1vw, 36px);
  font-weight: 950;
  letter-spacing: .04em;
}

html[data-theme="softlight"] .blueprint-products-title span {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .04em;
}

html[data-theme="softlight"] .blueprint-products-header p {
  justify-self: end;
  margin: 0;
  text-align: right;
}

html[data-theme="softlight"] .blueprint-products-header strong,
html[data-theme="softlight"] .blueprint-products-header small {
  display: block;
  color: #fff;
}

html[data-theme="softlight"] .blueprint-products-header strong {
  font-size: clamp(15px, 1.35vw, 22px);
  font-weight: 950;
  letter-spacing: .04em;
}

html[data-theme="softlight"] .blueprint-products-header small {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  opacity: .82;
}

html[data-theme="softlight"] .blueprint-product-matrix {
  display: grid;
  gap: 10px;
}

html[data-theme="softlight"] .blueprint-product-row {
  --row-accent: #177cff;
  --row-accent-soft: rgba(23, 124, 255, .22);
  display: grid;
  grid-template-columns: minmax(420px, 1.42fr) repeat(4, minmax(120px, .54fr));
  gap: 7px;
  min-height: clamp(142px, 10.6vw, 198px);
}

html[data-theme="softlight"] .blueprint-product-row.is-cnsl,
html[data-theme="softlight"] .blueprint-product-row.is-seat {
  --row-accent: #e32622;
  --row-accent-soft: rgba(227, 38, 34, .24);
}

html[data-theme="softlight"] .blueprint-product-row.is-bumper {
  --row-accent: #1f76ff;
  --row-accent-soft: rgba(92, 32, 170, .22);
}

html[data-theme="softlight"] .blueprint-product-hero,
html[data-theme="softlight"] .blueprint-product-part {
  position: relative;
  overflow: hidden;
  min-width: 0;
  margin: 0;
  background:
    radial-gradient(circle at 70% 20%, var(--row-accent-soft), transparent 34%),
    linear-gradient(135deg, rgba(8, 22, 45, .96), rgba(2, 5, 12, .98));
  border: 1px solid rgba(23, 124, 255, .54);
  border: 1px solid color-mix(in srgb, var(--row-accent) 68%, transparent);
  border-radius: 7px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .04) inset,
    0 0 20px rgba(23, 124, 255, .18);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .04) inset,
    0 0 20px color-mix(in srgb, var(--row-accent) 26%, transparent);
}

html[data-theme="softlight"] .blueprint-product-hero::before,
html[data-theme="softlight"] .blueprint-product-part::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--row-accent) 26%, transparent), transparent 36%),
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: auto, 28px 28px, 28px 28px;
  opacity: .34;
}

html[data-theme="softlight"] .blueprint-product-hero::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 44%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 7, 18, .98) 0%, rgba(4, 17, 42, .88) 62%, transparent 100%);
}

html[data-theme="softlight"] .blueprint-product-hero > img {
  position: absolute;
  right: -1%;
  top: 50%;
  z-index: 1;
  width: 74%;
  height: 108%;
  object-fit: contain;
  transform: translateY(-50%);
  filter: saturate(1.05) contrast(1.06) drop-shadow(0 18px 28px rgba(0, 0, 0, .5));
}

html[data-theme="softlight"] .blueprint-product-row.is-cnsl .blueprint-product-hero > img,
html[data-theme="softlight"] .blueprint-product-row.is-bumper .blueprint-product-hero > img {
  width: 70%;
  height: 116%;
}

html[data-theme="softlight"] .blueprint-product-row.is-seat .blueprint-product-hero > img {
  right: 1%;
  width: 58%;
  height: 124%;
}

html[data-theme="softlight"] .blueprint-product-copy {
  position: relative;
  z-index: 3;
  width: min(310px, 48%);
  min-height: 100%;
  padding: clamp(18px, 1.5vw, 26px);
}

html[data-theme="softlight"] .blueprint-product-copy h3 {
  margin: 0;
}

html[data-theme="softlight"] .blueprint-product-copy h3 b,
html[data-theme="softlight"] .blueprint-product-copy h3 small {
  display: block;
}

html[data-theme="softlight"] .blueprint-product-copy h3 b {
  color: #fff;
  font-size: clamp(19px, 1.55vw, 30px);
  font-weight: 950;
  line-height: 1.08;
}

html[data-theme="softlight"] .blueprint-product-copy h3 small {
  margin-top: 8px;
  color: rgba(255, 255, 255, .92);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .035em;
}

html[data-theme="softlight"] .blueprint-product-copy p {
  min-height: 0;
  margin: clamp(12px, 1.2vw, 18px) 0;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(12px, .9vw, 14px);
  font-weight: 600;
  line-height: 1.65;
}

html[data-theme="softlight"] .blueprint-product-tags {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

html[data-theme="softlight"] .blueprint-product-tags li {
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 0;
  color: rgba(255, 255, 255, .88);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

html[data-theme="softlight"] .blueprint-product-tags li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 0 5px;
  background:
    linear-gradient(135deg, transparent 34%, rgba(255, 255, 255, .9) 35% 42%, transparent 43%),
    linear-gradient(45deg, transparent 34%, rgba(255, 255, 255, .9) 35% 42%, transparent 43%);
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 50%;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-product-part {
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: end;
  min-height: 100%;
  padding: 10px 10px 14px;
}

html[data-theme="softlight"] .blueprint-product-part img {
  position: relative;
  z-index: 1;
  align-self: center;
  justify-self: center;
  width: 100%;
  height: clamp(92px, 7vw, 132px);
  object-fit: contain;
  filter: saturate(1.05) contrast(1.06) drop-shadow(0 15px 20px rgba(0, 0, 0, .46));
  transition: transform .24s ease;
}

html[data-theme="softlight"] .blueprint-product-part figcaption {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: clamp(12px, .95vw, 15px);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .75);
}

html[data-theme="softlight"] .blueprint-product-hero:hover > img,
html[data-theme="softlight"] .blueprint-product-part:hover img {
  transform: translateY(-50%) scale(1.025);
}

html[data-theme="softlight"] .blueprint-product-part:hover img {
  transform: scale(1.035);
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip {
  margin: 12px 0 0;
  background: linear-gradient(180deg, rgba(4, 15, 33, .86), rgba(2, 7, 16, .96));
  border-color: rgba(31, 118, 255, .42);
  border-radius: 4px;
  box-shadow: 0 0 18px rgba(21, 95, 213, .2);
}

html[data-theme="softlight"] .blueprint-products .blueprint-feature-strip article {
  min-height: 64px;
  padding: 10px 18px;
  border-right-color: rgba(227, 38, 34, .46);
}

html[data-theme="softlight"] .blueprint-products .blueprint-strip-icon {
  width: 34px;
  height: 34px;
  color: #48a3ff;
  background: transparent;
  border-color: rgba(72, 163, 255, .72);
  border-radius: 50%;
}

@media (max-width: 1280px) {
  html[data-theme="softlight"] .blueprint-product-row {
    grid-template-columns: minmax(420px, 1fr) repeat(2, minmax(160px, .45fr));
  }
}

@media (max-width: 860px) {
  html[data-theme="softlight"] .blueprint-products {
    padding: 18px;
  }

  html[data-theme="softlight"] .blueprint-products-header {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  html[data-theme="softlight"] .blueprint-products-header p {
    justify-self: start;
    text-align: left;
  }

  html[data-theme="softlight"] .blueprint-products-logo {
    width: max-content;
  }

  html[data-theme="softlight"] .blueprint-product-row {
    grid-template-columns: 1fr 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-hero {
    grid-column: 1 / -1;
    min-height: 260px;
  }

  html[data-theme="softlight"] .blueprint-product-copy {
    width: min(360px, 58%);
  }
}

@media (max-width: 560px) {
  html[data-theme="softlight"] .blueprint-products {
    padding: 12px;
  }

  html[data-theme="softlight"] .blueprint-product-board {
    padding: 12px 10px;
  }

  html[data-theme="softlight"] .blueprint-products-title {
    display: grid;
    gap: 6px;
  }

  html[data-theme="softlight"] .blueprint-product-row {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-copy {
    width: 72%;
  }

  html[data-theme="softlight"] .blueprint-product-hero > img {
    right: -28%;
    width: 92%;
  }
}


/* Global layout factory cards: show them below the map and keep China first in the markup. */
html[data-theme="softlight"] .blueprint-factory-strip {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  width: auto;
  margin: clamp(16px, 1.8vw, 26px) clamp(30px, 4vw, 58px) 0;
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: 20px;
  }
}


/* Global layout heading and map scale: keep the copy visible and return the map to its previous size. */
html[data-theme="softlight"] .global-section {
  min-height: auto;
  padding: calc(var(--header-h) + 28px) clamp(30px, 4vw, 58px) clamp(52px, 6vw, 76px);
  background: transparent;
  overflow: visible;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading {
  position: relative;
  left: auto;
  top: auto;
  z-index: 8;
  display: block;
  width: min(760px, 100%);
  margin: 0 0 18px;
  padding: 0 clamp(2px, .5vw, 8px);
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading h3 {
  margin: 0 0 10px;
  color: #09275d;
  font-size: clamp(36px, 4.1vw, 64px);
  font-weight: 850;
  letter-spacing: .02em;
  line-height: 1.06;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading p {
  max-width: 680px;
  margin: 0;
  color: #12376d;
  font-size: clamp(14px, 1.1vw, 18px);
  font-weight: 650;
  line-height: 1.55;
}

html[data-theme="softlight"] .blueprint-global-map {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  height: clamp(560px, 49vw, 740px);
  min-height: 0;
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .global-section {
    padding: calc(var(--header-h) + 22px) 20px 42px;
  }

  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    height: 600px;
  }
}


@media (max-width: 520px) {
  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    height: 540px;
  }
}


/* Remove shadow from Natural Earth country borders. */
html[data-theme="softlight"] .blueprint-map-land path,
html[data-theme="softlight"] .blueprint-map-land path.is-xinquan-country {
  filter: none;
}

/* Core products: keep detail images collapsed until the user opens a product row. */
html[data-theme="softlight"] .blueprint-product-row[data-product-card] {
  grid-template-columns: minmax(0, 1fr);
  min-height: clamp(190px, 13.5vw, 260px);
  transition: min-height .28s ease;
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open {
  grid-template-columns: minmax(420px, 1.42fr) repeat(4, minmax(120px, .54fr));
  min-height: clamp(142px, 10.6vw, 198px);
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card] .blueprint-product-hero {
  min-height: clamp(190px, 13.5vw, 260px);
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open .blueprint-product-hero {
  min-height: 100%;
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card] > .blueprint-product-part {
  display: none;
  opacity: 0;
  transform: translateY(12px);
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open > .blueprint-product-part {
  display: grid;
  animation: blueprintProductPartIn .28s ease both;
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open > .blueprint-product-part:nth-of-type(2) {
  animation-delay: .03s;
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open > .blueprint-product-part:nth-of-type(3) {
  animation-delay: .06s;
}

html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open > .blueprint-product-part:nth-of-type(4) {
  animation-delay: .09s;
}

html[data-theme="softlight"] .blueprint-product-toggle {
  position: absolute;
  right: clamp(16px, 1.5vw, 24px);
  bottom: clamp(14px, 1.3vw, 20px);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px 0 16px;
  color: #fff;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--row-accent) 88%, #0b1224), color-mix(in srgb, var(--row-accent) 48%, #061122));
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 999px;
  box-shadow:
    0 14px 26px rgba(0, 0, 0, .34),
    0 0 20px color-mix(in srgb, var(--row-accent) 34%, transparent);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

html[data-theme="softlight"] .blueprint-product-toggle:hover,
html[data-theme="softlight"] .blueprint-product-toggle:focus-visible {
  border-color: rgba(255, 255, 255, .9);
  box-shadow:
    0 16px 30px rgba(0, 0, 0, .42),
    0 0 28px color-mix(in srgb, var(--row-accent) 46%, transparent);
  outline: none;
  transform: translateY(-1px);
}

html[data-theme="softlight"] .blueprint-product-toggle-mark {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: color-mix(in srgb, var(--row-accent) 82%, #fff);
  background: rgba(255, 255, 255, .94);
  border-radius: 50%;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
}

@keyframes blueprintProductPartIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1280px) {
  html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open {
    grid-template-columns: minmax(420px, 1fr) repeat(2, minmax(160px, .45fr));
  }
}

@media (max-width: 860px) {
  html[data-theme="softlight"] .blueprint-product-row[data-product-card],
  html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open {
    grid-template-columns: 1fr 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-row[data-product-card] .blueprint-product-hero {
    grid-column: 1 / -1;
    min-height: 260px;
  }
}

@media (max-width: 560px) {
  html[data-theme="softlight"] .blueprint-product-row[data-product-card],
  html[data-theme="softlight"] .blueprint-product-row[data-product-card].is-open {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-toggle {
    left: 18px;
    right: auto;
  }
}

/* 20260824 product categories + subsidiary page refinement. */
html[data-theme="softlight"] .blueprint-product-tags {
  display: none !important;
}

html[data-theme="softlight"] .blueprint-product-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.4vw, 18px);
}

html[data-theme="softlight"] .blueprint-product-category {
  --row-accent: #177cff;
  --row-accent-soft: rgba(23, 124, 255, .22);
  min-width: 0;
}

html[data-theme="softlight"] .blueprint-product-category.is-exterior {
  --row-accent: #e32622;
  --row-accent-soft: rgba(227, 38, 34, .22);
}

html[data-theme="softlight"] .blueprint-product-category.is-seat {
  --row-accent: #1f76ff;
  --row-accent-soft: rgba(92, 32, 170, .22);
}

html[data-theme="softlight"] .blueprint-product-category-hero {
  position: relative;
  overflow: hidden;
  min-height: clamp(320px, 28vw, 460px);
  background:
    radial-gradient(circle at 68% 18%, var(--row-accent-soft), transparent 34%),
    linear-gradient(135deg, rgba(8, 22, 45, .96), rgba(2, 5, 12, .98));
  border: 1px solid color-mix(in srgb, var(--row-accent) 68%, transparent);
  border-radius: 10px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .04) inset,
    0 18px 42px rgba(2, 9, 22, .34),
    0 0 24px color-mix(in srgb, var(--row-accent) 24%, transparent);
}

html[data-theme="softlight"] .blueprint-product-category-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2, 8, 18, .02) 16%, rgba(2, 8, 18, .22) 46%, rgba(2, 8, 18, .9) 100%),
    linear-gradient(90deg, rgba(2, 8, 18, .24), transparent 42%, rgba(2, 8, 18, .18));
}

html[data-theme="softlight"] .blueprint-product-category-hero > img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
  filter: saturate(1.05) contrast(1.06);
  transform: scale(1.01);
  transition: transform .32s ease;
}

html[data-theme="softlight"] .blueprint-product-category:hover .blueprint-product-category-hero > img,
html[data-theme="softlight"] .blueprint-product-category.is-open .blueprint-product-category-hero > img {
  transform: scale(1.045);
}

html[data-theme="softlight"] .blueprint-product-category-copy {
  position: absolute;
  left: clamp(18px, 2vw, 30px);
  right: clamp(18px, 2vw, 30px);
  bottom: clamp(70px, 5.8vw, 92px);
  z-index: 3;
  display: grid;
  gap: 8px;
}

html[data-theme="softlight"] .blueprint-product-category-copy span {
  color: color-mix(in srgb, var(--row-accent) 78%, #fff);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

html[data-theme="softlight"] .blueprint-product-category-copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(26px, 2.4vw, 42px);
  font-weight: 950;
  line-height: 1.02;
}

html[data-theme="softlight"] .blueprint-product-category-copy p {
  max-width: 420px;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(12px, .95vw, 15px);
  font-weight: 650;
  line-height: 1.6;
}

html[data-theme="softlight"] .blueprint-product-category .blueprint-product-toggle {
  right: clamp(18px, 2vw, 30px);
  bottom: clamp(18px, 2vw, 28px);
}

html[data-theme="softlight"] .blueprint-product-detail {
  display: none;
  gap: 10px;
  margin-top: 10px;
}

html[data-theme="softlight"] .blueprint-product-category.is-open .blueprint-product-detail {
  display: grid;
  animation: blueprintProductPartIn .28s ease both;
}

html[data-theme="softlight"] .blueprint-product-detail-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(6, 18, 38, .94), rgba(2, 7, 16, .98));
  border: 1px solid color-mix(in srgb, var(--row-accent) 52%, transparent);
  border-radius: 9px;
  box-shadow: 0 14px 26px rgba(2, 9, 22, .25);
}

html[data-theme="softlight"] .blueprint-product-detail-copy span {
  display: inline-grid;
  place-items: center start;
  min-width: 60px;
  height: 34px;
  color: #fff;
  background: color-mix(in srgb, var(--row-accent) 64%, transparent);
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .14em;
}

html[data-theme="softlight"] .blueprint-product-detail-copy h4 {
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(17px, 1.25vw, 22px);
  font-weight: 900;
  line-height: 1.2;
}

html[data-theme="softlight"] .blueprint-product-detail-copy p {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .74);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.65;
}

html[data-theme="softlight"] .blueprint-product-detail-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

html[data-theme="softlight"] .blueprint-product-detail-images figure {
  display: grid;
  grid-template-rows: 92px auto;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 10px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 7px;
}

html[data-theme="softlight"] .blueprint-product-detail-images img {
  align-self: center;
  justify-self: center;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: saturate(1.04) contrast(1.04) drop-shadow(0 12px 16px rgba(0, 0, 0, .4));
}

html[data-theme="softlight"] .blueprint-product-detail-images figcaption {
  color: rgba(255, 255, 255, .84);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

html[data-theme="softlight"] .blueprint-product-detail-interior {
  grid-template-columns: 1fr;
}

html[data-theme="softlight"] .research-brief-panel {
  display: grid;
  gap: 16px;
  margin-top: clamp(34px, 4vw, 56px);
  padding: clamp(24px, 3vw, 38px);
  background: linear-gradient(135deg, rgba(7, 31, 74, .92), rgba(7, 52, 112, .88));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
}

html[data-theme="softlight"] .research-brief-panel span {
  color: #77b7ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
}

html[data-theme="softlight"] .research-brief-panel h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 3.2vw, 52px);
  font-weight: 900;
  line-height: 1.05;
}

html[data-theme="softlight"] .research-brief-panel p {
  max-width: 920px;
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 14px;
  line-height: 1.8;
}

html[data-theme="softlight"] .research-core-products {
  margin-top: clamp(28px, 3vw, 44px);
  padding: 0;
  background: transparent;
}

html[data-theme="softlight"] .research-core-products::before,
html[data-theme="softlight"] .research-core-products::after {
  display: none;
}

html[data-theme="softlight"] .research-core-products .blueprint-products-shell {
  max-width: none;
  padding: 0;
}

html[data-theme="softlight"] .research-core-products .blueprint-product-board {
  border-radius: 14px;
}

html[data-theme="softlight"] .blueprint-map-country-lists {
  display: block !important;
}

html[data-theme="softlight"] .blueprint-map-tooltip {
  display: block !important;
}

html[data-theme="softlight"] .blueprint-factory-strip {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html[data-theme="softlight"] .site-icp-link {
  color: rgba(255, 255, 255, .62);
}

html[data-theme="softlight"] .site-icp-link:hover {
  color: #fff;
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-product-categories,
  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="softlight"] .blueprint-product-categories,
  html[data-theme="softlight"] .blueprint-factory-strip {
    grid-template-columns: 1fr !important;
  }

  html[data-theme="softlight"] .blueprint-product-category-hero {
    min-height: 330px;
  }

  html[data-theme="softlight"] .blueprint-product-detail-images {
    grid-template-columns: 1fr;
  }
}



/* Blueprint module readability, shared product details and compact layout fixes. */
html[data-theme="softlight"] .news-page {
  background:
    radial-gradient(circle at 90% 8%, rgba(13, 79, 145, .1), transparent 28vw),
    linear-gradient(180deg, #f8fbff 0%, #f3f7fb 100%);
}

html[data-theme="softlight"] .news-lead { color: rgba(6, 27, 57, .66); }

html[data-theme="softlight"] .news-filter-bar button {
  color: rgba(6, 27, 57, .64);
  background: rgba(255, 255, 255, .86);
  border-color: rgba(13, 50, 92, .12);
  border-radius: 3px;
}

html[data-theme="softlight"] .news-filter-bar button:hover,
html[data-theme="softlight"] .news-filter-bar button:focus-visible {
  color: var(--blueprint-blue);
  border-color: rgba(13, 79, 145, .32);
  background: #eef6ff;
}

html[data-theme="softlight"] .news-filter-bar button.active {
  color: #fff;
  border-color: var(--blueprint-red);
  background: var(--blueprint-red);
}

html[data-theme="softlight"] .news-card-copy { border: 0; }
html[data-theme="softlight"] .news-card-read { color: var(--blueprint-red); }

html[data-theme="softlight"] .blueprint-product-category { cursor: pointer; }

html[data-theme="softlight"] .blueprint-product-category:focus-visible .blueprint-product-category-hero,
html[data-theme="softlight"] .blueprint-product-category.is-open .blueprint-product-category-hero {
  border-color: rgba(255, 255, 255, .9);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--row-accent) 72%, transparent) inset,
    0 22px 52px rgba(2, 9, 22, .42),
    0 0 34px color-mix(in srgb, var(--row-accent) 36%, transparent);
}

html[data-theme="softlight"] .blueprint-product-detail-stage {
  position: relative;
  margin-top: clamp(14px, 1.6vw, 24px);
  padding: clamp(14px, 1.8vw, 24px);
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(23, 124, 255, .2), transparent 28vw),
    linear-gradient(135deg, rgba(5, 16, 36, .96), rgba(2, 7, 16, .98));
  border: 1px solid rgba(83, 153, 255, .28);
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(2, 9, 22, .32);
}

html[data-theme="softlight"] .blueprint-product-detail-stage::before {
  content: "PRODUCT DETAILS";
  display: block;
  margin: 0 0 12px;
  color: rgba(119, 183, 255, .72);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail {
  display: none;
  gap: 12px;
  margin-top: 0;
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail.is-active {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  animation: blueprintProductPartIn .26s ease both;
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail:not(.blueprint-product-detail-interior).is-active .blueprint-product-detail-card {
  grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
  align-items: center;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"].is-active .blueprint-product-detail-card {
  grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
  align-items: center;
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail:not(.blueprint-product-detail-interior).is-active .blueprint-product-detail-images {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"].is-active .blueprint-product-detail-images {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="exterior"] .blueprint-product-detail-images,
html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images {
  gap: clamp(10px, .9vw, 16px);
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="exterior"] .blueprint-product-detail-images figure,
html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images figure {
  position: relative;
  display: block;
  height: clamp(180px, 10.5vw, 250px);
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #07111f;
  border-color: rgba(255, 255, 255, .12);
  border-radius: 9px;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="exterior"] .blueprint-product-detail-images img,
html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.06);
  transform: scale(1.01);
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="exterior"] .blueprint-product-detail-images figcaption,
html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 30px 14px 12px;
  color: rgba(255, 255, 255, .92);
  background: linear-gradient(180deg, rgba(2, 7, 16, 0), rgba(2, 7, 16, .82));
  font-size: clamp(12px, .78vw, 14px);
  font-weight: 850;
  line-height: 1.25;
  text-align: left;
  letter-spacing: .02em;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images figure {
  height: auto;
  min-height: clamp(168px, 10.5vw, 260px);
  aspect-ratio: 16 / 9;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"] .blueprint-product-detail-images img {
  object-fit: contain;
  object-position: center;
  padding: 0;
  transform: none;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-card {
  grid-template-columns: 1fr;
  gap: clamp(14px, 1.1vw, 20px);
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 4px 12px;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy span {
  grid-row: span 2;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy h4 {
  margin: 0;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy p {
  max-width: 760px;
  margin: 0;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"] .blueprint-product-detail-images {
  gap: clamp(10px, .9vw, 16px);
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"] .blueprint-product-detail-images figure {
  position: relative;
  display: block;
  height: clamp(180px, 10.5vw, 250px);
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #07111f;
  border-color: rgba(255, 255, 255, .12);
  border-radius: 9px;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"] .blueprint-product-detail-images img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.06);
  transform: scale(1.01);
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"] .blueprint-product-detail-images figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 30px 14px 12px;
  color: rgba(255, 255, 255, .92);
  background: linear-gradient(180deg, rgba(2, 7, 16, 0), rgba(2, 7, 16, .82));
  font-size: clamp(12px, .78vw, 14px);
  font-weight: 850;
  line-height: 1.25;
  text-align: left;
  letter-spacing: .02em;
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail-images figcaption {
  right: auto;
  bottom: clamp(12px, .9vw, 16px);
  left: clamp(14px, 1.1vw, 20px);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc(100% - clamp(28px, 2.2vw, 40px));
  padding: 0;
  color: rgba(255, 255, 255, .96);
  background: none;
  font-size: clamp(13px, .82vw, 16px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .01em;
  text-align: left;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .62);
  text-transform: uppercase;
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail-images figcaption::before {
  content: "";
  width: clamp(18px, 1.35vw, 26px);
  height: 2px;
  margin: 0 0 8px;
  background: #e60012;
  box-shadow: 0 0 10px rgba(230, 0, 18, .42);
}

html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail-card {
  min-height: 100%;
}

html[data-theme="softlight"] .hr-join-hero {
  color: var(--blueprint-navy);
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .98), rgba(239, 247, 255, .92)),
    radial-gradient(circle at 88% 70%, rgba(13, 79, 145, .12), transparent 28vw);
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
}

html[data-theme="softlight"] .hr-join-hero .lead,
html[data-theme="softlight"] .hr-join-hero p:not(.lead) { color: rgba(6, 27, 57, .66); }

html[data-theme="softlight"] .hr-join-hero > div::before { color: rgba(13, 79, 145, .055); }
html[data-theme="softlight"] .hr-pillar-card { min-height: 214px; }
html[data-theme="softlight"] .technology-page { color: var(--blueprint-navy); }

html[data-theme="softlight"] .research-local-nav {
  color: rgba(6, 27, 57, .58);
  background: rgba(255, 255, 255, .92);
  border-color: rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 14px 34px rgba(10, 38, 72, .06);
}

html[data-theme="softlight"] .research-local-nav span,
html[data-theme="softlight"] .research-local-nav a { color: rgba(6, 27, 57, .64); }
html[data-theme="softlight"] .research-local-nav a::before { border-color: var(--blueprint-blue); }

html[data-theme="softlight"] .research-local-nav a:hover,
html[data-theme="softlight"] .research-local-nav a:focus-visible,
html[data-theme="softlight"] .research-local-nav a.active,
html[data-theme="softlight"] .research-local-nav a[aria-current="page"] {
  color: var(--blueprint-blue);
  background: #e9f8f8;
}

html[data-theme="softlight"] .research-page-lead {
  border-left-color: var(--blueprint-blue);
  background: linear-gradient(90deg, rgba(13, 79, 145, .08), transparent 72%);
}

html[data-theme="softlight"] .research-page-lead p { color: rgba(6, 27, 57, .66); }

html[data-theme="softlight"] .research-metric-row {
  overflow: hidden;
  margin-top: 70px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(10, 38, 72, .07);
}

html[data-theme="softlight"] .research-metric-row > div {
  min-height: 118px;
  border-color: rgba(13, 50, 92, .09);
}

html[data-theme="softlight"] .research-metric-row strong,
html[data-theme="softlight"] .laboratory-fact-row strong,
html[data-theme="softlight"] .laboratory-fact-row strong span { color: var(--blueprint-blue); }

html[data-theme="softlight"] .research-metric-row span,
html[data-theme="softlight"] .laboratory-fact-row span { color: var(--blueprint-navy); }

html[data-theme="softlight"] .research-metric-row small,
html[data-theme="softlight"] .laboratory-fact-row small { color: rgba(6, 27, 57, .45); }

html[data-theme="softlight"] .laboratory-system-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  gap: 16px;
  margin-top: 64px;
  background: transparent;
  border: 0;
}

html[data-theme="softlight"] .laboratory-system-card,
html[data-theme="softlight"] .laboratory-network-card {
  min-height: 0;
  padding: clamp(28px, 4vw, 46px);
  color: var(--blueprint-navy);
  background: rgba(255, 255, 255, .94);
}

html[data-theme="softlight"] .laboratory-system-card > span,
html[data-theme="softlight"] .laboratory-network-card > span { color: var(--blueprint-blue); }

html[data-theme="softlight"] .laboratory-system-card h2,
html[data-theme="softlight"] .laboratory-network-card h2,
html[data-theme="softlight"] .laboratory-capability-band h2 {
  color: var(--blueprint-navy);
  font-size: clamp(28px, 3.4vw, 48px);
  line-height: 1.08;
}

html[data-theme="softlight"] .laboratory-system-card p,
html[data-theme="softlight"] .laboratory-network-card p { color: rgba(6, 27, 57, .66); }

html[data-theme="softlight"] .laboratory-network-list b {
  color: rgba(6, 27, 57, .72);
  background: #f5f9ff;
  border-color: rgba(13, 50, 92, .12);
  border-radius: 3px;
}

html[data-theme="softlight"] .laboratory-capability-band {
  grid-template-columns: minmax(260px, .58fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 72px);
  margin-top: 16px;
  padding: clamp(28px, 4vw, 46px);
  color: var(--blueprint-navy);
  background: rgba(255, 255, 255, .94);
}

html[data-theme="softlight"] .laboratory-capability-list b {
  color: rgba(6, 27, 57, .72);
  background: #f5f9ff;
  border-color: rgba(13, 79, 145, .16);
  border-radius: 3px;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail:not(.blueprint-product-detail-interior).is-active .blueprint-product-detail-card,
  html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"].is-active .blueprint-product-detail-card,
  html[data-theme="softlight"] .laboratory-system-grid,
  html[data-theme="softlight"] .laboratory-capability-band {
    grid-template-columns: 1fr;
  }

  html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail:not(.blueprint-product-detail-interior).is-active .blueprint-product-detail-images {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="interior"].is-active .blueprint-product-detail-images {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* Product cards now switch details by hover/focus, without the old pill button. */
html[data-theme="softlight"] .blueprint-product-category-copy {
  bottom: clamp(10px, 1.4vw, 18px);
}

html[data-theme="softlight"] .blueprint-product-category-hero > img {
  padding: 0;
}

/* Keep the exterior hero artwork at its established framed treatment. */
html[data-theme="softlight"] .blueprint-product-category.is-exterior .blueprint-product-category-hero::after {
  z-index: auto;
  background: linear-gradient(180deg, rgba(2, 8, 18, .04) 32%, rgba(2, 8, 18, .9) 100%);
}

html[data-theme="softlight"] .blueprint-product-category.is-exterior .blueprint-product-category-hero > img {
  object-fit: cover;
  object-position: center;
  padding: 0;
  filter: saturate(1.05) contrast(1.06);
  transform: scale(1.02);
}

html[data-theme="softlight"] .blueprint-product-category.is-exterior:hover .blueprint-product-category-hero > img,
html[data-theme="softlight"] .blueprint-product-category.is-exterior.is-open .blueprint-product-category-hero > img {
  transform: scale(1.065);
}

/* 20260824 manufacturing patents, sustainability assets and global map overlay fixes. */
html[data-theme="softlight"] .patent-gallery .coverage-heading {
  justify-content: flex-start;
  text-align: left;
}

html[data-theme="softlight"] .patent-gallery .coverage-heading h2 {
  color: #09275d;
}

html[data-theme="softlight"] .patent-gallery .coverage-heading p,
html[data-theme="softlight"] .patent-batch-label {
  display: none !important;
}

html[data-theme="softlight"] .patent-card {
  background: #fff;
  border-color: rgba(13, 79, 145, .13);
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(17, 68, 126, .1);
}

html[data-theme="softlight"] .patent-card img {
  background: linear-gradient(180deg, #fff 0%, #f3f7fc 100%);
}

html[data-theme="softlight"] .patent-card figcaption {
  border-top-color: rgba(13, 79, 145, .12);
}

html[data-theme="softlight"] .patent-card figcaption span,
html[data-theme="softlight"] .patent-progress i {
  color: var(--blueprint-blue);
  background: var(--blueprint-blue);
}

html[data-theme="softlight"] .sustainability {
  background: linear-gradient(180deg, #f7fbff 0%, #edf5fb 100%);
}

html[data-theme="softlight"] .sustainability-hero-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .sustainability-forest,
html[data-theme="softlight"] .sustainability-hero-card .sustainability-copy {
  background: #eef5fb;
  box-shadow: none;
}

html[data-theme="softlight"] .sustainability-more {
  color: var(--blueprint-blue);
  border-color: rgba(13, 79, 145, .22);
}

html[data-theme="softlight"] .sustainability-more:hover {
  color: #fff;
  background: var(--blueprint-blue);
}

html[data-theme="softlight"] .sustainability-hero-card .sustainability-facts {
  gap: var(--sustainability-module-gap);
  background: transparent;
}

html[data-theme="softlight"] .sustainability-hero-card .sustainability-facts div {
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(13, 79, 145, .12);
  border-radius: 4px;
  box-shadow: 0 10px 26px rgba(18, 55, 96, .06);
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map],
html[data-theme="softlight"] .blueprint-global-map {
  overflow: visible !important;
}

html[data-theme="softlight"] .blueprint-map-country-lists {
  z-index: 40 !important;
  overflow: visible;
}

html[data-theme="softlight"] .blueprint-map-country-group {
  z-index: 1;
}

html[data-theme="softlight"] .blueprint-map-country-group:hover,
html[data-theme="softlight"] .blueprint-map-country-group:focus-within {
  z-index: 70;
}

html[data-theme="softlight"] .blueprint-map-country-chip {
  position: relative;
  z-index: 2;
}

html[data-theme="softlight"] .blueprint-map-country-panel {
  z-index: 80;
  width: min(360px, 34vw);
  max-height: 340px;
}

html[data-theme="softlight"] .blueprint-map-country-panel ul {
  max-height: 272px;
}

html[data-theme="softlight"] .blueprint-factory-strip {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1vw, 18px);
  width: 100%;
  margin: clamp(16px, 2vw, 28px) auto 0 !important;
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .blueprint-map-country-panel {
    width: min(320px, 76vw);
  }

  html[data-theme="softlight"] .blueprint-factory-strip {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 12px 14px 16px !important;
  }
}

/* Keep the Natural Earth map inside the viewport at every desktop resolution. */
html[data-theme="softlight"],
html[data-theme="softlight"] body {
  overflow-x: clip;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  overflow: hidden !important;
}

html[data-theme="softlight"] .blueprint-natural-earth-svg {
  width: min(100%, 1920px) !important;
  max-width: 100% !important;
  left: 50% !important;
  /* The Asia-centered projection is visually right-heavy because the
     Americas are grouped on the wrapped side; nudge the full map left so
     the complete landmass reads centered in the page. */
  margin-left: -4vw;
  overflow: hidden !important;
}

html[data-theme="softlight"] .blueprint-map-country-panel {
  display: none;
}

html[data-theme="softlight"] .blueprint-map-country-group:hover .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group:focus-within .blueprint-map-country-panel {
  display: block;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading {
  box-sizing: border-box;
  max-width: min(760px, calc(100vw - 40px));
  padding-right: 0;
}

html[data-theme="softlight"] .blueprint-map-country-chip {
  max-width: min(132px, 28vw);
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .global-section > .blueprint-map-heading {
    margin-left: 0;
    max-width: calc(100vw - 40px);
  }

  html[data-theme="softlight"] .blueprint-map-country-chip {
    max-width: 112px;
    min-height: 28px;
    padding: 5px 8px;
    gap: 5px;
  }

  html[data-theme="softlight"] .blueprint-map-country-chip b {
    max-width: 58px;
    font-size: 11px;
  }

  html[data-theme="softlight"] .blueprint-map-country-chip span {
    font-size: 13px;
  }

  html[data-theme="softlight"] .blueprint-map-country-chip small {
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    font-size: 9px;
  }

  html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="CN"],
  html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="MY"] {
    transform: translate(-100%, -50%) !important;
  }
}

@media (max-width: 520px) {
  html[data-theme="softlight"] .global-section > .blueprint-map-heading {
    max-width: calc(100vw - 40px);
  }

  html[data-theme="softlight"] .blueprint-map-country-chip {
    max-width: 94px;
    padding: 5px 7px;
  }

  html[data-theme="softlight"] .blueprint-map-country-chip b {
    max-width: 46px;
  }
}

/* Map QA follow-up: one country coordinate per country, integrated card area, no standalone map tint. */
html[data-theme="softlight"] .blueprint-global-map {
  --blueprint-map-surface: #e4ebf7;
  box-sizing: border-box;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  overflow: hidden !important;
  background: var(--blueprint-map-surface) !important;
  border: 0 !important;
  border-radius: 0;
  gap: 0 !important;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  height: clamp(520px, 50vw, 960px);
  background: var(--blueprint-map-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="softlight"] .blueprint-map-ocean {
  fill: var(--blueprint-map-surface) !important;
}

html[data-theme="softlight"] .blueprint-natural-earth-svg {
  top: 50% !important;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map]::before {
  display: none !important;
}

html[data-theme="softlight"] .blueprint-factory-strip {
  box-sizing: border-box;
  z-index: 12;
  width: auto;
  padding: clamp(18px, 2vw, 28px) clamp(18px, 2.2vw, 42px) clamp(22px, 2.4vw, 38px);
  margin: 0 !important;
  background: var(--blueprint-map-surface) !important;
}

html[data-theme="softlight"] .blueprint-factory-card {
  background: var(--blueprint-map-surface);
  border-color: rgba(126, 160, 211, .24);
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-factory-card figure {
  background: var(--blueprint-map-surface);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="DE"] {
  z-index: 3;
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="SK"] {
  z-index: 4;
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="DE"][data-list-dock="bottom"] {
  transform: translate(calc(-100% + 6px), 16px);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="SK"][data-list-dock="bottom"] {
  transform: translate(6px, 16px);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="DE"][data-panel-side="bottom"] .blueprint-map-country-panel {
  left: auto;
  right: 0;
  transform: translate(0, 8px);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="SK"][data-panel-side="bottom"] .blueprint-map-country-panel {
  left: 0;
  transform: translate(0, 8px);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="DE"][data-panel-side="bottom"]:hover .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="DE"][data-panel-side="bottom"]:focus-within .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="DE"][data-panel-side="bottom"].is-active .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="SK"][data-panel-side="bottom"]:hover .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="SK"][data-panel-side="bottom"]:focus-within .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-map-country-code="SK"][data-panel-side="bottom"].is-active .blueprint-map-country-panel {
  transform: translate(0, 0);
}

html[data-theme="softlight"] .blueprint-global-map > .blueprint-map-stage[data-natural-earth-map],
html[data-theme="softlight"] .blueprint-global-map > .blueprint-factory-strip {
  display: block;
}

html[data-theme="softlight"] .blueprint-global-map > .blueprint-map-stage[data-natural-earth-map] {
  margin: 0 !important;
  border-radius: 0 !important;
}

html[data-theme="softlight"] .blueprint-global-map > .blueprint-factory-strip {
  border-radius: 0 !important;
}

html[data-theme="softlight"] .blueprint-map-country-coordinate {
  cursor: pointer;
  outline: none;
  opacity: 1;
  filter: none;
}

html[data-theme="softlight"] .blueprint-map-coordinate-hit {
  fill: transparent;
  stroke: transparent;
}

html[data-theme="softlight"] .blueprint-map-coordinate-shadow {
  fill: rgba(144, 22, 20, .18);
  opacity: .78;
}

html[data-theme="softlight"] .blueprint-map-coordinate-pin {
  fill: #e32622;
  stroke: #fff;
  stroke-width: .86;
  paint-order: stroke fill;
  filter: drop-shadow(0 3px 5px rgba(166, 20, 18, .28));
  transition: fill .18s ease, stroke-width .18s ease, transform .18s ease;
  transform-origin: 0 0;
}

html[data-theme="softlight"] .blueprint-map-coordinate-dot {
  fill: #fff;
  stroke: rgba(164, 21, 19, .34);
  stroke-width: .34;
}

html[data-theme="softlight"] .blueprint-map-country-coordinate:hover .blueprint-map-coordinate-pin,
html[data-theme="softlight"] .blueprint-map-country-coordinate:focus-visible .blueprint-map-coordinate-pin,
html[data-theme="softlight"] .blueprint-map-country-coordinate.is-active .blueprint-map-coordinate-pin {
  fill: #c91513;
  stroke-width: 1;
  transform: translateY(-1px);
}

html[data-theme="softlight"] .blueprint-map-country-group.is-active {
  z-index: 70;
}

html[data-theme="softlight"] .blueprint-map-country-group.is-active .blueprint-map-country-panel {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="top"].is-active .blueprint-map-country-panel,
html[data-theme="softlight"] .blueprint-map-country-group[data-panel-side="bottom"].is-active .blueprint-map-country-panel {
  transform: translate(-50%, 0);
}

html[data-theme="softlight"] .blueprint-map-country-group.is-active .blueprint-map-country-chip {
  border-color: rgba(11, 56, 118, .36);
  box-shadow: 0 18px 34px rgba(11, 56, 118, .16), 0 0 0 4px rgba(11, 56, 118, .07);
}

html[data-theme="softlight"] .blueprint-map-country-panel {
  max-height: min(292px, 34vh);
}

html[data-theme="softlight"] .blueprint-map-country-panel ul {
  max-height: min(242px, calc(34vh - 50px));
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* HR local navigation: keep the same compact submodule switcher as the R&D pages. */
html[data-theme="softlight"] .hr-local-nav.hr-subnav {
  position: relative;
  top: auto;
  z-index: 2;
  display: flex;
  grid-template-columns: none;
  align-items: center;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  margin: 0 0 clamp(34px, 4vw, 58px);
  padding: 4px;
  color: rgba(6, 27, 57, .58);
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(13, 50, 92, .1);
  border-radius: 5px;
  box-shadow: 0 14px 34px rgba(10, 38, 72, .06);
  backdrop-filter: none;
}

html[data-theme="softlight"] .hr-local-nav.hr-subnav span {
  padding: 0 14px;
  color: rgba(6, 27, 57, .64);
  font: 500 9px/34px var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
}

html[data-theme="softlight"] .hr-local-nav.hr-subnav button {
  display: inline-flex;
  grid-template-columns: none;
  grid-template-rows: none;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 34px;
  padding: 0 16px;
  color: rgba(6, 27, 57, .64);
  background: transparent;
  border: 0;
  border-radius: 3px;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  transition: color .2s ease, background .2s ease;
}

html[data-theme="softlight"] .hr-local-nav.hr-subnav button::before {
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 8px;
  border: 1px solid var(--blueprint-blue);
  border-radius: 50%;
}

html[data-theme="softlight"] .hr-local-nav.hr-subnav button::after {
  display: none;
}

html[data-theme="softlight"] .hr-local-nav.hr-subnav button:hover,
html[data-theme="softlight"] .hr-local-nav.hr-subnav button:focus-visible,
html[data-theme="softlight"] .hr-local-nav.hr-subnav button.active,
html[data-theme="softlight"] .hr-local-nav.hr-subnav button[aria-selected="true"] {
  color: var(--blueprint-blue);
  background: #e9f8f8;
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .hr-local-nav.hr-subnav {
    display: flex;
    width: 100%;
    margin: -8px 0 42px;
  }

  html[data-theme="softlight"] .hr-local-nav.hr-subnav span {
    display: none;
  }

  html[data-theme="softlight"] .hr-local-nav.hr-subnav button {
    flex: 1;
    padding: 0 8px;
  }
}

/* Full-width responsive modules: align products and company overview with the rest of the site. */
html[data-theme="softlight"] .blueprint-products-shell,
html[data-theme="softlight"] .research-core-products .blueprint-products-shell,
html[data-theme="softlight"] .blueprint-about-design {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

html[data-theme="softlight"] .blueprint-products-shell,
html[data-theme="softlight"] .research-core-products .blueprint-products-shell {
  margin-right: 0;
  margin-left: 0;
}

/* Homepage core products: use the full viewport width while preserving the
   inner board padding and the responsive product-card grid. */
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) {
  padding: clamp(18px, 2vw, 30px);
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-shell,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-board {
  width: 100%;
  max-width: none;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-board {
  padding: clamp(12px, 1.15vw, 16px);
  border-right: 1px solid rgba(67, 111, 161, .16);
  border-left: 1px solid rgba(67, 111, 161, .16);
  border-radius: 8px;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-header {
  padding-right: 8px;
  padding-left: 8px;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-board::before {
  right: 16px;
  left: 16px;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage {
  padding: clamp(14px, 1.5vw, 22px);
}

html[data-theme="softlight"] .blueprint-product-board,
html[data-theme="softlight"] .blueprint-product-categories,
html[data-theme="softlight"] .blueprint-product-detail-stage,
html[data-theme="softlight"] .blueprint-about-hero,
html[data-theme="softlight"] .blueprint-about-history,
html[data-theme="softlight"] .blueprint-about-culture,
html[data-theme="softlight"] .blueprint-about-customers {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

html[data-theme="softlight"] .blueprint-product-categories {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1680px) {
  html[data-theme="softlight"] .blueprint-product-category-hero {
    min-height: clamp(360px, 24vw, 520px);
  }
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-product-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Keep the three homepage product cards on one row at tablet widths so an
   unused grid cell does not create a large blank area beside the cards. */
@media (min-width: 721px) and (max-width: 1180px) {
  html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 721px) and (max-width: 980px) {
  html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage [data-product-detail-panel="interior"].is-active .blueprint-product-detail-images {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="softlight"] .blueprint-product-categories {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage [data-product-detail-panel].is-active .blueprint-product-detail-images {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .blueprint-global-map {
    border: 0 !important;
  }

  html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
    display: none !important;
  }

  html[data-theme="softlight"] .blueprint-factory-strip {
    margin: 12px 0 0 !important;
  }
}

/* Global layout surface: keep the whole module on the same color as the map. */
html[data-theme="softlight"] .global-section {
  --blueprint-map-surface: #e4ebf7;
  background: var(--blueprint-map-surface) !important;
}

/* Homepage major customers: continue the map surface into a calm, readable
   customer band while retaining the same blueprint cards and logo treatment. */
html[data-theme="softlight"] .global-section > .blueprint-about-customers {
  position: relative;
  z-index: 2;
  width: min(1920px, 100%);
  margin: clamp(24px, 3vw, 44px) auto 0;
  padding: clamp(28px, 3.5vw, 52px);
  background:
    linear-gradient(135deg, rgba(248, 251, 255, .96), rgba(235, 243, 253, .9)),
    radial-gradient(circle at 86% 18%, rgba(91, 159, 243, .16), transparent 30vw);
  border: 1px solid rgba(67, 111, 161, .14);
  border-radius: var(--blueprint-radius);
  box-shadow: 0 16px 40px rgba(55, 91, 132, .08);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers::before {
  opacity: .22;
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .68), transparent 86%);
}

/* Homepage major customers: let the map surface continue through the module
   and keep each customer mark on the same open surface. The company overview
   keeps its framed customer band unchanged. */
html[data-theme="softlight"] .global-section > .blueprint-about-customers {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers::before {
  display: none;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-about-section-head {
  display: block;
  width: min(760px, 100%);
  margin-bottom: 26px;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-about-section-head > span {
  display: none;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-about-section-head h2 {
  margin: 0 0 10px;
  color: #09275d;
  font-size: clamp(36px, 4.1vw, 64px);
  font-weight: 850;
  letter-spacing: .02em;
  line-height: 1.06;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-about-section-head p {
  max-width: 680px;
  margin: 0;
  color: #12376d;
  font-size: clamp(14px, 1.1vw, 18px);
  font-weight: 650;
  line-height: 1.55;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-customer-card {
  background: transparent !important;
  border-color: rgba(67, 111, 161, .18);
  box-shadow: none;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-customer-card:hover {
  background: transparent !important;
  box-shadow: none;
}

/* Normalize the visible footprint of the different source marks. Their SVG
   viewBoxes are not comparable, so use a shared optical scale on the
   homepage while preserving the existing module-page logo sizing. */
html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-customer-mark {
  transform-origin: center;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-faw-jiefang,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-image,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-saic,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-volkswagen,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-nio,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-xiaomi,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-volvo,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-bmw,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-mercedes {
  transform: scale(1);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-geely {
  transform: scale(1.55);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-chery {
  transform: scale(1.28);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-li-auto,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-ford {
  transform: scale(1.5);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-gac,
html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-great-wall {
  transform: scale(1.1);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-byd {
  transform: scale(1.9);
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .customer-mark-audi {
  transform: scale(1.7);
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .global-section > .blueprint-about-customers {
    width: 100%;
    margin-top: 22px;
    padding: 28px 20px;
  }
}

/* Match the homepage core-products outer surface to its own light product
   board instead of inheriting the global-map surface. */
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) {
  /* Bridge the carousel's deep lower edge before easing into the map surface. */
  background: linear-gradient(
    180deg,
    #183252 0%,
    #3e658d 8%,
    #7fa7d1 18%,
    #b8cce0 52%,
    #e4ebf7 100%
  ) !important;
}

/* Keep the carousel and product modules in separate layers so the image never
   covers the product heading or cards. */
@media (min-width: 621px) {
  html[data-theme="softlight"] .hero {
    z-index: auto;
    overflow: hidden;
  }

  html[data-theme="softlight"] .hero-media {
    bottom: 0;
  }

  html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) {
    position: relative;
    z-index: auto;
    margin-top: 0;
    padding-top: clamp(18px, 2vw, 30px);
  }
}

/* The darker first gradient stops sit behind the section header, so keep its
   labels light enough to remain legible before the surface reaches the map
   blue. */
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-logo,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-title,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-header p {
  text-shadow: 0 1px 8px rgba(7, 29, 54, .28);
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-logo b,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-logo small,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-title h2,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-title span,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-header strong,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-header small {
  color: rgba(255, 255, 255, .96) !important;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-logo {
  border-right-color: rgba(255, 255, 255, .46) !important;
}

/* The homepage core-products board should blend into its surrounding surface
   without a visible outer frame. */
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-board {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-shell {
  background: transparent !important;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-category-hero {
  box-shadow: none !important;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Make the shared Product Detail area read as a child of the product cards. */
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage {
  position: relative;
  margin-top: clamp(18px, 1.8vw, 26px) !important;
  padding: clamp(14px, 1.6vw, 22px) clamp(14px, 1.8vw, 24px) clamp(14px, 1.6vw, 22px) clamp(22px, 2.4vw, 34px) !important;
  background: #d4e2f3 !important;
  border-left: 2px solid rgba(227, 59, 53, .46) !important;
  border-radius: 10px !important;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage::before {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 clamp(12px, 1.2vw, 18px) !important;
  padding-left: 2px;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-detail-stage::after {
  content: "";
  position: absolute;
  top: calc(-1 * clamp(18px, 1.8vw, 26px));
  left: -2px;
  width: 2px;
  height: clamp(18px, 1.8vw, 26px);
  background: rgba(227, 59, 53, .46);
}

html[data-theme="softlight"] .global-section.section-ink,
html[data-theme="softlight"] .global-section.section-dark,
html[data-theme="softlight"] .global-section > .blueprint-map-heading,
html[data-theme="softlight"] .global-section .blueprint-global-map,
html[data-theme="softlight"] .global-section .blueprint-map-stage[data-natural-earth-map],
html[data-theme="softlight"] .global-section .blueprint-factory-strip,
html[data-theme="softlight"] .global-section .blueprint-factory-card,
html[data-theme="softlight"] .global-section .blueprint-factory-card figure,
html[data-theme="softlight"] .global-section .blueprint-map-country-chip,
html[data-theme="softlight"] .global-section .blueprint-map-country-panel,
html[data-theme="softlight"] .global-section .blueprint-global-map + .country-list,
html[data-theme="softlight"] .global-section .blueprint-global-map + .country-list .country-row li {
  background: var(--blueprint-map-surface) !important;
}

html[data-theme="softlight"] .global-section .blueprint-global-map + .country-list {
  border-top-color: rgba(13, 79, 145, .08);
}

html[data-theme="softlight"] .global-section .blueprint-global-map + .country-list .country-row:hover,
html[data-theme="softlight"] .global-section .blueprint-global-map + .country-list .country-row li:hover {
  background: rgba(13, 79, 145, .045) !important;
}

/* Natural Earth map loading state: keep the existing layout stable while the 110m data downloads. */
html[data-theme="softlight"] .blueprint-map-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 128px;
  padding: 11px 16px;
  color: #0b3975;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(13, 79, 145, .16);
  border-radius: 999px;
  box-shadow: 0 16px 34px rgba(13, 45, 82, .13);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) translateY(6px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  pointer-events: none;
}

html[data-theme="softlight"] .blueprint-map-loader i {
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 2px solid rgba(13, 79, 145, .18);
  border-top-color: #e32622;
  border-radius: 50%;
  animation: blueprint-map-loader-spin .75s linear infinite;
}

html[data-theme="softlight"] .blueprint-map-loader span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  white-space: nowrap;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map].is-loading .blueprint-map-loader {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) translateY(0);
}

@keyframes blueprint-map-loader-spin {
  to { transform: rotate(360deg); }
}

/* Seat product details: with three cards, let the image rail occupy the full right side. */
html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active {
  grid-template-columns: 1fr !important;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-card {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(220px, .24fr) minmax(0, 1fr) !important;
  align-items: center;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy {
  display: block;
  align-self: center;
  max-width: 430px;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy span {
  grid-row: auto;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy h4 {
  margin: 10px 0 0;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-copy p {
  max-width: none;
  margin: 8px 0 0;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-images {
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-images figure {
  height: auto;
  min-height: clamp(168px, 10.5vw, 260px);
  aspect-ratio: 16 / 9;
  background: #000;
}

html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-images img {
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1180px) {
  html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-card {
    grid-template-columns: 1fr !important;
  }

  html[data-theme="softlight"] .blueprint-product-detail-stage [data-product-detail-panel="seat"].is-active .blueprint-product-detail-images figure {
    min-height: clamp(180px, 32vw, 300px);
  }
}

/* Hero copy guard: long Latin-language headlines must not push actions out of view. */
html[data-theme="softlight"] .blueprint-hero-copy {
  width: min(780px, 64vw);
}

html[data-theme="softlight"] .blueprint-hero-copy h1 {
  font-size: clamp(36px, 4.15vw, 60px);
  line-height: 1.06;
  letter-spacing: -.028em;
  text-wrap: balance;
}

html[data-theme="softlight"] .blueprint-summary {
  max-width: 600px;
  margin: 14px 0 20px;
}

html[data-theme="softlight"][lang="en"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="de"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="fr"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="es"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="pt"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="ja"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="ko"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="sk"] .blueprint-hero-copy h1,
html[data-theme="softlight"][lang="ar"] .blueprint-hero-copy h1 {
  font-size: clamp(34px, 3.9vw, 56px);
  line-height: 1.07;
}

@media (max-width: 980px) {
  html[data-theme="softlight"] .blueprint-hero-copy {
    width: min(680px, calc(100vw - 48px));
  }
}

@media (max-width: 820px) {
  html[data-theme="softlight"] .blueprint-hero-copy {
    top: 104px;
    width: min(560px, calc(100vw - 40px));
  }

  html[data-theme="softlight"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="en"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="de"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="fr"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="es"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="pt"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="ja"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="ko"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="sk"] .blueprint-hero-copy h1,
  html[data-theme="softlight"][lang="ar"] .blueprint-hero-copy h1 {
    font-size: clamp(34px, 10vw, 48px);
  }

html[data-theme="softlight"] .blueprint-summary {
    margin-bottom: 18px;
  }
}

/* Cross-platform country flags. Windows browsers do not reliably render
   regional-indicator emoji, so these small CSS marks keep the flags visible. */
.flag-icon {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 38px;
  height: 24px;
  overflow: hidden;
  border-radius: 2px;
  background-color: transparent;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.flag-CN {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23de2910'/%3E%3Cpolygon fill='%23ffde00' points='5,2 5.7,4.1 8,4.1 6.15,5.4 6.85,7.5 5,6.2 3.15,7.5 3.85,5.4 2,4.1 4.3,4.1'/%3E%3Cg fill='%23ffde00'%3E%3Cpolygon points='0,-1 0.224,-0.309 0.951,-0.309 0.363,0.118 0.588,0.809 0,0.4 -0.588,0.809 -0.363,0.118 -0.951,-0.309 -0.224,-0.309' transform='translate(10 2) rotate(23)'/%3E%3Cpolygon points='0,-1 0.224,-0.309 0.951,-0.309 0.363,0.118 0.588,0.809 0,0.4 -0.588,0.809 -0.363,0.118 -0.951,-0.309 -0.224,-0.309' transform='translate(12 4) rotate(45)'/%3E%3Cpolygon points='0,-1 0.224,-0.309 0.951,-0.309 0.363,0.118 0.588,0.809 0,0.4 -0.588,0.809 -0.363,0.118 -0.951,-0.309 -0.224,-0.309' transform='translate(12 7) rotate(67)'/%3E%3Cpolygon points='0,-1 0.224,-0.309 0.951,-0.309 0.363,0.118 0.588,0.809 0,0.4 -0.588,0.809 -0.363,0.118 -0.951,-0.309 -0.224,-0.309' transform='translate(10 9) rotate(110)'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.flag-US {
  background-color: transparent;
  background-image: url("/assets/official/flag-us.svg?v=20260828-us-size-v1");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.flag-MX {
  background-color: transparent;
  background-image: url("/assets/official/flag-mx.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.flag-DE {
  background: linear-gradient(to bottom, #000 0 33.33%, #dd0000 33.33% 66.66%, #ffce00 66.66% 100%);
}

.flag-SK {
  background-color: transparent;
  background-image: url("/assets/official/flag-sk.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.flag-MY {
  background-color: transparent;
  background-image: url("/assets/official/flag-my.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.flag-GENERIC { background: transparent; }

.blueprint-factory-card figure .flag-icon {
  width: 30px;
  height: 20px;
}

.blueprint-map-country-chip .country-flag-chip {
  width: 20px;
  height: 14px;
  box-shadow: none;
}

.blueprint-map-country-panel-head .country-flag-inline,
.blueprint-map-tooltip .country-flag-inline {
  width: 20px;
  height: 14px;
  margin-right: 6px;
  box-shadow: none;
}

.country-flag .flag-icon-inner {
  width: 34px;
  height: 23px;
}

/* Use the supplied visual timeline artwork as the company-history section. */
.company-history-design {
  display: block;
  width: 100%;
  height: auto;
}

.about-history.company-history-section {
  padding-top: 0;
  border-top: 0;
}

html[data-theme="softlight"] .blueprint-about-history.company-history-section {
  margin-top: 42px;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="softlight"] .blueprint-about-history.company-history-section .company-history-design {
  border-radius: 0;
  object-fit: cover;
  object-position: center;
}

/* Softlight theme: a lighter, map-matched blue-white direction. */
html[data-theme="softlight"] {
  color-scheme: light;
  --ink: #163b68;
  --ink-2: #285986;
  --paper: #e4ebf7;
  --white: #ffffff;
  --muted: #5f7694;
  --line: rgba(37, 84, 135, .16);
  --blue: #4f86c6;
  --cyan: #78a9de;
  --red: #df3b35;
  --blueprint-navy: #163b68;
  --blueprint-blue: #4f86c6;
  --blueprint-sky: #e4ebf7;
  --blueprint-card: rgba(255, 255, 255, .82);
  --blueprint-panel: rgba(247, 250, 255, .84);
  --blueprint-line: rgba(50, 96, 146, .18);
  --blueprint-shadow: 0 16px 40px rgba(55, 91, 132, .12);
  --blueprint-radius: 10px;
  --blueprint-red: #df3b35;
}

html[data-theme="softlight"] body {
  color: var(--blueprint-navy);
  background: #e4ebf7;
}

html[data-theme="softlight"] .page-noise { opacity: .006; }

html[data-theme="softlight"] .site-header {
  color: #183e6c;
  background: rgba(244, 248, 253, .94);
  border-bottom-color: rgba(52, 96, 145, .12);
  box-shadow: 0 10px 30px rgba(57, 93, 135, .08);
}

html[data-theme="softlight"] .site-header.scrolled {
  color: #183e6c;
  background: rgba(244, 248, 253, .96);
  border-bottom-color: rgba(52, 96, 145, .15);
}

html[data-theme="softlight"] .brand-name,
html[data-theme="softlight"] .desktop-nav a,
html[data-theme="softlight"] .language-trigger { color: #183e6c; }

html[data-theme="softlight"] .desktop-nav a:hover,
html[data-theme="softlight"] .desktop-nav a[aria-current="page"],
html[data-theme="softlight"] .language-trigger:hover { color: #3e78b7; }

/* Carousel: let the supplied photography carry the hero while keeping copy legible. */
html[data-theme="softlight"] .hero {
  color: #fff;
  background: #7fa7d1;
}

html[data-theme="softlight"] .hero::before {
  background:
    linear-gradient(90deg, rgba(18, 54, 93, .62) 0%, rgba(35, 82, 130, .34) 38%, rgba(49, 95, 144, .04) 76%, rgba(49, 95, 144, .16) 100%),
    linear-gradient(0deg, rgba(19, 55, 92, .24), transparent 54%);
}

html[data-theme="softlight"] .hero::after {
  opacity: .12;
  background-image:
    linear-gradient(rgba(255, 255, 255, .28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .22) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .48), transparent 72%);
}

html[data-theme="softlight"] .hero-media::after {
  background: linear-gradient(180deg, rgba(21, 61, 101, .02), rgba(21, 61, 101, .12) 64%, rgba(21, 61, 101, .24) 100%);
}

html[data-theme="softlight"] .hero-slide img {
  filter: saturate(.78) contrast(.94) brightness(1.04);
}

html[data-theme="softlight"] .blueprint-kicker { color: rgba(255, 255, 255, .84); }
html[data-theme="softlight"] .blueprint-summary { color: rgba(255, 255, 255, .9); }
html[data-theme="softlight"] .blueprint-primary {
  background: #df3b35;
  box-shadow: 0 14px 30px rgba(183, 56, 51, .22);
}
html[data-theme="softlight"] .blueprint-primary:hover { background: #c9322e; }

/* Core products: use the same #e4ebf7 surface as the global map, with soft white panels. */
html[data-theme="softlight"] .blueprint-products,
html[data-theme="softlight"] .module-page-main,
html[data-theme="softlight"] .section-light,
html[data-theme="softlight"] .section-paper,
html[data-theme="softlight"] .section-dark,
html[data-theme="softlight"] .section-ink {
  background: #e4ebf7;
}

html[data-theme="softlight"] .blueprint-products::before,
html[data-theme="softlight"] .blueprint-products::after { opacity: 0; }

html[data-theme="softlight"] .blueprint-product-board {
  background: linear-gradient(180deg, rgba(242, 247, 253, .9), rgba(221, 232, 246, .76));
  border: 1px solid rgba(67, 111, 161, .16);
  box-shadow: 0 20px 52px rgba(61, 95, 136, .12);
}

html[data-theme="softlight"] .blueprint-product-board::before {
  background: linear-gradient(90deg, #df3b35, #6f9ed1 62%, transparent);
  box-shadow: 0 0 10px rgba(91, 142, 200, .25);
}

html[data-theme="softlight"] .blueprint-products-logo { border-right-color: rgba(37, 84, 135, .22); }
html[data-theme="softlight"] .blueprint-products-logo b,
html[data-theme="softlight"] .blueprint-products-logo small,
html[data-theme="softlight"] .blueprint-products-title h2,
html[data-theme="softlight"] .blueprint-products-title span,
html[data-theme="softlight"] .blueprint-products-header strong,
html[data-theme="softlight"] .blueprint-products-header small { color: #173f6d; }
html[data-theme="softlight"] .blueprint-products-header small { opacity: .62; }

html[data-theme="softlight"] .blueprint-product-category-hero {
  background:
    radial-gradient(circle at 68% 18%, rgba(116, 168, 222, .2), transparent 34%),
    linear-gradient(135deg, rgba(173, 201, 231, .96), rgba(118, 160, 207, .98));
  border-color: rgba(68, 117, 171, .28);
  box-shadow: 0 14px 30px rgba(61, 96, 139, .14);
}

html[data-theme="softlight"] .blueprint-product-category-hero::after {
  background:
    linear-gradient(180deg, rgba(40, 81, 126, .01) 16%, rgba(40, 81, 126, .1) 46%, rgba(32, 67, 108, .42) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, .1), transparent 42%, rgba(38, 80, 123, .08));
}

html[data-theme="softlight"] .blueprint-product-category-hero > img {
  filter: saturate(.84) contrast(.96) brightness(1.06);
}

html[data-theme="softlight"] .blueprint-product-category-copy h3 { color: #fff; text-shadow: 0 2px 12px rgba(22, 58, 99, .22); }
html[data-theme="softlight"] .blueprint-product-category-copy p { color: rgba(255, 255, 255, .9); }
html[data-theme="softlight"] .blueprint-product-category-copy span { color: #eaf3fd; }

/* Give the lead carousel artwork enough vertical room to show the vehicle
   silhouette without changing the mobile composition. */
@media (min-width: 901px) {
  html[data-theme="softlight"] .hero {
    min-height: clamp(560px, 74svh, 760px);
  }
}

html[data-theme="softlight"] .blueprint-product-detail-stage {
  background: linear-gradient(135deg, rgba(245, 249, 254, .94), rgba(219, 231, 246, .92));
  border-color: rgba(67, 111, 161, .2);
  box-shadow: 0 16px 36px rgba(61, 96, 139, .1);
}
html[data-theme="softlight"] .blueprint-product-detail-stage::before { color: rgba(54, 101, 153, .72); }
html[data-theme="softlight"] .blueprint-product-detail-card {
  background: rgba(255, 255, 255, .62);
  border-color: rgba(67, 111, 161, .18);
  box-shadow: 0 12px 26px rgba(61, 96, 139, .1);
}
html[data-theme="softlight"] .blueprint-product-detail-copy h4 { color: #173f6d; }
html[data-theme="softlight"] .blueprint-product-detail-copy p { color: rgba(23, 63, 109, .7); }
html[data-theme="softlight"] .blueprint-product-detail-images figure {
  background: rgba(217, 230, 245, .78);
  border-color: rgba(67, 111, 161, .18);
}
html[data-theme="softlight"] .blueprint-product-detail-images img { filter: saturate(.9) contrast(.97) drop-shadow(0 10px 16px rgba(45, 79, 117, .16)); }
html[data-theme="softlight"] .blueprint-product-detail-stage .blueprint-product-detail-images figcaption {
  color: #fff;
  text-shadow: 0 2px 8px rgba(15, 43, 74, .48);
}

html[data-theme="softlight"] .global-section {
  --blueprint-map-surface: #e4ebf7;
  background: var(--blueprint-map-surface) !important;
}

html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map] {
  background: #e4ebf7;
  border-color: transparent;
  box-shadow: none;
}
html[data-theme="softlight"] .blueprint-map-stage[data-natural-earth-map]::before { opacity: 0; }
html[data-theme="softlight"] .blueprint-map-land path { fill: #6b9be1; stroke: rgba(255, 255, 255, .88); }
html[data-theme="softlight"] .blueprint-map-land path.is-xinquan-country { fill: #2967a9; }
html[data-theme="softlight"] .blueprint-map-pin { fill: #df3b35; }
html[data-theme="softlight"] .blueprint-map-country-chip,
html[data-theme="softlight"] .blueprint-map-country-panel { background: rgba(247, 250, 255, .88); border-color: rgba(67, 111, 161, .2); }

/* Shared content gutter: keep the homepage's product board, global-layout
   heading/map, factory cards, and major-customer band on one physical left
   edge.  The map used to break out to the viewport so its cards started at a
   different x-position than the surrounding sections. */
html[data-theme="softlight"] {
  --blueprint-content-gutter: clamp(30px, 4vw, 58px);
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) {
  box-sizing: border-box;
  padding-left: var(--blueprint-content-gutter) !important;
  padding-right: var(--blueprint-content-gutter) !important;
}

html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-products-shell,
html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) .blueprint-product-board {
  width: 100% !important;
  max-width: none !important;
}

html[data-theme="softlight"] .global-section {
  padding-left: var(--blueprint-content-gutter) !important;
  padding-right: var(--blueprint-content-gutter) !important;
}

html[data-theme="softlight"] .global-section > .blueprint-map-heading {
  width: min(760px, 100%) !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html[data-theme="softlight"] .global-section > .blueprint-global-map {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-theme="softlight"] .global-section > .blueprint-global-map > .blueprint-factory-strip {
  box-sizing: border-box;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: clamp(8px, 1vw, 14px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers {
  box-sizing: border-box;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-about-section-head {
  width: min(760px, 100%) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[data-theme="softlight"] .global-section > .blueprint-about-customers .blueprint-about-customer-grid {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 820px) {
  html[data-theme="softlight"] {
    --blueprint-content-gutter: 20px;
  }

  html[data-theme="softlight"] main > .blueprint-products:not(.research-core-products) {
    padding-left: var(--blueprint-content-gutter) !important;
    padding-right: var(--blueprint-content-gutter) !important;
  }

  html[data-theme="softlight"] .global-section {
    padding-left: var(--blueprint-content-gutter) !important;
    padding-right: var(--blueprint-content-gutter) !important;
  }

  html[data-theme="softlight"] .global-section > .blueprint-global-map {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[data-theme="softlight"] .global-section > .blueprint-global-map > .blueprint-factory-strip {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html[data-theme="softlight"] .global-section > .blueprint-about-customers {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Homepage atmosphere: carry one deliberate dark-to-light sequence from the
   carousel through products, the global map, and into the customer showcase.
   Keep the map artwork transparent so the section gradient is visible around
   the land shapes instead of stopping at a flat color block. */
html[data-theme="softlight"] body:not(.module-page) main > .blueprint-products:not(.research-core-products) {
  background: linear-gradient(
    180deg,
    #1b3658 0%,
    #385f83 12%,
    #6f96b9 30%,
    #a7c2dc 55%,
    #cbdced 78%,
    #dbe8f5 100%
  ) !important;
}

html[data-theme="softlight"] body:not(.module-page) .global-section {
  background: linear-gradient(
    180deg,
    #dbe8f5 0%,
    #e5eef8 34%,
    #edf4fb 66%,
    #f8fbff 100%
  ) !important;
}

/* Keep the global-layout heading on the same surface as the section.  The
   shared blueprint theme gives this copy block its own opaque map tint, which
   reads as a hard rectangle against the homepage's dark-to-light transition.
   On the homepage let the section gradient flow behind the copy instead. */
html[data-theme="softlight"] body:not(.module-page) .global-section > .blueprint-map-heading {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="softlight"] body:not(.module-page) .global-section > .blueprint-global-map,
html[data-theme="softlight"] body:not(.module-page) .global-section > .blueprint-global-map > .blueprint-factory-strip,
html[data-theme="softlight"] body:not(.module-page) .global-section .blueprint-factory-card,
html[data-theme="softlight"] body:not(.module-page) .global-section .blueprint-factory-card figure,
html[data-theme="softlight"] body:not(.module-page) .global-section .blueprint-factory-card > div {
  background: transparent !important;
}

html[data-theme="softlight"] body:not(.module-page) .global-section .blueprint-map-stage[data-natural-earth-map] {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="softlight"] body:not(.module-page) .global-section .blueprint-map-ocean {
  fill: transparent !important;
}

/* Mobile core-products header: the desktop separator is anchored to a fixed
   board offset, but the header becomes a stacked flow on narrow screens. Keep
   the branding compact and move the separator into the gap between branding
   and the title so it cannot cross the heading or tagline. */
@media (max-width: 860px) {
  html[data-theme="softlight"] .blueprint-product-board::before {
    top: 54px;
    right: 12px;
    left: 12px;
  }

  html[data-theme="softlight"] .blueprint-products-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    min-height: 0;
    padding: 0 4px 20px;
  }

  html[data-theme="softlight"] .blueprint-products-logo {
    width: fit-content;
    max-width: 100%;
    gap: 8px;
    padding-right: 16px;
  }

  html[data-theme="softlight"] .blueprint-logo-mark {
    width: 34px;
    height: 26px;
  }

  html[data-theme="softlight"] .blueprint-logo-mark i {
    inset: 2px 9px;
  }

  html[data-theme="softlight"] .blueprint-logo-mark i:first-child {
    right: 16px;
  }

  html[data-theme="softlight"] .blueprint-logo-mark i:last-child {
    left: 15px;
  }

  html[data-theme="softlight"] .blueprint-products-logo b {
    font-size: 18px;
  }

  html[data-theme="softlight"] .blueprint-products-logo small {
    margin-top: 4px;
    font-size: 10px;
    letter-spacing: .22em;
  }

  html[data-theme="softlight"] .blueprint-products-title {
    align-items: start;
    gap: 5px;
    margin-top: 2px;
  }

  html[data-theme="softlight"] .blueprint-products-title h2 {
    font-size: clamp(24px, 7vw, 32px);
    line-height: 1.1;
  }

  html[data-theme="softlight"] .blueprint-products-title span {
    font-size: 12px;
    line-height: 1.2;
  }

  html[data-theme="softlight"] .blueprint-products-header p {
    justify-self: start;
    max-width: 100%;
    text-align: left;
  }

  html[data-theme="softlight"] .blueprint-products-header strong {
    font-size: clamp(15px, 4.5vw, 19px);
    line-height: 1.35;
  }

  html[data-theme="softlight"] .blueprint-products-header small {
    font-size: clamp(9px, 2.8vw, 11px);
    line-height: 1.45;
    letter-spacing: .08em;
  }
}

@media (max-width: 560px) {
  html[data-theme="softlight"] .blueprint-products-title {
    display: grid;
  }
}

/* Company overview customers: use the same optical scale map as the
   homepage so each source SVG's different viewBox whitespace does not make
   the marks appear larger or smaller on this page. */
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .blueprint-customer-mark {
  transform-origin: center;
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-faw-jiefang,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-image,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-saic,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-volkswagen,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-nio,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-xiaomi,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-volvo,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-bmw,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-mercedes {
  transform: scale(1);
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-geely {
  transform: scale(1.55);
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-chery {
  transform: scale(1.28);
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-li-auto,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-ford {
  transform: scale(1.5);
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-gac,
html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-great-wall {
  transform: scale(1.1);
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-byd {
  transform: scale(1.9);
}

html[data-theme="softlight"] .blueprint-about-design .blueprint-about-customers .customer-mark-audi {
  transform: scale(1.7);
}

/* Keep the product-detail code (INT / EXT / SEAT) visually balanced with the
   larger mobile heading instead of leaving it at the desktop micro-label size. */
@media (max-width: 860px) {
  html[data-theme="softlight"] .blueprint-product-detail-copy span {
    min-width: 60px;
    height: 34px;
    font-size: 15px;
    letter-spacing: .14em;
  }
}