/* Commercial pillar page: tube hydroforming services. */

body.service-pillar-page {
  --service-navy: #0c3658;
  --service-blue: #176ea7;
  --service-pale: #eaf4fa;
  --service-line: #d2e1eb;
  --service-copy: #385468;
  --service-muted: #6c8192;
  --service-width: 1180px;
  color: var(--service-copy);
  background: #ffffff;
}

body.service-pillar-page .site-header {
  color: #16364f;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(198, 216, 228, .9);
  box-shadow: 0 8px 28px rgba(12, 54, 88, .055);
  backdrop-filter: blur(16px);
}

body.service-pillar-page .language-switcher {
  background: #f2f7fa;
}

body.service-pillar-page main {
  padding-top: 0;
}

.service-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(rgba(23, 110, 167, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 110, 167, .055) 1px, transparent 1px),
    linear-gradient(120deg, #edf6fb 0%, #f8fbfd 60%, #ffffff 100%);
  background-size: 30px 30px, 30px 30px, auto;
  border-bottom: 1px solid var(--service-line);
}

.service-hero::after {
  position: absolute;
  right: -140px;
  bottom: -180px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(23, 110, 167, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 84px rgba(23, 110, 167, .035), 0 0 0 170px rgba(23, 110, 167, .02);
  content: "";
}

.service-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(480px, .98fr);
  gap: clamp(42px, 6vw, 88px);
  align-items: center;
  width: min(calc(100% - 96px), 1280px);
  margin: 0 auto;
  padding: clamp(58px, 6vw, 82px) 0 52px;
}

.service-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 28px;
  color: #668095;
  font-size: 13px;
  font-weight: 750;
}

.service-breadcrumb a {
  color: #3d617b;
}

.service-eyebrow {
  margin: 0 0 17px;
  color: var(--service-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.service-hero h1 {
  max-width: 760px;
  margin: 0;
  color: var(--service-navy);
  font-size: clamp(44px, 3.7vw, 58px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.service-hero__lead {
  max-width: 720px;
  margin: 25px 0 0;
  color: #3d5a70;
  font-size: 20px;
  line-height: 1.72;
}

.service-hero__boundary {
  max-width: 720px;
  margin: 18px 0 0;
  padding-left: 18px;
  color: #587186;
  font-size: 15px;
  line-height: 1.7;
  border-left: 3px solid #8ebbd7;
}

.service-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.service-hero__actions .button {
  min-height: 50px;
  padding: 0 22px;
  font-size: 15px;
}

.service-hero__media {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #c9dce8;
  border-radius: 7px;
  box-shadow: 0 28px 64px rgba(12, 54, 88, .13);
}

.service-hero__media::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 5px;
  background: linear-gradient(90deg, #0c3658, #176ea7, #76afcf);
  content: "";
}

.service-hero__media img {
  width: 100%;
  height: auto;
}

.service-hero__media figcaption {
  padding: 13px 17px 15px;
  color: #657d8e;
  font-size: 13px;
  line-height: 1.55;
  border-top: 1px solid #dce8ef;
}

.service-signals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(calc(100% - 96px), 1280px);
  margin: 0 auto;
  border-top: 1px solid #c9dce8;
}

.service-signals div {
  padding: 18px 24px 20px;
}

.service-signals div + div {
  border-left: 1px solid #c9dce8;
}

.service-signals strong,
.service-signals span {
  display: block;
}

.service-signals strong {
  color: var(--service-navy);
  font-size: 16px;
  line-height: 1.35;
}

.service-signals span {
  margin-top: 7px;
  color: #6d8292;
  font-size: 13px;
  line-height: 1.55;
}

.service-section {
  padding: clamp(62px, 6vw, 82px) max(48px, calc((100vw - var(--service-width)) / 2));
}

.service-section--tint {
  background: #f6fafc;
  border-top: 1px solid #e0eaf0;
  border-bottom: 1px solid #e0eaf0;
}

.service-section--dark {
  color: #dcebf4;
  background: linear-gradient(125deg, #092d49, #105785);
}

.service-section__intro {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(42px, 7vw, 104px);
  align-items: start;
  max-width: var(--service-width);
  margin: 0 auto 42px;
}

.service-section__intro h2,
.service-section__heading h2 {
  margin: 0;
  color: var(--service-navy);
  font-size: clamp(32px, 2.7vw, 42px);
  font-weight: 820;
  line-height: 1.17;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.service-section__intro > div:last-child,
.service-section__heading > p {
  color: #49657a;
  font-size: 17px;
  line-height: 1.78;
}

.service-section__intro p {
  margin: 0 0 1.15em;
}

.service-section__intro p:last-child {
  margin-bottom: 0;
}

.service-section__heading {
  max-width: 900px;
  margin: 0 auto 34px;
  text-align: left;
}

.service-section__heading > p {
  margin: 16px 0 0;
}

.capability-list {
  max-width: var(--service-width);
  margin: 0 auto;
  border-top: 1px solid #bcd2e0;
}

.capability-row {
  display: grid;
  grid-template-columns: 64px minmax(230px, 320px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding: 30px 0;
  border-bottom: 1px solid #d5e3ec;
}

.capability-row > span {
  color: var(--service-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}

.capability-row h3 {
  margin: 0;
  color: var(--service-navy);
  font-size: 23px;
  line-height: 1.4;
}

.capability-row p {
  margin: 0;
  color: #506b7f;
  font-size: 16px;
  line-height: 1.78;
}

.service-diagram {
  max-width: 1080px;
  margin: 0 auto;
}

.service-diagram__viewport {
  overflow: hidden;
  background: #f7fbfe;
  border: 1px solid #c9dce8;
  border-radius: 4px;
  box-shadow: 0 12px 30px rgba(12, 54, 88, .055);
}

.service-diagram img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.service-diagram figcaption {
  margin-top: 13px;
  color: #6b8191;
  font-size: 14px;
  line-height: 1.65;
}

.service-diagram__mobile {
  display: none;
}

.project-stage-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: var(--service-width);
  margin: 42px auto 0;
  border-top: 1px solid #c6d9e5;
}

.project-stage-copy article {
  padding: 30px 38px 32px 0;
  border-bottom: 1px solid #d5e3ec;
}

.project-stage-copy article:nth-child(even) {
  padding-right: 0;
  padding-left: 38px;
  border-left: 1px solid #d5e3ec;
}

.project-stage-copy span {
  color: var(--service-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.project-stage-copy h3 {
  margin: 12px 0 10px;
  color: var(--service-navy);
  font-size: 23px;
}

.project-stage-copy p {
  margin: 0;
  color: #506b7f;
  font-size: 16px;
  line-height: 1.78;
}

.geometry-copy {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(40px, 7vw, 94px);
  max-width: var(--service-width);
  margin: 44px auto 0;
}

.geometry-copy h3 {
  margin: 0 0 18px;
  color: var(--service-navy);
  font-size: 29px;
  line-height: 1.35;
}

.geometry-copy p,
.geometry-copy li {
  color: #4d687c;
  font-size: 17px;
  line-height: 1.8;
}

.geometry-copy p {
  margin: 0;
}

.geometry-copy ul {
  margin: 0;
  padding-left: 1.25em;
}

.geometry-copy li + li {
  margin-top: 9px;
}

.materials-wrap {
  max-width: var(--service-width);
  margin: 0 auto;
  overflow-x: auto;
  border: 1px solid #c8d9e4;
  border-radius: 5px;
}

.materials-wrap table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
}

.materials-wrap th,
.materials-wrap td {
  padding: 20px 24px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #d7e4ec;
}

.materials-wrap th {
  color: #ffffff;
  font-size: 14px;
  background: var(--service-navy);
}

.materials-wrap td {
  color: #496579;
  font-size: 16px;
  line-height: 1.7;
  background: #ffffff;
}

.materials-wrap tbody tr:nth-child(even) td {
  background: #f4f8fb;
}

.materials-wrap tr:last-child td {
  border-bottom: 0;
}

.application-copy {
  max-width: 920px;
  margin: 0 auto 38px;
  color: #49657a;
  font-size: 18px;
  line-height: 1.82;
}

.application-copy p {
  margin: 0 0 1.15em;
}

.shape-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  max-width: var(--service-width);
  margin: 0 auto;
}

.shape-gallery figure {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #cbdce7;
  border-radius: 5px;
}

.shape-gallery picture {
  display: block;
}

.shape-gallery img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
}

.mobile-scroll-note {
  display: none;
}

.shape-gallery figcaption {
  padding: 17px 18px 19px;
  color: #587184;
  font-size: 14px;
  line-height: 1.58;
  border-top: 1px solid #dce7ee;
}

.shape-gallery figcaption strong {
  display: block;
  margin-bottom: 5px;
  color: var(--service-navy);
  font-size: 17px;
}

.service-section--dark .service-eyebrow,
.service-section--dark .support-grid span {
  color: #9dd1ec;
}

.service-section--dark h2,
.service-section--dark h3 {
  color: #ffffff;
}

.service-section--dark .service-section__intro > div:last-child,
.service-section--dark .service-section__intro p {
  color: #dcebf4;
}

.support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: var(--service-width);
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, .24);
  border-bottom: 1px solid rgba(255, 255, 255, .24);
}

.support-grid article {
  padding: 30px;
}

.support-grid article + article {
  border-left: 1px solid rgba(255, 255, 255, .24);
}

.support-grid article:first-child {
  padding-left: 0;
}

.support-grid article:last-child {
  padding-right: 0;
}

.support-grid h3 {
  margin: 12px 0 10px;
  font-size: 23px;
}

.support-grid p {
  margin: 0;
  color: #c8dce9;
  font-size: 16px;
  line-height: 1.75;
}

.delivery-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 58px;
  max-width: var(--service-width);
  margin: 0 auto;
}

.delivery-copy article {
  padding-top: 24px;
  border-top: 3px solid var(--service-blue);
}

.delivery-copy h3 {
  margin: 0 0 14px;
  color: var(--service-navy);
  font-size: 28px;
}

.delivery-copy p {
  margin: 0;
  color: #4e697d;
  font-size: 17px;
  line-height: 1.8;
}

.related-resources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  max-width: var(--service-width);
  margin: 0 auto;
}

.related-resource {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 22px;
  padding: 30px;
  background: #ffffff;
  border: 1px solid #c9dbe6;
  border-radius: 5px;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.related-resource:hover,
.related-resource:focus-visible {
  border-color: #75aaca;
  box-shadow: 0 16px 40px rgba(12, 54, 88, .1);
  transform: translateY(-2px);
}

.related-resource > span {
  color: var(--service-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}

.related-resource h3 {
  margin: 0 0 9px;
  color: var(--service-navy);
  font-size: 22px;
  line-height: 1.4;
}

.related-resource p {
  margin: 0;
  color: #5b7385;
  font-size: 15px;
  line-height: 1.7;
}

.service-rfq {
  padding: 78px max(48px, calc((100vw - var(--service-width)) / 2));
  color: #ffffff;
  background:
    linear-gradient(115deg, rgba(5, 40, 67, .98), rgba(17, 93, 140, .95)),
    var(--service-navy);
}

.service-rfq__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 76px;
  align-items: start;
  max-width: var(--service-width);
  margin: 0 auto;
}

.service-rfq h2 {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(36px, 3vw, 50px);
  line-height: 1.14;
  letter-spacing: -.035em;
}

.service-rfq p {
  max-width: 790px;
  margin: 22px 0 0;
  color: #dcecf5;
  font-size: 18px;
  line-height: 1.8;
}

.service-rfq__package {
  padding: 26px 28px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 5px;
}

.service-rfq__package strong {
  color: #b8ddf0;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.service-rfq__package ul {
  margin: 17px 0 23px;
  padding-left: 20px;
  color: #edf7fc;
  font-size: 15px;
  line-height: 1.75;
}

.service-rfq__package .button.primary {
  width: 100%;
  min-height: 50px;
  color: #154f83;
  background: #ffffff;
}

.service-rfq__package .button.primary:hover,
.service-rfq__package .button.primary:focus-visible {
  color: #ffffff;
  background: #0f679e;
  border-color: #ffffff;
}

@media (max-width: 980px) {
  body.service-pillar-page main {
    padding-top: 68px;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header {
    position: fixed !important;
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    height: 68px !important;
    min-height: 68px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .brand {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    flex: 0 1 auto !important;
  }

  .service-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    width: min(calc(100% - 64px), 840px);
  }

  .service-signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(calc(100% - 64px), 840px);
  }

  .service-signals div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #c9dce8;
  }

  .service-signals div:nth-child(4) {
    border-top: 1px solid #c9dce8;
  }

  .service-section,
  .service-rfq {
    padding-right: 32px;
    padding-left: 32px;
  }

  .service-section__intro,
  .geometry-copy,
  .service-rfq__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }

  .service-rfq__package {
    max-width: 540px;
  }

  .shape-gallery,
  .support-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .support-grid article,
  .support-grid article:first-child,
  .support-grid article:last-child {
    padding: 26px 0;
  }

  .support-grid article + article {
    border-top: 1px solid rgba(255, 255, 255, .24);
    border-left: 0;
  }
}

@media (max-width: 767px) {
  body.service-pillar-page main {
    padding-top: 64px;
  }

  .service-hero__inner {
    width: calc(100% - 36px);
    padding: 38px 0 32px;
  }

  .service-breadcrumb {
    margin-bottom: 23px;
  }

  .service-hero h1 {
    font-size: 35px;
    line-height: 1.14;
  }

  html[lang^="zh"] .service-hero h1 {
    font-size: 34px;
  }

  .service-hero__lead {
    margin-top: 20px;
    font-size: 17px;
    line-height: 1.72;
  }

  .service-hero__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .service-hero__actions .button {
    width: 100%;
  }

  .service-signals {
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 36px);
  }

  .service-signals div,
  .service-signals div + div,
  .service-signals div:nth-child(3),
  .service-signals div:nth-child(4) {
    padding: 18px 0;
    border-top: 1px solid #c9dce8;
    border-left: 0;
  }

  .service-signals div:first-child {
    border-top: 0;
  }

  .service-section,
  .service-rfq {
    padding: 50px 18px;
  }

  .service-section__intro,
  .service-section__heading {
    margin-bottom: 28px;
  }

  .service-section__intro h2,
  .service-section__heading h2 {
    font-size: 29px;
    line-height: 1.34;
  }

  .service-section__intro > div:last-child,
  .service-section__heading > p,
  .application-copy {
    font-size: 16px;
    line-height: 1.75;
  }

  .capability-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 25px 0;
  }

  .service-diagram__viewport {
    display: none;
  }

  .service-diagram__mobile {
    display: block;
    border-top: 1px solid #bed2df;
    border-bottom: 1px solid #bed2df;
  }

  .service-diagram__step {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 18px 0;
  }

  .service-diagram__step + .service-diagram__step {
    border-top: 1px solid #d6e3eb;
  }

  .service-diagram__step > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #176ea7;
    font-size: 12px;
    font-weight: 900;
    background: #e9f3f9;
    border: 1px solid #bcd7e8;
    border-radius: 50%;
  }

  .service-diagram__step strong {
    display: block;
    color: var(--service-navy);
    font-size: 18px;
    line-height: 1.45;
  }

  .service-diagram__step p {
    margin: 6px 0 0;
    color: #567084;
    font-size: 14px;
    line-height: 1.65;
  }

  .service-diagram__support {
    margin: 18px 0;
    padding: 16px 17px;
    background: #edf5fa;
    border-left: 3px solid #1d78b5;
  }

  .service-diagram__support strong {
    display: block;
    margin-bottom: 10px;
    color: var(--service-navy);
    font-size: 15px;
  }

  .service-diagram__support div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .service-diagram__support span {
    padding: 6px 9px;
    color: #315f66;
    font-size: 13px;
    background: #fff;
    border: 1px solid #a8c9c8;
    border-radius: 3px;
  }

  .service-diagram__step--geometry {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  .service-diagram__shape {
    position: relative;
    display: block;
    width: 62px;
    height: 34px;
    margin-top: 4px;
  }

  .service-diagram__shape::before {
    position: absolute;
    top: 11px;
    right: 0;
    left: 0;
    height: 12px;
    background: linear-gradient(180deg, #eaf7fd, #74aac7);
    border: 2px solid #0c3658;
    border-radius: 12px;
    content: "";
  }

  .service-diagram__shape--sections::before {
    clip-path: polygon(0 28%, 22% 28%, 34% 0, 55% 0, 66% 35%, 100% 35%, 100% 72%, 66% 72%, 55% 100%, 34% 100%, 22% 70%, 0 70%);
  }

  .service-diagram__shape--bulge::before {
    height: 22px;
    top: 6px;
    clip-path: polygon(0 27%, 28% 27%, 38% 0, 70% 0, 80% 27%, 100% 27%, 100% 73%, 80% 73%, 70% 100%, 38% 100%, 28% 73%, 0 73%);
  }

  .service-diagram__shape--section::before {
    border-radius: 12px 3px 3px 12px;
    transform: scaleY(1.35);
  }

  .service-diagram__shape--integrated::before {
    height: 20px;
    top: 7px;
    clip-path: polygon(0 30%, 25% 30%, 36% 0, 60% 0, 69% 30%, 82% 30%, 88% 8%, 100% 8%, 100% 92%, 88% 92%, 82% 70%, 69% 70%, 60% 100%, 36% 100%, 25% 70%, 0 70%);
  }

  .service-diagram figcaption {
    margin-top: 11px;
    font-size: 13px;
  }

  .project-stage-copy,
  .delivery-copy,
  .related-resources {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-stage-copy article,
  .project-stage-copy article:nth-child(even) {
    padding: 25px 0;
    border-left: 0;
  }

  .geometry-copy {
    margin-top: 38px;
  }

  .materials-wrap table {
    min-width: 660px;
  }

  .mobile-scroll-note {
    display: block;
    margin: 10px 0 0;
    color: #6b8191;
    font-size: 12px;
    line-height: 1.55;
  }

  .shape-gallery {
    gap: 16px;
  }

  .related-resource {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 24px;
  }

  .service-rfq__inner {
    gap: 34px;
  }

  .service-rfq h2 {
    font-size: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .related-resource {
    transition: none;
  }
}

/* This page is responsive even though the legacy homepage stylesheet locks other desktop pages to a 1920px canvas. */
html.service-pillar-shell {
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}

body.global-tech-page.service-pillar-page,
body.global-tech-page.service-pillar-page .site-header,
body.global-tech-page.service-pillar-page main,
body.global-tech-page.service-pillar-page main > section,
body.global-tech-page.service-pillar-page .site-footer {
  width: 100% !important;
  inline-size: 100% !important;
  min-width: 0 !important;
  min-inline-size: 0 !important;
  max-width: none !important;
  max-inline-size: none !important;
}

body.global-tech-page.service-pillar-page {
  --fixed-pc-canvas: 100%;
  --pc-layout-canvas: 100%;
  --desktop-bg-canvas: 100%;
  overflow-x: clip !important;
}

body.global-tech-page.service-pillar-page .site-header {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  display: flex !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 12px clamp(18px, 4vw, 56px) !important;
}

body.global-tech-page.service-pillar-page .site-header .brand {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
}

body.global-tech-page.service-pillar-page .site-header .site-nav {
  position: static !important;
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0 auto !important;
  gap: clamp(12px, 1.45vw, 22px) !important;
}

body.global-tech-page.service-pillar-page .site-header .site-nav a {
  font-size: 13.5px !important;
}

body.global-tech-page.service-pillar-page .site-header .site-nav .nav-cta {
  width: auto !important;
  min-width: 92px !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 13px !important;
  font-size: 13.5px !important;
}

body.global-tech-page.service-pillar-page .site-header .header-tools {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0 clamp(10px, 1.2vw, 18px) !important;
}

body.global-tech-page.service-pillar-page .site-header .language-switcher {
  width: auto !important;
  min-width: 98px !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 11px !important;
}

body.global-tech-page.service-pillar-page .site-header .nav-toggle {
  position: static !important;
  display: none !important;
  width: 42px !important;
  height: 42px !important;
}

body.global-tech-page.service-pillar-page .site-footer {
  display: flex !important;
  height: auto !important;
  min-height: 68px !important;
  padding: 24px clamp(24px, 5vw, 72px) !important;
}

@media (max-width: 1120px) {
  body.global-tech-page.service-pillar-page .site-header .site-nav {
    gap: 10px !important;
  }

  body.global-tech-page.service-pillar-page .site-header .site-nav a,
  body.global-tech-page.service-pillar-page .site-header .site-nav .nav-cta {
    font-size: 12.5px !important;
  }

  body.global-tech-page.service-pillar-page .site-header .language-switcher {
    min-width: 82px !important;
  }
}

@media (max-width: 980px) {
  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .site-nav {
    position: absolute !important;
    top: 68px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 50 !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px !important;
    color: #18384f !important;
    background: rgba(255, 255, 255, .99) !important;
    border-bottom: 1px solid #cbdce7 !important;
    box-shadow: 0 20px 38px rgba(12, 54, 88, .12) !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header.is-open .site-nav {
    display: grid !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .site-nav a,
  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .site-nav .nav-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .site-nav .nav-cta {
    justify-content: center !important;
    color: #ffffff !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .header-tools {
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    gap: 8px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .nav-toggle {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .nav-toggle span {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 560px) {
  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header {
    padding: 10px 14px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .brand {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .brand-mark {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .brand strong {
    font-size: 15px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .brand small {
    display: none !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .language-switcher,
  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .language-menu-toggle {
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    flex: 0 0 66px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .language-switcher > span {
    display: none !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .language-switcher select {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
  }
}

/* The global consent component historically depended on a device class. Keep the
   first-visit experience readable even when a narrow browser is not classified. */
@media (max-width: 767px) {
  html.service-pillar-shell body.service-pillar-page .cookie-consent {
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: auto !important;
    max-height: calc(100dvh - 32px) !important;
    padding: 18px !important;
    overflow: auto !important;
  }

  html.service-pillar-shell body.service-pillar-page .cookie-consent-copy,
  html.service-pillar-shell body.service-pillar-page .cookie-consent-copy p {
    width: 100% !important;
    min-width: 0 !important;
  }

  html.service-pillar-shell body.service-pillar-page .cookie-consent-actions {
    display: grid !important;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
    justify-content: stretch !important;
    width: 100% !important;
  }

  html.service-pillar-shell body.service-pillar-page .cookie-consent button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 360px) {
  html.service-pillar-shell body.service-pillar-page .cookie-consent-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v9: this commercial service destination follows the homepage design system.
   Keep the editorial content, but use the homepage canvas, hero, section rhythm,
   service cards, dark process band, application cards, and RFQ treatment. */
body.global-tech-page.service-pillar-page .service-hero {
  padding: 0 !important;
}

@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  html.service-pillar-shell {
    width: 1920px !important;
    min-width: 1920px !important;
    overflow-x: auto !important;
  }

  body.global-tech-page.service-pillar-page,
  body.global-tech-page.service-pillar-page main,
  body.global-tech-page.service-pillar-page main > section,
  body.global-tech-page.service-pillar-page .site-header,
  body.global-tech-page.service-pillar-page .site-footer {
    width: 1920px !important;
    inline-size: 1920px !important;
    min-width: 1920px !important;
    min-inline-size: 1920px !important;
    max-width: 1920px !important;
    max-inline-size: 1920px !important;
  }

  body.global-tech-page.service-pillar-page {
    --fixed-pc-canvas: 1920px;
    --pc-layout-canvas: 1920px;
    --desktop-bg-canvas: 1920px;
    overflow-x: visible !important;
  }

  body.global-tech-page.service-pillar-page main {
    padding-top: 0 !important;
  }

  body.global-tech-page.service-pillar-page .site-header {
    position: sticky !important;
    top: 0 !important;
    display: block !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 !important;
  }

  body.global-tech-page.service-pillar-page .site-header .brand {
    position: absolute !important;
    top: 14.5px !important;
    left: 64px !important;
    display: flex !important;
    width: 230px !important;
    min-width: 230px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page .site-header .site-nav {
    position: absolute !important;
    top: 16.5px !important;
    left: 1170px !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    margin: 0 !important;
    gap: 14px !important;
  }

  body.global-tech-page.service-pillar-page .site-header .site-nav a {
    flex: 0 0 auto !important;
    font-size: 12.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.global-tech-page.service-pillar-page .site-header .site-nav .nav-cta {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
  }

  body.global-tech-page.service-pillar-page .site-header .header-tools {
    position: absolute !important;
    top: 11.5px !important;
    left: 1731.6px !important;
    display: flex !important;
    align-items: center !important;
    width: 124.4px !important;
    min-width: 124.4px !important;
    max-width: 124.4px !important;
    height: 48px !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page .site-header .language-switcher {
    width: 124.4px !important;
    min-width: 124.4px !important;
    max-width: 124.4px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
  }

  body.global-tech-page.service-pillar-page .service-hero {
    position: relative !important;
    height: 710px !important;
    min-height: 710px !important;
    overflow: hidden !important;
    background: #eaf3fb !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-hero::after {
    display: none !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__inner {
    display: grid !important;
    grid-template-columns: 820px 860px !important;
    gap: 72px !important;
    align-items: center !important;
    width: 1920px !important;
    min-width: 1920px !important;
    max-width: 1920px !important;
    height: 710px !important;
    margin: 0 !important;
    padding: 54px 34px 138px 134px !important;
  }

  body.global-tech-page.service-pillar-page .service-breadcrumb {
    margin-bottom: 18px !important;
    font-size: 12px !important;
  }

  body.global-tech-page.service-pillar-page .service-eyebrow {
    margin-bottom: 12px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
  }

  body.global-tech-page.service-pillar-page .service-hero h1 {
    width: 820px !important;
    max-width: 820px !important;
    margin: 0 0 22px !important;
    color: #0f1726 !important;
    font-size: 57.6px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__lead {
    width: 800px !important;
    max-width: 800px !important;
    margin: 0 !important;
    color: #334f65 !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__boundary {
    width: 800px !important;
    max-width: 800px !important;
    margin: 14px 0 0 !important;
    padding-left: 14px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    height: 46px !important;
    margin-top: 22px !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__actions .button {
    width: auto !important;
    min-width: 136px !important;
    min-height: 46px !important;
    padding: 0 20px !important;
    font-size: 13.5px !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media {
    width: 860px !important;
    height: 484px !important;
    margin: 0 !important;
    background: #f8fcff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 54px rgba(8, 45, 78, .15) !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media::before {
    height: 4px !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media img {
    width: 860px !important;
    height: 484px !important;
    object-fit: cover !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media figcaption {
    display: none !important;
  }

  body.global-tech-page.service-pillar-page .service-signals {
    position: absolute !important;
    bottom: 30px !important;
    left: 134px !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 198px) !important;
    gap: 16px !important;
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
    margin: 0 !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-signals div,
  body.global-tech-page.service-pillar-page .service-signals div + div {
    min-height: 88px !important;
    padding: 15px 14px !important;
    background: rgba(255, 255, 255, .84) !important;
    border: 1px solid rgba(123, 166, 194, .32) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(8, 45, 78, .055) !important;
  }

  body.global-tech-page.service-pillar-page .service-signals strong {
    font-size: 14px !important;
    line-height: 1.22 !important;
  }

  body.global-tech-page.service-pillar-page .service-signals span {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  body.global-tech-page.service-pillar-page .service-section {
    padding: 72px 370px 86px !important;
  }

  body.global-tech-page.service-pillar-page .service-section--tint {
    background: #f7fbff !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro,
  body.global-tech-page.service-pillar-page .service-section__heading,
  body.global-tech-page.service-pillar-page .capability-list,
  body.global-tech-page.service-pillar-page .service-diagram,
  body.global-tech-page.service-pillar-page .project-stage-copy,
  body.global-tech-page.service-pillar-page .geometry-copy,
  body.global-tech-page.service-pillar-page .materials-wrap,
  body.global-tech-page.service-pillar-page .application-copy,
  body.global-tech-page.service-pillar-page .shape-gallery,
  body.global-tech-page.service-pillar-page .support-grid,
  body.global-tech-page.service-pillar-page .delivery-copy,
  body.global-tech-page.service-pillar-page .related-resources,
  body.global-tech-page.service-pillar-page .service-rfq__inner {
    width: 1180px !important;
    min-width: 1180px !important;
    max-width: 1180px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro {
    grid-template-columns: 560px 578px !important;
    gap: 42px !important;
    margin-bottom: 36px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading {
    display: grid !important;
    grid-template-columns: 650px 488px !important;
    grid-template-rows: auto auto !important;
    column-gap: 42px !important;
    align-items: end !important;
    margin-bottom: 36px !important;
    padding: 0 0 18px 22px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading .service-eyebrow {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading h2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading > p:last-child {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: end !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro h2,
  body.global-tech-page.service-pillar-page .service-section__heading h2 {
    max-width: none !important;
    color: #0f1726 !important;
    font-size: 52px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro > div:last-child,
  body.global-tech-page.service-pillar-page .service-section__heading > p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.global-tech-page.service-pillar-page .capability-list {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 18px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page .capability-row {
    display: block !important;
    grid-column: span 2 !important;
    min-height: 330px !important;
    padding: 30px !important;
    background: #fff !important;
    border: 1px solid #d4e1ea !important;
    border-radius: 10px !important;
    box-shadow: 0 16px 40px rgba(8, 45, 78, .07) !important;
  }

  body.global-tech-page.service-pillar-page .capability-row:nth-child(4),
  body.global-tech-page.service-pillar-page .capability-row:nth-child(5) {
    grid-column: span 3 !important;
    min-height: 270px !important;
  }

  body.global-tech-page.service-pillar-page .capability-row > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 24px !important;
    color: #fff !important;
    background: #154f83 !important;
    border-radius: 50% !important;
  }

  body.global-tech-page.service-pillar-page .capability-row h3 {
    margin-bottom: 14px !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
  }

  body.global-tech-page.service-pillar-page .capability-row p {
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.global-tech-page.service-pillar-page .service-diagram {
    max-width: 1180px !important;
  }

  body.global-tech-page.service-pillar-page .service-diagram__viewport {
    border-radius: 8px !important;
    box-shadow: 0 18px 44px rgba(8, 45, 78, .08) !important;
  }

  body.global-tech-page.service-pillar-page #project-route {
    color: #dcebf4 !important;
    background: #082d4e !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading h2,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy h3 {
    color: #fff !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading > p,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy p,
  body.global-tech-page.service-pillar-page #project-route figcaption {
    color: #c8dce9 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-eyebrow,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy span {
    color: #8fc8e7 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .project-stage-copy {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin-top: 34px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .project-stage-copy article,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy article:nth-child(even) {
    min-height: 260px !important;
    padding: 26px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .17) !important;
    border-radius: 8px !important;
  }

  body.global-tech-page.service-pillar-page .geometry-copy {
    grid-template-columns: 560px 578px !important;
    gap: 42px !important;
  }

  body.global-tech-page.service-pillar-page .application-copy {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px !important;
    margin-bottom: 34px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  body.global-tech-page.service-pillar-page .application-copy p {
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery {
    grid-template-columns: repeat(3, 380px) !important;
    gap: 20px !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery figure {
    min-height: 420px !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 34px rgba(8, 45, 78, .065) !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery img {
    width: 378px !important;
    height: 213px !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery figcaption {
    padding: 24px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes {
    color: #385468 !important;
    background: #fff !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .service-eyebrow,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid span {
    color: #176ea7 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes h2,
  body.global-tech-page.service-pillar-page #supporting-processes h3 {
    color: #0f1726 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .service-section__intro > div:last-child,
  body.global-tech-page.service-pillar-page #supporting-processes .service-section__intro p,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid p {
    color: #4d687c !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .support-grid {
    gap: 18px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .support-grid article,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid article:first-child,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid article:last-child {
    min-height: 220px !important;
    padding: 30px !important;
    background: #f2f8fc !important;
    border: 1px solid #d1e2ed !important;
    border-radius: 8px !important;
  }

  body.global-tech-page.service-pillar-page .service-rfq {
    padding: 84px 370px !important;
    background: #0d253e !important;
  }

  body.global-tech-page.service-pillar-page .service-rfq__inner {
    grid-template-columns: 708px 430px !important;
    gap: 42px !important;
  }

  body.global-tech-page.service-pillar-page .service-rfq h2 {
    font-size: 52px !important;
    line-height: 1.08 !important;
  }

  body.global-tech-page.service-pillar-page .site-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 68.6px !important;
    min-height: 68.6px !important;
    padding: 24px 72px !important;
    font-size: 13.76px !important;
  }
}

@media (max-width: 980px) {
  body.global-tech-page.service-pillar-page .service-hero {
    background: #eaf3fb !important;
  }

  body.global-tech-page.service-pillar-page .service-hero::after {
    display: none !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media {
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(8, 45, 78, .12) !important;
  }

  body.global-tech-page.service-pillar-page .service-signals {
    gap: 14px !important;
    padding-bottom: 30px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-signals div,
  body.global-tech-page.service-pillar-page .service-signals div + div,
  body.global-tech-page.service-pillar-page .service-signals div:nth-child(3),
  body.global-tech-page.service-pillar-page .service-signals div:nth-child(4) {
    padding: 20px !important;
    background: #fff !important;
    border: 1px solid #d1e0ea !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 28px rgba(8, 45, 78, .06) !important;
  }

  body.global-tech-page.service-pillar-page #scope {
    background: #f7fbff !important;
  }

  body.global-tech-page.service-pillar-page .capability-list {
    display: grid !important;
    gap: 16px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page .capability-row {
    padding: 24px !important;
    background: #fff !important;
    border: 1px solid #d3e1ea !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(8, 45, 78, .055) !important;
  }

  body.global-tech-page.service-pillar-page .capability-row > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    color: #fff !important;
    background: #154f83 !important;
    border-radius: 50% !important;
  }

  body.global-tech-page.service-pillar-page #project-route {
    color: #dcebf4 !important;
    background: #082d4e !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading h2,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy h3 {
    color: #fff !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading > p,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy p,
  body.global-tech-page.service-pillar-page #project-route figcaption {
    color: #c8dce9 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-eyebrow,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy span {
    color: #8fc8e7 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-diagram__mobile {
    padding: 0 18px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 8px !important;
  }

  body.global-tech-page.service-pillar-page #project-route .project-stage-copy {
    gap: 14px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .project-stage-copy article,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy article:nth-child(even) {
    padding: 22px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 8px !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes {
    color: #385468 !important;
    background: #fff !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .service-eyebrow,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid span {
    color: #176ea7 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes h2,
  body.global-tech-page.service-pillar-page #supporting-processes h3 {
    color: #0f1726 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .service-section__intro > div:last-child,
  body.global-tech-page.service-pillar-page #supporting-processes .service-section__intro p,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid p {
    color: #4d687c !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .support-grid {
    gap: 14px !important;
    border: 0 !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .support-grid article,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid article:first-child,
  body.global-tech-page.service-pillar-page #supporting-processes .support-grid article:last-child {
    padding: 24px !important;
    background: #f2f8fc !important;
    border: 1px solid #d1e2ed !important;
    border-radius: 8px !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery figure,
  body.global-tech-page.service-pillar-page .related-resource,
  body.global-tech-page.service-pillar-page .service-rfq__package {
    border-radius: 8px !important;
  }
}

/* v10: align the commercial service page with the homepage's final layout
   rules. The 1920px value is a design coordinate system, not a page cap:
   backgrounds fill the available desktop canvas, while ordinary sections use
   the homepage's 64px gutters and expand from a 1792px content area. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  html.service-pillar-shell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-x: auto !important;
  }

  body.global-tech-page.service-pillar-page {
    --fixed-pc-canvas: 1920px;
    --pc-layout-canvas: 1920px;
    --desktop-bg-canvas: max(1920px, 100vw);
    width: var(--desktop-bg-canvas) !important;
    inline-size: var(--desktop-bg-canvas) !important;
    min-width: 1920px !important;
    min-inline-size: 1920px !important;
    max-width: none !important;
    max-inline-size: none !important;
    overflow-x: visible !important;
  }

  body.global-tech-page.service-pillar-page main,
  body.global-tech-page.service-pillar-page main > section,
  body.global-tech-page.service-pillar-page .site-header,
  body.global-tech-page.service-pillar-page .site-footer {
    width: var(--desktop-bg-canvas) !important;
    inline-size: var(--desktop-bg-canvas) !important;
    min-width: 1920px !important;
    min-inline-size: 1920px !important;
    max-width: none !important;
    max-inline-size: none !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__inner {
    width: 1920px !important;
    min-width: 1920px !important;
    max-width: 1920px !important;
  }

  body.global-tech-page.service-pillar-page .service-section {
    padding: 64px 64px 72px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro,
  body.global-tech-page.service-pillar-page .service-section__heading,
  body.global-tech-page.service-pillar-page .capability-list,
  body.global-tech-page.service-pillar-page .service-diagram,
  body.global-tech-page.service-pillar-page .project-stage-copy,
  body.global-tech-page.service-pillar-page .geometry-copy,
  body.global-tech-page.service-pillar-page .materials-wrap,
  body.global-tech-page.service-pillar-page .application-copy,
  body.global-tech-page.service-pillar-page .shape-gallery,
  body.global-tech-page.service-pillar-page .support-grid,
  body.global-tech-page.service-pillar-page .delivery-copy,
  body.global-tech-page.service-pillar-page .related-resources,
  body.global-tech-page.service-pillar-page .service-rfq__inner {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 620px) !important;
    gap: 32px !important;
    margin-bottom: 42px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading {
    grid-template-columns: minmax(0, 1fr) minmax(0, 620px) !important;
    column-gap: 32px !important;
    margin-bottom: 38px !important;
    padding: 0 0 18px 22px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro h2,
  body.global-tech-page.service-pillar-page .service-section__heading h2 {
    color: #0f1726 !important;
    font-size: 38.4px !important;
    font-weight: 700 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro > div:last-child,
  body.global-tech-page.service-pillar-page .service-section__heading > p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  body.global-tech-page.service-pillar-page .capability-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.global-tech-page.service-pillar-page .capability-row,
  body.global-tech-page.service-pillar-page .capability-row:nth-child(4),
  body.global-tech-page.service-pillar-page .capability-row:nth-child(5) {
    grid-column: auto !important;
    min-height: 304px !important;
    padding: 30px !important;
  }

  body.global-tech-page.service-pillar-page #project-route {
    display: grid !important;
    grid-template-columns: 400px minmax(1280px, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 90px !important;
    row-gap: 28px !important;
    align-items: start !important;
    padding: 84px 30px 84px 120px !important;
    color: #dcebf4 !important;
    background: #082d4e !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: block !important;
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading .service-eyebrow,
  body.global-tech-page.service-pillar-page #project-route .service-section__heading h2,
  body.global-tech-page.service-pillar-page #project-route .service-section__heading > p {
    display: block !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading h2 {
    margin-top: 0 !important;
    color: #fff !important;
    font-size: 48px !important;
    line-height: 1.12 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-section__heading > p {
    margin-top: 22px !important;
    color: #c8dce9 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-diagram {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .project-stage-copy {
    grid-column: 2 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page #project-route .project-stage-copy article,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy article:nth-child(even) {
    min-height: 246px !important;
  }

  body.global-tech-page.service-pillar-page .geometry-copy {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 64px !important;
  }

  body.global-tech-page.service-pillar-page .application-copy {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 64px !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery figure {
    min-height: 0 !important;
  }

  body.global-tech-page.service-pillar-page .shape-gallery img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1672 / 941 !important;
    object-fit: contain !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes .support-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.global-tech-page.service-pillar-page .delivery-copy {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 64px !important;
  }

  body.global-tech-page.service-pillar-page .related-resources {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.global-tech-page.service-pillar-page .service-rfq {
    padding: 84px 64px !important;
  }

  body.global-tech-page.service-pillar-page .service-rfq__inner {
    grid-template-columns: minmax(0, .837fr) minmax(0, 1fr) !important;
    gap: 64px !important;
  }

  body.global-tech-page.service-pillar-page .service-rfq h2 {
    font-size: 44.8px !important;
    line-height: 1.1 !important;
  }

  body.global-tech-page.service-pillar-page .site-footer {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}

/* The homepage treats mobile as its own 430px composition. Retain the same
   contract here so desktop canvas rules never leak into the phone layout. */
@media (max-width: 767px) {
  html.service-pillar-shell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-x: auto !important;
  }

  body.global-tech-page.service-pillar-page,
  body.global-tech-page.service-pillar-page main,
  body.global-tech-page.service-pillar-page main > section,
  body.global-tech-page.service-pillar-page .site-header,
  body.global-tech-page.service-pillar-page .site-footer {
    width: 430px !important;
    inline-size: 430px !important;
    min-width: 430px !important;
    min-inline-size: 430px !important;
    max-width: 430px !important;
    max-inline-size: 430px !important;
  }

  body.global-tech-page.service-pillar-page main {
    padding-top: 66px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header {
    height: 66px !important;
    min-height: 66px !important;
    padding: 10px 18px !important;
  }

  html.service-pillar-shell body.global-tech-page.service-pillar-page .site-header .site-nav {
    top: 66px !important;
    width: 430px !important;
  }

  body.global-tech-page.service-pillar-page .service-section,
  body.global-tech-page.service-pillar-page .service-rfq {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}

/* v11: keep the full-width homepage surfaces, but restore a deliberate
   internal composition. Long-form service content must not stretch simply
   because the background canvas is wider. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  body.global-tech-page.service-pillar-page .service-section {
    padding: 54px 64px 64px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro,
  body.global-tech-page.service-pillar-page .service-section__heading,
  body.global-tech-page.service-pillar-page .capability-list,
  body.global-tech-page.service-pillar-page .application-copy,
  body.global-tech-page.service-pillar-page .shape-gallery,
  body.global-tech-page.service-pillar-page .support-grid,
  body.global-tech-page.service-pillar-page .service-rfq__inner {
    width: 1792px !important;
    min-width: 1792px !important;
    max-width: 1792px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    margin-bottom: 34px !important;
    padding: 0 0 18px 22px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro > div:first-child {
    width: 780px !important;
    max-width: 780px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro > div:last-child {
    width: 900px !important;
    max-width: 900px !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading {
    display: block !important;
    margin-bottom: 32px !important;
    padding: 0 0 18px 22px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading .service-eyebrow,
  body.global-tech-page.service-pillar-page .service-section__heading h2,
  body.global-tech-page.service-pillar-page .service-section__heading > p,
  body.global-tech-page.service-pillar-page .service-section__heading > p:last-child {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: auto !important;
    align-self: auto !important;
  }

  body.global-tech-page.service-pillar-page .service-section__intro h2,
  body.global-tech-page.service-pillar-page .service-section__heading h2 {
    width: 780px !important;
    max-width: 780px !important;
  }

  body.global-tech-page.service-pillar-page .service-section__heading > p:not(.service-eyebrow) {
    width: 900px !important;
    max-width: 900px !important;
    margin: 16px 0 0 !important;
  }

  body.global-tech-page.service-pillar-page .capability-list {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.global-tech-page.service-pillar-page .capability-row,
  body.global-tech-page.service-pillar-page .capability-row:nth-child(4),
  body.global-tech-page.service-pillar-page .capability-row:nth-child(5) {
    grid-column: span 2 !important;
    min-height: 286px !important;
  }

  body.global-tech-page.service-pillar-page .capability-row:nth-child(4),
  body.global-tech-page.service-pillar-page .capability-row:nth-child(5) {
    grid-column: span 3 !important;
    min-height: 246px !important;
  }

  body.global-tech-page.service-pillar-page .service-diagram {
    width: 1440px !important;
    min-width: 1440px !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.global-tech-page.service-pillar-page #project-route {
    grid-template-columns: 400px 1280px !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-diagram,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy {
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    margin: 0 !important;
  }

  body.global-tech-page.service-pillar-page .geometry-copy,
  body.global-tech-page.service-pillar-page .materials-wrap,
  body.global-tech-page.service-pillar-page .application-copy,
  body.global-tech-page.service-pillar-page .delivery-copy,
  body.global-tech-page.service-pillar-page .related-resources {
    width: 1440px !important;
    min-width: 1440px !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.global-tech-page.service-pillar-page .application-copy {
    gap: 48px !important;
  }

  body.global-tech-page.service-pillar-page .delivery-copy,
  body.global-tech-page.service-pillar-page .related-resources {
    gap: 24px !important;
  }
}

/* v12: wide/zoomed desktop refinement. Extend visual surfaces and card grids
   into the extra viewport width, while keeping reading columns and engineering
   artwork at controlled sizes. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  body.global-tech-page.service-pillar-page .service-hero__inner {
    grid-template-columns: 820px minmax(860px, 1fr) !important;
    width: var(--desktop-bg-canvas) !important;
    min-width: 1920px !important;
    max-width: none !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media {
    width: 100% !important;
    min-width: 860px !important;
    max-width: none !important;
  }

  body.global-tech-page.service-pillar-page .service-hero__media img {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 484px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.global-tech-page.service-pillar-page .capability-list,
  body.global-tech-page.service-pillar-page .shape-gallery,
  body.global-tech-page.service-pillar-page .support-grid,
  body.global-tech-page.service-pillar-page .service-rfq__inner {
    width: calc(var(--desktop-bg-canvas) - 128px) !important;
    min-width: 1792px !important;
    max-width: none !important;
  }

  body.global-tech-page.service-pillar-page #project-route {
    grid-template-columns: 400px minmax(1280px, 1fr) !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-diagram,
  body.global-tech-page.service-pillar-page #project-route .project-stage-copy {
    width: 100% !important;
    min-width: 1280px !important;
    max-width: none !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-diagram__viewport {
    display: grid !important;
    place-items: start center !important;
  }

  body.global-tech-page.service-pillar-page #project-route .service-diagram__viewport img {
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    height: auto !important;
  }
}

/* v13: resolve the remaining desktop composition conflicts found during the
   2400px / 80% zoom audit. Keep the route heading inside its 400px rail,
   align long-form copy with the section heading, and tune Chinese-only card
   density without shortening the English layout. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  body.global-tech-page.service-pillar-page #project-route .service-section__heading h2,
  body.global-tech-page.service-pillar-page #project-route .service-section__heading > p:not(.service-eyebrow) {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
  }

  body.global-tech-page.service-pillar-page .application-copy,
  body.global-tech-page.service-pillar-page .delivery-copy,
  body.global-tech-page.service-pillar-page .related-resources {
    width: 1792px !important;
    min-width: 1792px !important;
    max-width: 1792px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html[lang^="zh"] body.global-tech-page.service-pillar-page .capability-row,
  html[lang^="zh"] body.global-tech-page.service-pillar-page .capability-row:nth-child(4),
  html[lang^="zh"] body.global-tech-page.service-pillar-page .capability-row:nth-child(5) {
    min-height: 238px !important;
  }

  html[lang^="zh"] body.global-tech-page.service-pillar-page .capability-row:nth-child(4),
  html[lang^="zh"] body.global-tech-page.service-pillar-page .capability-row:nth-child(5) {
    min-height: 220px !important;
  }

  body.global-tech-page.service-pillar-page #supporting-processes {
    padding-bottom: 44px !important;
  }

  body.global-tech-page.service-pillar-page #delivery {
    padding-top: 46px !important;
    border-top: 1px solid #dce7ee !important;
  }
}

/* v14: two-column commercial content should follow the expandable homepage
   canvas at zoomed-out desktop widths. A fixed 1792px rail left a visible
   empty strip while the neighboring card grids continued to the right edge. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  body.global-tech-page.service-pillar-page .application-copy,
  body.global-tech-page.service-pillar-page .delivery-copy,
  body.global-tech-page.service-pillar-page .related-resources {
    width: calc(var(--desktop-bg-canvas) - 128px) !important;
    min-width: 1792px !important;
    max-width: none !important;
  }
}

/* v15: the hero is a commercial visual, not a reference image. At zoomed-out
   desktop widths its frame becomes much wider than 16:9, so contain produces
   two empty side bands. Fill the frame and crop only the unused upper/lower
   blueprint background while keeping the product sequence centered. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine),
       (min-width: 981px) and (any-hover: hover) and (any-pointer: fine) {
  body.global-tech-page.service-pillar-page .service-hero__media img {
    object-fit: cover !important;
    object-position: center 50% !important;
  }
}