@font-face {
  font-family: "KC Source Han";
  src: url("corporate-home-v2/fonts/SourceHanSansCN-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "KC Source Han";
  src: url("corporate-home-v2/fonts/SourceHanSansCN-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "KC Source Han";
  src: url("corporate-home-v2/fonts/SourceHanSansCN-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "KC DIN";
  src: url("corporate-home-v2/fonts/DINCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  --kc-secondary-ink: #122d54;
  --kc-secondary-blue: #1569dc;
  --kc-secondary-pale: #edf3fc;
  --kc-secondary-line: #d7e2f2;
  --kc-secondary-white: #ffffff;
  --kc-secondary-max: 1200px;
  --kc-secondary-header: 72px;
}

.kc-secondary-preview-notice { width: min(calc(100% - 48px), var(--kc-secondary-max)); margin: 18px auto 0; padding: 10px 14px; color: #805d00; background: #fff5d6; border: 1px solid #f0d686; font-size: 13px; font-weight: 700; text-align: center; }

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: #fff;
  color: var(--kc-secondary-ink);
  font-family: "KC Source Han", "Noto Sans SC", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

button,
a { -webkit-tap-highlight-color: transparent; }

.kc-secondary-skip {
  position: absolute;
  top: -48px;
  left: 16px;
  z-index: 30;
  padding: 8px 12px;
  background: #fff;
  color: var(--kc-secondary-ink);
}

.kc-secondary-skip:focus { top: 12px; }

.kc-secondary-header {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: var(--kc-secondary-header);
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid rgba(18, 45, 84, 0.08);
  backdrop-filter: blur(12px);
}

.kc-secondary-header-inner {
  width: min(calc(100% - 40px), var(--kc-secondary-max));
  min-height: var(--kc-secondary-header);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 26px;
}

.kc-secondary-brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.kc-secondary-brand img { width: auto; height: 28px; object-fit: contain; }
.kc-secondary-brand img:first-child { width: 270px; max-width: none; }
.kc-secondary-brand img:last-child, .kc-secondary-brand-divider { display: none; }

.kc-secondary-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: clamp(6px, 0.82vw, 14px);
  font-size: clamp(9.5px, 0.68vw, 11.5px);
  font-weight: 600;
  color: #233e61;
  white-space: nowrap;
}

.kc-secondary-nav-item { position: relative; display: flex; align-items: center; }

.kc-secondary-nav a {
  position: relative;
  padding: 24px 0;
}

.kc-secondary-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 17px;
  left: 0;
  height: 2px;
  background: var(--kc-secondary-blue);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease;
}

.kc-secondary-nav a:hover::after,
.kc-secondary-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }

.kc-secondary-nav-submenu {
  position: absolute;
  z-index: 32;
  top: calc(100% - 15px);
  left: 50%;
  display: grid;
  width: max-content;
  min-width: 196px;
  max-width: min(420px, calc(100vw - 44px));
  gap: 0;
  padding: 10px 14px;
  transform: translateX(-50%) translateY(7px);
  border: 1px solid rgba(255, 255, 255, 0.26);
  background: rgba(9, 51, 105, 0.78);
  box-shadow: 0 16px 34px rgba(10, 37, 78, 0.18);
  backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.kc-secondary-nav-item:hover .kc-secondary-nav-submenu,
.kc-secondary-nav-item:focus-within .kc-secondary-nav-submenu {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.kc-secondary-nav-submenu a {
  padding: 8px 4px;
  color: rgba(255, 255, 255, 0.96);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  white-space: normal;
}

.kc-secondary-nav-submenu a::after { display: none; }

.kc-secondary-tools {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: 8px;
  font-size: 11px;
  color: #6d7d93;
}

.kc-secondary-menu {
  display: none;
  width: 38px;
  height: 38px;
  border: 1px solid var(--kc-secondary-line);
  background: #fff;
  color: var(--kc-secondary-ink);
  font-size: 20px;
  line-height: 1;
}

.kc-secondary-shell {
  width: min(calc(100% - 40px), var(--kc-secondary-max));
  margin: 0 auto;
}

.kc-secondary-hero {
  position: relative;
  min-height: 548px;
  display: grid;
  place-items: center;
  isolation: isolate;
  overflow: hidden;
  background: #b9c6da;
}

.kc-secondary-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--kc-secondary-hero-image) center / cover no-repeat;
}

.kc-secondary-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(8, 42, 92, 0.08), rgba(8, 42, 92, 0.2));
}

.kc-secondary-hero--contain::before {
  background-color: #cbd6e7;
  background-size: auto 82%;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.kc-secondary-hero--contain {
  align-items: start;
}

.kc-secondary-hero--contain .kc-secondary-hero-copy {
  margin-top: 28px;
}

.kc-secondary-hero--contain .kc-secondary-hero-title {
  font-size: clamp(44px, 5.5vw, 80px);
}

.kc-secondary-hero--reference {
  min-height: 0;
  aspect-ratio: 1920 / 820;
  background: #cbd6e7;
}

.kc-secondary-hero--reference::before {
  background-size: cover;
  background-position: center;
}

.kc-secondary-hero--reference::after { background: transparent; }

.kc-secondary-hero--blue::after { background: linear-gradient(180deg, rgba(0, 17, 56, 0.12), rgba(0, 16, 72, 0.3)); }

.kc-secondary-hero-copy {
  width: min(calc(100% - 40px), 850px);
  margin-top: 28px;
  text-align: center;
  color: #fff;
}

.kc-secondary-hero-title {
  margin: 0;
  font-family: "KC DIN", Impact, sans-serif;
  font-size: clamp(56px, 7vw, 104px);
  font-weight: 700;
  line-height: 0.94;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 0 3px 18px rgba(0, 17, 55, 0.2);
}

.kc-secondary-hero-subtitle {
  max-width: 700px;
  margin: 24px auto 0;
  font-size: clamp(15px, 1.55vw, 21px);
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
}

.kc-secondary-eyebrow {
  margin: 0 0 10px;
  color: var(--kc-secondary-blue);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.kc-secondary-section {
  padding: clamp(74px, 8vw, 128px) 0;
}

.kc-secondary-section--pale { background: var(--kc-secondary-pale); }

.kc-secondary-section-title {
  margin: 0;
  color: var(--kc-secondary-ink);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.1;
  text-align: center;
}

.kc-secondary-section-lead {
  max-width: 920px;
  margin: 24px auto 0;
  color: #506783;
  font-size: clamp(15px, 1.45vw, 19px);
  line-height: 1.8;
  text-align: center;
}

.kc-secondary-product-grid {
  margin-top: 66px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 58px 32px;
}

.kc-secondary-product-card {
  min-width: 0;
}

.kc-secondary-product-media {
  height: 328px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #f3f6fb;
}

.kc-secondary-product-media img {
  width: 100%;
  height: 100%;
  padding: 10px;
  object-fit: contain;
}

.kc-secondary-product-card h3 {
  min-height: 2.5em;
  margin: 22px 0 10px;
  color: #172f54;
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.kc-secondary-product-card p {
  margin: 0;
  color: #60748f;
  font-size: 14px;
  line-height: 1.65;
  text-align: center;
}

.kc-secondary-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 10px 16px;
  border: 1px solid currentColor;
  color: var(--kc-secondary-blue);
  font-size: 13px;
  font-weight: 700;
  transition: background 160ms ease, color 160ms ease;
}

.kc-secondary-link:hover,
.kc-secondary-link:focus-visible { background: var(--kc-secondary-blue); color: #fff; }

.kc-secondary-link--light { color: #fff; border-color: rgba(255, 255, 255, 0.8); }

.kc-secondary-link--light:hover,
.kc-secondary-link--light:focus-visible { background: #fff; color: var(--kc-secondary-ink); }

.kc-secondary-milestone-hero {
  min-height: 790px;
  display: block;
  padding: 80px 0 56px;
  background-image: url("corporate-home-v2/development-clean.webp");
  background-position: center center;
}

.kc-secondary-milestone-hero::before { background-image: inherit; }

.kc-secondary-milestone-copy { margin: 0 auto; }

.kc-secondary-milestone-copy .kc-secondary-hero-title { font-size: clamp(48px, 6vw, 88px); }

.kc-secondary-timeline {
  position: relative;
  width: min(calc(100% - 40px), 1060px);
  min-height: 590px;
  margin: 52px auto 0;
}

.kc-secondary-timeline::before {
  content: "";
  position: absolute;
  top: 15%;
  right: 36%;
  bottom: 4%;
  left: 33%;
  border-left: 2px solid rgba(147, 223, 255, 0.45);
  border-bottom: 2px solid rgba(147, 223, 255, 0.3);
  border-radius: 0 0 0 68%;
  transform: skewY(-18deg) rotate(-5deg);
  pointer-events: none;
}

.kc-secondary-stage {
  position: absolute;
  width: min(310px, 38%);
  color: #fff;
}

.kc-secondary-stage:nth-child(1) { left: 5%; bottom: 0; }
.kc-secondary-stage:nth-child(2) { left: 42%; bottom: 18%; }
.kc-secondary-stage:nth-child(3) { right: 2%; bottom: 36%; }
.kc-secondary-stage:nth-child(4) { right: 24%; top: 0; }

.kc-secondary-stage::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -24px;
  width: 13px;
  height: 13px;
  border: 3px solid #bff2ff;
  border-radius: 50%;
  background: #0a65d8;
  box-shadow: 0 0 18px #75e7ff;
}

.kc-secondary-stage-kicker {
  margin: 0 0 4px;
  color: #b7ebff;
  font-size: 13px;
}

.kc-secondary-stage-year {
  margin: 0;
  font-family: "KC DIN", Impact, sans-serif;
  font-size: clamp(38px, 4.2vw, 66px);
  line-height: 0.95;
  letter-spacing: 0.02em;
}

.kc-secondary-stage h3 {
  margin: 12px 0 8px;
  font-size: 17px;
  line-height: 1.25;
}

.kc-secondary-stage p {
  max-width: 300px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  line-height: 1.5;
}

.kc-secondary-stage .kc-secondary-link { margin-top: 16px; }

.kc-secondary-stage-nav {
  display: flex;
  justify-content: center;
  gap: clamp(18px, 5vw, 72px);
  padding: 20px 18px;
  background: #fff;
  border-bottom: 1px solid var(--kc-secondary-line);
  color: #4b5f7a;
  font-family: "KC DIN", Impact, sans-serif;
  font-size: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.kc-secondary-stage-nav a:first-child { color: var(--kc-secondary-blue); }

.kc-secondary-story {
  padding: clamp(74px, 9vw, 132px) 0;
}

.kc-secondary-story--gray { background: #f4f6fa; }

.kc-secondary-story-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(36px, 7vw, 100px);
}

.kc-secondary-story-grid--reverse .kc-secondary-story-media { order: 2; }

.kc-secondary-story-title {
  margin: 0;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.1;
}

.kc-secondary-story-copy p {
  margin: 20px 0 0;
  color: #5c7089;
  font-size: 16px;
  line-height: 1.8;
}

.kc-secondary-story-media {
  min-height: 340px;
  display: grid;
  place-items: center;
}

.kc-secondary-story-media img {
  width: 100%;
  max-height: 440px;
  object-fit: contain;
}

.kc-secondary-strength-hero {
  min-height: 560px;
  align-items: end;
  justify-items: start;
}

.kc-secondary-strength-hero .kc-secondary-hero-copy {
  width: min(calc(100% - 40px), var(--kc-secondary-max));
  margin: 0 auto 74px;
  text-align: left;
}

.kc-secondary-strength-hero .kc-secondary-hero-title { max-width: 720px; }

.kc-secondary-strength-hero .kc-secondary-hero-subtitle { margin-left: 0; }

.kc-secondary-stats {
  position: relative;
  background: #f7f9fc;
  overflow: hidden;
}

.kc-secondary-stats::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(255,255,255,0.87), rgba(255,255,255,0.95)), url("corporate-home-v2/strength-supply.webp") center / cover;
  opacity: 0.32;
}

.kc-secondary-stats-inner { position: relative; }

.kc-secondary-stats-heading {
  margin: 0;
  font-size: clamp(28px, 3.2vw, 46px);
  text-align: center;
}

.kc-secondary-stats-grid {
  margin-top: 46px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.kc-secondary-stat {
  min-height: 188px;
  padding: 26px 30px;
  background: rgba(255, 255, 255, 0.96);
}

.kc-secondary-stat-index { color: var(--kc-secondary-blue); font-family: "KC DIN", Impact, sans-serif; font-size: 18px; }

.kc-secondary-stat-label { max-width: 190px; margin-top: 13px; font-size: 18px; font-weight: 700; line-height: 1.25; }

.kc-secondary-stat-value {
  margin-top: 16px;
  color: var(--kc-secondary-blue);
  font-family: "KC DIN", Impact, sans-serif;
  font-size: clamp(42px, 4.2vw, 70px);
  line-height: 0.9;
}

.kc-secondary-stat-value small { font-family: "KC Source Han", sans-serif; font-size: 16px; font-weight: 700; }

.kc-secondary-model { text-align: center; }

.kc-secondary-model h2 {
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(28px, 3.5vw, 46px);
  line-height: 1.2;
}

.kc-secondary-model p {
  max-width: 930px;
  margin: 28px auto 0;
  color: #5a6f88;
  font-size: 15px;
  line-height: 1.9;
  text-align: left;
}

.kc-secondary-slider {
  position: relative;
  margin-top: 54px;
}

.kc-secondary-slider-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.kc-secondary-slider-head h2 { margin: 0; font-size: clamp(28px, 3.4vw, 46px); }

.kc-secondary-slider-controls { display: flex; gap: 8px; }

.kc-secondary-slider-button {
  width: 38px;
  height: 38px;
  border: 1px solid #b7c6dc;
  background: #fff;
  color: var(--kc-secondary-ink);
  font-size: 20px;
  cursor: pointer;
}

.kc-secondary-slider-button:hover,
.kc-secondary-slider-button:focus-visible { border-color: var(--kc-secondary-blue); color: var(--kc-secondary-blue); }

.kc-secondary-slider-viewport { overflow: hidden; margin-top: 28px; }

.kc-secondary-slider-track {
  display: flex;
  gap: 16px;
  transition: transform 300ms ease;
  will-change: transform;
}

.kc-secondary-tech-card {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  background: #f4f6fa;
}

.kc-secondary-tech-card img {
  width: 100%;
  height: 230px;
  /* 运营上传的技术图片比例不统一；完整展示优先于填满卡框。 */
  object-fit: contain;
  background: #f4f6fa;
}

.kc-secondary-tech-card-body { min-height: 172px; padding: 20px 22px 24px; }

.kc-secondary-tech-card--media-only img { display: block; height: auto; min-height: 230px; object-fit: contain; }

.kc-secondary-tech-card h3 { margin: 0; font-size: 19px; line-height: 1.25; }

.kc-secondary-tech-card p { margin: 12px 0 0; color: #60748f; font-size: 14px; line-height: 1.6; }

.kc-secondary-slider-dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }

.kc-secondary-slider-dot {
  width: 44px;
  height: 3px;
  border: 0;
  padding: 0;
  background: #d7e2f2;
  cursor: pointer;
}

.kc-secondary-slider-dot.is-active { background: var(--kc-secondary-blue); }

.kc-secondary-cta {
  padding: 74px 0;
  background: #102e60;
  color: #fff;
  text-align: center;
}

.kc-secondary-cta h2 { margin: 0; font-size: clamp(28px, 3.5vw, 48px); }

.kc-secondary-cta p { max-width: 720px; margin: 16px auto 0; color: rgba(255,255,255,0.84); }

.kc-secondary-footer {
  padding: 46px 0 28px;
  background: #071b3a;
  color: rgba(255,255,255,0.78);
}

.kc-secondary-footer-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 30px;
}

.kc-secondary-footer-brand img { width: 220px; filter: brightness(0) invert(1); opacity: 0.9; }

.kc-secondary-footer-brand p { max-width: 250px; margin: 18px 0 0; font-size: 13px; line-height: 1.6; }

.kc-secondary-footer h2 { margin: 0 0 14px; color: #fff; font-size: 15px; }

.kc-secondary-footer a { display: block; margin: 8px 0; font-size: 13px; }

.kc-secondary-footer a:hover,
.kc-secondary-footer a:focus-visible { color: #fff; }

.kc-secondary-footer-bottom {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.16);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 12px;
}

[data-kc-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 600ms ease, transform 600ms ease; }
[data-kc-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 1040px) {
  :root { --kc-secondary-header: 66px; }
  .kc-secondary-header-inner { width: min(calc(100% - 28px), var(--kc-secondary-max)); gap: 14px; }
  .kc-secondary-brand img:first-child { width: 270px; }
  .kc-secondary-nav { gap: 16px; font-size: 11px; }
  .kc-secondary-product-grid { gap: 42px 20px; }
  .kc-secondary-product-media { height: 280px; }
  .kc-secondary-stage { width: min(280px, 38%); }
  .kc-secondary-tech-card { flex-basis: calc((100% - 16px) / 2); }
}

/* 平板宽度容不下完整导航时切换为汉堡菜单，避免页头把页面撑出横向滚动。 */
@media (max-width: 1180px) {
  .kc-secondary-menu { display: block; margin-left: auto; }
  .kc-secondary-tools { display: none; }
  .kc-secondary-nav {
    position: absolute;
    top: var(--kc-secondary-header);
    right: 0;
    left: 0;
    display: none;
    max-height: calc(100vh - var(--kc-secondary-header));
    max-height: calc(100dvh - var(--kc-secondary-header));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    align-content: start;
    padding: 8px 18px 16px;
    background: rgba(255,255,255,0.98);
    border-bottom: 1px solid var(--kc-secondary-line);
    box-shadow: 0 12px 28px rgba(18,45,84,0.12);
  }
  .kc-secondary-nav.is-open { display: grid; gap: 0; }
  .kc-secondary-nav a { padding: 12px 0; border-bottom: 1px solid #edf1f7; }
  .kc-secondary-nav a::after { bottom: 0; }
  .kc-secondary-nav-item { display: block; }
  .kc-secondary-nav-submenu {
    position: static;
    display: grid;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: -3px 0 8px;
    padding: 0 0 0 14px;
    transform: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .kc-secondary-nav-submenu a { padding: 8px 0; color: #56708f; font-size: 12px; }
}

@media (max-width: 760px) {
  :root { --kc-secondary-header: 60px; }
  body { font-size: 15px; }
  .kc-secondary-header-inner { width: calc(100% - 24px); }
  .kc-secondary-brand img:first-child { width: 270px; max-width: none; height: 28px; }
  .kc-secondary-menu { display: block; margin-left: auto; }
  .kc-secondary-tools { display: none; }
  .kc-secondary-nav {
    position: absolute;
    top: var(--kc-secondary-header);
    right: 0;
    left: 0;
    display: none;
    padding: 8px 18px 16px;
    background: rgba(255,255,255,0.98);
    border-bottom: 1px solid var(--kc-secondary-line);
    box-shadow: 0 12px 28px rgba(18,45,84,0.12);
  }
  .kc-secondary-nav.is-open { display: grid; gap: 0; }
  .kc-secondary-nav a { padding: 12px 0; border-bottom: 1px solid #edf1f7; }
  .kc-secondary-nav a::after { bottom: 0; }
  .kc-secondary-shell { width: calc(100% - 28px); }
  .kc-secondary-hero { min-height: 430px; }
  /* 参考图型首屏必须随屏宽等比缩放；不能被通用 430px 最小高度反向撑宽。 */
  .kc-secondary-hero--reference { width: 100%; min-height: 0; aspect-ratio: 1920 / 820; }
  .kc-secondary-hero-copy { width: calc(100% - 28px); margin-top: 10px; }
  .kc-secondary-hero-title { font-size: clamp(45px, 14vw, 72px); }
  .kc-secondary-hero-subtitle { margin-top: 18px; font-size: 14px; }
  .kc-secondary-section { padding: 66px 0; }
  .kc-secondary-section-lead { margin-top: 16px; font-size: 14px; line-height: 1.7; }
  .kc-secondary-product-grid { grid-template-columns: 1fr; gap: 42px; margin-top: 42px; }
  .kc-secondary-product-media { height: min(76vw, 330px); }
  .kc-secondary-product-card h3 { margin-top: 16px; font-size: 20px; }
  .kc-secondary-product-card p { font-size: 13px; }
  .kc-secondary-milestone-hero { min-height: 1230px; padding-top: 60px; background-position: 56% center; }
  .kc-secondary-milestone-copy .kc-secondary-hero-title { font-size: clamp(48px, 13vw, 72px); }
  /* 手机端采用独立纵向节点表，避免长标题与按钮沿用桌面坐标后互相遮挡。 */
  .kc-secondary-timeline { width: calc(100% - 48px); min-height: 850px; margin-top: 42px; }
  .kc-secondary-timeline::before { top: 15%; right: 18%; bottom: 7%; left: 18%; }
  .kc-secondary-stage { width: 72%; }
  .kc-secondary-stage:nth-child(1) { top: 670px; bottom: auto; left: 8%; }
  .kc-secondary-stage:nth-child(2) { top: 455px; bottom: auto; left: 18%; }
  .kc-secondary-stage:nth-child(3) { top: 245px; bottom: auto; right: 5%; }
  .kc-secondary-stage:nth-child(4) { right: 8%; top: 0; }
  .kc-secondary-stage-year { font-size: 48px; }
  .kc-secondary-stage h3 { font-size: 15px; }
  .kc-secondary-stage p { font-size: 12px; }
  .kc-secondary-stage-nav { justify-content: flex-start; overflow-x: auto; gap: 28px; font-size: 17px; white-space: nowrap; }
  .kc-secondary-story-grid,
  .kc-secondary-story-grid--reverse { grid-template-columns: 1fr; gap: 34px; }
  .kc-secondary-story-grid--reverse .kc-secondary-story-media { order: 0; }
  .kc-secondary-story-media { min-height: 260px; }
  .kc-secondary-story-copy p { font-size: 14px; }
  .kc-secondary-strength-hero { min-height: 460px; }
  .kc-secondary-strength-hero .kc-secondary-hero-copy { width: calc(100% - 28px); margin-bottom: 46px; }
  .kc-secondary-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 32px; }
  .kc-secondary-stat { min-height: 154px; padding: 18px 16px; }
  .kc-secondary-stat-label { margin-top: 8px; font-size: 14px; }
  .kc-secondary-stat-value { margin-top: 12px; font-size: 48px; }
  .kc-secondary-model p { font-size: 14px; line-height: 1.75; }
  .kc-secondary-slider-head { align-items: start; flex-direction: column; }
  .kc-secondary-slider-viewport { margin-left: -14px; margin-right: -14px; padding: 0 14px; }
  .kc-secondary-tech-card { flex-basis: calc(100% - 18px); }
  .kc-secondary-tech-card img { height: 210px; }
  .kc-secondary-tech-card--media-only img { height: auto; min-height: 210px; }
  .kc-secondary-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .kc-secondary-footer-brand { grid-column: 1 / -1; }
  .kc-secondary-footer-bottom { flex-direction: column; gap: 6px; }
}

@media (max-width: 360px) {
  .kc-secondary-brand img:first-child { width: calc(75vw - 64px); }
}

/* 2026-08-14 二级页参考稿校准：首屏是独立 Banner 成图，页面不叠加标题、点或按钮。 */
.kc-secondary-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kc-secondary-hero.kc-secondary-milestone-hero,
.kc-secondary-hero.kc-secondary-strength-hero {
  min-height: 0;
  display: block;
  aspect-ratio: 1920 / 820;
  background: #d6e9f7;
}

.kc-secondary-hero.kc-secondary-milestone-hero::before,
.kc-secondary-hero.kc-secondary-strength-hero::before {
  background-image: var(--kc-secondary-hero-image-mobile, var(--kc-secondary-hero-image));
  background-position: center;
  background-size: cover;
}

.kc-secondary-hero.kc-secondary-milestone-hero::after,
.kc-secondary-hero.kc-secondary-strength-hero::after { background: transparent; }

/* Development milestones — the sequence, density and quiet white rhythm match the supplied reference. */
.kc-secondary-stage-nav {
  min-height: 56px;
  gap: 0;
  padding: 0;
  border-top: 1px solid #e3eaf2;
  border-bottom: 1px solid #e3eaf2;
  font-size: clamp(15px, 1.5vw, 21px);
}

.kc-secondary-stage-nav a {
  flex: 1 0 0;
  padding: 16px 14px 14px;
  text-align: center;
}

.kc-secondary-stage-nav a + a { border-left: 1px solid #e3eaf2; }

.kc-secondary-stage-nav a:first-child { color: #1b71e3; }

.kc-secondary-milestone-stage-summary {
  padding: clamp(42px, 5vw, 70px) 20px clamp(34px, 4vw, 54px);
  background: #fff;
  color: #132d54;
  text-align: center;
}

.kc-secondary-milestone-stage-summary .kc-secondary-stage-kicker {
  margin: 0 0 6px;
  color: #2879e6;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.kc-secondary-milestone-stage-summary .kc-secondary-stage-year {
  margin: 0;
  font-family: "KC DIN", Impact, sans-serif;
  font-size: clamp(46px, 5.4vw, 76px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.01em;
}

.kc-secondary-stage-caption {
  margin: 16px 0 0;
  color: #4f6078;
  font-size: 13px;
  line-height: 1.5;
}

.kc-secondary-milestone-section { padding: clamp(58px, 7vw, 104px) 0; background: #fff; }
.kc-secondary-milestone-section--soft { background: #f5f6f8; }

.kc-secondary-milestone-section-title,
.kc-secondary-global-layout h2,
.kc-secondary-milestone-vacuum h2 {
  margin: 0;
  color: #1a2c48;
  font-size: clamp(24px, 2.5vw, 38px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.15;
  text-align: center;
}

.kc-secondary-milestone-design-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3.6vw, 54px);
  max-width: 900px;
  margin: clamp(34px, 4vw, 60px) auto 0;
}

.kc-secondary-milestone-design-card { min-width: 0; }

.kc-secondary-milestone-design-media {
  min-height: 298px;
  display: grid;
  grid-template-columns: minmax(108px, .75fr) minmax(0, 1.25fr);
  align-items: center;
  gap: 6px;
  padding: 18px 14px;
  background: #eef3fa;
}

.kc-secondary-milestone-design-media img {
  width: 100%;
  height: 250px;
  object-fit: contain;
}

.kc-secondary-milestone-product-stats { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 0 4px; }
.kc-secondary-milestone-product-stats p { grid-column: 1 / -1; margin: 0; color: #243e60; font-size: 12px; font-weight: 700; line-height: 1.15; }
.kc-secondary-milestone-product-stats strong { margin: 2px 0 10px; color: #2879e6; font-family: "KC DIN", Impact, sans-serif; font-size: clamp(42px, 4vw, 64px); line-height: .8; }
.kc-secondary-milestone-product-stats span { margin: 0 0 10px; color: #2879e6; font-size: 11px; font-weight: 700; line-height: 1.05; }

.kc-secondary-milestone-design-card h3 { margin: 16px 0 8px; color: #263b59; font-size: 17px; line-height: 1.25; }
.kc-secondary-milestone-design-card > p { margin: 0; color: #667890; font-size: 12px; line-height: 1.6; }

.kc-secondary-milestone-story-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: clamp(30px, 7vw, 96px);
  max-width: 980px;
  margin: clamp(34px, 4vw, 56px) auto 0;
}

.kc-secondary-milestone-story-grid--reverse { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); }
.kc-secondary-milestone-story-copy p { margin: 0 0 18px; color: #53677f; font-size: 15px; line-height: 1.85; }
.kc-secondary-milestone-story-copy p:last-child { margin-bottom: 0; }
.kc-secondary-milestone-story-copy strong { color: #243e60; }
.kc-secondary-milestone-story-media { min-width: 0; display: grid; place-items: center; }
.kc-secondary-milestone-story-media img { width: 100%; max-height: 330px; object-fit: contain; }

.kc-secondary-motor-caption {
  margin: clamp(32px, 4vw, 54px) 0 20px;
  color: #293d59;
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.25;
  text-align: center;
}

.kc-secondary-motor-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(43, 100, 185, .12);
}

.kc-secondary-motor-metrics article { min-height: 176px; padding: 18px 14px; display: flex; flex-direction: column; background: #f6f9ff; border-right: 1px solid #dce8f8; }
.kc-secondary-motor-metrics article:first-child { background: #fff; }
.kc-secondary-motor-metrics p { min-height: 2.4em; margin: 0; color: #53677f; font-size: 12px; font-weight: 700; line-height: 1.2; }
.kc-secondary-motor-metrics strong { margin: auto 0 10px; color: #2a78e8; font-family: "KC DIN", Impact, sans-serif; font-size: clamp(34px, 3.9vw, 58px); line-height: .8; }
.kc-secondary-motor-metrics strong span { font-family: "KC Source Han", sans-serif; font-size: .32em; }
.kc-secondary-motor-metrics small { min-height: 2.4em; color: #7d8fa8; font-family: "KC DIN", Impact, sans-serif; font-size: 22px; line-height: 1; }

.kc-secondary-global-layout { padding: clamp(62px, 8vw, 112px) 0; background: radial-gradient(circle at 22% 45%, rgba(255,255,255,.9), transparent 35%), linear-gradient(135deg, #d7eeff, #c7d3ff); }
.kc-secondary-global-layout-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: clamp(10px, 2vw, 30px); max-width: 1040px; margin: clamp(34px, 5vw, 70px) auto 0; text-align: center; }
.kc-secondary-global-layout-flow > span { color: #fff; font-size: clamp(28px, 4vw, 56px); font-weight: 700; text-shadow: 0 4px 12px rgba(64,119,209,.18); }
.kc-secondary-global-layout-flow article { min-height: 236px; display: flex; flex-direction: column; align-items: center; }
.kc-secondary-global-layout-flow h3 { width: min(100%, 220px); aspect-ratio: 1; display: grid; place-items: center; margin: 0; padding: 28px; border: 1px solid rgba(57,143,238,.35); border-radius: 50%; background: rgba(255,255,255,.36); color: #2879e6; font-family: "KC DIN", Impact, sans-serif; font-size: clamp(25px, 2.5vw, 38px); font-weight: 700; line-height: .95; }
.kc-secondary-global-layout-flow p { margin: 18px 0 0; color: #2a3c58; font-size: 13px; font-weight: 700; line-height: 1.38; }

.kc-secondary-milestone-vacuum { padding: clamp(60px, 7vw, 104px) 0; background: #fff; }
.kc-secondary-milestone-vacuum-hero { min-height: 0; display: grid; aspect-ratio: 1920 / 820; place-items: start center; padding: 44px 28px; background: linear-gradient(180deg, rgba(231,241,255,.18), rgba(231,241,255,.04)), var(--kc-milestone-vacuum-image, url("corporate-home-v2/strength-quality.webp")) center / cover no-repeat; }
.kc-secondary-milestone-vacuum-hero > div { max-width: 780px; text-align: center; }
.kc-secondary-milestone-vacuum-hero p { margin: 16px auto 0; color: #52657e; font-size: 13px; line-height: 1.6; }
.kc-secondary-milestone-vacuum-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(26px, 4vw, 54px) clamp(18px, 3vw, 34px); max-width: 1000px; margin: clamp(40px, 5vw, 72px) auto 0; }
.kc-secondary-milestone-vacuum-product { display: block; min-width: 0; color: inherit; }
.kc-secondary-milestone-vacuum-product img { width: 100%; aspect-ratio: 4 / 3; padding: 8px; object-fit: contain; background: #f1f4f8; }
.kc-secondary-milestone-vacuum-product h3 { min-height: 2.5em; margin: 15px 0 8px; color: #273b58; font-size: 15px; line-height: 1.25; text-align: center; }
.kc-secondary-milestone-vacuum-product p { margin: 0; color: #718199; font-size: 11px; line-height: 1.55; text-align: center; }
.kc-secondary-milestone-vacuum-product[href]:hover h3, .kc-secondary-milestone-vacuum-product[href]:focus-visible h3 { color: #1a70df; }

/* Competitive strengths — keeps the same card grid and adds the reference management diagram. */
.kc-secondary-strength-hero { background-color: #d8e4f2; }
.kc-secondary-strength-hero::before { background-position: center; }
.kc-secondary-stats { padding: clamp(58px, 7vw, 92px) 0; }
.kc-secondary-stats-heading { max-width: 1100px; margin: 0 auto; text-align: left; }
.kc-secondary-stats-grid { max-width: 1100px; margin: 34px auto 0; gap: 16px; }
.kc-secondary-stat { min-height: 196px; padding: 22px 28px; box-shadow: 0 1px 0 rgba(29, 74, 137, .03); }
.kc-secondary-model { padding-bottom: clamp(38px, 5vw, 70px); background: linear-gradient(140deg, #fff 0%, #eef8ff 58%, #eef0ff 100%); }
.kc-secondary-model p { text-align: center; }
.kc-secondary-strength-model-chart { padding: 0 0 clamp(70px, 8vw, 120px); background: linear-gradient(140deg, #eef8ff 0%, #e8edff 100%); }
.kc-secondary-strength-model-chart h2 { margin: 0; color: #263b59; font-size: clamp(24px, 2.6vw, 38px); text-align: center; }
.kc-secondary-strength-chart { max-width: 980px; margin: clamp(30px, 4vw, 54px) auto 0; padding: clamp(20px, 3vw, 38px); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 14px 36px rgba(62,112,194,.12); text-align: center; }
.kc-secondary-strength-chart-philosophy { margin: 0; color: #2a405f; font-size: 14px; font-weight: 700; line-height: 1.3; }
.kc-secondary-strength-chart-core { display: grid; grid-template-columns: .8fr 1.6fr .8fr; align-items: center; margin: 22px 0 18px; }
.kc-secondary-strength-chart-core article { min-height: 130px; display: flex; flex-direction: column; justify-content: center; padding: 14px; background: rgba(219,239,255,.6); color: #405371; font-size: 13px; font-weight: 700; line-height: 1.2; }
.kc-secondary-strength-chart-core article:first-child { border-radius: 78px 0 0 78px; }
.kc-secondary-strength-chart-core article:last-child { border-radius: 0 78px 78px 0; }
.kc-secondary-strength-chart-core article:nth-child(2) { gap: 10px; background: rgba(255,255,255,.9); border-radius: 80px; }
.kc-secondary-strength-chart-core strong { display: block; color: #2c7ce9; font-family: "KC DIN", Impact, sans-serif; font-size: clamp(30px, 3.8vw, 58px); line-height: .85; }
.kc-secondary-strength-chart-core article:nth-child(2) strong { font-family: "KC Source Han", sans-serif; font-size: clamp(18px, 2vw, 26px); line-height: 1.15; }
.kc-secondary-strength-chart-platforms, .kc-secondary-strength-chart-foundation { display: grid; gap: 6px; }
.kc-secondary-strength-chart-platforms { grid-template-columns: .8fr 1.2fr; }
.kc-secondary-strength-chart-foundation { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 6px; }
.kc-secondary-strength-chart-platforms p, .kc-secondary-strength-chart-foundation p { margin: 0; padding: 12px 10px; border-radius: 9px; background: #2d76e1; color: #fff; font-size: 13px; font-weight: 700; line-height: 1.25; }
.kc-secondary-strength-chart-platforms span { font-size: 11px; font-weight: 500; }
.kc-secondary-strength-chart-foundation p { background: #3c82e8; }

@media (max-width: 760px) {
  .kc-secondary-hero.kc-secondary-milestone-hero,
  .kc-secondary-hero.kc-secondary-strength-hero { min-height: 0; aspect-ratio: 16 / 9; }
  .kc-secondary-stage-nav { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; font-size: 15px; }
  .kc-secondary-stage-nav a { flex: 0 0 max-content; min-width: 42vw; scroll-snap-align: start; }
  .kc-secondary-milestone-stage-summary { padding: 36px 18px 30px; }
  .kc-secondary-milestone-stage-summary .kc-secondary-stage-year { font-size: 50px; }
  .kc-secondary-milestone-section { padding: 52px 0; }
  .kc-secondary-milestone-design-grid { grid-template-columns: 1fr; max-width: 420px; }
  .kc-secondary-milestone-design-media { min-height: 260px; }
  .kc-secondary-milestone-design-media img { height: 220px; }
  .kc-secondary-milestone-story-grid, .kc-secondary-milestone-story-grid--reverse { grid-template-columns: 1fr; gap: 24px; }
  .kc-secondary-milestone-story-grid--reverse .kc-secondary-milestone-story-media { order: 0; }
  .kc-secondary-milestone-story-copy { text-align: center; }
  .kc-secondary-milestone-story-copy p { font-size: 14px; line-height: 1.7; }
  .kc-secondary-motor-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 10px; }
  .kc-secondary-motor-metrics article { min-height: 146px; padding: 14px 12px; border-bottom: 1px solid #dce8f8; }
  .kc-secondary-motor-metrics article:last-child { grid-column: 1 / -1; }
  .kc-secondary-motor-metrics strong { font-size: 42px; }
  .kc-secondary-global-layout-flow { grid-template-columns: 1fr; gap: 12px; }
  .kc-secondary-global-layout-flow > span { display: none; }
  .kc-secondary-global-layout-flow article { min-height: 0; }
  .kc-secondary-global-layout-flow h3 { width: 178px; padding: 22px; font-size: 30px; }
  .kc-secondary-global-layout-flow p { margin-top: 10px; }
  .kc-secondary-milestone-vacuum-hero { min-height: 0; padding: 28px 18px; aspect-ratio: 1920 / 820; background-size: cover; }
  .kc-secondary-milestone-vacuum-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
  .kc-secondary-milestone-vacuum-product h3 { min-height: 3.75em; font-size: 14px; }
  .kc-secondary-milestone-vacuum-product p { font-size: 10px; }
  .kc-secondary-stats-heading { text-align: center; }
  .kc-secondary-stats-grid { gap: 10px; }
  .kc-secondary-stat { min-height: 158px; padding: 16px 14px; }
  .kc-secondary-strength-model-chart { padding-bottom: 64px; }
  .kc-secondary-strength-chart { padding: 18px 12px; border-radius: 12px; }
  .kc-secondary-strength-chart-core { grid-template-columns: 1fr; gap: 6px; }
  .kc-secondary-strength-chart-core article, .kc-secondary-strength-chart-core article:first-child, .kc-secondary-strength-chart-core article:last-child { min-height: 96px; border-radius: 48px; }
  .kc-secondary-strength-chart-platforms, .kc-secondary-strength-chart-foundation { grid-template-columns: 1fr; }
  .kc-secondary-strength-chart-platforms p, .kc-secondary-strength-chart-foundation p { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
  [data-kc-reveal] { opacity: 1; transform: none; }
}

/* 2026-08-11 vacuum-cleaner mobile review:
   enlarge the reference hero and present the six product families as a 2x3
   matrix instead of six oversized single-column cards. */
@media (max-width: 760px) {
  .kc-secondary-hero--reference {
    min-height: 220px;
    aspect-ratio: 16 / 9;
  }

  .kc-secondary-hero--reference::before {
    background-image: var(--kc-secondary-hero-image-mobile, var(--kc-secondary-hero-image));
    background-position: center;
    background-size: cover;
  }

  .kc-secondary-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 12px;
    margin-top: 36px;
  }

  .kc-secondary-product-media {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .kc-secondary-product-media img {
    padding: 6px;
  }

  .kc-secondary-product-card h3 {
    min-height: 3.75em;
    margin: 12px 0 7px;
    font-size: 15px;
    line-height: 1.25;
  }

  .kc-secondary-product-card p {
    font-size: 12px;
    line-height: 1.5;
  }
}

/* The supplied brand-lockup file is the logo itself.  It must sit directly on
   the white header, not inside a second pale-blue decorative tile. */
.kc-secondary-brand {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.kc-secondary-product-media {
  height: auto;
  aspect-ratio: 4 / 3;
}

.kc-secondary-slider-viewport {
  touch-action: pan-y pinch-zoom;
  user-select: none;
  cursor: grab;
}

.kc-secondary-slider-viewport:active { cursor: grabbing; }
.kc-secondary-slider-track.is-dragging { transition: none !important; }
.kc-secondary-slider-track img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Development page */
.kc-secondary-milestone-section {
  padding: clamp(48px, 5.4vw, 78px) 0;
}

.kc-secondary-milestone-design-grid {
  max-width: 1080px;
  gap: clamp(24px, 3vw, 42px);
  margin-top: clamp(24px, 3vw, 42px);
}

.kc-secondary-milestone-design-media {
  display: block;
  min-height: 0;
  padding: 0;
  aspect-ratio: 641 / 501;
  background: #eef3fa;
}

/* The approved design images already contain their editable statistics as a
   complete graphic. Do not duplicate a second text layer over them. */
.kc-secondary-milestone-product-stats { display: none; }
.kc-secondary-milestone-design-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.kc-secondary-milestone-design-card h3 { margin-top: 14px; }
.kc-secondary-milestone-story-grid {
  max-width: 1080px;
  gap: clamp(28px, 4vw, 58px);
  margin-top: clamp(26px, 3vw, 42px);
}

.kc-secondary-milestone-story-copy strong {
  color: #183e72;
  font-weight: 800;
}

.kc-secondary-milestone-story-media img {
  width: 100%;
  max-height: none;
  aspect-ratio: 790 / 445;
  object-fit: contain;
}

.kc-secondary-motor-caption { margin-top: clamp(28px, 3vw, 42px); }
.kc-secondary-motor-metrics {
  max-width: 980px;
  border: 1px solid #d6e5fa;
  border-radius: 12px;
}

.kc-secondary-motor-metrics article {
  min-height: 190px;
  padding: 0 14px 18px;
  text-align: center;
}

.kc-secondary-motor-metrics p {
  min-height: 58px;
  margin: 0 -14px 14px;
  padding: 10px 8px;
  display: grid;
  place-items: center;
  background: #2e78ed;
  color: #fff;
  font-size: 12px;
}

.kc-secondary-motor-metrics strong { margin: auto 0 14px; }
.kc-secondary-motor-metrics small { display: grid; min-height: 48px; place-items: center; }

.kc-secondary-global-layout { padding: clamp(54px, 6vw, 86px) 0; }
.kc-secondary-global-layout-flow {
  max-width: 1120px;
  margin-top: clamp(28px, 3vw, 46px);
}
.kc-secondary-global-layout-flow article { min-height: 280px; }
.kc-secondary-global-layout-flow h3 {
  width: min(100%, 260px);
  padding: 34px;
  font-size: clamp(28px, 2.9vw, 42px);
}
.kc-secondary-global-layout-flow p { font-size: 14px; }

.kc-secondary-milestone-vacuum {
  padding: 0 0 clamp(58px, 7vw, 96px);
}

.kc-secondary-milestone-vacuum > .kc-secondary-shell {
  width: 100%;
  max-width: none;
}

.kc-secondary-milestone-vacuum-hero {
  width: 100%;
  min-height: 0;
  padding: 0;
  aspect-ratio: 1920 / 900;
  background-size: cover;
}

.kc-secondary-milestone-vacuum-grid {
  width: min(calc(100% - 40px), 1080px);
  max-width: none;
  margin-inline: auto;
}

.kc-secondary-milestone-vacuum-product img {
  aspect-ratio: 3 / 2;
  padding: clamp(10px, 1.4vw, 18px);
  object-fit: contain;
}

/* Competitive strengths page */
.kc-secondary-stats {
  padding: clamp(50px, 5.6vw, 78px) 0;
}

.kc-secondary-stats::before {
  background:
    linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.9)),
    var(--kc-secondary-stats-background, url("corporate-home-v2/strength-supply.webp")) center / cover no-repeat;
  opacity: 1;
}

.kc-secondary-stats-grid {
  margin-top: 26px;
  gap: 14px;
}

.kc-secondary-stat {
  min-height: 184px;
  padding: 20px 26px;
}

.kc-secondary-stat-label { margin-top: 8px; }
.kc-secondary-stat-value { margin-top: 10px; }

.kc-secondary-model {
  padding-top: clamp(52px, 5.8vw, 82px);
  padding-bottom: clamp(28px, 3.5vw, 48px);
}

.kc-secondary-model h2 {
  max-width: 980px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.16;
}

.kc-secondary-model p {
  max-width: 1080px;
  margin-top: 20px;
  line-height: 1.72;
  text-align: justify;
  text-align-last: left;
}

.kc-secondary-strength-model-chart {
  padding-bottom: clamp(54px, 6vw, 84px);
}

.kc-secondary-strength-chart {
  max-width: 1120px;
  margin-top: clamp(24px, 3vw, 38px);
  padding: clamp(20px, 2.5vw, 32px);
}

.kc-secondary-strength-chart-core { margin: 18px 0 14px; }
.kc-secondary-strength-chart-core article { min-height: 116px; }
.kc-secondary-strength-chart-platforms p,
.kc-secondary-strength-chart-foundation p { padding-block: 10px; }

.kc-secondary-section--pale[aria-labelledby="tech-title"] {
  padding-top: clamp(48px, 5vw, 72px);
}

.kc-secondary-section--pale .kc-secondary-slider { margin-top: 0; }

/* Automotive Motor / components-business secondary page */
.kc-secondary-automotive-hero {
  width: 100%;
  background: #082e56;
}

.kc-secondary-automotive-hero img {
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 900;
  object-fit: contain;
}

.kc-secondary-automotive-intro {
  padding: clamp(70px, 8vw, 120px) 0;
  background: #f7f7f7;
  text-align: center;
}

.kc-secondary-automotive-intro h2,
.kc-secondary-automotive-heading {
  margin: 0;
  color: #111;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.15;
  text-align: center;
}

.kc-secondary-automotive-intro-copy {
  max-width: 800px;
  margin: 24px auto 0;
  color: #252525;
  line-height: 1.78;
  white-space: pre-line;
}

.kc-secondary-automotive-intro-copy p { margin: 0; }
.kc-secondary-automotive-products-section { padding: clamp(76px, 8vw, 118px) 0; }
.kc-secondary-automotive-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 32px);
  margin-top: clamp(42px, 5vw, 70px);
}

.kc-secondary-automotive-product { min-width: 0; }
.kc-secondary-automotive-product-media {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: #f3f6fb;
}
.kc-secondary-automotive-product-media img {
  width: 100%;
  height: 100%;
  padding: 18px;
  object-fit: contain;
}
.kc-secondary-automotive-product h3 {
  margin: 18px 0 10px;
  color: #111;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.28;
}
.kc-secondary-automotive-product p {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.65;
}

.kc-secondary-automotive-process-section {
  padding: clamp(64px, 7vw, 98px) 0;
  background: #f7f7f7;
}
.kc-secondary-automotive-process-slider { margin-top: clamp(36px, 4vw, 56px); }
.kc-secondary-automotive-process-card {
  position: relative;
  flex: 0 0 calc((100% - 48px) / 3.2);
  min-width: 0;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  border: 1px solid #d8dce4;
  background: #fff;
}
.kc-secondary-automotive-process-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.kc-secondary-automotive-process-card h3 {
  margin: 0;
  padding: 24px 26px 52px;
  color: #111;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.34;
}
.kc-secondary-automotive-process-arrow {
  position: absolute;
  right: 24px;
  bottom: 20px;
  color: #1670db;
  font-size: 24px;
}

.kc-secondary-automotive-customers-section { padding: clamp(78px, 8vw, 120px) 0; }
.kc-secondary-automotive-customers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px 58px;
  margin-top: clamp(44px, 5vw, 72px);
}
.kc-secondary-automotive-customer {
  min-width: 0;
  min-height: 300px;
  display: grid;
  grid-template-columns: 38% minmax(0, 1fr);
  overflow: hidden;
  border-radius: 28px;
  background: #f1f4f8;
}
.kc-secondary-automotive-customer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kc-secondary-automotive-customer > div {
  align-self: center;
  padding: 34px 38px;
}
.kc-secondary-automotive-customer h3 {
  margin: 0;
  color: #111;
  font-size: clamp(19px, 1.65vw, 25px);
  line-height: 1.25;
}
.kc-secondary-automotive-customer p {
  margin: 14px 0 0;
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}

@media (min-width: 761px) and (max-width: 1040px) {
  .kc-secondary-automotive-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kc-secondary-automotive-process-card { flex-basis: calc((100% - 18px) / 2.1); }
  .kc-secondary-automotive-customers { gap: 24px; }
  .kc-secondary-automotive-customer { grid-template-columns: 42% minmax(0, 1fr); }
  .kc-secondary-automotive-customer > div { padding: 24px; }
}

@media (max-width: 760px) {
  .kc-secondary-brand { min-height: 0; padding: 0; }
  .kc-secondary-milestone-design-grid { grid-template-columns: 1fr; }
  .kc-secondary-milestone-design-media { aspect-ratio: 641 / 501; }
  .kc-secondary-milestone-story-grid { margin-top: 24px; }
  .kc-secondary-motor-metrics article { min-height: 166px; }
  .kc-secondary-global-layout-flow h3 { width: 210px; font-size: 32px; }
  .kc-secondary-milestone-vacuum-grid { width: calc(100% - 28px); }
  .kc-secondary-model p { text-align: left; }
  .kc-secondary-strength-chart-core article { min-height: 88px; }

  .kc-secondary-automotive-intro { padding: 52px 0; }
  .kc-secondary-automotive-intro-copy { margin-top: 18px; font-size: 14px; line-height: 1.68; }
  .kc-secondary-automotive-products-section { padding: 58px 0; }
  .kc-secondary-automotive-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 12px;
    margin-top: 34px;
  }
  .kc-secondary-automotive-product-media img { padding: 8px; }
  .kc-secondary-automotive-product h3 { margin-top: 12px; font-size: 15px; }
  .kc-secondary-automotive-product p { font-size: 12px; line-height: 1.48; }
  .kc-secondary-automotive-process-section { padding: 52px 0; }
  .kc-secondary-automotive-process-slider { margin-top: 30px; }
  .kc-secondary-automotive-process-card {
    flex-basis: 92.6%;
    min-height: 350px;
  }
  .kc-secondary-automotive-process-card h3 { padding: 20px 20px 50px; font-size: 19px; }
  .kc-secondary-automotive-customers-section { padding: 58px 0; }
  .kc-secondary-automotive-customers { grid-template-columns: 1fr; gap: 22px; margin-top: 34px; }
  .kc-secondary-automotive-customer {
    min-height: 240px;
    grid-template-columns: 42% minmax(0, 1fr);
    border-radius: 18px;
  }
  .kc-secondary-automotive-customer > div { padding: 20px; }
  .kc-secondary-automotive-customer h3 { font-size: 17px; }
  .kc-secondary-automotive-customer p { margin-top: 10px; font-size: 12px; }
}

/* r26 reference contract: product imagery is contained, while only news
   imagery may use cover.  These rules come last to prevent old audit-era
   responsive overrides from silently restoring a crop. */
.kc-secondary-hero--vacuum {
  width: 100%;
  min-height: 0;
  display: block;
  aspect-ratio: auto;
  overflow: visible;
  background: transparent;
}
.kc-secondary-hero--vacuum::before,
.kc-secondary-hero--vacuum::after { display: none; }
.kc-secondary-vacuum-hero-picture,
.kc-secondary-vacuum-hero-picture img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}
.kc-secondary-product-media { height: auto; aspect-ratio: 4 / 5; border: 0; }
/* Operator images are opaque white PNGs.  Blend that matte into the intended
   neutral canvas so a contained product never acquires a second false frame. */
.kc-secondary-product-media img { padding: 0; object-fit: contain; mix-blend-mode: multiply; }
/* r29 banner contract: these supplied reference artworks are banners, not
   cards.  They must reach both viewport edges with no wrapper padding, frame,
   or radius.  Keep the original canvas ratio so customer lettering is never
   cropped or enlarged into a different composition. */
.kc-secondary-reference-artwork { padding: 0; background: transparent; }
.kc-secondary-reference-artwork > .kc-secondary-shell { width: 100%; margin: 0; }
.kc-secondary-reference-artwork > .kc-secondary-shell > img { display: block; width: 100%; max-width: none; height: auto; margin: 0; border: 0; border-radius: 0; object-fit: contain; }
.kc-secondary-reference-artwork--global > .kc-secondary-shell > img,
.kc-secondary-reference-artwork--vacuum > .kc-secondary-shell > img { aspect-ratio: 1920 / 900; }
.kc-secondary-reference-artwork--vacuum { padding-bottom: 64px; }
.kc-secondary-motors-comparison { display: block; width: min(100%, 1080px); height: auto; margin: clamp(30px, 4vw, 54px) auto 0; object-fit: contain; }
.kc-secondary-milestone-vacuum-grid { width: min(100%, 1080px); max-width: none; margin: clamp(40px, 5vw, 72px) auto 0; }
.kc-secondary-milestone-vacuum-product img { aspect-ratio: 4 / 5; padding: 0; object-fit: contain; background: #f3f6fb; border: 0; mix-blend-mode: multiply; }
.kc-secondary-automotive-intro-copy { text-align: justify; text-align-last: left; }

@media (max-width: 760px) {
  .kc-secondary-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kc-secondary-product-media { aspect-ratio: 4 / 5; }
  .kc-secondary-reference-artwork { padding-inline: 0; }
  .kc-secondary-reference-artwork--vacuum { padding-bottom: 32px; }
  .kc-secondary-milestone-vacuum-grid { width: calc(100% - 28px); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kc-secondary-automotive-intro-copy { text-align: justify; text-align-last: left; }
}

@media (min-width: 761px) and (max-width: 1040px) {
  .kc-secondary-reference-artwork--vacuum { padding-bottom: 48px; }
}

/* r36 component title contract shared with the five generic component pages. */
.kc-secondary-automotive-heading {
  margin: 0 0 clamp(22px, 3vw, 40px);
  color: #122d54;
  font-size: clamp(28px, 2.8vw, 40px);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.2;
  text-align: center;
}
.kc-secondary-automotive-products,
.kc-secondary-automotive-process-slider,
.kc-secondary-automotive-customers { margin-top: 0; }

/* r33 shared responsive header and spacing contract: the shared secondary lockup is
   comfortably legible on desktop and still matches the corporate mobile
   header; the vacuum hero follows its source ratio, and the milestones product
   matrix ends with deliberate white breathing room. */